@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.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-Oblique.otf') format('opentype'), url('fonts/Avenir-Oblique.woff') format('woff'), url('fonts/Avenir-Oblique.ttf') format('truetype'), url('fonts/Avenir-Oblique.svg#Avenir-Oblique') format('svg'); 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.eot?cdvc7d'); src: url('fonts/twsarrow.eot?cdvc7d#iefix') format('embedded-opentype'), url('fonts/twsarrow.ttf?cdvc7d') format('truetype'), url('fonts/twsarrow.woff?cdvc7d') format('woff'), url('fonts/twsarrow.svg?cdvc7d#twsarrow') format('svg'); font-weight: normal; font-style: normal; } [class^="twsa-"], [class*=" twsa-"] { font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .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; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } p { font-family: 'AvnrTWS', sans-serif; } #wrapper { padding-top: 0 !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: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/ -webkit-transition: filter 1s ease-in-out; -moz-transition: filter 1s ease-in-out; -o-transition: filter 1s ease-in-out; transition: filter 1s ease-in-out; } .bgload { position: fixed; width:100%; height:100%; background:#ffffff; } .homeSlider .tg_horizontal_gallery_wrapper .tg_horizontal_gallery_cell:hover img, .mobileHomeSlider .elementor-image:hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } #menu_wrapper #nav_wrapper .menu-item a { text-transform: uppercase; letter-spacing: 0.5px; /* letter-spacing: 1px; */ } #wrapper .top_bar #menu_wrapper div .nav>li>a { font-size: 14px; font-family: 'AvnrTWS', sans-serif; color: #6f7173; line-height: 1.4; } #wrapper .top_bar #menu_wrapper div .nav>li>a:hover, #wrapper .top_bar #menu_wrapper div .nav>li.current-menu-item>a { color: #231f20; } #wrapper .top_bar #menu_wrapper div .nav>li>a:hover { border-bottom: 1px solid #231f20; } body.home #wrapper .top_bar #menu_wrapper div .nav li ul li a { color: #ffffff; border-bottom: 1px solid transparent; } body.home #wrapper .top_bar #menu_wrapper div .nav li ul li a:hover { color: #6f7173; border-bottom: 1px solid #6f7173; } body.home #wrapper .top_bar #menu_wrapper div .nav>li>a { color: #ffffff; } body.home #wrapper .top_bar #menu_wrapper div .nav>li>a:hover { border-bottom: 1px solid #ffffff; } #wrapper .top_bar #menu_wrapper div .nav>li>a:before { display: none; } #wrapper .top_bar #menu_wrapper div .nav>li>a:hover { font-weight: bold; } #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: 0; box-shadow: none; margin-top: 0px; width: 210px; } #wrapper .top_bar #menu_wrapper div .nav li ul li { padding: 5px 0px 0px 0px; line-height: 1; float: left; } #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: 0; border-bottom: 1px solid transparent; } #wrapper .top_bar #menu_wrapper div .nav li ul li a:hover { border-bottom: 1px solid #231f20; } #footer_wrapper { display: none; } .homeSlider .flickity-slider .tg_horizontal_gallery_cell img {} .homeSlider .flickity-slider .tg_horizontal_gallery_cell.is-changed {} .homeSlider .flickity-slider .tg_horizontal_gallery_cell.is-changed img { filter: gray; -webkit-filter: grayscale(0%); } .flickity-prev-next-button { /* z-index: 9999999; */ } #contactBox {} /* .homeSlider .flickity-slider .tg_horizontal_gallery_cell.is-selected img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-animation: slideAnim 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: slideAnim 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; } @-webkit-keyframes slideAnim { 0% { -webkit-filter: grayscale(100%); } 30% { filter: gray; -webkit-filter: grayscale(0%); } 70% { filter: gray; -webkit-filter: grayscale(0%); } 100% { -webkit-filter: grayscale(100%); } } @keyframes slideAnim { 0% { -webkit-filter: grayscale(100%); } 30% { filter: gray; -webkit-filter: grayscale(0%); } 70% { filter: gray; -webkit-filter: grayscale(0%); } 100% { -webkit-filter: grayscale(100%); } } */ #aboutSection .elementor-image a { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 100%; } #aboutSection .elementor-image a:hover, #aboutSection .linkTonyModal.active .elementor-image a, #aboutSection .linkTeamModal.active .elementor-image a { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } .top_bar.scroll { box-shadow: none; } .aboutSelection .elementor-row>.elementor-column { position: relative; } #contactSection .elementor-row { max-width: 700px; margin-left: auto; margin-right: auto; color: #ffffff; } #contactSection .headerContact { padding-left: 100px; } #contactSection .elementor-row>.addressData.office { padding-left: 100px; } #contactSection .emailContact { padding-left: 100px; } #contactSection .elementor-row>.addressData.office {} #contactSection .headerContact + section {} #contactSection .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated { padding: 0; } 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: #ffffff; position: fixed; top: 0 !important; right: 0; width: 50%; background: rgba(0, 0, 0, 0.7); height: 100%; padding: 30px; } body.elementor-editor-active .projectHeader .project_title, body.elementor-editor-active .projectHeader .project_location { color: #ffffff; } body:not(.elementor-editor-active) .sectionProjectDetail .infoProject { position: absolute; right: 0; top: 0; width: 385px; height: 0; 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.post-alam-sutera-residence .projectHeader .project_title { letter-spacing: -0.5px; } body.post-providence .projectHeader .project_title { letter-spacing: -0.5px; } body:not(.elementor-editor-active) .infoProject { display: block; opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } body.slide-animating .infoProject { /*display: none;*/ /*opacity: 0;*/ } .infoProject { /* height:0; */ } .infoProject.show { height: 100%; } body:not(.elementor-editor-active) .sectionProjectDetail .infoProject.show { height: 100%; } .infoProject>.elementor-container {} body:not(.elementor-editor-active) .infoProject>.elementor-container { /* background: rgba(0,0,0,0); */ color: #ffffff; position: absolute; top: 0; right: 0; z-index: 1; height: 100%; width: 100%; padding: 0; /* display: none; */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-row { padding: 50px 20px 60px 20px; } body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-row .elementor-element-populated { padding: 0; } body:not(.elementor-editor-active).post-natasha-skin-center .infoProject>.elementor-container .elementor-row { padding-right: 10px; } body:not(.elementor-editor-active) .infoProject>.elementor-container:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: 0; background: rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } body:not(.elementor-editor-active) .infoProject.show>.elementor-container { /* padding: 50px 40px 50px 25px; */ } body:not(.elementor-editor-active) .infoProject.show>.elementor-container:before { background: rgba(0, 0, 0, 0.7); } body:not(.elementor-editor-active) .popBoxInfo .close_nav { position: absolute; right: 40px; line-height: 1; z-index: 99; } body:not(.elementor-editor-active) .popBoxInfo .projectHeader {} 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 .projectHeader .elementor-text-editor {} body:not(.elementor-editor-active) .popBoxInfo p, body:not(.elementor-editor-active) .popBoxInfo ul li { font-family: 'WarnockNew', serif; font-size: 14px; margin-bottom: 15px; line-height: 1.5; -webkit-transform: translate3d(0,0,1px); -moz-transform: translate3d(0,0,1px); -ms-transform: translate3d(0,0,1px); -o-transform: translate3d(0,0,1px); transform: translate3d(0,0,1px); } .mCSB_scrollTools .mCSB_draggerRail { display:none; } body:not(.elementor-editor-active) .popBoxInfo h4 { /* font-family: 'WarnockNew', serif; */ font-size: 14px; line-height: 1.2; color: #ffffff; margin-bottom: 10px; font-weight: normal; letter-spacing: 1px; display: inline-block; margin-top: 10px; /* width: 100%; */ border-bottom: 1px solid #ffffff; font-family: 'AvnrTWS', sans-serif; } body:not(.elementor-editor-active) .popBoxInfo h4 strong { font-weight: normal; line-height: 1; } .popBoxInfo table tr {} .popBoxInfo table tr th, .popBoxInfo table tr td { padding: 5px 10px 5px 0; border-bottom: 0; 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; } .popBoxInfo table tr td {} .mCSB_scrollTools .mCSB_dragger { display: none !important; } body:not(.elementor-editor-active) .popBoxInfo p { padding-bottom: 0; padding-top: 0; } .popBoxInfo p strong { /* margin-bottom: 7px; */ /* text-decoration: underline; */ font-weight: normal; letter-spacing: 0.5px; display: inline-block; margin-top: 4px; width: 100%; /* font-family: 'AvnrTWS', sans-serif; */ } body:not(.elementor-editor-active).post-natasha-skin-center .popBoxInfo p { /* letter-spacing: -0.2px; */ } body:not(.elementor-editor-active).post-natasha-skin-center .popBoxInfo {} body:not(.elementor-editor-active) .popBoxInfo p br { /* display: none; */ } body:not(.elementor-editor-active) .popBoxInfo ul li { margin-bottom: 0; } body:not(.elementor-editor-active) .popBoxInfo ul {padding-left: 20px;} body:not(.elementor-editor-active) .projectHeader .category { font-family: 'WarnockNew', serif; font-size: 15px; margin-bottom: 20px; line-height: 17px; display: block !important; } 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 { padding-bottom: 0; margin-bottom: 7px; display: inline-block; font-size: 21px; font-weight: 500; letter-spacing: 0.5px; line-height: 21px; padding-bottom: 1px; text-transform: uppercase; color: #231f20; border-bottom: 1px solid #231f20; font-family: 'AvnrTWS', sans-serif; } .projectHeader.lightTitle .project_title, .projectHeader.lightTitle .project_location { color: #ffffff; border-bottom: 1px solid #ffffff; } .infoProject.show .projectHeader .project_title, .infoProject.show .projectHeader .project_location { color: #ffffff; border-bottom: 1px solid #ffffff; } .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; display: inline-block; width: 100%; text-align: right; display: none; } .infoProject .popBoxInfo .close_nav a.lnk_close { display: none; } .infoProject .popBoxInfo .close_nav a.lnk_open { /* display: inline-block; */ margin-top: 41px; color: #231f20; } .infoProject .popBoxInfo .close_nav.lightTitle a.lnk_open { color: #ffffff; } .infoProject.show .popBoxInfo .close_nav a.lnk_close { display: inline-block; color: #ffffff; } .infoProject.show .popBoxInfo .close_nav a.lnk_open { display: none; } .modalAbout { background: rgba(0, 0, 0, 0.7); color: #ffffff; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; padding: 50px 40px; display: none; } .modalAbout.tonnyProfile { right: -100%; left: auto; } .modalAbout.studioProfile { left: -100%; right: auto; } #aboutSection img { width: 100%; } .modalAbout h2, .modalAbout h3 { color: #ffffff; } .modalAbout h2 { font-family: 'AvnrTWS', sans-serif; font-size: 23px; line-height: 1; display: inline-block; border-bottom: 1px solid #ffffff; padding-bottom: 2px; float: left; clear: both; margin-top: 6px; letter-spacing: 0.5px; } .modalAbout h3+h2 { margin-top: 25px; } .modalAbout h3 { font-family: 'WarnockNew', serif; font-size: 15px; } .modalAbout .elementor-widget-container { max-width: 440px; position: relative; } .modalAbout .elementor-widget-container .closeModal { content: 'x'; position: absolute; right: 0; font-family: 'WarnockNew', serif; font-size: 18px; line-height: 1; display: block; z-index: 99999; cursor: pointer; } .modalAbout p { font-family: 'WarnockNew', serif; font-size: 16px; display: inline-block; width: 100%; margin-bottom: 10px; } .modalAbout h2+p { margin-top: 35px; } .modalAbout p, .modalAbout blockquote p { padding-bottom: 0; padding-top: 0; display: inline-block; clear: both; float: left; letter-spacing: -0.1px; color:#ffffff; text-align:left; line-height: 1.6; } .modalAbout blockquote { display: inline-block; width: 100%; } .studioProfile { } .teamProfile {} .addressData {} .addressData.office {} .addressData.office+.addressData {} .addressData.studio {} .headerContact {} .contactBoxes.elementor-column .headerContact p { padding-bottom: 0; margin-bottom: 30px; border-bottom: 1px solid #ffffff; display: inline-block; font-size: 23px; font-weight: 500; letter-spacing: 0.5px; line-height: 1; padding-bottom: 3px; } .contactBoxes.elementor-column .headerContact.socmedHeader p { margin-bottom:0; } .emailContact { padding-top: 15px; } .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: #ffffff; } .contactBoxes a:hover { text-decoration: underline; color: #ffffff; } .contactBoxes.elementor-column { padding-bottom: 200px; font-size: 18px; font-family: 'AvnrTWS', sans-serif; line-height: 1.4; } .contactBoxes.elementor-column p { padding-top: 0; padding-bottom: 5px; font-size: 19px; } .contactBoxes.elementor-column p.placeName { padding-bottom: 0px; font-weight: 900; 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:disabled { /* opacity: 1 !important; */ } body.post-project .tg_horizontal_gallery_wrapper .flickity-prev-next-button:hover { cursor: pointer; } .projectWrapper .ajax-load-more-wrap.iniudah { /* background: #231f20; */ } .projectWrapper .ajax-load-more-wrap .alm-reveal .flickity-viewport { overflow: visible; } .projectWrapper .ajax-load-more-wrap .alm-reveal .projectWrap { width: 100%; overflow: hidden; } .page-office .projectWrapper .desktopVersion .ajax-load-more-wrap .alm-reveal .projectWrap.index_1 { width: 110%; background: #000000; } .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_8 { /* margin-left: -17%; */ } .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_8 { /* margin-left: -17%; */ } .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 { /* width: 100%; */ } .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: 0; overflow: hidden; position: relative; } .ajax-load-more-wrap .gridProject .post_content_wrapper.text_ { position: absolute; bottom: 0; z-index: 2; color: #ffffff; padding: 15px 20px; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .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: #ffffff; } .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: 0; display: inline-block; font-family: 'WarnockNew'; line-height: 1; } .ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail span { font-family: 'WarnockNew'; text-transform: none; font-size: 15px; letter-spacing: 0; display: inline-block; margin: 0; 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: #ffffff; } .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: #000000; } .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: #000000; } .ajax-load-more-wrap .gridProject .projectTitle_dark .post_content_wrapper .post_header_title h5 a { border-bottom: 1px solid #000000; } .ajax-load-more-wrap .gridProject .post_content_wrapper .post_header_title h5 { font-weight: 500; font-size: 20px; font-family: 'AvnrTWS', sans-serif; margin: 0; 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 #ffffff; padding-bottom: 0; display: inline; line-height: 1.35; } .ajax-load-more-wrap .gridProject .post_wrapper { position: relative; /* -ms-transform: scale(1.01,1.01); /* Support IE 9 */ /* -webkit-transform: scale(1.01,1.01); */ /* support Safari */ /* transform: scale(1.01,1.01); */ /* Standard syntax */ } .ajax-load-more-wrap .gridProject .projectWrap:not(:first-child) { margin-left: -1px; } /*.ajax-load-more-wrap .gridProject .post_wrapper:not(:first-child) { 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 a {} .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 { right: 0; width: 100%; height: 100% !important; bottom: 0; left: 0; top: 0; position: absolute; object-position: 50% 70%; object-fit: cover; } .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 { margin-bottom: 0; position: static; margin: 0 auto; } /* grid_tall grid_horizontal grid_box1 grid_box2 */ .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_tall { width: 33.33%; height: 600px; z-index: 2; } .ajax-load-more-wrap .gridProject .post_wrapper.grid_bigbox { width: 50%; height: 600px; } .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: 0; } .ajax-load-more-wrap .gridProject .flickity-slider { /* background: #000000; */ } .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; /* left: -3px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.title_up .post_content_wrapper.text_ { bottom: auto; top: 10px; } .mobileList .ajax-load-more-wrap .post_wrapper.title_up .post_content_wrapper.text_ { top: 120px; } .mobileList .ajax-load-more-wrap .post_wrapper.title_up:first-child .post_content_wrapper.text_ {} .mobileList .ajax-load-more-wrap .post_wrapper.title_up:last-child .post_content_wrapper.text_ { /* top: 50px; */ } .projectWrapper .mobileList .ajax-load-more-wrap .alm-reveal .flickity-viewport { overflow: hidden; } .ajax-load-more-wrap .gridProject .post_wrapper:hover { /* z-index: 2; */ } .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,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: filter 0.5s ease-in-out; -moz-transition: filter 0.5s ease-in-out; -o-transition: filter 0.5s ease-in-out; transition: filter 0.5s ease-in-out; } .ajax-load-more-wrap .gridProject .post_wrapper:hover .post_img_hover img { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } /* .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(1), .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(4n+1) { width: 33.33%; height: 295px; clear: both; } .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(2), .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(4n+2) { width: 33.33%; height: 295px; } .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(3), .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(4n+3) { width: 33.33%; height: 623px; float: right; } .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(4), .ajax-load-more-wrap .gridProject.layout2 .post_wrapper:nth-child(4n+4) { width: 66.66%; height: 328px; clear: none; } */ .sectionListProject .elementor-column { /* padding-bottom: 177px; */ } .tg_horizontal_gallery_wrapper .flickity-prev-next-button svg { display: none; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button { border-radius: 0; -webkit-border-radius: 0; opacity: 1 !important; font-size: 17px; background: transparent !important; outline: none; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button:focus { box-shadow: none; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button:before { content: ''; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; } .sliderHome .tg_horizontal_gallery_wrapper .flickity-prev-next-button:before { color: #000000; } .sliderHome .tg_horizontal_gallery_wrapper .flickity-prev-next-button:hover:before { color: #ffffff; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { content: "\e900"; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:before { content: "\e901"; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button:hover:before { /* color: #231f20; */ } .tabPress.elementor-element .contentPress a { display: block; margin-bottom: 5px; color: #6f7173; font-weight: bold; letter-spacing: 0; } .tabPress .contentPress a:hover, .tabPress .contentPress a.active { color: #ffffff; } .projectFilterWrapper, .projectFilterWrapper a { color: #231f20 !important; } .projectFilterDetail .projectFilterWrapper { position: absolute; margin-left: 35px; margin-top: 55px; z-index: 99999; } .projectFilterDetail .projectFilterWrapper #project_menu .sub-menu { margin-top: 0; } .projectFilterWrapper .nav ul li a, .projectFilterWrapper div .nav li>a { display: inline-block; padding: 0; margin: 0; color: #666; font-size: 12px; padding: 0; font-weight: 400; text-transform: uppercase; position: relative; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; } .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 div .nav li a.headerFilter {} .projectFilterWrapper .nav ul li ul, .projectFilterWrapper div .nav li ul { list-style: none; position: absolute; width: auto; height: 0; padding: 0; margin: 0; margin-left: 0; margin-top: 10px; border: 0; opacity: 0; overflow: hidden; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; } .projectFilterWrapper div .nav>li>ul { background: rgba(0, 0, 0, 0.8); width: 336px; top: 75px; } .projectFilterWrapper div .nav>li>ul>li { padding: 15px 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: 20px; } .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; -ms-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); overflow: visible; } .projectFilterWrapper .nav>li {} .projectFilterWrapper .nav>li>ul>li { position: relative; } .projectFilterWrapper .nav>li>ul a { color: #ffffff !important; } .projectFilterWrapper .nav>li>ul>li>a { display: inline-block; padding-left: 0; padding-right: 0; 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 #ffffff; } .projectFilterWrapper .nav>li>ul>li>ul { left: 339px; top: 0; 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 15px; } .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: 0; 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: #231f20 !important; } #project_menu .headerFilter { color: #231f20 !important; padding-top: 30px; padding-left: 15px; padding-bottom: 25px; display: inline-block; } .filter_lightTitle #project_menu .headerFilter { color: #ffffff !important; } #project_menu { padding-bottom: 0; display: inline-block; float: left; display: block; position: relative; height: 75px; padding-top: 0; z-index: 9999; } #project_menu>li {} #project_menu>li { display: inline-block; } #project_menu .headerFilter .text { font-size: 16px; font-family: 'AvnrTWS', sans-serif; font-weight: 500; letter-spacing: 0.5px; float: left; line-height: 20px; display: inline-block; } #project_menu .headerFilter .icon { margin-left: 10px; line-height: 20px; float: left; display: inline-block; } #project_menu .headerFilter .icon:before { content: "\e901"; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #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: 0; line-height: 1; display: inline-block; width: 100%; } .tabPress .elementor-tab-content { padding: 0; border: 0; margin-bottom: 10px; font-weight: normal; font-size: 16px; font-family: 'AvnrTWS', sans-serif; color: #6f7173; letter-spacing: 0.5px; margin-top: 5px; } .tabPress .elementor-tab-content.elementor-active {} .tabPress .elementor-tab-content p { padding: 0; line-height: 1.4; } .tabPress .elementor-tab-title { margin-bottom: 5px; display: inline-block; width: 100%; } .tabPress .elementor-accordion .elementor-tab-title { padding: 0; border: 0; } .tabPress .elementor-accordion .elementor-tab-title a { font-weight: normal; font-size: 16px; font-family: 'AvnrTWS', sans-serif; color: #6f7173; letter-spacing: 0.5px; line-height: 1; } .tabPress .elementor-accordion .elementor-tab-title.elementor-active a { color: #ffffff; } .page-press-achievement #wrapper>.pressTitleWrapper, .page-press-achievement #wrapper>.contentPressWrapper, .page-press-achievement #wrapper>.tabPress { display: none; } .pressTitleWrapper { font-size: 23px; font-family: 'AvnrTWS'; font-weight: 500; 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: 1px solid #ffffff; float: left; margin-bottom: 5px; padding-bottom: 2px; } .pressTitleWrapper .pressTitle_text .two { /* color: #6f7173; */ display: block; line-height: 1; float: left; clear: both; border-bottom: 1px solid #ffffff; 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'); animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; display: inline-block; background-size: cover; } .mobileVersion { display: none !important; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } body.page-press-achievement .contentPressWrapper { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } body.page-press-achievement .contentPressWrapper .slideData { /* padding-bottom: 100px; */ } .contentPressWrapper .slideData .imagePress img { width: 100%; } .contentPressWrapper .slideData .imagePress { width: 100%; } .contentPressWrapper .slideData .postContent .desc { color: #6f7173; font-family: 'WarnockNew', serif; font-size: 18px; /* margin-top: 10px; */ 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: #ffffff !important; } .sectionProjectDetail { background-color: #231f20; background-color: #ffffff !important; } body.page-press-achievement { background-color: #231f20 !important; } /*START HERE*/ 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; } .elementor-editor-active .projectHeader + .elementor-text-editor { clear: both; } .infoProject .text_description { /* height: 450px; */ display: none; } .sectionProjectDetail .infoProject.show .text_description { display: block; } .mCSB_outside+.mCSB_scrollTools { position: static; opacity: 1; } .mCustomScrollbar .mCSB_outside+.mCSB_scrollTools {} .mCustomScrollBox:hover ~ .mCSB_scrollTools { opacity:1; } .mCustomScrollBox:hover ~ .mCSB_scrollTools { } .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: 0; left: auto; } .mCSB_scrollTools .mCSB_buttonUp { } .mCSB_scrollTools .mCSB_buttonDown { background-image: none; 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: 0; display: none !important; opacity: 1; } .mCSB_scrollTools .mCSB_buttonUp:before { content: '\e903'; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; } .mCSB_scrollTools .mCSB_buttonDown:before { content: '\e902'; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; } /*NORMAL HERE*/ .homeSlider .homeSlideReady { } .homeSlider .homeSlideReady .tg_horizontal_gallery_cell {margin-left: -1px;} .homeSlider .homeSlideReady .tg_horizontal_gallery_cell img { width: 100%; height: 100% !important; /* bottom: 0; */ /* left: 0; */ /* top: 0; */ /* position: absolute; */ object-position: 50% 50%; object-fit: cover; } body.post-project .projectSlideReady { } body.post-project .projectSlideReady .tg_horizontal_gallery_cell img { /* width: 100%; */ /* height: 100% !important; */ /* bottom: 0; */ /* left: 0; */ /* top: 0; */ /* position: absolute; */ /* object-position: 50% 50%; */ /* object-fit: cover; */ /*height: 646px !important;*/ min-width: 100%; } body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img { /* object-fit: cover; */ /* object-position: bottom; */ /* object-position: bottom; */ /* object-fit: unset; */ } body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img { /* object-position: bottom; */ } body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img { /* object-position: 100% 50%; */ } .imageProject .elementor-column>.elementor-element-populated { padding: 0 !important; } .imageGalleryData .flickity-prev-next-button svg { display: none; } .imageGalleryData .flickity-prev-next-button { border-radius: 0; -webkit-border-radius: 0; opacity: 1 !important; font-size: 24px; background: transparent !important; outline: none; } .flickity-prev-next-button {} .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: ''; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; } .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: #231f20; color: #ffffff; } body.modalview #perspective { /* width: 100%; */ /* min-height: 100%; */ perspective: none; position: relative; top: 0; } body.modalview #wrapper { position: relative; top: 0; overflow: auto; } body.js_nav #wrapper { transform: none; } body.js_nav .mobile_menu_wrapper { display: none; } /* disable scrollbar */ html { overflow-y: hidden !important; -ms-overflow-style: none; } html::-webkit-scrollbar { display: none; } .post-project .sectionProjectDetail .tg_horizontal_gallery_cell { /*transform: scale(1.003); -webkit-transform: scale(1.003);*/ } @media (min-width: 1025px) { .page-contact .contactBox { } .ajax-load-more-wrap .gridProject .post_wrapper { -ms-transform: scale(1.01,1.01); -webkit-transform: scale(1.01,1.01); transform: scale(1.01,1.01); } .post-project .sectionProjectDetail .tg_horizontal_gallery_cell { -ms-transform: scale(1.005,1.005); -webkit-transform: scale(1.005,1.005); 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:before { /* content: '';height: 100%;width: 50%;position: absolute;left: -50%;background: #ffffff;z-index: 999; */ } .projectWrapper .ajax-load-more-wrap .boxKiri { content: ''; height: 100%; width: 50%; position: absolute; left: -50%; background: #ffffff; z-index: 3; -ms-transform: scale(1.02,1.02); /* Support IE 9 */ -webkit-transform: scale(1.02,1.02); /* support Safari */ transform: scale(1.02,1.02); /* Standard syntax */ } .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: 0; } .parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous { margin-top:0; position:fixed; left: auto; margin-left: 40px; } #close_mobile_menu { display: none; } .parent-projects #page_content_wrapper, .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 { max-width: 1330px; width: 100%; box-sizing: border-box; margin: auto; padding: 0; } .parent-projects #page_content_wrapper { max-width: 1150px; } .parent-projects #wrapper { /* margin-left: -10%; */ } .parent-projects .header_style_wrapper #logo_wrapper:after {width: 200% !important;} .page-press-achievement #wrapper .elementor-inner .elementor-section-wrap .elementor-container { max-width: 1355px; width: 100%; box-sizing: border-box; padding: 0 90px; } .contentPressWrapper .slideData .postContent { max-width: 720px; } .projectFilterWrapper div .nav>li>ul { width: 339px; z-index: 0; } .parent-projects .header_style_wrapper .top_bar .standard_wrapper { /* max-width: 1196px; */ } /*.parent-projects .header_style_wrapper #logo_wrapper:after { width: 200% !important; } deactivate */ body:not(.project_one_only).parent-projects .header_style_wrapper #logo_wrapper:after { width: 200% !important; } .parent-projects .header_style_wrapper #logo_wrapper:after { /* width: 936px; */ } .parent-projects .header_style_wrapper .standard_wrapper { max-width: 1349px; } .pressSection.elementor-section.elementor-section-boxed>.elementor-container { padding: 0 90px; max-width: 1280px; } .header_style_wrapper .top_bar .standard_wrapper { height: auto; /* max-width: 1425px; */ max-width: 1330px; } .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: 1235px; */ } .page-contact .header_style_wrapper .top_bar .standard_wrapper { max-width: 1330px; } .page-press-achievement .header_style_wrapper .top_bar .standard_wrapper { /* max-width: 1245px; */ } .header_style_wrapper #logo_wrapper:before { content: 'TWS&PARTNERS'; position: absolute; left: 105px; top: 2px; color: #ffffff; z-index: 3; font-family: 'AvnrTWS', sans-serif; letter-spacing: 2px; margin-top: -25px; font-size: 14px; } .addressData.office { /* width: 50%; */ } .addressData.office+.addressData { /* width: 45%; */ } body.admin-bar .header_style_wrapper { padding-top: 0; } body.page-press-achievement .elementor-section-wrap { /* padding-bottom: 177px; */ } body.page-press-achievement .elementor-section-wrap .pressSection { /* min-height: 100vh; */ } body .header_style_wrapper { background: #ffffff; } body.home .header_style_wrapper { background: transparent; } .header_style_wrapper { bottom: 0; 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:0; position:absolute; right:0; width: 100%; background: #ffffff; height: 100%; margin-right: -50%; /* opacity:0; */ } .header_style_wrapper #logo_wrapper { overflow: visible; position: relative; margin-top: -2px; } .header_style_wrapper #menu_wrapper { width: 486px !important; position: absolute; top: 7px; margin-left: -205px !important; left: 50%; } .header_style_wrapper #menu_wrapper { width: 450px !important; /* margin-left: -260px !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%; } .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; width: 100%; height: 8px; background: #231f20; position: absolute; left: 73px; top: 1px; width: 1170px; } .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 { 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 { width: 1077px; } .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%; left: 70px; height: 7px; } .header_style_wrapper .logo_wrapper {} .header_style_wrapper .logo_wrapper img { height: 110px; width: 100px; margin-left: -5px; } .parent_projects .header_style_wrapper .logo_wrapper img { margin-left: 0; } .page-press-achievement .header_style_wrapper #logo_wrapper:before { display: none; } .elementor-section.elementor-section-boxed>.elementor-container .elementor-container { padding: 0; } #contactSection .elementor-row .elementor-container { padding: 0; } } @media (max-width: 1400px) and (min-width:1024px) { .header_style_wrapper #menu_wrapper #nav_wrapper .nav_wrapper_inner #main_menu { margin-left:0; } } @media (min-width: 1520px) { #wrapper .top_bar #menu_wrapper div .nav li ul li { padding: 7px 0px 0px 0px; } .parent-projects .header_style_wrapper #logo_wrapper:after { /* width: 943px; */ } .parent-projects .header_style_wrapper { position: static; order: 3; } .contactBoxes.elementor-column { padding-bottom: 150px; } .modalAbout { padding: 80px 60px; } .modalAbout p { font-size: 17px; margin-bottom: 10px; } .modalAbout h2 { font-size: 28px; } .modalAbout h3 { font-size: 17px; } .modalAbout .elementor-widget-container { max-width: 600px; } #contactSection .elementor-row {max-width: 900px;} #contactSection>.elementor-container>.elementor-row>.elementor-element { padding-left: 175px; } #contactSection>.elementor-container>.elementor-row { margin-top: 0px; } #contactSection .elementor-row .office {} #contactSection .elementor-row>.addressData { width: 40%; } #contactSection .elementor-row>.addressData.office { width: 60%; } body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img { } } @media (min-width: 1521px) and (max-width: 1601px) { .modalAbout p { font-size: 16px; } .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; } .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: 1027px; } .modalAbout h2 { font-size: 25px; } .modalAbout h2+p { margin-top: 25px; } .modalAbout { padding: 40px 40px; } .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 { max-width: 1280px; width: 100%; box-sizing: border-box; margin: auto; padding: 0 90px; } } @media (min-width: 1600px) { .contactBoxes.elementor-column { padding-bottom: 50px; } .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 #wrapper .elementor-inner .elementor-section-wrap, .page-about-studio #wrapper .elementor-inner .elementor-section-wrap, .page-about-tonny #wrapper .elementor-inner .elementor-section-wrap { /* max-width: 100%; */ /* width: 100%; */ padding: 0; } .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: 1167px; } #contactSection .elementor-row>.addressData { width: 38%; } #contactSection .elementor-row>.addressData.office { width: 65%; } .header_style_wrapper #logo_wrapper:before { font-size: 15px; } .modalAbout { padding: 70px 100px 70px 50px; } .modalAbout p { font-size: 18px; line-height: 1.5; } .modalAbout h2 { font-size: 28px; } .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; } .parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next { margin-top: 0; } } @media (min-width: 1720px) and (min-height:900px) { body.post-project .noStretch .projectSlideReady .tg_horizontal_gallery_cell img { height: 802px !important; } } @media (min-width: 1850px) { .parent-projects .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next { margin-top: 0; } } @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%; } .header_style_wrapper .top_bar .standard_wrapper { max-width: 1508px; } .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 (min-width: 2100px) { .contactBoxes.elementor-column { padding-bottom: 50px; } #contactSection>.elementor-container>.elementor-row>.elementor-element { padding-left: 0; } #contactSection .elementor-row { 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 .pressSection .sidebarPress { } .contentPressWrapper .pressSection .contentPress { } .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-inner .elementor-section-wrap .elementor-container { padding-left:0; padding-right:0; } .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-row>.addressData.office { padding-left: 485px; } #contactSection .elementor-row { } .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: 9999999999; } .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 { /* max-width: 100%; */ /* width: 100%; */ padding: 0; } .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%; left: 113px; top: 2px; height: 12px; } #contactSection .elementor-row>.addressData { width: 38%; } #contactSection .elementor-row>.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; } #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 {} .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 (max-width: 1710px) { .pressTitleWrapper .pressTitle_text { margin-bottom: 15px; } .pressTitleWrapper { margin-top: 25px; } body.page-press-achievement .contentPressWrapper { margin-top: 45px; } } @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: 12px; } #menu_wrapper div .nav li { padding-top: 5px; } 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: 1100px; } .pressSection.elementor-section.elementor-section-boxed>.elementor-container { padding: 0; max-width: 920px; } body.page-press-achievement .elementor-section-wrap { /* padding-bottom: 159px; */ } .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; } .contactBoxes.elementor-column p { font-size: 17px; } .contentPressWrapper .slideData { min-height: 500px; } } /* SMALL DESKTOP */ @media (max-width:1520px) and (min-width:1025px) { .header_style_wrapper .top_bar .standard_wrapper { max-width: 1424px; } .modalAbout { padding: 40px 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; } .ajax-load-more-wrap .gridProject .post_content_wrapper .post_detail { } .ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img { /* object-position: 50% 60%; */ } .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: 0; } #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; } .projectFilterWrapper .nav>li>ul>li>ul { left: 336px; } .page-contact .contactBox { background-size: cover !important; } .modalAbout p { font-size: 14px; margin-bottom: 10px; } .modalAbout p, .modalAbout blockquote p { /*line-height: 1.5;*/ } .contentPressWrapper .slideData {} .page-contact .header_style_wrapper #menu_wrapper { margin-left: -205px !important; } .page-contact .contactBox { background-position: center -60px !important; } .contactBoxes.elementor-column { padding-bottom: 140px; } #contactSection .elementor-row>.addressData { width: 40%; } #contactSection .elementor-row>.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; } .parent-projects .header_style_wrapper #logo_wrapper:after { /* width: 1030px !important; */ } .parent-projects #page_content_wrapper { max-width: 1100px; } .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; } .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: 0; width: 87px; } #contactSection .elementor-row { max-width: 600px; } #contactSection>.elementor-container>.elementor-row { margin-top: 4%; } #contactSection .headerContact { padding-left: 100px; } #contactSection .elementor-row>.addressData.office { padding-left: 100px; } #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; } body.page-press-achievement { /* background-color: #231f20 !important; */ } .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-inner .elementor-section-wrap .elementor-container { max-width: 1280px; width: 100%; box-sizing: border-box; margin: auto; padding: 0 90px; } .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 { max-width: 1280px; width: 100%; box-sizing: border-box; margin: auto; padding: 0 90px; } .elementor-section.elementor-section-boxed>.elementor-container { max-width: 1280px; } .pressSection.elementor-section.elementor-section-boxed>.elementor-container { padding: 0; 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: static; position: fixed; } .sectionProjectDetail .projectGallery { /* padding-bottom: 160px; */ } #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; } body.page-press-achievement .elementor-section-wrap { /* padding-bottom: 159px; */ } .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) { p { font-size: 15px; } } @media (max-width:1100px) and (min-width:1025px) { .contactBoxes.elementor-column { padding-top: 120px; } .page-press-achievement #wrapper .elementor-inner .elementor-section-wrap, .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 {} } @media (max-width: 1400px) and (min-width:1025px) { .post-project .sectionProjectDetail .flickity-viewport, .post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img { /* height: 626px !important; */ } 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: 1400px) and (min-width:1025px) and (min-height:680px) { body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl img { height: 646px !important; } } @media (max-width: 1280px) { #contactSection .elementor-row { } #contactSection>.elementor-container>.elementor-row { margin-top: 7%; } } @media (max-width: 1210px) { .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 { max-width: 100%; width: 1000px; padding: 0; } .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%; /* width: 1000px; */ padding: 0; } .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) { .parent-projects .header_style_wrapper .top_bar .standard_wrapper { } } @media (max-width: 1160px) { .modalAbout h2+p br { display: none; } } @media (max-width: 1099px) { .elementor-section.elementor-section-height-full { padding: 0 !important; } .parent-projects #wrapper { margin-left: 0 !important; } } @media (max-width: 1024px) { .contactBoxes.elementor-column p { font-size: 14px; } .parent-projects #wrapper { margin-left: 0 !important; } .desktopVersion .gridProject .post_wrapper.title_up .post_content_wrapper.text_ { /* top: 10px; */ } .projectWrapper .ajax-load-more-wrap .alm-reveal .flickity-viewport { background:#000; } .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: #000000; } .ajax-load-more-wrap .gridProject .post_wrapper.darkTitle .post_content_wrapper .post_header_title a { border-bottom: 1px solid #000000; } .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: #ffffff; } .ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a { border-bottom: 1px solid #ffffff; } .ajax-load-more-wrap .gridProject .post_wrapper.darkLocation .post_content_wrapper .project_location { color: #000000; } .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: #ffffff; } .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: #000000; } .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: #ffffff; } .ajax-load-more-wrap .gridProject .post_wrapper.lightTitle .post_content_wrapper .post_header_title a { border-bottom: 1px solid #ffffff; } 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; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.next:before, .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { /*text-shadow: 1px 1px 1px rgba(0,0,0,0.5);*/ } .darkNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button:before { color: #000000; } .darkLeftNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { color: #000000; } .darkRightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { color: #000000; } .lightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button:before { color: #ffffff; } .lightLeftNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { color: #ffffff; } .lightRightNavigation .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous:before { color: #ffffff; } .contactBoxes.elementor-column .headerContact p { margin-bottom: 15px; font-size: 16px; } .mobile_main_nav.mainnav_out { display:block !important; -webkit-animation: none; animation: none; } .mobile_main_nav.mainnav_in { -webkit-animation: none; animation: 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-row { padding: 50px 20px 50px 20px; } body:not(.elementor-editor-active) .infoProject.show>.elementor-container .elementor-row { padding: 105px 20px 50px 20px; } .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-row { padding: 105px 20px 50px 20px; } .projectHeader .project_title, .projectHeader .project_location { font-size: 20px; margin-bottom: 5px; } body:not(.elementor-editor-active) .sectionProjectDetail .infoProject { top: 0; } .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 { /* display:none; */ margin-left: 0; margin-top: 60px; float: right; width: auto; right: 0; 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: 0; left:auto; } body.post-project .tg_horizontal_gallery_cell img { /* width: 100%; */ /* max-width: 100% !important; */ /* height: auto !important; */ } 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 { height: auto !important; overflow: auto; } .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: #ffffff !important; padding-bottom: 5px; } .parent-projects #project_menu { height: 45px; display: none !important; } html.page-dark, .page-press-achievement { background-color: #231f20 !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; } .pressSection .elementor-container { padding-left: 30px; padding-right: 40px; } .projectFilterWrapper div .nav>li>ul { top: 67px; /* width: 230px; */ } .projectFilterWrapper .nav>li>ul>li>ul { } #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; /* -webkit-transform: translate(0px, 0px) -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); */ } body.js_nav .mobile_menu_wrapper { overflow: visible; right: 0; left: auto; box-shadow: none; background: transparent !important; height: auto; padding: 0; /* padding-top: 32px; */ display: block; } .mobile_main_nav { margin-top: 28px; margin-bottom: 0px; text-align: right; } .mobile_main_nav>li {} body.admin-bar .mobile_menu_wrapper { padding-top: 46px; -webkit-transform: translate(0px, -106px); -moz-transform: translate(0px, -106px); transform: translate(0px, -106px); } body.admin-bar.js_nav .mobile_menu_wrapper { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); transform: translate(0px, 0px); } body .mobile_menu_wrapper { margin-right: 45px; right: 0; left: auto; padding: 0; -webkit-transform: translate(0px, -60px); -moz-transform: translate(0px, -60px); transform: translate(0px, -60px); } .mobile_menu_content { height: auto; display: block; } .mobile_menu_wrapper .mobile_main_nav li { margin-bottom: 0; } .mobile_menu_wrapper .mobile_menu_content>div { /* vertical-align: top; */ overflow: visible; display: block; } .mobile_menu_wrapper { background: #111111 !important; background: transparent !important; } .mobile_menu_wrapper .mobile_main_nav li a, #sub_menu li a { color: #000000 !important; text-transform: uppercase; letter-spacing: 1px; font-family: 'AvnrTWS', sans-serif !important; line-height: 1; padding-bottom: 3px; border-bottom: 1px solid transparent; font-weight: 500; display: inline-block; width: auto; font-size: 14px; color: #ffffff !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: 0;width: 15px;height: 13px;overflow: hidden;} .mobile_menu_wrapper #sub_menu li a#menu_back:before { content: "\e900"; font-family: 'twsarrow' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mobile_menu_wrapper #sub_menu { overflow: visible; display: none; } body.js_nav .mobile_menu_wrapper #sub_menu { /* display: block; */ } .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.menu-item-401 a { /* max-width: 165px; */ } .mobile_menu_wrapper #sub_menu li { margin-bottom: 10px; /* overflow: hidden; */ } .mobile_menu_wrapper #sub_menu li.parent_level {} .mobile_menu_wrapper #sub_menu li a:hover { color: #ffffff !important; } .mobile_menu_wrapper #sub_menu li.menu-item a:hover { border-bottom: 1px solid #ffffff; } .mobile_menu_wrapper .mobile_main_nav li { margin-bottom: 0; display: inline-block; margin-right: 15px; } .mobile_menu_wrapper .mobile_main_nav li ul li { margin-right: 0; } .mobile_menu_wrapper .mobile_main_nav>li:hover>.sub-menu { display: block; position: absolute; text-align: left; background: rgba(0, 0, 0, 0.8); padding: 5px 15px 7px 10px; margin-left: -10px; margin-top: -2px; } .mobile_menu_wrapper .mobile_main_nav li .sub-menu li:hover .sub-menu { display: 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 { color: #000000 !important; margin-left: 15px; font-size: 11px; } .mobile_menu_wrapper .mobile_main_nav li .sub-menu .sub-menu a:hover { border-bottom:1px solid #000000; } .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; /* font-weight: 400; */ letter-spacing: 0px; text-transform: uppercase; color: #ffffff !important; } body.home .mobile_menu_wrapper .mobile_main_nav li a { color: #000000 !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: #ffffff !important; } body.home .mobile_menu_wrapper .mobile_main_nav li a:hover { /* color: #ffffff !important; */ } body .darkNavigation .mobile_menu_wrapper .mobile_main_nav li a:hover { color: #000000 !important; border-color: #000000; } .mobile_menu_wrapper .mobile_main_nav li .sub-menu a { font-size: 12px; padding-bottom: 0; } .mobile_menu_wrapper .mobile_main_nav li .sub-menu li { display: block; line-height: 1.2; margin-bottom: 5px; } .mobile_menu_wrapper .mobile_main_nav li .sub-menu li:first-child { margin-top: 2px; } .mobile_menu_wrapper .mobile_main_nav li a:hover { color: #ffffff !important; border-bottom: 1px solid #ffffff; } .mobile_menu_wrapper .mobile_main_nav li a {} .header_style_wrapper { position: fixed !important; background: #ffffff; background: transparent; } #wrapper .header_style_wrapper+#page_caption+#page_content_wrapper { /* padding-top: 85px !important; */ max-width: 100% !important; } #wrapper .header_style_wrapper+.elementor { /* padding-top: 85px; */ } .top_bar .standard_wrapper { height: 85px; max-width: 100% !important; } .header_style_wrapper .top_bar { border: 0; background: transparent; } #mobile_nav_icon { border-color: #000000 !important; line-height: 1 !important; } #logo_right_button { line-height: 1 !important; } #mobile_nav_icon .ti-menu { color: #000000; font-size: 21px; color: #FFFFFF; } .darkMenu #mobile_nav_icon .ti-menu { color: #000000; } .lightMenu .darkMenu #mobile_nav_icon .ti-menu { color: #ffffff; } .darkMenu .mobile_menu_wrapper .mobile_main_nav>li>a { color: #222222 !important; } .darkMenuText .mobile_menu_wrapper .mobile_main_nav>li>a { color: #222222 !important; } .lightMenuText .mobile_menu_wrapper .mobile_main_nav>li>a { color: #ffffff !important; } .lightMenu .darkMenu .mobile_menu_wrapper .mobile_main_nav>li>a { color: #ffffff !important; } body.home #mobile_nav_icon .ti-menu { color: #000000; } body.js_nav #mobile_nav_icon .ti-menu { font-size: 20px; } body.js_nav #mobile_nav_icon .ti-menu:before { content: "\e646"; } body.js_nav #mobile_nav_icon .ti-menu {} .mobile_menu_wrapper { width: 320px; height: auto; z-index: 999; } body.js_nav #wrapper { transform: translateZ(0px) translateX(-250px) rotateY(0deg); } body.js_nav #wrapper { left: auto; right: 90px; right: 0; 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; } .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: #000000; border-bottom: 1px solid #000000; } .darkTitle .infoProject.show .projectHeader .project_title, .darkTitle .infoProject.show .projectHeader .project_location { color: #ffffff; border-bottom: 1px solid #ffffff; } .lightTitle .infoProject .projectHeader .project_title, .lightTitle .infoProject .projectHeader .project_location{ color: #ffffff; border-bottom: 1px solid #ffffff; } .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: 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 .header_style_wrapper+div {} .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-row { padding: 105px 20px 50px 20px; } .projectHeader .project_title, .projectHeader .project_location { font-size: 20px; margin-bottom: 5px; } body:not(.elementor-editor-active) .sectionProjectDetail .infoProject { top: 0; } .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: #000000 !important; } .parent-projects #mobile_nav_icon .ti-menu { color: #000000 !important; } .parent-projects .mobile_menu_wrapper .mobile_main_nav>li>a { color: #000000 !important; } .parent-projects #mobile_nav_icon .ti-menu { color: #000000 !important; } .parent-projects .mobile_menu_wrapper .mobile_main_nav>li>a { color: #000000 !important; } body.modalview.js_nav.parent-projects #wrapper { overflow: hidden; } } @media (max-width: 960px) { .mobile_menu_wrapper { /* width: 360px; */ } body.js_nav #wrapper { transform: translateZ(0px) translateX(0px) rotateY(0deg); right: 0; } .parent-projects #page_content_wrapper:not(.wide) { padding: 0; } .page-contact #wrapper .elementor-inner .elementor-section-wrap { padding: 0 !important; padding-right: 0; } } @media (max-width: 768px) { .elementor-element .elementor-column-gap-no .elementor-column { padding: 0 !important; } #aboutSection .flickity-slider { } #aboutSection .elementor-row { display: block; } #aboutSection .flickity-viewport {} #aboutSection .flickity-slider>.elementor-element { display: block; height: 100%; width: 100%; overflow: hidden; } #aboutSection img { width: auto; max-width: unset; position: relative; } .aboutSelection .elementor-row>.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_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%; height: 100%; } .tg_horizontal_gallery_wrapper .flickity-prev-next-button.previous { left: 5px; padding-left: 0; } .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: 0; } #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: 0; } #contactSection .elementor-row>.addressData.office { padding-left: 0; } #contactSection .emailContact { padding-left: 0; } #page_content_wrapper .ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img { height: 100% !important; } .ajax-load-more-wrap .gridProject .post_wrapper .post_img_hover img {} .leftColumn .modalAbout.linkTonyModal { order: 1; } .leftColumn .modalAbout.studioProfile { order: 2; } .modalAbout.studioProfile { /* padding-top: 50px; */ } html[data-menu=leftalign] .top_bar .standard_wrapper { height: 85px; } #logo_wrapper, html[data-style=fullscreen] #logo_wrapper, .top_bar.hasbg #logo_wrapper { padding: 0; } #logo_right_wrapper { margin-top: 0; } .modalAbout .elementor-widget-container { max-width: 100%; } .modalAbout { /* position: static; */ /* background: #231f20; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_box1 { /* height: 195px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_box2 { /* height: 228px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_boxhalf { /* height: 211.5px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontalhalf { /* height: 211.5px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_tall { /* height: 423px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_bigbox { /* height: 423px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_horizontal { /* height: 228px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_tall2 { /* height: 282px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_box75 { /* height: 282px; */ } .ajax-load-more-wrap .gridProject .post_wrapper.grid_smallwide { /* height: 141px; */ } .elementor-row .addressData { padding: 7px 0 !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 30px; } .modalAbout.studioProfile { left: 0; } .modalAbout.tonnyProfile { right: 0; left: auto; } .pressSection .elementor-container { padding-left: 0px; padding-right: 0px; } .pressSection .elementor-container .sidebarPress, .pressSection .elementor-container .contentPress:not(.elementor-tab-content) { padding: 20px 10px !important; width: 100%; } .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: 0 !important; } body.page-press-achievement .contentPressWrapper { margin-top: 0; } .contactBoxes.elementor-column { padding: 23px !important; padding-top: 120px !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; } } @media (min-width: 653px) { #aboutSection img { width: 100%; left:0 !important; height: auto !important; } } @media (max-width: 767px) { #contactSection>.elementor-container>.elementor-row { margin-top: 140px; padding-left: 20px; } #contactSection .elementor-row { max-width: 100%; } } @media (max-width: 600px) { .projectFilterWrapper .nav>li { width: 100%; } .modalAbout h2 { font-size: 21px; } #contactSection>.elementor-container>.elementor-row { /* margin-top:0; */ } .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; } html[data-menu=leftalign] #logo_right_wrapper #logo_right_button {} #logo_right_wrapper { margin-top: -5px; } body:not(.elementor-editor-active) .infoProject>.elementor-container .elementor-row { } body:not(.elementor-editor-active) .infoProject>.elementor-container {} body:not(.elementor-editor-active) .infoProject.show { top: 0; 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: 0; position: fixed; display:block; } .projectFilterWrapper div .nav>li>ul { width: 230px; } body:not(.elementor-editor-active) .infoProject>.elementor-container {} 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 { /* margin-bottom: 7px; */ padding-bottom: 0; } } @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: 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; } } /* IPAD Pro 3rd gen */ @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: 0; 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 { } body.page-press-achievement .elementor-section-wrap .pressSection>.elementor-container>.elementor-row { 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: 0; 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 { } body.page-press-achievement .elementor-section-wrap .pressSection>.elementor-container>.elementor-row { padding-top: 11%; } } @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: static; position: fixed; } body.post-project .projectSlideReady .tg_horizontal_gallery_cell.landscapeEl:first-child img { /* object-position: 100% 50%; */ } 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: 85%; } } @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-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: 550px) and (max-width: 1000px) { .modalAbout blockquote { height: 310px !important; margin-top: 5px; padding-bottom: 5px; } } @media (min-height: 600px) and (max-width: 1000px) { .modalAbout blockquote { height: 350px !important; margin-top: 5px; padding-bottom: 5px; } } @media (min-height: 650px) and (max-width: 1000px) { .modalAbout blockquote { height: 400px !important; margin-top: 5px; padding-bottom: 5px; } } @media (min-height: 720px) and (max-width: 1000px) { .modalAbout blockquote { height: 500px !important; margin-top: 5px; padding-bottom: 5px; } } @media (min-height: 870px) { .post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img { height: 700px !important; } } @media (min-height: 920px) { .post-project .sectionProjectDetail .flickity-viewport .tg_horizontal_gallery_cell img { height: 800px !important; } } /* IPAD PRO */ @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 (max-height: 750px) 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: 595px !important; -ms-transform: scale(1.001,1); /* Support IE 9 */ -webkit-transform: scale(1.001,1); /* support Safari */ transform: scale(1.001,1); /* Standard syntax */ } .post-project .header_style_wrapper { position: static; } } @media (max-height: 660px) 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: 550px !important; */ } .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: 1520px) { .ajax-load-more-wrap .gridProject .post_wrapper.project_357 .post_img_hover img { object-position: 50% 10% !important; } } @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; } }