@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothambook-webfont.woff2") format("woff2"), url("fonts/gthm/gothambook-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothambookitalic-webfont.woff2") format("woff2"), url("fonts/gthm/gothambookitalic-webfont.woff") format("woff");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothammedium-webfont.woff2") format("woff2"), url("fonts/gthm/gothammedium-webfont.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothammediumitalic-webfont.woff2") format("woff2"), url("fonts/gthm/gothammediumitalic-webfont.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothambold-webfont.woff2") format("woff2"), url("fonts/gthm/gothambold-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Gotham;
	src: url("fonts/gthm/gothambolditalic-webfont.woff2") format("woff2"), url("fonts/gthm/gothambolditalic-webfont.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: MillerDisplay;
	src: url("fonts/millerdisplay/MillerDisplay-Bold.woff2") format("woff2"), url("fonts/millerdisplay/MillerDisplay-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: MillerDisplay;
	src: url("fonts/millerdisplay/MillerDisplay.woff2") format("woff2"), url("fonts/millerdisplay/MillerDisplay.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: AvnrTWS;
	src: url("fonts/AvenirRoman.woff2") format("woff2"), url("fonts/AvenirRoman.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: AvnrTWSItalic;
	src: url("fonts/Avenir-Oblique.otf") format("opentype"), url("fonts/Avenir-Oblique.woff") format("woff"), url("fonts/Avenir-Oblique.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: AvnrTWS;
	src: url("fonts/Avenir-Medium.woff2") format("woff2"), url("fonts/Avenir-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: AvnrTWS;
	src: url("fonts/Avenir-MediumOblique.woff2") format("woff2"), url("fonts/Avenir-MediumOblique.woff") format("woff");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: AvnrTWS;
	src: url("fonts/AvenirHeavy.woff2") format("woff2"), url("fonts/AvenirHeavy.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: WarnockTWS;
	src: url("fonts/WarnockPro-Regular.woff2") format("woff2"), url("fonts/WarnockPro-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: WarnockTWSCapt;
	src: url("fonts/WarnockPro-Capt.woff2") format("woff2"), url("fonts/WarnockPro-Capt.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: WarnockNewCapt;
	src: url("fonts/new/WarnockPro-Capt.woff2") format("woff2"), url("fonts/new/WarnockPro-Capt.woff") format("woff"), url("fonts/new/WarnockPro-Capt.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: WarnockNew;
	src: url("fonts/new/WarnockPro-Regular.woff2") format("woff2"), url("fonts/new/WarnockPro-Regular.woff") format("woff"), url("fonts/new/WarnockPro-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: twsarrow;
	src: url("fonts/twsarrow.ttf?cdvc7d") format("truetype"), url("fonts/twsarrow.woff?cdvc7d") format("woff");
	font-weight: normal;
	font-style: normal;
}

[class^="twsa-"],
[class*=" twsa-"] {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-family: twsarrow !important;
}

.twsa-left::before {
	content: "\e900";
}

.twsa-right::before {
	content: "\e901";
}

.twsa-down::before {
	content: "\e902";
}

.twsa-up::before {
	content: "\e903";
}

* {
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: AvnrTWS, sans-serif;
	-webkit-font-smoothing: antialiased;
}

p {
	font-family: AvnrTWS, sans-serif;
}

#wrapper {
	padding-top: 0px !important;
}

.homeSlider .tg_horizontal_gallery_wrapper .flickity-prev-next-button {
	background: transparent;
	opacity: 1;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:hover {
	left: 40px;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:hover {
	right: 40px;
}

.homeSlider .tg_horizontal_gallery_wrapper .tg_horizontal_gallery_cell img,
.mobileHomeSlider .elementor-image img {
	filter: grayscale(100%);
	transition: filter 1s ease-in-out !important;
}

.bgload {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
}

.homeSlider .tg_horizontal_gallery_wrapper .tg_horizontal_gallery_cell:hover img,
.mobileHomeSlider .elementor-image:hover img {
	filter: grayscale(0%);
}

#menu_wrapper #nav_wrapper .menu-item a {
	text-transform: uppercase;
	font-family: Gotham, sans-serif;
	font-weight: 300;
	padding-bottom: 0px;
	color: rgb(35, 31, 32) !important;
}

#wrapper .top_bar #menu_wrapper div .nav>li>a {
	font-size: 15px;
	color: rgb(111, 113, 115);
	line-height: 1.4;
	text-transform: none;
	font-weight: 500;
	display: block;
	margin-right: 0px;
	border-bottom: 2px solid transparent;
}

#wrapper .top_bar #menu_wrapper div .nav>li>a:hover,
#wrapper .top_bar #menu_wrapper div .nav>li.current-menu-item>a {
	color: rgb(35, 31, 32);
}

#wrapper .top_bar #menu_wrapper div .nav>li>a:hover {
	border-bottom: 2px solid rgb(35, 31, 32);
}

body.home #wrapper .top_bar #menu_wrapper div .nav li ul li a {
	color: rgb(255, 255, 255) !important;
}

body.home #wrapper .top_bar #menu_wrapper div .nav li ul li a:hover {
	color: rgb(111, 113, 115);
}

body.home #wrapper .top_bar #menu_wrapper div .nav>li>a {
	color: rgb(255, 255, 255);
}

body.home #wrapper .top_bar #menu_wrapper div .nav>li>a:hover {
	border-bottom: 1px solid rgb(255, 255, 255);
}

#wrapper .top_bar #menu_wrapper div .nav>li>a::before {
	display: none;
}


#wrapper .top_bar #menu_wrapper div .nav>li.menu-item-has-children>a::after {
	display: none;
}

#wrapper .top_bar #menu_wrapper div .nav li ul {
	background: transparent;
	border: 0px;
	box-shadow: none;
	margin-top: 4px;
	width: 210px;
}

#wrapper .top_bar #menu_wrapper div .nav li ul li {
	padding: 5px 0px 0px;
	line-height: 1;
	float: left;
	font-family: Gotham, sans-serif;
}

#wrapper .top_bar #menu_wrapper div .nav li ul li a::before {
	display: none;
}

#wrapper .top_bar #menu_wrapper div .nav li ul li a {
	margin-top: 0px;
	line-height: 13px;
}

#wrapper .top_bar #menu_wrapper div .nav li ul li.current-menu-item a,
#wrapper .top_bar #menu_wrapper div .nav li ul li a:hover {
	font-weight: bold;
}


#footer_wrapper {
	display: none;
}

.homeSlider .flickity-slider .tg_horizontal_gallery_cell.is-changed img {
	filter: grayscale(0%);
}



#aboutSection .elementor-image a {
	filter: grayscale(100%);
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
	width: 100%;
}

#aboutSection .elementor-image a:hover,
#aboutSection .linkTonyModal.active .elementor-image a,
#aboutSection .linkTeamModal.active .elementor-image a {
	filter: grayscale(0%);
}

.top_bar.scroll {
	box-shadow: none;
}

.aboutSelection .elementor-container>.elementor-column {
	position: relative;
}

#contactSection .elementor-container {
	max-width: 100%;
	padding-left: 25%;
	color: rgb(255, 255, 255);
	margin-right: 0;
	margin-left: 0;
	padding-right: 5%;
	/* display: block; */
}

#contactSection.contactBox {
	background-size: cover;
	background-position: 50% 100%;
	/* height: 100% !important; */
}

#contactSection .headerContact {
	/* padding-left: 100px; */
}

#contactSection .elementor-container>.addressData.office {
	/* padding-left: 100px; */
}

#contactSection .elementor-container>.addressData .elementor-widget-wrap {
	padding: 0;
}

#contactSection .emailContact {
	/* padding-left: 100px; */
}

#contactSection .emailContact.socmedLink {
	padding-top: 5px;
}



#contactSection .elementor-column-gap-default>.elementor-container>.elementor-column>.elementor-element-populated {
	padding: 0px;
}

body.elementor-editor-active #page_content_wrapper .sidebar_content>.projectFilterWrapper,
body.elementor-editor-active #wrapper>.projectHeader,
body.elementor-editor-active #wrapper>.close_nav {
	display: none;
}

body.elementor-editor-active .sectionProjectDetail .infoProject {
	color: rgb(255, 255, 255);
	position: fixed;
	right: 0px;
	width: 50%;
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	padding: 30px;
	top: 0px !important;
}

body.elementor-editor-active .projectHeader .project_title,
body.elementor-editor-active .projectHeader .project_location {
	color: rgb(255, 255, 255);
}

body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 0px;
	width: 370px;
}

body:not(.elementor-editor-active).postid-895 .sectionProjectDetail .infoProject {
	width: 420px;
}

body:not(.elementor-editor-active).post-natasha-skin-center .sectionProjectDetail .infoProject {
	width: 370px;
}

body:not(.elementor-editor-active).post-providence .sectionProjectDetail .infoProject {
	width: 400px;
}

body:not(.elementor-editor-active).post-alam-sutera-residence .sectionProjectDetail .infoProject {
	width: 450px;
}

body:not(.elementor-editor-active) .infoProject {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease-in-out !important;
}



.infoProject.show {
	height: 100%;
}

body:not(.elementor-editor-active) .sectionProjectDetail .infoProject.show {
	height: 100%;
}


body:not(.elementor-editor-active) .infoProject>.elementor-container {
	color: rgb(255, 255, 255);
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	height: 100%;
	width: 100%;
	padding: 0px;
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}

body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-widget-wrap {
	padding: 50px 20px 60px;
	color: rgb(0, 0, 0);
}

body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-widget-wrap .elementor-element-populated {
	padding: 0px;
}

body:not(.elementor-editor-active).post-natasha-skin-center .infoProject>.elementor-container .elementor-container {
	padding-right: 10px;
}

body:not(.elementor-editor-active) .infoProject>.elementor-container::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 0.3s ease-in-out !important;
	-moz-transition: all 0.3s ease-in-out !important;
	-o-transition: all 0.3s ease-in-out !important;
	transition: all 0.3s ease-in-out !important;
}


body:not(.elementor-editor-active) .infoProject.show>.elementor-container::before {
	background: rgba(255, 255, 255, 0.9);
}

body:not(.elementor-editor-active) .popBoxInfo .close_nav {
	position: absolute;
	right: 15px;
	line-height: 1;
	z-index: 99;
}


body:not(.elementor-editor-active) .popBoxInfo .elementor-widget-container>.elementor-text-editor {
	display: none;
}

body:not(.elementor-editor-active) .infoProject.show .popBoxInfo .elementor-widget-container>.elementor-text-editor {
	display: block;
	clear: both;
}


body:not(.elementor-editor-active) .popBoxInfo p,
body:not(.elementor-editor-active) .popBoxInfo ul li {
	font-family: MillerDisplay, serif;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.5;
	transform: translate3d(0px, 0px, 1px);
	letter-spacing: 0.25px;
}

body:not(.elementor-editor-active) .popBoxInfo p sup {
	font-size: 9px;
	padding-left: 1px;
}

.mCSB_scrollTools .mCSB_draggerRail {
	display: none;
}

body:not(.elementor-editor-active) .popBoxInfo h4 {
	font-size: 14px;
	line-height: 1.2;
	color: rgb(255, 255, 255);
	margin-bottom: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	display: inline-block;
	margin-top: 10px;
	border-bottom: 1px solid rgb(255, 255, 255);
	font-family: AvnrTWS, sans-serif;
}

body:not(.elementor-editor-active) .popBoxInfo h4 strong {
	font-weight: normal;
	line-height: 1;
}


.popBoxInfo table tr th,
.popBoxInfo table tr td {
	padding: 5px 10px 5px 0px;
	border-bottom: 0px;
	font-family: WarnockNew, serif;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.popBoxInfo table tr th {
	font-weight: normal;
}

.popBoxInfo table tr th:first-child {
	width: 95px;
}


.mCSB_scrollTools .mCSB_dragger {
	display: none !important;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 12px;
}

body:not(.elementor-editor-active) .popBoxInfo p {
	padding-bottom: 0px;
	padding-top: 0px;
}

.popBoxInfo p strong {
	font-weight: normal;
	letter-spacing: 0.5px;
	display: inline-block;
	margin-top: 4px;
	width: 100%;
}

.popBoxInfo blockquote {
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}

.popBoxInfo blockquote p strong {
	display: inline;
	font-weight: 600;
}


body:not(.elementor-editor-active) .popBoxInfo ul li {
	margin-bottom: 0px;
}

body:not(.elementor-editor-active) .popBoxInfo ul {
	padding-left: 20px;
}

body:not(.elementor-editor-active) .projectHeader .category {
	font-family: MillerDisplay, serif;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 17px;
	display: block !important;
	letter-spacing: 0.25px;
}

body:not(.elementor-editor-active) .infoProject.show .projectHeader .category {
	opacity: 1;
}

body:not(.elementor-editor-active) .infoProject:not(.show) .projectHeader .category {
	display: none;
	opacity: 0;
}

.projectHeader .project_title,
.projectHeader .project_location {
	margin-bottom: 7px;
	display: inline-block;
	font-size: 23px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 21px;
	padding-bottom: 1px;
	text-transform: uppercase;
	color: rgb(35, 31, 32);
	border-bottom: 2px solid rgb(35, 31, 32);
	font-family: Gotham, sans-serif;
}

.projectHeader.lightTitle .project_title,
.projectHeader.lightTitle .project_location {
	color: rgb(255, 255, 255);
	border-bottom: 1px solid rgb(255, 255, 255);
}

.infoProject.show .projectHeader .project_title,
.infoProject.show .projectHeader .project_location {
	color: rgb(0, 0, 0);
	border-bottom: 2px solid rgb(0, 0, 0);
}

.infoProject .projectHeader .project_location {
	font-size: 14px;
	line-height: 1.3;
}

.projectHeader .project_location {
	margin-bottom: 25px;
	float: left;
	clear: both;
}

.infoProject .projectHeader .project_title {
	float: left;
	clear: both;
	line-height: 1;
}

.popBoxInfo .close_nav a.lnk_close {
	font-size: 18px;
	display: inline-block;
	width: 100%;
	text-align: right;
	font-family: AvnrTWS, sans-serif;
}

.popBoxInfo .close_nav a.lnk_open {
	font-size: 16px;
	width: 100%;
	text-align: right;
	display: none;
}

.infoProject .popBoxInfo .close_nav a.lnk_close {
	display: none;
}

.infoProject .popBoxInfo .close_nav a.lnk_open {
	margin-top: 41px;
	color: rgb(35, 31, 32);
}

.infoProject .popBoxInfo .close_nav.lightTitle a.lnk_open {
	color: rgb(255, 255, 255);
}

.infoProject.show .popBoxInfo .close_nav a.lnk_close {
	display: inline-block;
	color: #000000;
}

.infoProject.show .popBoxInfo .close_nav a.lnk_open {
	display: none;
}

.modalAbout {
	background: rgba(255, 255, 255, 0.95);
	color: rgb(0, 0, 0);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 100%;
	width: 100%;
	padding: 50px 40px;
	display: none;
}

.modalAbout.makeImpact {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	width: 450px;
	left: auto;
	padding: 30px 40px 30px 40px;
	background: rgba(255, 255, 255, 0.98);
}

.modalAbout.makeImpact .content {
	margin-top: 40px;
}

.modalAbout.makeImpact .content a {
	display: block;
	font-weight: bold;
}

.modalAbout.makeImpact .content p {
	letter-spacing: 0.5px;
}

.page-making-an-impact #wrapper .modalAbout.makeImpact>.elementor-container {
	padding: 0;
	max-width: 100%;
}

.modalAbout.tonnyProfile {
	right: -100%;
	left: auto;
}

.modalAbout.studioProfile {
	left: -100%;
	right: auto;
}

#aboutSection img {
	width: 100%;
}

.modalAbout h2,
.modalAbout h3 {
	color: rgb(0, 0, 0);
}

.modalAbout h2 {
	font-family: Gotham, sans-serif;
	font-size: 23px;
	line-height: 1;
	border-bottom: 1px solid rgb(255, 255, 255);
	padding-bottom: 2px;
	float: left;
	clear: both;
	margin-top: 6px;
	letter-spacing: 0.5px;
	font-weight: 500;
}

.modalAbout h3+h2 {
	float: left;
	clear: both;
	border-bottom: 2px solid rgb(0, 0, 0);
	line-height: 1;
	margin-top: 15px;
	margin-bottom: 10px;
}

.modalAbout h3+h2+h4 {
	font-size: 17px;
	float: left;
	clear: both;
	border-bottom: 2px solid rgb(0, 0, 0);
	line-height: 1;
	margin-top: 0px;
	margin-bottom: 25px;
	font-family: AvnrTWS, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 2px;
}

.modalAbout h3 {
	font-family: MillerDisplay, serif;
	font-size: 15px;
}

.modalAbout .elementor-widget-container {
	max-width: 440px;
	position: relative;
}

.modalAbout .elementor-widget-container .closeModal {
	content: "x";
	position: absolute;
	right: 0px;
	font-family: Gotham, sans-serif;
	font-size: 16px;
	line-height: 1;
	display: block;
	z-index: 99999;
	cursor: pointer;
	font-weight: 500;
}

.modalAbout p {
	font-family: MillerDisplay, serif;
	font-size: 13px;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.modalAbout h2+p {
	margin-top: 35px;
}

.modalAbout p,
.modalAbout blockquote p {
	padding-bottom: 0px;
	padding-top: 0px;
	clear: both;
	float: left;
	color: rgb(0, 0, 0);
	text-align: left;
	line-height: 1.6;
}

.modalAbout .heading .elementor-widget-container>p:first-child {
	margin: 0px;
}

.modalAbout blockquote {
	display: inline-block;
	width: 100%;
}


.contactBoxes.elementor-column .headerContact.socmedHeader p {
	margin-bottom: 0px;
}

.emailContact {
	padding-top: 10px;
}

.page-press-achievement #wrapper,
.page-press-achievement #wrapper,
.page-about #wrapper,
.page-about-studio #wrapper,
.page-about-tonny #wrapper {
	display: flex;
	flex-direction: column;
}

.page-about .header_style_wrapper,
.page-about-studio .header_style_wrapper,
.page-about-tonny .header_style_wrapper {
	position: static;
	order: 3;
}

.contactBoxes a {
	color: rgb(255, 255, 255);
}

.contactBoxes a:hover {
	text-decoration: underline;
	color: rgb(255, 255, 255);
}

.contactBoxes.elementor-column {
	font-size: 15px;
	font-family: AvnrTWS, sans-serif;
	line-height: 1.4;
}

.contactBoxes.elementor-column.address {
	padding-top: 100px;
}

.contactBoxes.elementor-column p {
	padding-top: 0px;
	padding-bottom: 5px;
	font-size: 15px;
	color: #000000;
	font-family: 'Gotham', sans-serif;
	font-weight: 400;
}

.contactBoxes.elementor-column .socmedLink {}

.contactBoxes.elementor-column .socmedLink a {
	float: left;
	margin-right: 3px;
}

.contactBoxes.elementor-column .socmedLink img {
	height: 21px;
	float: left;
}

.contactBoxes.elementor-column .socmedLink p {
	display: inline-block;
}

.contactBoxes.elementor-column p a {
	color: #000000;
}

.contactBoxes.elementor-column p.placeName,
.contactBoxes.elementor-column .headerContact p {
	padding-bottom: 5px;
	font-weight: bold;
	letter-spacing: 0.5px;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:disabled,
.tg_horizontal_gallery_wrapper .flickity-prev-next-button.prev:disabled,
.tg_horizontal_gallery_wrapper .flickity-prev-next-button:disabled {
	opacity: 0 !important;
}


body.post-project .tg_horizontal_gallery_wrapper .flickity-prev-next-button:hover {
	cursor: pointer;
}


.projectWrapper .ajax-load-more-wrap .alm-reveal .flickity-viewport {
	overflow: visible;
}

.projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap {
	width: 100%;
	overflow: hidden;
}

.projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.wide {
	/* width: 153%; */
	/* max-width: 153%; */
}

.projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.wideextra {
	/* width: 165%; */
	/* max-width: 165%; */
}

/* 
.projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.full {
	width: 145%;
	max-width: 145%;
} */

.projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.full {
	width: 100%;
	max-width: 100%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1 {
	width: 110%;
	background: rgb(0, 0, 0);
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1>div:first-child {
	width: 37.5%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1>div+div {
	width: 62.5%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1>div+div {
	width: 62.5%;
}

.page-residential .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1 {
	width: 130%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_4 {
	width: 120%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_4>div:first-child {
	width: 40%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_4>div+div {
	width: 60%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_4>div+div+div {
	width: 30%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_4>div+div+div+div {
	width: 30%;
}


.page-id-389 .projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 {
	width: 75%;
}

.page-id-389 .projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 .post_wrapper:first-child {
	width: 60%;
}

.page-id-389 .projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 .post_wrapper {
	width: 40%;
}


.page-id-389 .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 {
	width: 85%;
}

.page-id-389 .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 .post_wrapper:first-child {
	width: 60%;
}

.page-id-389 .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_5 .post_wrapper {
	width: 40%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap:last-child {
	width: 33.33%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_8:last-child {
	width: 43%;
}

.page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap:last-child .post_wrapper {
	width: 100%;
}

.projectWrapper .ajax-load-more-wrap .gridLast33 .alm-reveal .projectWrap:last-child {
	width: 33.33%;
}

.projectWrapper .ajax-load-more-wrap .gridLast33 .alm-reveal .projectWrap:last-child .post_wrapper {
	width: 100%;
}

.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child {
	width: 85%;
}


.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child .post_wrapper.grid_bigbox {
	width: 60%;
}

.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child .post_wrapper.grid_boxhalf {
	width: 40%;
}

.projectWrapper .ajax-load-more-wrap .gridLast25 .alm-reveal .projectWrap:last-child {
	width: 30%;
}

.projectWrapper .ajax-load-more-wrap .gridLast25 .alm-reveal .projectWrap.index_8 {
	width: 33.5%;
}

.projectWrapper .ajax-load-more-wrap .gridLast25 .alm-reveal .projectWrap:last-child .post_wrapper {
	width: 100%;
}

.projectWrapper .ajax-load-more-wrap .projectLayout .alm-reveal .projectWrap+.projectWrap {
	width: 33.33%;
}

.projectWrapper .ajax-load-more-wrap .projectLayout .alm-reveal .projectWrap+.projectWrap .post_wrapper {
	width: 100%;
}

.alm-btn-wrap {
	display: none !important;
}

.ajax-load-more-wrap .gridProject .post_wrapper {
	float: left;
	margin: 0px;
	overflow: hidden;
	position: relative;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper.text_ {
	position: absolute;
	bottom: 0px;
	z-index: 2;
	color: rgb(255, 255, 255);
	padding: 15px 20px;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out !important;
	-moz-transition: all 0.5s ease-in-out !important;
	-o-transition: all 0.5s ease-in-out !important;
	transition: all 0.5s ease-in-out !important;
}

.ajax-load-more-wrap .gridProject .post_header_title a {
	display: block;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .project_location,
.ajax-load-more-wrap .gridProject .post_content_wrapper .post_info_cat,
.ajax-load-more-wrap .gridProject .post_content_wrapper .post_info_cat a {
	color: rgb(255, 255, 255);
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_info_cat a:last-child {
	display: none;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail {
	margin-bottom: 0px;
	display: inline-block;
	font-family: WarnockNew;
	line-height: 1;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail span {
	font-family: MillerDisplay, serif;
	text-transform: none;
	font-size: 13px;
	letter-spacing: 0px;
	display: inline-block;
	margin: 0px;
	line-height: 1;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title,
.ajax-load-more-wrap .gridProject.layout2 .post_content_wrapper .post_header_title h5,
.ajax-load-more-wrap .gridProject.layout2 .post_content_wrapper .post_header_title a {
	color: rgb(255, 255, 255);
}

.ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .post_header_title h5,
.ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .post_header_title h5 a {
	color: rgb(0, 0, 0);
}

.ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .post_info_cat,
.ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .project_location {
	color: rgb(0, 0, 0);
}

.ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .post_header_title h5 a {
	border-bottom: 1px solid rgb(0, 0, 0);
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 {
	font-weight: 500;
	font-size: 15px;
	font-family: Gotham, sans-serif;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	display: inline-block;
}

.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 a {
	border-bottom: 1px solid rgb(255, 255, 255);
	padding-bottom: 2px;
	display: inline;
	line-height: 1.35;
}

.ajax-load-more-wrap .gridProject .post_wrapper {
	position: relative;
}

.ajax-load-more-wrap .gridProject .projectWrap:not(:first-child) {
	margin-left: -1px;
}

.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover {
	background: transparent;
	position: static;
}

.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover a {
	display: block;
	position: initial;
}


.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover:hover img,
.ajax-load-more-wrap .gridProject.layout2 .post_wrapper .post_img_hover.hover img {
	opacity: 1;
}

.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img {
	inset: 0px;
	width: 100%;
	position: absolute;
	object-position: 50% 70%;
	object-fit: fill;
	height: 100% !important;
}

.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover::before,
.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover::after,
.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover::before,
.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover::after {
	display: none;
}

.ajax-load-more-wrap .gridProject .post_img {
	position: static;
	margin: 0px auto;
	height: 0;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_box1 {
	width: 33.33%;
	height: 285px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_box2 {
	width: 33.33%;
	height: 315px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_boxhalf {
	width: 33.33%;
	height: 300px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontalhalf {
	width: 66.66%;
	height: 300px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontalhalf2 {
	width: 50%;
	height: 300px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_full {
	width: 100%;
	max-width: 100%;
	height: 600px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_tall {
	width: 33.33%;
	height: 600px;
	z-index: 2;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_bigbox {
	width: 50%;
	height: 600px;
	transform: scale(1);
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontal {
	width: 66.66%;
	height: 315px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_tall2 {
	width: 33.33%;
	height: 400px;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_box75 {
	width: 66.66%;
	height: 400px;
	overflow: hidden;
}

.ajax-load-more-wrap .gridProject .post_wrapper.grid_smallwide {
	width: 33.33%;
	height: 200px;
}

.ajax-load-more-wrap .gridProject .projectWrap {
	margin-left: -0.01%;
}

.ajax-load-more-wrap .gridProject .projectWrap:first-child {
	margin-left: 0px;
}


.ajax-load-more-wrap .gridProject .post_wrapper.pos_clear_position,
.pos_clear_position {
	clear: left !important;
}

.ajax-load-more-wrap .gridProject .post_wrapper.posforce_right,
.posforce_right {
	float: right !important;
	z-index: 2;
}

.ajax-load-more-wrap .gridProject .post_wrapper.title_up .post_content_wrapper.text_ {
	bottom: auto;
	top: 2px;
}

.mobileList .ajax-load-more-wrap .post_wrapper.title_up .post_content_wrapper.text_ {
	top: 120px;
}



.projectWrapper .mobileList .ajax-load-more-wrap .alm-reveal .flickity-viewport {
	overflow: hidden;
}


.ajax-load-more-wrap .gridProject .post_wrapper:hover .post_content_wrapper.text_ {
	opacity: 1;
}

.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition: filter 0.5s ease-in-out !important;
	-moz-transition: filter 0.5s ease-in-out !important;
	-o-transition: filter 0.5s ease-in-out !important;
	transition: filter 0.5s ease-in-out !important;
}

.ajax-load-more-wrap .gridProject .post_wrapper:hover .post_img_hover img {
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}


.tg_horizontal_gallery_wrapper .flickity-prev-next-button svg {
	display: none;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button {
	border-radius: 0px;
	font-size: 17px;
	outline: none;
	opacity: 1 !important;
	background: transparent !important;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button:focus {
	box-shadow: none;
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button::before {
	content: "";
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: rgb(255, 255, 255);
	font-family: twsarrow !important;
}

.sliderHome .tg_horizontal_gallery_wrapper .flickity-prev-next-button::before {
	color: rgb(0, 0, 0);
}

.sliderHome .tg_horizontal_gallery_wrapper .flickity-prev-next-button:hover::before {
	color: rgb(255, 255, 255);
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous::before {
	content: "\e900";
}

.tg_horizontal_gallery_wrapper .flickity-prev-next-button.next::before {
	content: "\e901";
}


.tabPress.elementor-element .contentPress a {
	display: block;
	margin-bottom: 5px;
	color: #231f20;
	font-weight: normal;
	letter-spacing: 0px;
}

.tabPress.elementor-element .contentPress a.active {}

.tabPress.elementor-element .contentPress a.active {
	font-weight: bold;
}

.projectFilterWrapper,
.projectFilterWrapper a {
	color: rgb(35, 31, 32) !important;
}

.projectFilterDetail .projectFilterWrapper {
	position: absolute;
	margin-left: 35px;
	margin-top: 35px;
	z-index: 99999;
}

.projectFilterDetail .projectFilterWrapper #project_menu .sub-menu {
	margin-top: 0px;
}

.projectFilterWrapper .nav ul li a,
.projectFilterWrapper div .nav li>a {
	display: inline-block;
	margin: 0px;
	color: rgb(102, 102, 102);
	font-size: 11px;
	padding: 0px;
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	transition: padding 0.3s !important;
}

.projectFilterWrapper div .nav li {
	line-height: 1;
}

.projectFilterWrapper div .nav li a {
	display: block;
	padding: 2px 5px;
	font-family: AvnrTWS, sans-serif;
	font-weight: 500;
	letter-spacing: 0.5px;
}


.projectFilterWrapper .nav ul li ul,
.projectFilterWrapper div .nav li ul {
	list-style: none;
	position: absolute;
	width: auto;
	height: 0px;
	padding: 0px;
	margin: 10px 0px 0px;
	border: 0px;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all 0.2s ease-out !important;
	-moz-transition: all 0.2s ease-out !important;
	-o-transition: all 0.2s ease-out !important;
	transition: all 0.2s ease-out !important;
}

.projectFilterWrapper div .nav>li>ul {
	background: rgba(0, 0, 0, 0.8);
	width: 336px;
	top: 62px;
}

.projectFilterWrapper div .nav>li>ul>li {
	padding: 9px 15px 8px 20px;
	z-index: 2;
}

.projectFilterWrapper div .nav>li>ul>li:first-child {
	/* padding-top: 20px; */
}

.projectFilterWrapper div .nav>li>ul>li:last-child {
	padding-bottom: 15px;
}

.projectFilterWrapper .nav>li {
	width: 585px;
}

.projectFilterWrapper .nav.is-active>li>ul,
.projectFilterWrapper .nav>li:hover>ul,
.projectFilterWrapper .nav>li>ul>li:hover>ul {
	z-index: 9999;
	opacity: 1;
	height: auto;
	transform: translate(0px, 0px);
	overflow: visible;
}


.projectFilterWrapper .nav>li>ul>li {
	position: relative;
}

.projectFilterWrapper .nav>li>ul a {
	color: rgb(255, 255, 255) !important;
}

.projectFilterWrapper .nav>li>ul>li>a {
	display: inline-block;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid transparent;
}

.projectFilterWrapper .nav>li>ul>li>a:hover,
.projectFilterWrapper .nav>li>ul>li.current-menu-item>a {
	border-bottom: 1px solid rgb(255, 255, 255);
}

.projectFilterWrapper .nav>li>ul>li>ul {
	left: 339px;
	top: 0px;
	background: rgba(255, 255, 255, 0.8);
	width: 210px;
	z-index: 9999;
}

.projectFilterWrapper .nav>li>ul>li>ul.cat_residential,
.projectFilterWrapper .nav>li>ul>li>ul.cat_hotel-leisure {
	position: fixed;
}

.projectFilterWrapper .nav>li>ul>li>ul>li {
	padding: 5px 15px 1px;
}

.projectFilterWrapper .nav>li>ul>li>ul>li .title {
	display: block;
	text-transform: none;
}

.projectFilterWrapper .nav>li>ul>li>ul>li a:hover .title {
	text-decoration: underline;
}

.projectFilterWrapper .nav>li>ul>li>ul>li .location {
	display: block;
	text-transform: none;
	font-family: AvnrTWSItalic, sans-serif;
}

.projectFilterWrapper .nav>li>ul>li>ul>li a {
	letter-spacing: 0px;
	font-family: AvnrTWS, sans-serif;
	line-height: 1.2;
}

.projectFilterWrapper .nav>li>ul>li>ul>li:first-child {
	padding-top: 15px;
}

.projectFilterWrapper .nav>li>ul>li>ul>li:last-child {
	padding-bottom: 15px;
}

.projectFilterWrapper .nav>li>ul>li>ul a {
	color: rgb(35, 31, 32) !important;
}

#project_menu .headerFilter {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	display: inline-block;
	color: rgb(35, 31, 32) !important;
}

.filter_lightTitle #project_menu .headerFilter {
	color: rgb(255, 255, 255) !important;
}

.tabPress.elementor-widget-accordion .elementor-accordion-item .elementor-tab-content:not(.elementor-active) {
	display: none;
}

#project_menu {
	padding-bottom: 0px;
	float: left;
	display: block;
	position: relative;
	height: 62px;
	padding-top: 0px;
	z-index: 9999;
	width: 100%;
}

.projectFilterWrapper .nav_wrapper_inner {
	width: 100%;
	display: inline-block;
}

.projectFilterWrapper .nav_wrapper_inner>div {
	/* height: 100%; */
	/* display: inline-block; */
	width: 100%;
	float: left;
}

.projectFilterWrapper .nav_wrapper_inner>div>div {
	display: inline-block;
	width: 100%;
	float: left;
}


#project_menu>li {
	display: inline-block;
	width: 100%;
}

#project_menu .headerFilter .text {
	font-size: 16px;
	font-family: Gotham, sans-serif;
	font-weight: 500;
	letter-spacing: 0px;
	line-height: 17px;
	display: inline-block;
	text-transform: none;
}

#project_menu .headerFilter .icon {
	margin-left: 7px;
	line-height: 20px;
	display: inline-block;
	font-size: 14px;
}

#project_menu .headerFilter .icon::before {
	content: "\e901";
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-family: twsarrow !important;
}

#project_menu .headerFilter:hover .icon::before,
#project_menu.is-active .headerFilter .icon::before,
.projectFilterWrapper.active #project_menu .headerFilter .icon::before,
.projectFilterWrapper.submenuactive #project_menu .headerFilter .icon::before,
.projectFilterWrapper.menuouteractive #project_menu .headerFilter .icon::before,
.projectFilterWrapper.nogo #project_menu .headerFilter .icon::before {
	content: "\e902";
}

.tabPress .elementor-accordion-item {
	margin-bottom: 10px;
	border: 0px;
	line-height: 1;
	display: inline-block;
	width: 100%;
}

.tabPress .elementor-tab-content {
	padding: 0px;
	border: 0px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px;
	font-family: Gotham, AvnrTWS, sans-serif;
	color: #231f20;
	letter-spacing: 0.5px;
	margin-top: 5px;
}


.tabPress .elementor-tab-content p {
	padding: 0px;
	line-height: 1.4;
}

.tabPress .elementor-tab-title {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
}

.tabPress .elementor-accordion .elementor-tab-title {
	padding: 0px;
	border: 0px;
}

.tabPress .elementor-accordion .elementor-tab-title a {
	font-weight: 500;
	font-size: 16px;
	font-family: Gotham, sans-serif;
	color: rgb(111, 113, 115);
	letter-spacing: 0.5px;
	line-height: 1;
	opacity: 1;
}

.tabPress .elementor-accordion .elementor-tab-title.elementor-active a {
	font-weight: bold;
	color: #000000;
}


.page-press-achievement #wrapper>.pressTitleWrapper,
.page-press-achievement #wrapper>.contentPressWrapper,
.page-press-achievement #wrapper>.tabPress {
	display: none;
}

.pressTitleWrapper {
	font-size: 18px;
	font-family: Gotham, AvnrTWS;
	font-weight: bold;
	letter-spacing: 0.5px;
	margin-top: 40px;
}

.pressTitleWrapper .pressTitle_text {
	margin-bottom: 30px;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}

.pressTitleWrapper .pressTitle_text .one {
	display: block;
	line-height: 1;
	border-bottom: 2px solid #231f20;
	float: left;
	margin-bottom: 5px;
	padding-bottom: 2px;
}

.pressTitleWrapper .pressTitle_text .two {
	display: block;
	line-height: 1;
	float: left;
	clear: both;
	border-bottom: 2px solid #231f20;
	padding-bottom: 2px;
}

.page-press-achievement .contentPressWrapper {
	margin-top: 60px;
}

.twsWrapper {
	text-align: center;
}

.tws_loading {
	width: 20px;
	height: 20px;
	animation-name: spin;
	background: url("assets/loading_tws.svg") 0% 0% / cover;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	display: inline-block;
}

.mobileVersion {
	display: none !important;
}


#editAdmin .editAdmin {
	position: fixed;
	right: 0;
	bottom: 1px;
	z-index: 99;
}

#editAdmin .editAdmin a {
	padding: 5px 10px 5px 10px;
	background-color: #000000;
	color: #ffffff;
	line-height: 1;
	font-size: 12px;
	font-weight: 500;
	border-radius: 5px 0 0 0;
}

#editAdmin .editAdmin a:hover {
	background-color: #222222;
	color: #ffffff;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

body.page-press-achievement .contentPressWrapper {
	-webkit-transition: all 1s ease-in-out !important;
	-moz-transition: all 1s ease-in-out !important;
	-o-transition: all 1s ease-in-out !important;
	transition: all 1s ease-in-out !important;
}


.contentPressWrapper .slideData .imagePress img {
	width: 100%;
}

.contentPressWrapper .slideData .imagePress {
	width: 100%;
}

.contentPressWrapper .slideData .postContent .desc {
	color: rgb(111, 113, 115);
	font-family: WarnockNew, serif;
	font-size: 18px;
	display: none;
}

.elementor-section.elementor-section-boxed>.elementor-container {
	max-width: 100%;
}

.contentPressWrapper .slideData .postContent .desc .navWrap {
	float: right;
	margin-right: -3px;
}

.postContent .desc .navWrap a {
	line-height: 1;
	font-size: 17px;
}

.sliderHome.elementor-section {
	background-color: rgb(255, 255, 255) !important;
}

.sectionProjectDetail {
	background-color: rgb(255, 255, 255) !important;
}

body.page-press-achievement {
	background-color: rgb(35, 31, 32) !important;
}

body.page-projects .ajax-load-more-wrap .gridProject .post_content_wrapper .project_location {
	display: none;
}

body:not(.page-projects) .ajax-load-more-wrap .gridProject .post_content_wrapper .post_info_cat {
	display: none;
}


.popupChat-toggle {
	position: fixed;
	top: calc(95vh - 220px);
	right: 30px;
	z-index: 99998;
	width: 50px;
	height: 50px;
	background: transparent;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.25s ease, background 0.25s ease;
	padding: 0;
}

.popupChat-toggle:hover {
	transform: scale(1.08);
}

.popupChat-toggle svg {
	width: 40px;
	height: 40px;
	fill: #000000;
}

.popupChat-toggle.is-active {
	display: none;
}

/* ── Popup Chat Box ── */
.popupChat-box {
	position: fixed;
	top: calc(95vh - 308px);
	right: 15px;
	z-index: 99999;
	width: 291px;
	background: #222;
	color: #fff;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	display: none;
	flex-direction: column;
	overflow: hidden;
}

.popupChat-box.is-open {
	display: flex;
	right: 0px;
	top: calc(95vh - 311px);
}

/* Header */
.popupChat-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px 10px 18px;
}

.popupChat-header h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Gotham', sans-serif;
}

.popupChat-close {
	background: none;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	line-height: 1;
	padding: 0 2px;
	opacity: 0.7;
	transition: opacity 0.2s;
}

.popupChat-close:hover {
	opacity: 1;
}

/* Body */
.popupChat-body {
	padding: 10px 18px 14px;
	background-color: #ffffff;
	color: #000000;
}

.popupChat-body p {}

.contactBoxes.elementor-column .popupChat-body input[type="text"] {
	background-color: #eeeeee;
	padding: 10px 10px 10px 10px;
	border: 0;
	font-size: 14px;
	margin-top: 3px;
}

.contactBoxes.elementor-column .popupChat-body p {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: #000000;
	font-family: 'Gotham', sans-serif;
	font-weight: 300;
}

/* Input */
.popupChat-input {
	width: 100%;
	padding: 12px 14px;
	font-size: 13px;
	border: 1px solid #555;
	background: transparent;
	color: #fff;
	outline: none;
	box-sizing: border-box;
	transition: border-color 0.2s;
}

.popupChat-input::placeholder {
	color: #888;
	font-style: italic;
}

.popupChat-input:focus {
	border-color: #25D366;
}

.elementor-editor-active .projectHeader+.elementor-text-editor {
	clear: both;
}

.infoProject .text_description {
	display: none;
}

.sectionProjectDetail .infoProject.show .text_description {
	display: block;
}

.mCSB_outside+.mCSB_scrollTools {
	position: static;
	opacity: 1;
}


.mCustomScrollBox:hover~.mCSB_scrollTools {
	opacity: 1;
}


.mCustomScrollBox~.mCSB_scrollTools .mCSB_draggerContainer {
	opacity: 0;
}

.mCustomScrollBox:hover~.mCSB_scrollTools .mCSB_draggerContainer {
	opacity: 0.5;
}

.mCSB_outside+.mCSB_scrollTools .mCSB_draggerContainer {
	width: 16px;
	right: 0px;
	left: auto;
}


.mCSB_scrollTools .mCSB_buttonDown {
	opacity: 1;
	font-size: 18px;
	right: 47%;
	left: auto;
	width: 20px;
	bottom: -35px;
	background: none !important;
}

.mCSB_scrollTools .mCSB_buttonDown:hover {
	opacity: 1;
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-image: none;
	font-size: 18px;
	right: 47%;
	left: auto;
	width: 20px;
	top: 0px;
	opacity: 1;
	display: none !important;
}

.mCSB_scrollTools .mCSB_buttonUp::before {
	content: "\e903";
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: rgb(255, 255, 255);
	font-family: twsarrow !important;
}

.mCSB_scrollTools .mCSB_buttonDown::before {
	content: "\e902";
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: rgb(0, 0, 0);
	font-family: twsarrow !important;
}


.homeSlider .homeSlideReady .tg_horizontal_gallery_cell {
	margin-left: -1px;
}

.homeSlider .homeSlideReady .tg_horizontal_gallery_cell img {
	width: 100%;
	object-position: 50% 50%;
	object-fit: cover;
	height: 100% !important;
}

body.parent-projects .elementor-widget-container>p {
	display: none;
}


body.post-project .projectSlideReady .tg_horizontal_gallery_cell img {
	min-width: 100%;
}




.imageProject .elementor-column>.elementor-element-populated {
	padding: 0px !important;
}

.imageGalleryData .flickity-prev-next-button svg {
	display: none;
}

.imageGalleryData .flickity-prev-next-button {
	border-radius: 0px;
	font-size: 24px;
	outline: none;
	opacity: 1 !important;
	background: transparent !important;
}


.imageGalleryData .flickity-prev-next-button.previous {
	left: -45px;
}

.imageGalleryData .flickity-prev-next-button.next {
	right: -45px;
}

.imageGalleryData .flickity-prev-next-button:disabled {
	opacity: 0 !important;
}

.imageGalleryData .flickity-prev-next-button:focus {
	box-shadow: none;
}

.imageGalleryData .flickity-prev-next-button::before {
	content: "";
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #333333;
	font-family: twsarrow !important;
}

.imageGalleryData .flickity-prev-next-button.previous::before {
	content: "\e900";
}

.imageGalleryData .flickity-prev-next-button.next::before {
	content: "\e901";
}

.imageGalleryData .flickity-prev-next-button:hover::before {
	color: #000000;
}

body.modalview #perspective {
	perspective: none;
	position: relative;
	top: 0px;
	/* overflow-x: hidden; */
}

body.modalview #wrapper {
	position: relative;
	top: 0px;
	overflow: auto;
}

body.js_nav #wrapper {
	transform: none;
}

body.js_nav .mobile_menu_wrapper {
	display: none;
}

html {
	overflow-y: hidden !important;
}

html::-webkit-scrollbar {
	display: none;
}

.wrapperContact {}

.wrapperContact .form-item {}

.wrapperContact input,
.wrapperContact textarea {
	padding: 12px 15px 11px 15px;
	font-family: 'Gotham', sans-serif !important;
	font-size: 14px !important;
	border: 0;
	font-weight: 500 !important;
}

.wrapperContact input {
	text-transform: uppercase;
}

.wrapperContact textarea {}

.wrapperContact .buttonAct .wpcf7-submit {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	float: right;
	padding-top: 5px;
	font-size: 14px !important;
	letter-spacing: 2px;
	font-family: 'Gotham', sans-serif !important;
	font-weight: 500 !important;
}

.contactBoxes.message .elementor-widget-container>p {
	padding-left: 0 !important;
}

.contactBoxes.message .elementor-widget-container>p:first-child {
	padding-left: 15px;
	font-size: 14px;
	padding-right: 15px;
	margin-bottom: 5px;
	color: #ffffff;
}

.contactBoxes.message .elementor-widget-container {
	width: 510px !important;
	max-width: 100%;
}

#main_menu>.menu-item {
	width: 145px;
}

@media (min-width: 2100px) {
	.contactBoxes.elementor-column {
		padding-bottom: 50px;
	}

	#contactSection>.elementor-container>.elementor-container>.elementor-element {
		padding-left: 0px;
	}

	#contactSection .elementor-container {
		max-width: 1300px;
	}

	.tg_horizontal_gallery_wrapper .flickity-prev-next-button {
		font-size: 24px;
	}

	.imageGalleryData .flickity-prev-next-button {
		font-size: 24px;
	}

	.pressTitleWrapper .pressTitle_text {
		font-size: 36px;
	}

	.tabPress .elementor-accordion .elementor-tab-title a {
		font-size: 24px;
	}

	.tabPress.elementor-element .contentPress a {
		font-size: 24px;
	}



	.contentPressWrapper .slideData .postContent {
		max-width: 100%;
	}

	.contentPressWrapper .slideData .postContent iframe {
		width: 1000px;
		height: 563px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 {
		font-size: 28px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail span {
		font-size: 22px;
	}

	body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
		width: 600px;
	}

	body:not(.elementor-editor-active) .projectHeader .category {
		font-size: 23px;
	}

	.popBoxInfo .close_nav a.lnk_close {
		font-size: 26px;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		font-size: 31px;
	}

	.infoProject .projectHeader .project_title,
	.projectHeader .project_location {
		line-height: 1.1;
	}

	body:not(.elementor-editor-active) .popBoxInfo p,
	body:not(.elementor-editor-active) .popBoxInfo ul li {
		font-size: 21px;
		line-height: 1.6;
	}

	.projectFilterDetail .projectFilterWrapper {
		margin-left: 70px;
		margin-top: 70px;
	}

	#project_menu .headerFilter .text {
		font-size: 22px;
	}

	.projectFilterWrapper div .nav li a {
		font-size: 18px;
	}

	#contactSection .emailContact,
	#contactSection .headerContact,
	#contactSection .elementor-container>.addressData.office {
		padding-left: 485px;
	}


	.ajax-load-more-wrap .gridProject .post_wrapper.project_1271 .post_img_hover img {
		object-position: 100% 50%;
	}

	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: relative !important;
		z-index: 2147483647;
	}

	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		padding: 0px;
	}

	.page-press-achievement .header_style_wrapper #logo_wrapper::after,
	.home .header_style_wrapper #logo_wrapper::after,
	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.parent-projects .header_style_wrapper #logo_wrapper::after {
		width: 200%;
		top: 0px;
		height: 12px;
		left: 204px;
	}

	#contactSection .elementor-container>.addressData {
		width: 38%;
	}

	#contactSection .elementor-container>.addressData.office {
		width: 65%;
	}

	.header_style_wrapper #logo_wrapper::before {
		font-size: 20px;
	}

	.post-project .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-contact .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		left: 113px;
		top: 2px;
		height: 12px;
	}

	.modalAbout {
		padding: 70px 100px 70px 50px;
	}

	.modalAbout p {
		font-size: 23px;
		line-height: 1.5;
	}

	.modalAbout h2 {
		font-size: 42px;
	}

	.modalAbout h3 {
		font-size: 25px;
	}

	.modalAbout .elementor-widget-container .closeModal {
		font-size: 26px;
	}

	.modalAbout .elementor-widget-container {
		max-width: 800px;
	}

	body.page-press-achievement .elementor-section-wrap .pressSection {
		padding-bottom: 50px;
	}

	#wrapper .top_bar #menu_wrapper div .nav>li>a {
		font-size: 20px;
	}

	#menu_wrapper #main_menu .menu-item {
		margin-right: 30px;
	}

	.header_style_wrapper #menu_wrapper {
		width: 650px !important;
		height: auto !important;
	}

	#wrapper .top_bar #menu_wrapper div .nav li ul li a {
		font-size: 18px;
		line-height: 1.3;
	}

	#wrapper .top_bar #menu_wrapper div .nav li ul {
		width: 310px;
	}


	.header_style_wrapper .logo_wrapper img {
		height: 165px;
		width: 150px;
	}
}

@media (min-width: 2400px) {
	.parent-projects #page_content_wrapper {
		max-width: 2000px;
	}

	.parent-projects .header_style_wrapper #logo_wrapper::after {
		width: 1502px;
	}
}

@media (min-width: 653px) {
	#aboutSection img {
		width: 100%;
		left: 0px !important;
		height: auto !important;
	}
}

@media (min-width: 1025px) {
	#wrapper .columnAbout .elementor-widget-image img {}

	#wrapper .columnAbout .elementor-widget-image a {
		display: block;
	}

	.ajax-load-more-wrap .gridProject .post_wrapper {
		transform: scale(1.01, 1.02);
	}

	.post-project .sectionProjectDetail .tg_horizontal_gallery_cell {
		transform: scale(1.005, 1.005);
	}

	.contentPressWrapper .slideData .postContent iframe {
		width: 100%;
		height: 480px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}


	.projectWrapper .ajax-load-more-wrap .boxKiri {
		content: "";
		height: 100%;
		width: 50%;
		position: absolute;
		left: -50%;
		background: rgb(255, 255, 255);
		z-index: 3;
		transform: scale(1.02, 1.02);
	}

	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button {
		margin-top: 15px;
	}

	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		right: 40px;
		position: fixed;
		margin-top: 0px;
	}

	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous {
		margin-top: 0px;
		position: fixed;
		left: auto;
		margin-left: 40px;
	}

	#close_mobile_menu {
		display: none;
	}

	.parent-projects #page_content_wrapper,
	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section,
	.header_style_wrapper .top_bar .standard_wrapper,
	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper {
		/* max-width: 1330px; */
		width: 100%;
		box-sizing: border-box;
		margin: auto;
		padding: 0px;
	}

	#aboutSection img {
		position: relative;
	}

	.parent-projects #page_content_wrapper,
	.parent-projects .header_style_wrapper .standard_wrapper,
	.projectFilterWrapper {
		max-width: 1350px !important;
	}

	.page-projects.parent-projects #page_content_wrapper,
	.page-projects.parent-projects .header_style_wrapper .standard_wrapper,
	.page-projects .projectFilterWrapper {
		max-width: 1080px !important;
	}

	.parent-projects .header_style_wrapper #logo_wrapper::after {
		width: 200% !important;
	}

	.page-making-an-impact #wrapper .elementor-section .elementor-container,
	.page-making-an-impact .header_style_wrapper .top_bar .standard_wrapper,
	.page-press-achievement #wrapper .elementor-section .elementor-container,
	.page-press-achievement .header_style_wrapper .top_bar .standard_wrapper,
	.page-making-an-impact .header_style_wrapper .top_bar .standard_wrapper {
		max-width: calc(100vw - 110px) !important;
		width: 100%;
		box-sizing: border-box;
		padding: 0px 90px;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container {}

	.page-press-achievement #wrapper .elementor-section .elementor-container .elementor-column {

		height: 100%;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container .elementor-column.sidebarPress {
		width: 35%;
		padding-left: 90px;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container .elementor-column.contentPress {
		width: 60%;
	}

	.page-making-an-impact .header_style_wrapper .top_bar .standard_wrapper {
		/* padding: 0px; */
	}

	.contentPressWrapper .slideData .postContent {
		max-width: 720px;
	}

	.projectFilterWrapper div .nav>li>ul {
		width: 362px;
		z-index: 0;
		/* width: 33.33%; */
		width: 33.5%;
	}


	body:not(.project_one_only).parent-projects .header_style_wrapper #logo_wrapper::after {
		width: 200% !important;
	}


	.parent-projects .header_style_wrapper .standard_wrapper {
		/* max-width: 1349px; */
	}

	.pressSection.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0px 90px;
		max-width: 1280px;
	}

	.header_style_wrapper .top_bar .standard_wrapper,
	.projectFilterWrapper {
		height: auto;
		max-width: 1150px;
	}

	.header_style_wrapper .top_bar .standard_wrapper {
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper {
		padding-left: 0 !important;
	}

	.projectFilterWrapper {
		margin: 0 auto;
	}


	.page-contact .header_style_wrapper .top_bar .standard_wrapper {
		max-width: 1330px;
	}


	.header_style_wrapper #logo_wrapper::before {
		content: "TWS&PARTNERS";
		position: absolute;
		left: 100px;
		top: 2px;
		color: rgb(255, 255, 255);
		z-index: 3;
		font-family: AvnrTWS, sans-serif;
		letter-spacing: 4px;
		margin-top: -25px;
		font-size: 14px;
		font-weight: 300;
	}



	body.admin-bar .header_style_wrapper {
		padding-top: 0px;
	}



	body .header_style_wrapper {
		background: rgb(255, 255, 255);
	}

	body.home .header_style_wrapper {
		background: transparent;
	}

	.header_style_wrapper {
		bottom: 0px;
		top: auto;
		padding-bottom: 5%;
	}

	.post-project #wrapper,
	.parent-projects #wrapper {
		display: flex;
		flex-direction: column;
	}

	.post-project .header_style_wrapper,
	.parent-projects .header_style_wrapper {
		position: static;
		order: 3;
	}

	.parent-projects .header_style_wrapper .top_bar {
		position: relative;
	}

	.parent-projects .header_style_wrapper .top_bar::before {
		content: "";
		top: 0px;
		position: absolute;
		right: 0px;
		width: 100%;
		background: rgb(255, 255, 255);
		height: 100%;
		margin-right: -50%;
	}

	.header_style_wrapper #logo_wrapper {
		overflow: visible;
		position: relative;
		margin-top: -2px;
		max-width: 100%;
		/* padding-left: 90px; */
	}

	.header_style_wrapper #menu_wrapper {
		position: absolute;
		top: 7px;
		left: 50%;
		width: 486px !important;
		margin-left: -205px !important;
	}

	.header_style_wrapper #menu_wrapper {
		width: 570px !important;
	}

	.header_style_wrapper #menu_wrapper #nav_wrapper .nav_wrapper_inner {
		vertical-align: text-bottom;
	}

	.header_style_wrapper #menu_wrapper #nav_wrapper .nav_wrapper_inner #main_menu {
		margin-left: 5%;
		margin-top: 3px;
	}

	.header_style_wrapper #menu_wrapper #nav_wrapper .nav_wrapper_inner .nav {
		text-align: left;
	}

	#menu_wrapper #main_menu .menuProject {
		min-width: 90px;
	}

	#menu_wrapper #main_menu .menuContact {
		min-width: 70px;
	}

	#menu_wrapper #main_menu .menuAbout {
		min-width: 70px;
	}

	.header_style_wrapper #logo_wrapper::after {
		content: "";
		display: block;
		height: 7px;
		background: rgb(35, 31, 32);
		position: absolute;
		left: 72px;
		top: 1px;
		width: 1170px;
	}

	.page-about .header_style_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper #logo_wrapper::after {
		left: 71px;
	}



	.post-project .header_style_wrapper #logo_wrapper::after {
		width: 200%;
	}

	.home .header_style_wrapper #logo_wrapper::after {
		width: 200%;
	}

	.page-press-achievement .header_style_wrapper #logo_wrapper::after,
	.page-making-an-impact .header_style_wrapper #logo_wrapper::after {
		width: 200%;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.post-project .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-contact .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 200%;
		height: 7px;
	}


	.header_style_wrapper .logo_wrapper img {
		height: 100px;
		width: 100px;
		margin-left: -5px;
	}

	.parent_projects .header_style_wrapper .logo_wrapper img {
		margin-left: 0px;
	}

	.page-press-achievement .header_style_wrapper #logo_wrapper::before {
		color: #231F20;
	}

	.elementor-section.elementor-section-boxed>.elementor-container .elementor-container {
		padding: 0px;
	}

	#contactSection .elementor-container .elementor-container {
		padding: 0px;
	}
}

@media (min-width: 1025px) {

	body.page-about,
	body.page-about-studio,
	body.page-about-team,
	body.page-about-tonny {
		overflow: hidden !important;
	}

	body.page-about #wrapper,
	body.page-about-studio #wrapper,
	body.page-about-team #wrapper,
	body.page-about-tonny #wrapper {
		display: flex;
		flex-direction: column;
		overflow: hidden;
		height: 100%;
	}

	body.page-about #wrapper>.elementor,
	body.page-about-studio #wrapper>.elementor,
	body.page-about-team #wrapper>.elementor,
	body.page-about-tonny #wrapper>.elementor {
		flex: 1 1 0%;
		min-height: 0px;
		overflow: hidden;
		z-index: 999;
	}

	.modalAbout .content .elementor-widget-container {
		max-height: 350px;
		overflow: hidden;
		padding-bottom: 30px;
	}

	body.page-about .mCSB_scrollTools .mCSB_buttonDown::before,
	body.page-about-studio .mCSB_scrollTools .mCSB_buttonDown::before,
	body.page-about-team .mCSB_scrollTools .mCSB_buttonDown::before,
	body.page-about-tonny .mCSB_scrollTools .mCSB_buttonDown::before,
	body.page-about .mCSB_scrollTools .mCSB_buttonUp::before,
	body.page-about-studio .mCSB_scrollTools .mCSB_buttonUp::before,
	body.page-about-team .mCSB_scrollTools .mCSB_buttonUp::before,
	body.page-about-tonny .mCSB_scrollTools .mCSB_buttonUp::before {
		color: rgb(0, 0, 0);
	}

	body.page-about .modalAbout .content .mCSB_scrollTools .mCSB_buttonDown,
	body.page-about-studio .modalAbout .content .mCSB_scrollTools .mCSB_buttonDown,
	body.page-about-team .modalAbout .content .mCSB_scrollTools .mCSB_buttonDown,
	body.page-about-tonny .modalAbout .content .mCSB_scrollTools .mCSB_buttonDown {
		bottom: 0px;
	}

	body.page-about .header_style_wrapper,
	body.page-about-studio .header_style_wrapper,
	body.page-about-team .header_style_wrapper,
	body.page-about-tonny .header_style_wrapper {
		order: 3;
		padding-bottom: 4%;
		position: static !important;
	}

	body.page-about #wrapper .elementor-inner .elementor-section-wrap,
	body.page-about-studio #wrapper .elementor-inner .elementor-section-wrap,
	body.page-about-team #wrapper .elementor-inner .elementor-section-wrap,
	body.page-about-tonny #wrapper .elementor-inner .elementor-section-wrap {
		padding: 0px;
		max-width: 100% !important;
	}
}

@media (min-width: 1520px) {
	#wrapper .top_bar #menu_wrapper div .nav li ul li {
		padding: 4px 0px 0px;
	}


	.parent-projects .header_style_wrapper {
		position: static;
		order: 3;
	}

	.contactBoxes.elementor-column {
		/* padding-bottom: 150px; */
	}

	.modalAbout {
		padding: 80px 60px;
	}

	.modalAbout p {
		font-size: 13px;
		margin-bottom: 10px;
	}

	.modalAbout h2 {
		font-size: 28px;
	}

	.modalAbout h3 {
		font-size: 17px;
		line-height: 1;
	}

	.modalAbout .content .elementor-widget-container,
	.modalAbout .elementor-widget-container {
		max-width: 100%;
	}

	.modalAbout .content .elementor-widget-container {
		max-height: calc(100vh - 4vh - 110px - 200px);
	}

	.modalAbout .elementor-column {
		justify-content: center;
	}

	.modalAbout .elementor-widget-wrap {
		width: 534px;
	}

	#contactSection .elementor-container {
		/* max-width: 900px; */
	}

	#contactSection>.elementor-container>.elementor-container>.elementor-element {
		padding-left: 175px;
	}

	#contactSection>.elementor-container>.elementor-container {
		margin-top: 0px;
	}


	#contactSection .elementor-container>.addressData {
		width: 40%;
	}

	#contactSection .elementor-container>.addressData.office {
		width: 60%;
	}

}

@media (min-width: 1600px) {
	.contactBoxes.elementor-column {
		padding-bottom: 50px;
	}

	.parent-projects #page_content_wrapper,
	.header_style_wrapper .top_bar .standard_wrapper,
	.projectFilterWrapper {
		max-width: 1350px;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container {}

	.ajax-load-more-wrap .gridProject .post_wrapper.project_1271 .post_img_hover img {
		object-position: 100% 50%;
	}

	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: fixed;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper,
	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		/* max-width: 1600px; */
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	body.page-about #wrapper>.elementor::after,
	body.page-about-studio #wrapper>.elementor::after,
	body.page-about-team #wrapper>.elementor::after,
	body.page-about-tonny #wrapper>.elementor::after,
	body.page-about #wrapper>.elementor::before,
	body.page-about-studio #wrapper>.elementor::before,
	body.page-about-team #wrapper>.elementor::before,
	body.page-about-tonny #wrapper>.elementor::before {
		content: "";
		/* width: calc(50% - 800px); */
		position: fixed;
		top: 0px;
		height: 100%;
		z-index: 999;
		background-color: rgb(255, 255, 255);
	}

	body.page-about #wrapper>.elementor::before,
	body.page-about-studio #wrapper>.elementor::before,
	body.page-about-team #wrapper>.elementor::before,
	body.page-about-tonny #wrapper>.elementor::before {
		left: 0px;
	}

	body.page-about #wrapper>.elementor::after,
	body.page-about-studio #wrapper>.elementor::after,
	body.page-about-team #wrapper>.elementor::after,
	body.page-about-tonny #wrapper>.elementor::after {
		right: 0px;
	}

	#aboutSection img {
		position: relative;
	}

	#contactSection .elementor-container>.addressData {
		width: 38%;
	}

	#contactSection .elementor-container>.addressData.office {
		width: 65%;
	}

	.header_style_wrapper #logo_wrapper::before {
		font-size: 15px;
	}

	.modalAbout {
		padding: 30px 50px 30px 50px;
	}

	.modalAbout p {
		font-size: 13px;
		line-height: 1.5;
	}

	.modalAbout h2 {
		font-size: 21px;
	}

	.modalAbout h3+h2+h4 {
		font-size: 14px;
	}

	.modalAbout h3 {
		font-size: 17px;
	}

	.modalAbout .elementor-widget-container {
		max-width: 600px;
	}

	body.page-press-achievement .elementor-section-wrap .pressSection {
		padding-bottom: 50px;
	}

	.post-project .sectionProjectDetail .flickity-viewport,
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 700px !important;
	}
}

@media (min-width: 1720px) {
	body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img {
		height: 700px !important;
	}

	.modalAbout {
		padding: 30px 100px;
	}

	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		margin-top: 0px;
	}

	#aboutSection img {
		position: relative;
	}
}

@media (max-width: 1720px) and (min-height: 1200px) {
	#aboutSection img {
		top: 0px;
	}
}

@media (min-width: 1720px) and (min-height: 1024px) {
	#aboutSection img {
		top: 0px;
		position: relative;
	}

	body.page-about #wrapper,
	body.page-about-studio #wrapper,
	body.page-about-team #wrapper,
	body.page-about-tonny #wrapper {
		height: 100%;
	}
}

@media (min-width: 1780px) {

	.parent-projects #page_content_wrapper,
	.header_style_wrapper .top_bar .standard_wrapper,
	.projectFilterWrapper {

		max-width: 1450px;
	}
}

@media (min-width: 1850px) {
	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		margin-top: 0px;
	}
}

@media (min-width: 2000px) {
	body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img {
		height: 100% !important;
		width: auto !important;
	}

	body.post-project .projectSlideReady .tg_horizontal_gallery_cell img {
		height: 100% !important;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.parent-projects .header_style_wrapper #logo_wrapper::after {
		width: 200%;
		left: 75px;
	}

	.parent-projects #page_content_wrapper,
	.header_style_wrapper .top_bar .standard_wrapper,
	.projectFilterWrapper {
		max-width: 1800px;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper {
		overflow: hidden;
		padding-bottom: 80px;
	}

	body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 1601px) and (min-width: 1025px) {
	.contentPressWrapper .slideData .postContent .desc {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.contentPressWrapper .slideData .postContent {
		max-width: 600px;
	}

	.postContent .desc .navWrap a {
		font-size: 14px;
	}

	#wrapper .top_bar #menu_wrapper div .nav>li>a {
		font-size: 15px;
	}

	#menu_wrapper div .nav li {
		padding-top: 7px;
	}


	.pressTitleWrapper .pressTitle_text {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.page-press-achievement .contentPressWrapper {
		margin-top: 50px;
	}

	.pressSection.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0px;
		max-width: 920px;
	}


	.tabPress .elementor-accordion .elementor-tab-title a,
	.tabPress.elementor-element .contentPress a {
		font-size: 13px;
		line-height: 1;
	}

	.tabPress .elementor-tab-title {
		margin-bottom: 8px;
	}

	.tabPress .elementor-accordion-item {
		margin-bottom: 5px;
	}

	.tabPress.elementor-element .contentPress a {
		margin-bottom: 6px;
	}

	.tabPress .elementor-tab-content {
		margin-bottom: 5px;
		margin-top: 0px;
	}

	.contactBoxes.elementor-column p {
		font-size: 15px;
	}

	.contentPressWrapper .slideData {
		min-height: 500px;
	}
}

@media (min-width: 1521px) and (max-width: 1601px) {
	.modalAbout p {
		font-size: 13px;
		letter-spacing: 0.25px;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper {
		/* max-width: 1280px; */
	}


	.modalAbout h2 {
		font-size: 25px;
	}

	.modalAbout h2+p {
		margin-top: 25px;
	}

	.modalAbout {
		padding: 25px 30px 30px;
	}

	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		/* max-width: 100%; */
		/* width: 100%; */
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper {
		/* max-width: 100%; */
	}
}

@media (max-width: 1520px) and (min-width: 1025px) {
	.header_style_wrapper .top_bar .standard_wrapper {
		max-width: 1424px;
	}

	.modalAbout {
		padding: 40px;
	}

	.infoProject .projectHeader .project_title {
		margin-bottom: 4px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 {
		font-size: 17px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title {
		line-height: 1;
	}



	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button {
		margin-top: 12px;
	}

	.parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		margin-top: 0px;
	}

	#project_menu .headerFilter .text {
		font-size: 14px;
	}

	#project_menu .headerFilter {
		padding-left: 20px;
		padding-top: 25px;
		padding-bottom: 20px;
	}

	#project_menu {
		height: 65px;
	}

	.post-project .header_style_wrapper {
		position: fixed;
	}

	.parent-projects #page_content_wrapper {
		max-width: 1186px;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		font-size: 17px;
		line-height: 1;
	}

	.projectHeader .project_location {
		margin-bottom: 20px;
	}

	body:not(.elementor-editor-active) .projectHeader .category {
		font-size: 14px;
	}

	body:not(.elementor-editor-active) .popBoxInfo p {
		font-size: 14px;
	}

	.popBoxInfo .close_nav a.lnk_open {
		font-size: 15px;
	}

	.projectFilterWrapper div .nav>li>ul {
		width: 336px;
		top: 65px;
		width: 33.5%;
	}

	.projectFilterWrapper .nav>li>ul>li>ul {
		left: 336px;
	}

	.page-contact .contactBox {
		background-size: cover !important;
	}

	.modalAbout p {
		font-size: 14px;
		margin-bottom: 10px;
	}



	.page-contact .header_style_wrapper #menu_wrapper {
		margin-left: -205px !important;
	}

	.page-contact .contactBox {
		background-position: center -60px !important;
	}

	.contactBoxes.elementor-column {}

	#contactSection .elementor-container>.addressData {
		width: 40%;
	}

	#contactSection .elementor-container>.addressData.office {
		width: 60%;
	}

	.contactBoxes.elementor-column p {
		font-size: 15px;
	}

	.header_style_wrapper .top_bar .standard_wrapper {
		max-width: 1280px;
	}

	.header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 1073px;
		left: 70px;
		height: 7px;
	}



	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 1030px;
	}

	.parent-projects #page_content_wrapper,
	.header_style_wrapper .top_bar .standard_wrapper,
	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		max-width: 1100px;
	}

	.page-projects.parent-projects #page_content_wrapper {
		max-width: 980px;
	}

	.page-projects.parent-projects .header_style_wrapper .top_bar .standard_wrapper {
		/* max-width: 1170px; */
	}

	.page-press-achievement .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 200%;
	}

	.home .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 200%;
	}

	.header_style_wrapper .logo_wrapper img {
		height: 103px;
		margin-left: 0px;
		width: 87px;
	}

	#contactSection .elementor-container {}

	.contactBoxes.message .elementor-widget-container>p:first-child {}

	#contactSection>.elementor-container>.elementor-container {
		margin-top: 4%;
	}

	#contactSection .headerContact {
		padding-left: 100px;
	}

	#contactSection .elementor-container>.addressData.office {
		padding-left: 50px;
	}

	#contactSection .emailContact {
		padding-left: 100px;
	}

	body.page-press-achievement .elementor-section-wrap .pressSection {
		min-height: 100vh;
	}

	.contentPressWrapper .slideData .postContent .desc {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.contentPressWrapper .slideData .postContent {
		max-width: 600px;
	}

	.contentPressWrapper .slideData {
		min-height: 420px;
	}

	.postContent .desc .navWrap a {
		font-size: 14px;
	}

	body.page-press-achievement .elementor-section-wrap .pressSection {
		min-height: unset;
	}


	.pressTitleWrapper .pressTitle_text {
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.page-press-achievement .contentPressWrapper {
		margin-top: 50px;
	}

	.page-press-achievement .header_style_wrapper .top_bar .standard_wrapper {
		max-width: 1258px;
	}

	.page-press-achievement #wrapper .elementor-section .elementor-container {}

	.page-press-achievement #wrapper .elementor-section .elementor-container {
		max-width: 1250px;
		width: 100%;
		box-sizing: border-box;
		margin: auto;
		padding: 0px 90px;
	}

	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		/* max-width: 1280px; */
		/* width: 100%; */
		/* box-sizing: border-box; */
		/* margin: auto; */
		/* padding: 0px 90px; */
	}

	/* .elementor-section.elementor-section-boxed>.elementor-container,
	.header_style_wrapper .top_bar .standard_wrapper {
		max-width: 1280px;
	}
 */
	.pressSection.elementor-section.elementor-section-boxed>.elementor-container {
		padding: 0px;
		max-width: 920px;
	}

	.header_style_wrapper {
		padding-bottom: 50px;
		margin-top: -2px;
	}

	.page-about #wrapper .header_style_wrapper,
	.page-about-studio #wrapper .header_style_wrapper,
	.page-about-tonny #wrapper .header_style_wrapper {
		position: fixed;
	}


	#menu_wrapper .nav ul li ul li a,
	#menu_wrapper div .nav li ul li a,
	#menu_wrapper div .nav li.current-menu-parent ul li a {
		font-size: 11px !important;
	}

	#wrapper .top_bar #menu_wrapper div .nav li ul li {
		padding-top: 2px;
	}


	.tabPress .elementor-accordion .elementor-tab-title a,
	.tabPress.elementor-element .contentPress a {
		font-size: 13px;
		line-height: 1;
	}

	.tabPress .elementor-tab-title {
		margin-bottom: 4px;
	}

	.tabPress .elementor-accordion-item {
		margin-bottom: 2px;
	}

	.tabPress.elementor-element .contentPress a {
		margin-bottom: 5px;
	}

	.tabPress .elementor-tab-content {
		margin-bottom: 5px;
		margin-top: 0px;
	}
}

@media (max-width: 1400px) and (min-width: 1024px) {
	.header_style_wrapper #menu_wrapper #nav_wrapper .nav_wrapper_inner #main_menu {
		margin-left: 0px;
	}
}

@media (max-width: 1400px) and (min-width: 1025px) {


	body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl img {
		object-position: 100% 50%;
		height: 646px !important;
	}

	body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl img {
		height: 625px !important;
	}
}

@media (max-width: 1100px) and (min-width: 1025px) {
	.contactBoxes.elementor-column {
		padding-top: 20px;
	}
}

@media (max-width: 1024px) and (min-width: 769px) {
	.parent-projects .header_style_wrapper {
		position: static !important;
	}

	.page-about .header_style_wrapper,
	.page-about-tonny .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-press-achievement .header_style_wrapper,
	.page-contact .header_style_wrapper {
		position: static !important;
		order: 1;
	}

	.page-about .header_style_wrapper+div,
	.page-about-tonny .header_style_wrapper+div,
	.page-about-studio .header_style_wrapper+div,
	.page-press-achievement .header_style_wrapper+div,
	.page-contact .header_style_wrapper+div {
		order: 2;
	}


	.page-contact #wrapper {
		display: flex;
		flex-direction: column;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper,
	.page-press-achievement .header_style_wrapper .top_bar .standard_wrapper,
	.page-contact .header_style_wrapper .top_bar .standard_wrapper {
		width: 100%;
	}

	.page-about #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-studio #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-tonny #wrapper .elementor-inner .elementor-section-wrap,
	.page-press-achievement #wrapper .elementor-inner .elementor-section-wrap,
	.page-contact #wrapper .elementor-inner .elementor-section-wrap {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img {
		width: auto !important;
	}

	#logo_normal .logo_wrapper.hidden,
	#logo_normal .logo_wrapper {
		display: block;
	}

	#logo_normal .logo_transparent.hidden,
	#logo_normal .logo_transparent {
		display: none;
	}

	body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-widget-wrap {
		padding: 105px 20px 50px;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		font-size: 20px;
		margin-bottom: 5px;
	}

	body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
		top: 0px;
	}

	.page-about #mobile_nav_icon .ti-menu,
	.page-about-tonny #mobile_nav_icon .ti-menu,
	.page-about-studio #mobile_nav_icon .ti-menu,
	.page-about .mobile_menu_wrapper .mobile_main_nav>li>a,
	.page-about-tonny .mobile_menu_wrapper .mobile_main_nav>li>a,
	.page-about-studio .mobile_menu_wrapper .mobile_main_nav>li>a,
	.page-press-achievement #mobile_nav_icon .ti-menu,
	.page-press-achievement .mobile_menu_wrapper .mobile_main_nav>li>a,
	.page-contact #mobile_nav_icon .ti-menu,
	.page-contact .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(0, 0, 0) !important;
	}

	.parent-projects #mobile_nav_icon .ti-menu {
		color: rgb(0, 0, 0) !important;
	}

	.parent-projects .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(0, 0, 0) !important;
	}

	.parent-projects #mobile_nav_icon .ti-menu {
		color: rgb(0, 0, 0) !important;
	}

	.parent-projects .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(0, 0, 0) !important;
	}

	body.modalview.js_nav.parent-projects #wrapper {
		overflow: hidden;
	}
}

@media (max-width: 1710px) {
	.pressTitleWrapper .pressTitle_text {
		margin-bottom: 15px;
	}

	.pressTitleWrapper {
		margin-top: 25px;
	}

	body.page-press-achievement .contentPressWrapper {
		margin-top: 45px;
	}
}

@media (max-width: 1520px) {
	.ajax-load-more-wrap .gridProject .post_wrapper.project_357 .post_img_hover img {
		object-position: 50% 10% !important;
	}
}

@media (max-width: 1400px) {
	p {
		font-size: 15px;
	}
}

@media (max-width: 1280px) {

	#contactSection .elementor-container>.addressData.office,
	#contactSection .headerContact,
	#contactSection .emailContact {
		padding-left: 30px;
	}

	#contactSection .elementor-container {
		padding-left: 5%;
		padding-right: 5%;
	}

	#contactSection>.elementor-container>.elementor-container {
		margin-top: 7%;
	}

	.page-contact .contactBox {

		background-position: center 0px !important;
	}
}

@media (max-width: 1210px) {

	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		max-width: 100%;
		width: 1000px;
		padding: 0px;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper {
		width: 920px;
		max-width: 100%;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 890px;
	}

	.page-contact .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 890px;
	}

	.page-contact #wrapper .elementor-inner .elementor-section-wrap {
		max-width: 100%;
		padding: 0px;
	}

	.page-contact .header_style_wrapper .top_bar .standard_wrapper {
		width: 920px;
		max-width: 100%;
	}

	.page-contact .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 1200px;
	}
}

@media (max-width: 1200px) {}

@media (max-width: 1160px) {
	.modalAbout h2+p br {
		display: none;
	}
}

@media (max-width: 1099px) {
	.elementor-section.elementor-section-height-full {
		padding: 0px !important;
	}

	.parent-projects #wrapper {
		margin-left: 0px !important;
	}
}

@media (max-width: 1024px) {
	.contactBoxes.elementor-column p {
		font-size: 14px;
	}

	#contactSection .elementor-container>.addressData.office,
	#contactSection .headerContact,
	#contactSection .emailContact {
		padding-left: 0;
	}

	#contactSection .elementor-container>.addressData.office {
		padding-bottom: 30px;
	}

	.popupChat-toggle {

		top: auto;

		bottom: 30px;
	}

	.contactBoxes.elementor-column .socmedLink img {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(281deg) brightness(106%) contrast(101%);
	}

	.contactBoxes.elementor-column p,
	.contactBoxes.elementor-column p a {
		color: #ffffff
	}

	#contactSection .elementor-container .elementor-container {
		padding-left: 0;
	}

	#contactSection>.elementor-container {
		padding-left: 20px;
		padding-right: 20px;
		height: 100%;
	}

	html {
		overflow-y: auto !important;
	}

	#contactSection>.elementor-container>.elementor-column {
		padding-left: 7px;
		padding-right: 7px;
		width: 100%;
	}

	.contactBoxes.elementor-column.address {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	#contactSection.contactBox {
		padding-top: 30px !important;
		background-size: cover;
		height: 100%;
	}

	#contactSection>.elementor-container {
		display: block;
	}

	#contactSection>.elementor-container>.elementor-container {
		margin-top: 140px;
		padding-left: 20px;
	}

	#contactSection .elementor-container {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		display: block;
	}

	#contactSection>.elementor-container {
		display: flex;
	}

	#contactSection>.elementor-container>.contactBoxes {
		margin-top: 0;
		margin-left: 0;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#contactSection>.elementor-container>.contactBoxes.address {
		order: 1;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#contactSection>.elementor-container>.contactBoxes.message {
		padding-top: 30px !important;
		order: 2;
		padding-bottom: 150px !important;
	}

	#contactSection .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
		padding: 0;
	}

	#close_mobile_menu {
		display: none !important;
	}

	.modalAbout .elementor-widget-container .closeModal {

		right: 0px;

	}

	.page-about-tonny .rightColumn {
		display: none !important;
	}

	.page-about-studio .leftColumn {
		display: none !important;
	}


	#aboutSection.elementor-section .elementor-container {
		display: block;
	}

	#aboutSection.elementor-section .elementor-container .flickity-viewport {}

	#aboutSection.elementor-section .elementor-container .flickity-viewport .flickity-slider {
		/* transform: none !important; */
	}

	#aboutSection.elementor-section .elementor-container .elementor-column {
		width: 100%;
	}

	#aboutSection.elementor-section .elementor-container>.elementor-column {
		width: 100%;
		display: block;
	}

	#aboutSection .modalAbout .elementor-container>.elementor-column .elementor-element {
		display: inline-block;
		width: 100%;
	}

	.modalAbout .elementor-widget-container {
		max-width: 100%;
		width: 100%;
	}

	#aboutSection.elementor-section .elementor-container>.elementor-column>div {
		display: block;
		/* padding: 10px 30px; */
		padding: 0;
	}

	#aboutSection.elementor-section .elementor-container>.elementor-column .modalAbout {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	#aboutSection .modalAbout {
		right: auto;
		left: auto;
	}

	#aboutSection.elementor-section .elementor-container .elementor-widget-image a {
		display: block;
	}

	.page-about #wrapper .elementor-top-section,
	.page-about-studio #wrapper .elementor-top-section,
	.page-about-tonny #wrapper .elementor-top-section {
		max-width: 100%;
		width: 100%;
		padding: 0px;
	}

	.parent-projects #wrapper {
		margin-left: 0px !important;
	}


	.projectWrapper .ajax-load-more-wrap .alm-reveal .flickity-viewport {
		background: rgb(0, 0, 0);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.darkTitle .post_content_wrapper .post_header_title a,
	.ajax-load-more-wrap .gridProject .post_wrapper.darkTitle .post_content_wrapper .project_location {
		color: rgb(0, 0, 0);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.darkTitle .post_content_wrapper .post_header_title a {
		border-bottom: 1px solid rgb(0, 0, 0);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a,
	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .project_location {
		color: rgb(255, 255, 255);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a {
		border-bottom: 1px solid rgb(255, 255, 255);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.darkLocation .post_content_wrapper .project_location {
		color: rgb(0, 0, 0);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.lightLocation .post_content_wrapper .project_location,
	.ajax-load-more-wrap .gridProject .post_wrapper.darkTitle.lightLocation .post_content_wrapper .project_location {
		color: rgb(255, 255, 255);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.darkLocation .post_content_wrapper .project_location,
	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle.darkLocation .post_content_wrapper .project_location {
		color: rgb(0, 0, 0);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a,
	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .project_location {
		color: rgb(255, 255, 255);
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a {
		border-bottom: 1px solid rgb(255, 255, 255);
	}

	body:not(.elementor-editor-active).postid-895 .sectionProjectDetail .infoProject,
	body:not(.elementor-editor-active).postid-895 .sectionProjectDetail .infoProject,
	body:not(.elementor-editor-active).post-natasha-skin-center .sectionProjectDetail .infoProject,
	body:not(.elementor-editor-active).post-providence .sectionProjectDetail .infoProject,
	body:not(.elementor-editor-active).post-alam-sutera-residence .sectionProjectDetail .infoProject {
		width: 100%;
	}

	#project_menu .headerFilter .text {
		font-size: 13px;
	}

	.projectFilterWrapper div .nav>li>ul>li:first-child {
		padding-top: 20px;
	}

	#menu_wrapper {
		display: none !important;
	}

	body:not(.elementor-editor-active) .popBoxInfo .close_nav {
		right: 7px;
	}


	.darkNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button::before {
		color: rgb(0, 0, 0);
	}

	.darkLeftNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous::before {
		color: rgb(0, 0, 0);
	}

	.darkRightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous::before {
		color: rgb(0, 0, 0);
	}

	.lightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button::before {
		color: rgb(255, 255, 255);
	}

	.lightLeftNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous::before {
		color: rgb(255, 255, 255);
	}

	.lightRightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous::before {
		color: rgb(255, 255, 255);
	}

	.contactBoxes.elementor-column .headerContact p {
		margin-bottom: 15px;
		font-size: 16px;
	}

	.mobile_main_nav.mainnav_out {
		animation: auto ease 0s 1 normal none running none;
		display: block !important;
	}

	.mobile_main_nav.mainnav_in {
		animation: auto ease 0s 1 normal none running none;
	}

	.page-office .projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap:last-child,
	.projectWrapper .ajax-load-more-wrap .gridLast33 .alm-reveal .projectWrap:last-child,
	.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child,
	.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child .post_wrapper.grid_bigbox,
	.projectWrapper .ajax-load-more-wrap .gridLast75 .alm-reveal .projectWrap:last-child .post_wrapper.grid_boxhalf,
	.projectWrapper .ajax-load-more-wrap .projectLayout .alm-reveal .projectWrap+.projectWrap {
		width: 100%;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper.text_ {
		opacity: 1 !important;
	}

	.mobileList .ajax-load-more-wrap .post_wrapper:last-child .post_content_wrapper.text_ {
		top: 0.3cm;
	}

	.mobileList .ajax-load-more-wrap .post_wrapper:first-child:last-child .post_content_wrapper.text_ {
		top: 120px;
	}

	body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-widget-wrap {
		padding: 50px 20px;
	}

	body:not(.elementor-editor-active) .infoProject.show>.elementor-container .elementor-container {
		padding: 105px 20px 50px;
	}

	.projectHeader .project_location {
		margin-bottom: 10px;
	}

	body:not(.elementor-editor-active) .projectHeader .category {
		margin-bottom: 10px;
	}

	body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
		position: fixed;
		z-index: 1;
		top: 55px;
	}

	body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-widget-wrap {
		padding: 105px 20px 50px;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		font-size: 20px;
		margin-bottom: 5px;
	}

	body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
		top: 0px;
	}

	.mobileVersion {
		display: block !important;
	}

	.parent-projects .mobileVersion {
		display: none !important;
	}

	.desktopVersion {
		display: none !important;
	}

	.parent-projects .desktopVersion {
		display: block !important;
	}

	body.post-project .projectFilterDetail .projectFilterWrapper {
		margin-left: 0px;
		margin-top: 60px;
		float: right;
		width: auto;
		right: 0px;
		z-index: 999;
	}

	body.post-project .projectFilterDetail .projectFilterWrapper #project_menu {
		float: right;
		right: 12px;
		display: none;
	}

	body.post-project .projectFilterDetail .projectFilterWrapper #project_menu .sub-menu {
		right: 0px;
		left: auto;
	}


	body.home.elementor-fullscreen {
		overflow: auto;
	}

	.homeSlider .tg_horizontal_gallery_wrapper .tg_horizontal_gallery_cell img {
		height: auto !important;
		width: 100% !important;
	}

	.homeSlider .tg_horizontal_gallery_wrapper .tg_horizontal_gallery_cell {
		overflow: auto;
		height: auto !important;
	}

	.projectFilterWrapper {
		display: inline-block;
		width: 100%;
	}

	.parent-projects .projectFilterWrapper {
		position: fixed;
		top: 85px;
		z-index: 9;
	}

	.parent-projects .projectFilterWrapper div .nav>li>ul {
		top: 50px;
	}

	.parent-projects #project_menu .headerFilter {
		color: rgb(255, 255, 255) !important;
		padding-bottom: 5px;
	}

	.parent-projects #project_menu {
		height: 45px;
		display: none !important;
	}

	html.page-dark,
	.page-press-achievement {
		background-color: rgb(35, 31, 32) !important;
	}

	.contactBoxes.elementor-column {
		/* padding-top: 100px; */
	}

	.standard_wrapper {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	#project_menu .headerFilter {
		padding-top: 20px;
	}

	body.post-project #project_menu .headerFilter {
		padding-bottom: 15px;
	}

	body.post-project .projectFilterWrapper div .nav>li>ul {
		top: 52px;
	}

	#project_menu .headerFilter,
	.projectFilterWrapper div .nav>li>ul>li {
		padding-left: 30px;
	}

	.modalAbout {
		padding: 20px 40px 20px 30px;
	}

	.modalAbout.makeImpact {
		width: 100%;
		padding-top: 105px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.page-making-an-impact .columnAbout img {
		max-width: unset !important;
		width: auto !important;
		position: relative;
		right: 100%;
	}

	.pressSection .elementor-container {
		padding-left: 30px;
		padding-right: 40px;
	}

	.projectFilterWrapper div .nav>li>ul {
		top: 67px;
	}


	#project_menu {
		height: 60px;
		max-width: 100%;
	}

	.projectFilterWrapper .nav_wrapper_inner {
		display: block;
	}

	.modalAbout h2+p br {
		display: none;
	}

	.parent-projects #page_content_wrapper {
		width: 100%;
	}

	.mobile_menu_wrapper {
		left: auto;
	}

	body.js_nav .mobile_menu_wrapper {
		overflow: visible;
		right: 0px;
		left: auto;
		box-shadow: none;
		height: auto;
		padding: 0px;
		display: block;
		background: transparent !important;
	}

	.mobile_main_nav {
		margin-top: 28px;
		margin-bottom: 0px;
		text-align: right;
	}


	body.admin-bar .mobile_menu_wrapper {
		padding-top: 46px;
		transform: translate(0px, -106px);
	}

	body.admin-bar.js_nav .mobile_menu_wrapper {
		transform: translate(0px, 0px);
	}

	body .mobile_menu_wrapper {
		margin-right: 55px;
		right: 0px;
		left: auto;
		padding: 0px;
		transform: translate(0px, -60px);
	}

	.mobile_menu_content {
		height: auto;
		display: block;
	}

	.mobile_menu_wrapper .mobile_main_nav li {
		margin-bottom: 0px;
	}

	.mobile_menu_wrapper .mobile_menu_content>div {
		overflow: visible;
		display: block;
	}

	.mobile_menu_wrapper {
		background: transparent !important;
	}

	.mobile_menu_wrapper .mobile_main_nav li a,
	#sub_menu li a {
		text-transform: uppercase;
		letter-spacing: 1px;
		line-height: 1;
		padding-bottom: 3px;
		border-bottom: 1px solid transparent;
		font-weight: 500;
		display: inline-block;
		width: auto;
		font-size: 14px;
		font-family: AvnrTWS, sans-serif !important;
		color: rgb(255, 255, 255) !important;
	}

	.mobile_menu_wrapper #sub_menu li a {
		letter-spacing: 1px;
		text-transform: uppercase;
		border-bottom: 1px solid transparent;
		display: inline-block;
		width: auto;
	}

	.mobile_menu_wrapper #sub_menu li a#menu_back {
		margin-left: 0px;
		width: 15px;
		height: 13px;
		overflow: hidden;
	}

	.mobile_menu_wrapper #sub_menu li a#menu_back::before {
		content: "\e900";
		/* speak: none; */
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		font-family: twsarrow !important;
	}

	.mobile_menu_wrapper #sub_menu {
		overflow: visible;
		display: none;
	}


	.mobile_menu_wrapper #sub_menu>li {
		width: auto;
	}

	.mobile_menu_wrapper #sub_menu>li.menu-item a {
		font-size: 13px;
	}


	.mobile_menu_wrapper #sub_menu li {
		margin-bottom: 10px;
	}


	.mobile_menu_wrapper #sub_menu li a:hover {
		color: rgb(255, 255, 255) !important;
	}

	.mobile_menu_wrapper #sub_menu li.menu-item a:hover {
		border-bottom: 1px solid rgb(255, 255, 255);
	}

	.mobile_menu_wrapper .mobile_main_nav li {
		margin-bottom: 0px;
		display: inline-block;
		margin-right: 15px;
	}

	.mobile_menu_wrapper .mobile_main_nav li ul li {
		margin-right: 0px;
	}

	.mobile_menu_wrapper .mobile_main_nav>li:hover>.sub-menu,
	.mobile_menu_wrapper .mobile_main_nav>li>.sub-menu:hover {
		display: block;
		position: fixed;
		text-align: left;
		background: rgba(0, 0, 0, 0.8);
		padding: 5px 15px 7px 10px;
		margin-left: -10px;
		top: 55px;
	}

	.mobile_menu_wrapper .mobile_main_nav li:hover .sub-menu {}

	body:not(.js_nav) .mobile_menu_wrapper .mobile_main_nav>li:hover>.sub-menu {
		display: none;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu li:hover .sub-menu {
		display: inline-block;
		position: static;
		text-align: left;
		background: rgba(255, 255, 255, 0.8);
		margin-left: -10px;
		margin-top: 10px;
		width: 100%;
		padding-right: 25px;
		padding-bottom: 5px;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu .sub-menu li {
		line-height: 1;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu .sub-menu a {
		margin-left: 15px;
		font-size: 11px;
		color: rgb(0, 0, 0) !important;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu .sub-menu a:hover {
		border-bottom: 1px solid rgb(0, 0, 0);
	}

	.mobile_menu_wrapper .mobile_main_nav li.menuProject .sub-menu {
		width: 180px;
	}

	.mobile_menu_wrapper .mobile_main_nav li.menuAbout .sub-menu {
		width: 150px;
	}

	.mobile_menu_wrapper .mobile_main_nav li a {
		z-index: 9999;
		font-size: 13px;
		letter-spacing: 0px;
		text-transform: uppercase;
		color: rgb(255, 255, 255) !important;
	}


	.mobile_menu_wrapper .mobile_main_nav ul li a {
		color: rgb(255, 255, 255) !important;
	}

	body.home .mobile_menu_wrapper .mobile_main_nav li a {
		color: rgb(0, 0, 0) !important;
	}

	body.home .mobile_menu_wrapper .mobile_main_nav li ul li a,
	body.home .mobile_menu_wrapper .mobile_main_nav .sub-menu li>li>a {
		color: rgb(255, 255, 255) !important;
	}


	body .darkNavigation .mobile_menu_wrapper .mobile_main_nav li a:hover {
		border-color: rgb(0, 0, 0);
		color: rgb(0, 0, 0) !important;
	}

	.page-press-achievement .mobile_menu_wrapper .mobile_main_nav li a,
	.modalAboutActive .mobile_menu_wrapper .mobile_main_nav li a {
		color: #000000 !important;
	}

	.page-press-achievement .mobile_menu_wrapper .mobile_main_nav li a:hover,
	.modalAboutActive .mobile_menu_wrapper .mobile_main_nav li a:hover {
		color: #000000 !important;
		border-color: #000000;
	}

	.page-press-achievement .mobile_menu_wrapper .mobile_main_nav li .sub-menu a,
	.modalAboutActive .mobile_menu_wrapper .mobile_main_nav li .sub-menu a {
		color: #ffffff !important;
	}

	.page-press-achievement .mobile_menu_wrapper .mobile_main_nav li .sub-menu ul a,
	.modalAboutActive .mobile_menu_wrapper .mobile_main_nav li .sub-menu ul a {
		color: #000000 !important;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu a {
		font-size: 12px;
		padding-bottom: 0px;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu li {
		display: block;
		line-height: 1.4;
		margin-bottom: 8px;
		-webkit-transition: -webkit-transform 200ms ease;
		-moz-transition: transform 200ms ease;
		-o-transition: -o-transform 200ms ease;
		transition: transform 200ms ease;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu li:last-child {
		margin-bottom: 3px;
	}

	.mobile_menu_wrapper .mobile_main_nav li .sub-menu li:first-child {
		margin-top: 5px;
	}

	.mobile_menu_wrapper .mobile_main_nav li a:hover {
		border-bottom: 1px solid rgb(255, 255, 255);
		color: #000000;
	}


	.header_style_wrapper {
		background: transparent;
		position: fixed !important;
	}

	.page-press-achievement .header_style_wrapper,
	.modalAboutActive.page-about .header_style_wrapper,
	.modalAboutActive.page-about-studio .header_style_wrapper,
	.modalAboutActive.page-about-tonny .header_style_wrapper {
		background-color: rgba(255, 255, 255, 1);
	}

	#wrapper .header_style_wrapper+#page_caption+#page_content_wrapper {
		max-width: 100% !important;
	}


	.top_bar .standard_wrapper {
		height: 85px;
		max-width: 100% !important;
	}

	.header_style_wrapper .top_bar {
		border: 0px;
		background: transparent;
	}

	#mobile_nav_icon {
		border-color: rgb(0, 0, 0) !important;
		line-height: 1 !important;
	}

	#logo_right_button {
		line-height: 1 !important;
	}

	#mobile_nav_icon .ti-menu {
		font-size: 21px;
		color: rgb(255, 255, 255);
	}

	.infoProjectActive #mobile_nav_icon .ti-menu,
	.page-press-achievement #mobile_nav_icon .ti-menu,
	.modalAboutActive #mobile_nav_icon .ti-menu {
		color: #000000;
	}

	.darkMenu #mobile_nav_icon .ti-menu {
		color: rgb(0, 0, 0);
	}

	.lightMenu .darkMenu #mobile_nav_icon .ti-menu {
		color: rgb(255, 255, 255);
	}

	.darkMenu .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(34, 34, 34) !important;
	}

	.darkMenuText .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(34, 34, 34) !important;
	}

	.lightMenuText .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(255, 255, 255) !important;
	}

	.lightMenu .darkMenu .mobile_menu_wrapper .mobile_main_nav>li>a {
		color: rgb(255, 255, 255) !important;
	}

	body.home #mobile_nav_icon .ti-menu {
		color: rgb(0, 0, 0);
	}

	body.js_nav #mobile_nav_icon .ti-menu {
		font-size: 20px;
	}

	body.js_nav #mobile_nav_icon .ti-menu::before {
		content: "\e646";
	}


	.mobile_menu_wrapper {
		width: 335px;
		height: auto;
		z-index: 999;
	}

	body.js_nav #wrapper {
		transform: translateZ(0px) translateX(-250px) rotateY(0deg);
	}

	body.js_nav #wrapper {
		left: auto;
		right: 0px;
		transform: translateZ(0px) translateX(0px) rotateY(0deg);
	}

	.logo_wrapper img {
		max-width: 55px;
		height: auto;
	}

	#logo_wrapper {
		z-index: 1;
	}

	#logo_wrapper .logo_wrapper {
		margin-top: 3px;
	}

	.infoProjectActive #logo_wrapper #custom_logo.logo_wrapper,
	.page-press-achievement #logo_wrapper #custom_logo.logo_wrapper,
	.modalAboutActive #logo_wrapper #custom_logo.logo_wrapper {
		display: block !important;
	}

	.infoProjectActive #logo_wrapper #custom_logo_transparent.logo_wrapper,
	.page-press-achievement #logo_wrapper #custom_logo_transparent.logo_wrapper,
	.modalAboutActive #logo_wrapper #custom_logo_transparent.logo_wrapper {
		display: none !important;
	}

	.darkLogo #logo_transparent .logo_wrapper.hidden,
	.darkLogo #logo_transparent .logo_wrapper {
		display: none !important;
	}

	.darkLogo #logo_normal .logo_wrapper.hidden,
	.darkLogo #logo_normal .logo_wrapper {
		display: block !important;
	}

	.darkTitle .infoProject .projectHeader .project_title,
	.darkTitle .infoProject .projectHeader .project_location {
		color: rgb(0, 0, 0);
		border-bottom: 1px solid rgb(0, 0, 0);
	}

	.darkTitle .infoProject.show .projectHeader .project_title,
	.darkTitle .infoProject.show .projectHeader .project_location {
		color: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(255, 255, 255);
	}

	.lightTitle .infoProject .projectHeader .project_title,
	.lightTitle .infoProject .projectHeader .project_location {
		color: rgb(255, 255, 255);
		border-bottom: 1px solid rgb(255, 255, 255);
	}

	.lightLogo #logo_transparent .logo_wrapper.hidden,
	.lightLogo #logo_transparent .logo_wrapper {
		display: block !important;
	}

	.lightLogo #logo_normal .logo_wrapper.hidden,
	.lightLogo #logo_normal .logo_wrapper {
		display: none !important;
	}
}

@media (max-width: 960px) {

	body.js_nav #wrapper {
		transform: translateZ(0px) translateX(0px) rotateY(0deg);
		right: 0px;
	}

	.parent-projects #page_content_wrapper:not(.wide) {
		padding: 0px;
	}

	.page-contact #wrapper .elementor-inner .elementor-section-wrap {
		padding: 0px !important;
	}
}

@media (max-width: 800px) {
	.pressTitleWrapper {
		font-size: 21px;
	}

	.pressTitleWrapper .pressTitle_text {
		margin-bottom: 15px;
		margin-top: 0px;
	}

	.pressTitleWrapper .pressTitle_text>span {
		padding-bottom: 0px !important;
	}

	.contentPressWrapper .slideData .postContent .desc {
		font-size: 16px;
	}

	.postContent .desc .navWrap a {
		font-size: 14px;
	}

	.tabPress .elementor-accordion-item {
		margin-bottom: 7px;
	}

	.tabPress .elementor-accordion .elementor-tab-title a {
		font-size: 14px;
	}

	.tabPress .elementor-tab-content {
		font-size: 14px;
	}

	.tabPress .elementor-tab-title {
		margin-bottom: 5px;
	}

	.contactBoxes.message .contactMessage {}

	.contactBoxes.message .elementor-widget-container {
		width: 100% !important;
	}
}

@media (max-width: 768px) {
	.elementor-element .elementor-column-gap-no .elementor-column {
		padding: 0px !important;
	}

	.ajax-load-more-wrap .gridProject .post_wrapper:first-child .post_content_wrapper.text_ {

		top: 110px;
	}

	.ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img {

		object-fit: cover;
	}

	html {
		overflow-y: auto !important;
	}

	#contactSection.contactBox {
		height: auto !important;
		min-height: auto !important;
	}

	#aboutSection .elementor-container {
		display: block;
	}


	#aboutSection .flickity-slider>.elementor-element {
		display: block;
		height: 100%;
		width: 100%;
		overflow: hidden;
	}

	#aboutSection img {
		width: auto;
		max-width: unset;
		position: relative;
	}

	.aboutSelection .elementor-container>.elementor-column {
		width: 100%;
		position: relative;
	}

	.parent-projects .mobileVersion {
		display: block !important;
	}

	.parent-projects .desktopVersion {
		display: none !important;
	}

	.ajax-load-more-wrap .gridProject .post_wrapper.grid_box1,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_box2,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_boxhalf,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontalhalf,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontalhalf2,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_full,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_tall,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_bigbox,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontal,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_tall2,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_box75,
	.ajax-load-more-wrap .gridProject .post_wrapper.grid_smallwide {
		width: 100%;
		max-width: 100%;
		height: 100%;
	}

	.tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous {
		left: 5px;
		padding-left: 0px;
	}

	.tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:hover {
		left: 5px;
	}

	.tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		right: 5px;
		padding-right: 0px;
	}

	#aboutSection .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next {
		right: -5px;
	}

	#aboutSection .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous {
		left: -5px;
	}

	.tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:hover {
		right: 5px;
	}

	.flickity-prev-next-button {
		display: block;
	}

	#contactSection .headerContact {
		padding-left: 0px;
	}

	#contactSection .elementor-container>.addressData.office {
		padding-left: 0px;
	}

	#contactSection .emailContact {
		padding-left: 0px;
	}

	#page_content_wrapper .ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img {
		height: 100% !important;
	}


	.leftColumn .modalAbout.linkTonyModal {
		order: 1;
	}

	.leftColumn .modalAbout.studioProfile {
		order: 2;
	}


	html[data-menu="leftalign"] .top_bar .standard_wrapper {
		height: 85px;
	}

	#logo_wrapper,
	html[data-style="fullscreen"] #logo_wrapper,
	.top_bar.hasbg #logo_wrapper {
		padding: 0px;
	}

	#logo_right_wrapper {
		margin-top: 0px;
	}

	.modalAbout .elementor-widget-container {
		max-width: 100%;
	}












	.elementor-container .addressData {
		padding: 7px 0px !important;
	}

	.emailContact {
		padding-top: 15px;
	}

	#project_menu .headerFilter,
	.projectFilterWrapper div .nav>li>ul>li {
		padding-left: 20px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 {
		font-size: 16px;
	}

	.ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail span {
		font-size: 14px;
	}

	.contentPressWrapper .slideData .postContent .desc .navWrap {
		padding-left: 15px;
	}

	.pressTitleWrapper {
		margin-top: 70px;
	}

	.tabPress .elementor-accordion-item {
		width: 33.3%;
		float: left;
	}

	.tabPress .elementor-accordion-item:nth-child(3n+1) {
		clear: both;
	}

	.pressTitleWrapper .pressTitle_text .one {
		width: auto !important;
	}

	.modalAbout {
		padding: 120px 30px 50px;
	}

	.modalAbout.studioProfile {
		left: 0px;
	}

	.modalAbout.tonnyProfile {
		right: 0px;
		left: auto;
	}

	.pressSection .elementor-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.pressSection .elementor-container .sidebarPress,
	.pressSection .elementor-container .contentPress:not(.elementor-tab-content) {
		width: 100%;
		padding: 20px 10px !important;
	}

	.imageGalleryData .flickity-prev-next-button.next {
		right: -15px;
	}

	.imageGalleryData .flickity-prev-next-button.previous {
		left: 15px;
	}

	.pressSection .elementor-container .contentPress:not(.elementor-tab-content) {
		padding-top: 0px !important;
	}

	body.page-press-achievement .contentPressWrapper {
		margin-top: 0px;
	}

	.contactBoxes.elementor-column {
		padding: 120px 23px 23px !important;
	}
}

@media (max-width: 768px) {
	#contactSection>.elementor-container>.elementor-container {
		margin-top: 140px;
		padding-left: 20px;
	}

	#contactSection .elementor-container {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		display: block;
	}

	#contactSection>.elementor-container {
		display: flex;
	}

	#contactSection>.elementor-container>.contactBoxes {
		margin-top: 0;
		margin-left: 0;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#contactSection>.elementor-container>.contactBoxes.address {
		order: 1;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	#contactSection>.elementor-container>.contactBoxes.message {
		padding-top: 30px !important;
		order: 2;
		padding-bottom: 150px !important;
	}

	#contactSection .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
		padding: 0;
	}
}

@media (max-width: 600px) {
	.projectFilterWrapper .nav>li {
		width: 100%;
	}

	.modalAbout h2 {
		font-size: 21px;
	}


	.mobile_menu_wrapper .mobile_main_nav li .sub-menu {
		padding-top: 7px;
	}

	.modalAbout p {
		font-size: 14px;
	}

	.modalAbout h2+p {
		margin-top: 20px;
	}

	.header_style_wrapper {
		top: 5px;
		z-index: 99999;
	}

	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		top: 0;
	}


	#logo_right_wrapper {
		margin-top: -5px;
	}



	body:not(.elementor-editor-active) .infoProject.show {
		top: 0px;
		z-index: 9999;
	}

	.infoProject .text_description {
		height: 380px !important;
		margin-top: 15px;
	}

	.mCSB_scrollTools .mCSB_buttonDown {
		bottom: -25px;
	}

	body:not(.elementor-editor-active) .popBoxInfo p br {
		display: none;
	}

	.projectFilterWrapper .nav>li>ul>li>ul {
		display: none;
	}

	body.parent-projects .projectFilterWrapper .nav>li>ul>li>ul {
		left: 230px;
		top: 0px;
		position: fixed;
		display: block;
	}

	.projectFilterWrapper div .nav>li>ul {
		width: 230px;
	}


	body:not(.elementor-editor-active) .sectionProjectDetail .infoProject {
		width: 100%;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		font-size: 18px;
		line-height: 16px;
	}

	.projectHeader .project_title,
	.projectHeader .project_location {
		padding-bottom: 0px;
	}
}

@media (max-height: 1080px) {

	body.page-about #wrapper,
	body.page-about-studio #wrapper,
	body.page-about-team #wrapper,
	body.page-about-tonny #wrapper {
		height: 100vh;
		overflow-x: hidden;
	}
}

@media (max-height: 750px) and (min-width: 1025px) {

	.aboutSelection.calcFullHeight,
	.post-project .sectionProjectDetail .flickity-viewport,
	.post-project .sectionProjectDetail .tg_horizontal_gallery_cell,
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		transform: scale(1.001, 1);
		height: calc(100vh - 170px) !important;
	}

	.post-project .header_style_wrapper {
		position: static;
	}
}

@media (max-height: 660px) and (min-width: 1025px) {


	.post-project .sectionProjectDetail .noStretch .flickity-viewport .tg_horizontal_gallery_cell img,
	.post-project .sectionProjectDetail .noStretch .tg_horizontal_gallery_cell {
		height: 510px !important;
	}

	.post-project .header_style_wrapper {
		position: fixed;
	}
}

@media (max-width: 1400px) and (min-width: 1025px) and (min-height: 680px) {
	body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl img {
		height: 646px !important;
	}
}

@media (min-height: 550px) and (max-width: 1000px) {
	.modalAbout blockquote {
		margin-top: 5px;
		padding-bottom: 5px;
		height: 310px !important;
	}
}

@media (min-height: 600px) and (max-width: 1000px) {
	.modalAbout blockquote {
		margin-top: 5px;
		padding-bottom: 5px;
		height: 350px !important;
	}
}

@media (min-height: 650px) and (max-width: 1000px) {
	.modalAbout blockquote {
		margin-top: 5px;
		padding-bottom: 5px;
		height: 400px !important;
	}
}

@media (min-height: 720px) and (max-width: 1000px) {
	.modalAbout blockquote {
		margin-top: 5px;
		padding-bottom: 5px;
		height: 500px !important;
	}
}

@media (min-height: 750px) and (min-width: 1025px) {

	.post-project .header_style_wrapper,
	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: static;
	}

	.post-project .sectionProjectDetail .flickity-viewport,
	.post-project .sectionProjectDetail .tg_horizontal_gallery_cell,
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 600px !important;
	}
}

@media (min-height: 800px) and (min-width: 1025px) {

	.post-project .sectionProjectDetail .flickity-viewport,
	.post-project .sectionProjectDetail .tg_horizontal_gallery_cell,
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 650px !important;
	}

	.post-project .header_style_wrapper,
	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: fixed;
	}


	body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child+div.landscapeEl img {
		object-position: 50% 50%;
	}
}

@media (min-height: 801px) and (min-width: 1520px) {

	.post-project .header_style_wrapper,
	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: relative;
	}

	.header_style_wrapper .top_bar .standard_wrapper {
		/* max-width: 100%; */
	}
}

@media (min-height: 870px) {
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 700px !important;
	}
}

@media (min-height: 900px) {
	body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img {
		height: 100% !important;
	}

	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 100% !important;
		width: auto !important;
	}
}

@media (min-height: 900px) and (min-width: 1025px) {

	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: fixed;
	}
}

@media (min-height: 900px) and (min-width: 1025px) {

	.post-project .sectionProjectDetail .flickity-viewport,
	.post-project .sectionProjectDetail .tg_horizontal_gallery_cell,
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 800px !important;
	}

	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: static;
	}
}

@media (min-height: 900px) and (min-width: 1300px) and (max-width: 1400px) {

	.page-about #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-studio #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-tonny #wrapper .elementor-inner .elementor-section-wrap {
		padding: 0px;
		max-width: 100%;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 200%;
	}


	body.page-press-achievement .elementor-section-wrap .pressSection>.elementor-container>.elementor-container {
		padding-top: 11%;
	}
}

@media (min-height: 900px) and (min-width: 1300px) and (max-width: 1400px) {

	.page-about #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-studio #wrapper .elementor-inner .elementor-section-wrap,
	.page-about-tonny #wrapper .elementor-inner .elementor-section-wrap {
		padding: 0px;
		max-width: 100%;
	}

	.page-about .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-studio .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after,
	.page-about-tonny .header_style_wrapper .top_bar .standard_wrapper #logo_wrapper::after {
		width: 200%;
	}


	body.page-press-achievement .elementor-section-wrap .pressSection>.elementor-container>.elementor-container {
		padding-top: 11%;
	}
}

@media (min-height: 920px) {
	.post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img {
		height: 800px !important;
	}
}

@media (min-height: 940px) and (max-width: 1520px) {

	.post-project .header_style_wrapper,
	.page-about .header_style_wrapper,
	.page-about-studio .header_style_wrapper,
	.page-about-tonny .header_style_wrapper {
		position: relative;
	}
}

@media (min-width: 1520px) and (max-height: 750px) {
	.ajax-load-more-wrap .gridProject .post_wrapper.project_357 .post_img_hover img {
		object-position: 50% 25% !important;
	}
}

@media (min-width: 1720px) and (min-height: 900px) {
	body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img {
		height: 802px !important;
	}
}

@media (max-width: 480px) {
	.popupChat-box {
		width: calc(100vw - 32px);
		right: 16px;
		bottom: 16px;
		height: auto;
		top: auto;
	}

	.modalAbout h3+h2 {
		border-bottom: 0;
	}

	.modalAbout h3+h2 span {
		float: left;
		clear: left;
		border-bottom: 2px solid #000000;
		margin-bottom: 3px;
	}

	.popupChat-toggle {
		right: 16px;
		bottom: 16px;
	}
}

@media (orientation: landscape) and (max-height: 1000px) {
	#aboutSection img {
		margin-top: -2%;
	}
}

@media (orientation: landscape) and (max-height: 800px) {
	#aboutSection img {
		margin-top: -11%;
	}
}