/* Theme Name: the7dtchild Author: Dream-Theme Author URI: http://dream-theme.com/ Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project! Version: 1.0.0 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended Template: dt-the7 */ .dd-menu-scroll .swiper .the7-swiper-button.swiper-button-disabled{opacity: 0.3 !important;} .elementor-slideshow__footer{padding: 0px 0px 5px 0px !important;} .elementor-lightbox .elementor-lightbox-item{padding: 30px !important;} .elementor-lightbox .dialog-lightbox-close-button{margin-top: 0px !important;} .elementor-slideshow__header{padding-top: 0px !important;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content{padding: 20px 30px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .post-thumbnail-rollover{overflow: hidden;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description{width: 100%;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul{margin: 20px 0px 0px 0px; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li{width: 50%; padding-bottom: 20px; display: flex; align-items: center; justify-content: flex-start; gap: 10px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li img{max-width: 50px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li strong{ color: #033156; font-size: 16px; line-height: 20px; font-weight: 600;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li strong span{font-size: 14px; font-weight: 400; display: block;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .the7-hover-icon{border: 2px solid #FFF; border-radius: 50%;padding: 10px;} .completed-menu-carousel .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-heading{width: 100%; text-align: left;} .home-projects-scrolling .swiper .the7-swiper-button.swiper-button-disabled{opacity: 0.3 !important;} .elementor-slideshow__share-links a[download]{display: none !important;} .elementor-slideshow__header>svg, .elementor-lightbox .dialog-lightbox-close-button svg{fill: #f7c903 !important;} .elementor-slideshow__header>svg:hover, .elementor-lightbox .dialog-lightbox-close-button svg:hover{fill: #FFF !important;} .mar-bot-0{margin-bottom: 0px !important;} *{outline: none !important;} .error404 #main {padding: 0px;} html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow: hidden !important;} .bullets-scale-up .owl-dot.active span{transform: scale(1) !important;} .error404 #main > .wf-wrap{width: 100% !important; padding: 0px; margin: 0px;} #page .skip-link, #elementor-lightbox-slideshow-single-img.elementor-lightbox{display: none !important;} .masthead .mini-widgets > *, .masthead .mobile-mini-widgets > *{margin-right: 10px !important; margin-left: 10px !important;} input, textarea, button, select, a, * {-webkit-tap-highlight-color: transparent; outline: none !important;} .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{padding: 10px !important; border: none !important; font-size: 14px !important; text-align: center !important; position: absolute; margin-top: 0px; margin-bottom: 20px;} .wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok{display: block !important;} .wpcf7 .wpcf7-response-output{display: none !important;} .wpcf7 .wpcf7-response-output.run-animation{display: block !important;} .preloader-plus .preloader-content .prog-bar-wrapper, .show-on-mobile{display: none !important;} .hide-on-mobile{display: block !important;} body.show-overlay-mobile-header{overflow: hidden;} .load-wrap img{max-width: 250px; display: none;} .branding a img, .branding img{max-width: 230px;} body.privacy-policy .mobile-menu-footer a.privacy-policy, body.page-id-3429 .mobile-menu-footer a.terms-of-use{color: #f7c903 !important;} .mobile-branding > a, .mobile-branding > img, .dt-mobile-header .text-area .mobile-nav-logo img{max-width: 200px;} .mobile-header-bar .mobile-branding{max-width: 200px;} .masthead .mobile-header-bar{background: #FFF;} .dt-mobile-header .text-area{position: unset; width: 100%; margin: 0px; flex-wrap: wrap; justify-content: center;} .dt-mobile-header .text-area .mobile-nav-logo{position: absolute; left: 30px; top: 30px;} .masthead.inline-header .ph-wrap.with-logo{position: relative;} .mobile-main-nav li > a .menu-text{font-size: 20px; font-weight: 400;} .mobile-main-nav li > a{padding: 15px !important; max-width: inherit;display: inline; flex-grow: inherit;} .mobile-main-nav li{justify-content: center; text-align: center;} .dt-mobile-header .sub-nav>li{justify-content: center;width: auto;} .dt-mobile-header .sub-nav>li a{max-width: inherit; flex-grow: inherit;} .dt-mobile-header .mobile-main-nav li .sub-nav > li > a{padding: 10px !important;} .dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text{font-size: 18px !important; font-weight: 400;} .mobile-main-nav li.has-children>.next-level-button svg{display: none;} .mobile-main-nav li.has-children>.next-level-button:before{content: "\f053"; font-family: icomoon-the7-font !important; font-size: 18px; color:#f7c903; font-style: normal;} .mobile-main-nav .sub-nav{margin-left: 0px !important;} .mobile-main-nav li.has-children.open-sub>.next-level-button, .mobile-main-nav .sub-nav li.has-children.open-sub>.next-level-button{transform: rotate(-90deg);} .mobile-main-nav .sub-nav li.has-children>.next-level-button:before{font-size: 14px;} .dt-mobile-header li.has-children>.next-level-button{padding: 0px !important; transform: rotate(90deg); margin-right: -20px;} body.home .fancybox__content{width: 90% !important; height: 90% !important;} .comp-menu-bangalore .box-content.active .box-heading, .comp-menu-hosur .box-content.active .box-heading, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link.active{color: #f7c903 !important;} .fancybox__footer .fancybox__caption{text-align: center !important;} #mega-menu-wrap-primary, #mega-menu-wrap-primary #mega-menu-primary, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{position: unset !important; transition: all 0.3s ease;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width:calc(100% - 100px) !important; left: 50px !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.2);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-float-left{float: none;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav{background: #134369; padding-top: 30px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav .eael-tab-inline-icon li.eael-tab-item-trigger i{position: absolute; right: 30px; top: 10px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav .eael-tab-inline-icon li.eael-tab-item-trigger i:before{content: "\f031"; font-family: icomoon-the7-font !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{content: "\f053" !important; font-family: icomoon-the7-font !important; width: 14px !important; height: 10px !important; line-height: 14px !important; vertical-align: middle !important; transform: rotate(90deg); font-size: 11px; display: flex; align-items: center; justify-content: center; color: #f7c903;font-size: 13px; transition: all 0.3s ease;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after{transform: rotate(-90deg);} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{margin: 0px 0 0 4px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger{justify-content: space-between !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger:hover svg path.st0, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger.active svg path.st0{fill: #033156 !important;} .lan-main-menu nav.dt-nav-menu-horizontal--main ul.dt-nav-menu-horizontal li.menu-item a.mPS2id-highlight:after{width: 100% !important; background: #f7c903 !important;} .remove-break-desktop br, .show-break-mobile br{display: none;} .mobile-main-nav>li>a, .mobile-mini-widgets-in-menu{justify-content: center; padding: 15px;} .main-nav > li{position: unset;} .main-nav > li ul.sub-nav{left: 50px !important; width: 25%;} .main-nav > li > a .menu-text{transition: all 0.6s ease;} .inline-header .header-bar{background: #FFF; box-shadow: 0px 7px 15px rgba(0,0,0,0.07);} .inline-header .header-bar:before{position: absolute; left: -50px; top: 0px; width: 50px; height: 100%; content:""; background:#FFF;} .inline-header .header-bar:after{position: absolute; right: -50px; top: 0px; width: 50px; height: 100%; content:""; background:#FFF;} .top-bar-text{color: #FFF;} .top-bar-text span{color: #f7c903 !important;} .mobile-menu-footer, .mobile-footer-logo{display: none;} .dt-mobile-header .mobile-header-scrollbar-wrap{justify-content: flex-start; height: 100%; padding-top: 100px;} .dt-mobile-header .mobile-header-scrollbar-wrap ul.mobile-main-nav{flex: unset;} .mobile-main-nav > li > .sub-nav:last-child{margin-bottom: 0px !important;} ul.top-phone{display: flex; align-items: center; justify-content: flex-end; gap: 15px;} ul.top-phone li{position: relative;} ul.top-phone li:first-child{border-right: 1px solid #f7c903; padding-right: 15px;} ul.top-phone li a{text-decoration: none !important; display: flex; align-items: center; gap: 7px; transition: all 0.6s ease; color: #FFF;} ul.top-phone li a i, ul.top-phone li a:hover{color: #f7c903 !important; opacity: 1;} #phantom.masthead.inline-header{display: none; animation: none;} #phantom.masthead.inline-header.show-header{animation: none;} #phantom.masthead.inline-header.show-header.show-main-header{animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;opacity: 0; display: block;} #phantom.masthead.inline-header.show-header.hide-main-header{top: -200px !important; transform: none; opacity: 1; transition: all 1s ease;} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a .menu-text{color: #06365b !important; transition: all 0.6s ease;} .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li > a:hover .menu-text, .light-preset-color.masthead:not(#phantom):not(.sticky-on) .main-nav > li.current-menu-item > a .menu-text{color: #f7c903 !important; transition: all 0.6s ease;} .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:after, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .menu-line:before{background: #06365b !important;} a.header-btn{background:#f7c903; color: #06365b; padding: 15px 30px; display: inline-block; overflow: hidden; transition: all 0.6s ease; font-size: 16px;text-decoration: none !important; position: relative; cursor: pointer; margin-left: 10px;} a.header-btn span{position: relative; z-index: 10; display: block; color: #06365b !important; transition: all 0.6s ease;} .acropolis-header-btn a.header-btn span{font-weight: 600;} a.header-btn:hover span{color: #FFF !important;} a.header-btn:before{position: absolute; left: -200px; top: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px transparent; border-right: solid 95px transparent; border-left: solid 95px #06365b; border-top: solid 25px #06365b; transition: all 0.6s ease;} a.header-btn:hover:before{top:0px; left:0px; transition: all 0.6s ease;} a.header-btn:after{position: absolute; right: -200px; bottom: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px #06365b; border-right: solid 95px #06365b; border-left: solid 95px transparent; border-top: solid 25px transparent; transition: all 0.6s ease;} .landing-page-header a.header-btn:before{top: 45px;} .landing-page-header a.header-btn:hover:before{top: 0px;} .landing-page-header a.header-btn:after{bottom: 45px;} .landing-page-header a.header-btn:hover:after{bottom: 0px;} a.header-btn:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon{padding-top: 5px;} .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item:nth-child(3) a .elementor-icon-list-text{text-decoration: underline;} .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item a .elementor-icon-list-text, .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text a{color: #000; transition: all 0.3s ease;} .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item a:hover .elementor-icon-list-text, .contact-address-icons ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text a:hover{color: #f7c903;} a.eael-gallery-load-more{background:#f7c903; color: #06365b; padding: 15px 30px; display: inline-block; overflow: hidden; transition: all 0.6s ease; font-size: 16px;text-decoration: none !important; position: relative; cursor: pointer; margin-left: 10px;} a.eael-gallery-load-more span.eael-filterable-gallery-load-more-text{position: relative; z-index: 10; display: block; transition: all 0.6s ease;} a.eael-gallery-load-more:hover span.eael-filterable-gallery-load-more-text{color: #FFF;} a.eael-gallery-load-more:before{position: absolute; left: -240px; top: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px transparent; border-right: solid 95px transparent; border-left: solid 95px #06365b; border-top: solid 25px #06365b; transition: all 0.6s ease;} a.eael-gallery-load-more:hover:before{top:0px; left:0px; transition: all 0.6s ease;} a.eael-gallery-load-more:after{position: absolute; right: -240px; bottom: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px #06365b; border-right: solid 95px #06365b; border-left: solid 95px transparent; border-top: solid 25px transparent; transition: all 0.6s ease;} a.eael-gallery-load-more:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .btn-hover-white-bg a.eael-gallery-load-more:before{ border-left: solid 95px #FFF; border-top: solid 25px #FFF;} .btn-hover-white-bg a.eael-gallery-load-more:hover span.eael-filterable-gallery-load-more-text{color: #06365b;} .btn-hover-white-bg a.eael-gallery-load-more:after{border-bottom: solid 25px #FFF; border-right: solid 95px #FFF;} #content.content .elementor-widget-container p a{transition: all 0.3s ease;} #content.content .elementor-widget-container p a:hover{color: #F7C903;} .comp-deve-proj .swiper .swiper-pagination{bottom: 30px !important;} .comp-deve-proj .swiper .swiper-slide figure.swiper-slide-inner img{width: 100%;} .faq-accordion .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-title{justify-content: space-between; align-items: center; gap: 20px;} .faq-accordion .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-title .the7-e-tab-title-text{text-align: left;} .landing-page-header.fixedheader a.header-btn:before{ border-left: solid 95px #FFF; border-top: solid 25px #FFF;} .landing-page-header.fixedheader a.header-btn:after{border-bottom: solid 25px #FFF; border-right: solid 95px #FFF;} .landing-page-header.fixedheader a.header-btn:hover span{color:#06365b !important;} .landing-page-menu-popup{background: transparent !important;} .banner-btn .elementor-button-wrapper{background:#FFF; color: #f7c903; display: inline-block; overflow: hidden; transition: all 0.6s ease; font-size: 16px;text-decoration: none !important; position: relative;} .banner-btn .elementor-button-wrapper a{position: relative; z-index: 10; display: block; transition: all 0.6s ease;} .banner-btn .elementor-button-wrapper:hover a{color: #FFF;} .banner-btn .elementor-button-wrapper:before{position: absolute; left: -200px; top: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px transparent; border-right: solid 95px transparent; border-left: solid 95px #06365b; border-top: solid 25px #06365b; transition: all 0.6s ease;} .banner-btn .elementor-button-wrapper:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .banner-btn .elementor-button-wrapper:after{position: absolute; right: -200px; bottom: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px #06365b; border-right: solid 95px #06365b; border-left: solid 95px transparent; border-top: solid 25px transparent; transition: all 0.6s ease;} .banner-btn .elementor-button-wrapper:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .completed-projects-images .swiper-pagination {bottom: 20px !important;} .completed-projects-scroll-images .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-inner .dt-owl-item-description img{height: fit-content !important; width: 100%; max-height: 417px;} .completed-projects-scroll-images .owl-carousel .owl-dots button.owl-dot, .completed-projects-scroll-images .owl-carousel .owl-dots button.owl-dot.active{transform: none !important; border: 2px solid #FFF !important; box-shadow: none !important; border-radius: 50% !important;} .completed-projects-scroll-images .owl-carousel .owl-dots button.owl-dot span{opacity: 0.5 !important; transform: none !important;} .completed-projects-scroll-images .owl-carousel .owl-dots button.owl-dot.active span{opacity: 1 !important; transform: none !important; background: #FFF !important;} .fancybox__container{--fancybox-bg: rgba(0, 0, 0, 0.8) !important;} .fancybox__container .fancybox__nav button.f-button svg{display: none;} .fancybox__container .fancybox__nav button.f-button[disabled]{opacity: 0.3;} .fancybox__container .fancybox__nav button.f-button{border-radius: 50%; border: 1px solid #FFF;transition: all 0.5s ease;} .fancybox__container .fancybox__nav button.f-button:hover{ border: 1px solid #F7C903;transition: all 0.5s ease;} .fancybox__container .fancybox__nav button.f-button.is-next:before{content: "\f031"; font-family: icomoon-the7-font !important; height: 47px;width: 50px;display: flex;align-items: center;justify-content: center; font-style: normal;text-align: center;font-weight: 400;font-variant: normal;text-transform: none;color: #FFF;font-size: 22px; line-height: 1;cursor: pointer;transition: all 0.5s ease; top: 0; left: 0; right: 0; bottom: 0;} .fancybox__container .fancybox__nav button.f-button.is-next:hover:before{color: #F7C903;transition: all 0.5s ease;} .fancybox__container .fancybox__nav button.f-button.is-prev:before{content: "\f030"; font-family: icomoon-the7-font !important; height: 47px;width: 50px;display: flex;align-items: center;justify-content: center; font-style: normal;text-align: center;font-weight: 400;font-variant: normal;text-transform: none;color: #FFF;font-size: 22px; line-height: 1;cursor: pointer;transition: all 0.5s ease; top: 0; left: 0; right: 0; bottom: 0;} .fancybox__container .fancybox__nav button.f-button.is-prev:hover:before{color: #F7C903;transition: all 0.5s ease;} .fancybox__container .fancybox__toolbar button.f-button svg{stroke: #F7C903;transition: all 0.5s ease;} .fancybox__container .fancybox__toolbar button.f-button:hover svg{stroke: #FFF;transition: all 0.5s ease;} button.f-button[disabled]:before{cursor: unset !important;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title{overflow: hidden;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text{position: relative; z-index: 10; display: block; transition: all 0.6s ease;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title:before{position: absolute; left: -200px; top: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px transparent; border-right: solid 95px transparent; border-left: solid 95px #f7c903; border-top: solid 25px #f7c903; transition: all 0.6s ease;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title:after{position: absolute; right: -200px; bottom: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px #f7c903; border-right: solid 95px #f7c903; border-left: solid 95px transparent; border-top: solid 25px transparent; transition: all 0.6s ease;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-title span.the7-e-tab-icon{transform: rotate(90deg); transition: all 0.3s ease;} .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-title.active span.the7-e-tab-icon{transform: rotate(-90deg); transition: all 0.3s ease;} .the7-e-accordion .the7-e-tabs-content> p, .the7-e-accordion .the7-e-tabs-content{text-align: justify;} .the7-e-accordion .the7-e-tabs-content img{max-width: 100%; margin-bottom: 30px;} .the7-e-accordion .the7-e-tabs-content>div:last-of-type .the7-e-tab-content{padding-bottom: 20px;} .yellow-btn .elementor-button-wrapper{background:#FFF; color: #f7c903; display: inline-block; overflow: hidden; transition: all 0.6s ease; font-size: 16px;text-decoration: none !important; position: relative; background :#f7c903; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);} .yellow-btn.white-btn .elementor-button-wrapper{background :#FFF; box-shadow: none; cursor: pointer;} .yellow-btn .elementor-button-wrapper a{position: relative; z-index: 10; display: inline-block; transition: all 0.6s ease; cursor: pointer;} .yellow-btn .elementor-button-wrapper a:focus{color: #06365b !important; cursor: pointer;} .yellow-btn .elementor-button-wrapper:hover a{color: #FFF !important;} .yellow-btn .elementor-button-wrapper:before{position: absolute; left: -210px; top: 52px; content:""; width: 0px; height: 0px; border-bottom: solid 26px transparent; border-right: solid 110px transparent; border-left: solid 110px #06365b; border-top: solid 26px #06365b; transition: all 0.6s ease;} .yellow-btn .elementor-button-wrapper:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .yellow-btn .elementor-button-wrapper:after{position: absolute; right: -210px; bottom: 52px; content:""; width: 0px; height: 0px; border-bottom: solid 26px #06365b; border-right: solid 110px #06365b; border-left: solid 110px transparent; border-top: solid 26px transparent; transition: all 0.6s ease;} .yellow-btn .elementor-button-wrapper:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .yellow-btn.click-to-enlarge .elementor-button-wrapper a{display: flex; align-items: center; justify-content: center;} .yellow-btn.click-to-enlarge .elementor-button-wrapper:before{left: -220px; top: 60px;} .yellow-btn.click-to-enlarge .elementor-button-wrapper:after{right: -220px; bottom: 60px;} .yellow-btn.click-to-enlarge .elementor-button-wrapper:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .yellow-btn.click-to-enlarge .elementor-button-wrapper:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .yellow-btn.download-btn .elementor-button-wrapper:before{left: -300px; border-right: solid 150px transparent; border-left: solid 150px #06365b;} .yellow-btn.download-btn .elementor-button-wrapper:after{right: -300px; border-right: solid 150px #06365b; border-left: solid 150px transparent;} .yellow-btn.download-btn .elementor-button-wrapper:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .yellow-btn.download-btn .elementor-button-wrapper:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .vertical-5.container, .vertical-5.container .timeline{background: transparent !important;} .vertical-5 .timeline{position: relative;} .inner-banners .banner-border{position: relative; margin-right: 150px; min-height: 420px; min-width: 550px;} .inner-banners .banner-border>.e-con-inner{justify-content: center;} .banner-border{position: relative; margin-right: 50px;} .banner-border:before{position: absolute; left: 0px; top: 0px; width: 10px; height: 50px; content:""; background: #FFF;} .banner-border:after{position: absolute; left: 0px; bottom: 0px; width: 10px; height: 50px; content:""; background: #FFF;} .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-prefix{display: none;} .main-banner{cursor: auto;} .swiper-slide a{display: block !important;} .home-counter .elementor-counter .elementor-counter-title{text-align: left;} .home-counter .elementor-counter .elementor-counter-title br{display: none} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content{padding: 30px;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-heading strong{color: #06365b; font-weight: 600; font-size: 26px; display: block;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-button, .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-button, .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-slide-button{position: relative;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-button:before, .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-button:before, .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-slide-button:before{position: absolute; left: 0px; bottom: 1px; width: 100%; height: 1px; content:""; background: #06365b; z-index: 1;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-button:after, .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-button:after, .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-slide-button:after{position: absolute; left: 0px; bottom: 0px; width: 0px; height: 3px; content:""; background: #f7c903; z-index: 10; transition: all 0.6s ease;} .home-featured-project .the7-box-wrapper:hover .box-content-wrapper .box-content .box-button:after, .home-project-box .the7-box-wrapper:hover .box-content-wrapper .box-content .box-button:after, .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-slide-button:after{ width: 100%; transition: all 0.6s ease;} .home-project-box .the7-box-wrapper .box-content-wrapper .box-content{padding: 20px;} .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-heading{margin-bottom: 0px !important;} .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-slide-button{margin-left: 20px;} .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-heading{width: 100%; text-align: left; padding: 0px 20px !important;} .home-project-box-mobile .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description{ padding: 0px 20px !important;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav{padding: 20px 10px; position: relative; z-index: 90;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title{position: relative;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title .the7-e-tab-title-text img{position: absolute; left: 13px; top: 17px; max-width: 35px; transition: all 0.3s ease;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title.active .the7-e-tab-title-text img{filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(16deg) brightness(100%) contrast(500%); transition: all 0.3s ease;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-item-wrapper .the7-e-tab-content{overflow: hidden;} .home-tabs .slider-nav-thumbnails .slick-track{padding: 20px 0px;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide{padding: 15px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.15); background: #FFF; color: #033156; font-size: 15px; font-weight: 600; position: relative; line-height: 18px; cursor: pointer; transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide:hover{color: #000;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide img{max-width: 30px; transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide.slick-current img{filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(16deg) brightness(100%) contrast(500%); transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide {margin: 0 7px;} .slick-list {margin: 0 -5px;} .home-tabs .slider.slick-slider{margin-top: 20px; box-shadow: 10px 10px 30px 0px rgba(0, 0, 0, 0.15); overflow: hidden;} .home-tabs .slider.slick-slider .slick-slide{padding: 40px; background: #FFF;} .home-tabs .slider.slick-slider .slick-slide img{width: 100%;} .home-tabs .slider.slick-slider .slick-slide.slick-active{animation: fadeInUp 1s;} .home-tabs .slider-nav-thumbnails button.slick-arrow{width: 50px; height: 50px; position: absolute; left: 0px; top: 30px; border-radius: 50%; border: 2px solid #dfdfdf; color: transparent; background: #FFF; transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails button.slick-arrow:hover{border-color:#F7C903;} .home-tabs .slider-nav-thumbnails button.slick-arrow.slick-next{left: inherit; right: 0px;} .home-tabs .slider-nav-thumbnails button.slick-arrow:before{position: absolute; left: 0px; top: 0px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; content: "\f028" !important; font-family: icomoon-the7-font !important; color: #dfdfdf; transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails button.slick-arrow.slick-next:before{ content: "\f029" !important;} .home-tabs .slider-nav-thumbnails button.slick-arrow:hover:before{color:#F7C903;} .clients-tabs .clients-slider-nav-thumbnails{padding: 0px 10px;} .clients-tabs .clients-slider-nav-thumbnails .slick-track{padding: 20px 0px;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide{padding: 15px 10px; display: flex; align-items: center; justify-content: flex-start; gap: 10px; border-radius: 0px; box-shadow: 3px 5px 10px 0px rgba(0, 0, 0, 0.15); background: #FFF; color: #033156; font-size: 16px; font-weight: 600; position: relative; line-height: 18px; cursor: pointer; transition: all 0.3s ease; white-space: nowrap;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide:hover{color: #000;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide img{max-width: 40px; transition: all 0.3s ease;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide.slick-current img{filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(16deg) brightness(100%) contrast(500%); transition: all 0.3s ease;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide {margin: 0 7px;} .slick-list {margin: 0 -5px;} .clients-tabs .clients-slider.slick-slider{margin-top: 20px;} .clients-tabs .clients-slider.slick-slider .slick-slide{height: 0px;} .clients-tabs .clients-slider.slick-slider .slick-slide.slick-current{height: auto;} .clients-tabs .clients-slider.slick-slider .slick-slide img{width: 100%;} .clients-tabs .clients-slider.slick-slider .slick-slide.slick-active{animation: fadeInUp 1s;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow{width: 50px; height: 50px; position: absolute; left: -50px; top: 30px; border-radius: 50%; border: 2px solid #dfdfdf; color: transparent; background: #FFF; transition: all 0.3s ease;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow:hover{border-color:#F7C903;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow.slick-next{left: inherit; right: -50px;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow:before{position: absolute; left: 0px; top: 0px; width: 46px; height: 46px; display: flex; align-items: center; justify-content: center; content: "\f028" !important; font-family: icomoon-the7-font !important; color: #dfdfdf; transition: all 0.3s ease;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow.slick-next:before{ content: "\f029" !important;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow:hover:before{color:#F7C903;} .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 15px !important;} .home-slider.owl-carousel .owl-dots .owl-dot{width: 10px; height: 10px; border-radius: 10px !important; border: none !important; transition: all 0.3s ease;} .home-slider.owl-carousel .owl-dots .owl-dot.active{width: 30px; transition: all 0.3s ease;} .home-slider.owl-carousel .owl-dots .owl-dot span{transform: scale(1) !important; border: none !important; border-radius: 10px !important;transition: all 0.3s ease;} .video-play-button {position: absolute;z-index: 10;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);box-sizing: content-box;display: block;width: 20px;height: 24px;border-radius: 50%;padding: 18px 20px 18px 28px; cursor:pointer;} .video-play-button:before {content: "";position: absolute;z-index: 0;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: #FFF;border-radius: 50%;animation: pulse-border 1500ms ease-out infinite;} .video-play-button:after {content: "";position: absolute;z-index: 1;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: block;width: 80px;height: 80px;background: rgba(247,201,3,0.9);border-radius: 50%;transition: all 200ms; box-shadow:0px 0px 20px rgba(0,0,0,0.5); border: 4px solid #FFF;} .video-play-button:hover:after {background-color: darken(#fa183d, 10%);} .video-play-button img {position: relative; z-index: 3;max-width: 100%;width: auto;height: auto;} .video-play-button span {display: block;position: relative;z-index: 3;width: 0;height: 0;border-left: 18px solid #fff;border-top: 14px solid transparent;border-bottom: 14px solid transparent; top: -2px;} @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .acc-container { width:100%; margin:30px auto; overflow:hidden; border-bottom: 2px solid #B3C1CC;} .acc-container .acc-btn { font-size: 22px; font-weight: 600; color:#033156; width:100%; margin:0 auto; padding:20px 0px; cursor:pointer; border-top: 2px solid #B3C1CC;} .acc-container .acc-btn h3{margin-bottom: 0px; position: relative; padding-right: 40px; font-size: 22px; line-height: 30px;} .acc-container .acc-btn h3:before{position: absolute; right: 0px; top: calc(50% - 17px); content: "\f053"; font-family: icomoon-the7-font!important; width: 35px; height: 35px; border-radius: 50%; border: 2px solid #033156; color: #033156; font-size: 16px; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; transform: rotate(90deg);} .acc-container .acc-content {height:0px; width:100%; margin:0 auto; overflow:hidden; } .acc-container .acc-content-inner img{max-width: 100%; margin-bottom: 20px;} .acc-container .acc-content-inner {padding: 0px 0px 20px 0px; text-align: justify; font-size: 15px;} .acc-container .acc-content-inner p a{text-decoration: underline;} .acc-container .open {height: auto;} .acc-container .acc-btn h3.selected:before{color:#F7C903; border-color: #F7C903; transform: rotate(-90deg);} .popup-message-style #page .wpcf7-response-output{position: relative !important; left: inherit !important; top: inherit !important; bottom: inherit !important; width: 100% !important; right: inherit !important; transform: none !important; justify-content: center !important; text-align: center !important; margin: 0px !important; padding: 10px !important; font-weight: 400 !important; max-width: 100%; } .popup-message-style #page .wpcf7-response-output.wpcf7-mail-sent-ok{animation-delay: 10s !important; box-shadow: none !important;} .wpcf7 .wpcf7-response-output{border: none !important; margin: 0 !important; padding: 10px !important;} .wpcf7 .wpcf7-response-output .wpcf7-valid-tip-text, .popup-message-style #page .wpcf7-response-output.wpcf7-mail-sent-ok .wpcf7-valid-tip-text{font-size: 15px !important; text-align: center !important;} .popup-message-style #page .wpcf7-response-output:before{display: none !important;} .popup-message-style #page .wpcf7-response-output .wpcf7-valid-tip-text{justify-content: center !important;} @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .elementor-popup-modal .dialog-close-button{top: -20px; right: -20px; width: 40px; height: 40px; background:#f7c903; border-radius: 50%; align-items: center; justify-content: center; transition: all 0.3s ease; transform: rotate(0deg); color:#FFF;} .elementor-popup-modal .dialog-close-button:hover{ background:#06365b; transition: all 0.3s ease; transform: rotate(90deg);} .elementor-field-group{align-items: flex-start !important;} .elementor-field-group select{height: 60px;} .elementor-field-group select option{background: #06365b; color: #FFF; padding: 7px;} .elementor-field-group select option:hover{background: #f7c903; color: #FFF; } .elementor-field-type-acceptance.elementor-field-group{ display: flex; align-items: center !important; justify-content: flex-end; flex-direction: row-reverse; padding-bottom: 10px;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-subgroup .elementor-field-option{width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; margin-right: 5px;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-subgroup .elementor-field-option input[type=checkbox]{margin-right: 0px;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-label{ color: #222; font-size: 15px;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-subgroup{flex-basis: auto !important;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-subgroup input[type=checkbox]{margin-bottom: 0px !important;margin-right: 10px;} .form-popup.elementor-popup-modal .dialog-close-button{top: 20px; right: 20px; background: transparent; border: 2px solid #f7c903;} .form-popup.elementor-popup-modal .dialog-close-button svg{fill: #f7c903; z-index: 10;} .form-popup.elementor-popup-modal .dialog-close-button:hover{border-color: #06365b;} .form-popup.elementor-popup-modal .dialog-close-button:hover svg{fill: #FFF;} .form-popup.elementor-popup-modal .dialog-close-button:before{position: absolute; left: 50%; top: 50%; width: 0px; height: 0px; border-radius: 50%; z-index: 0; content:"";background:#06365b; transition: all 0.3s ease;} .form-popup.elementor-popup-modal .dialog-close-button:hover:before{ left: -1px; top: -1px; width: 110%; height: 110%; transition: all 0.3s ease;} .yellow-btn.popup-form .elementor-button-wrapper a.elementor-button{cursor: pointer;} input, textarea{color: #000; opacity: 1;} .cf7ascaptcha{font-weight: 600;} form .cf7ascaptcha input{margin-bottom: 0px !important;color: #000; opacity: 1;} .scroll-top{background: #f7c903; color: #FFF; bottom: 21px;} .page-id-9746 .scroll-top,.page-id-9825 .scroll-top,.page-id-9829 .scroll-top,.page-id-9827 .scroll-top,.page-id-9823 .scroll-top,.page-id-9821 .scroll-top,.page-id-2028 .scroll-top,.page-id-4019 .scroll-top{background: #06365b; color: #FFF;} .page-id-9746 .scroll-top:hover,.page-id-9825 .scroll-top:hover,.page-id-9829 .scroll-top:hover,.page-id-9827 .scroll-top:hover,.page-id-9823 .scroll-top:hover,.page-id-9821 .scroll-top:hover,.page-id-2028 .scroll-top:hover,.page-id-4019 .scroll-top:hover{background: #f7c903; color: #FFF;} .page-id-9746 .scroll-top:before,.page-id-9825 .scroll-top:before,.page-id-9829 .scroll-top:before,.page-id-9827 .scroll-top:before,.page-id-9823 .scroll-top:before,.page-id-9821 .scroll-top:before,.page-id-2028 .scroll-top:before, .page-id-4019 .scroll-top:before{color: #f7c903;} .page-id-9746 .scroll-top:hover:before,.page-id-9825 .scroll-top:hover:before,.page-id-9829 .scroll-top:hover:before,.page-id-9827 .scroll-top:hover:before,.page-id-9823 .scroll-top:hover:before,.page-id-9821 .scroll-top:hover:before,.page-id-2028 .scroll-top:hover:before, .page-id-4019 .scroll-top:hover:before{color: #FFF;} .the7-e-tab-item-wrapper .the7-e-tab-content.active{animation: fadeInUp 1s;} @keyframes fadeInUp { from { transform: translate3d(0,10px,0) } to { transform: translate3d(0,0,0); opacity: 1 } } .list-align-justify ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{text-align: justify;} .error-links a{position: relative; transition: all 0.3s ease;color: #FFF !important;} .error-links a:before{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; background: #FFF; content:""; z-index: 0;} .error-links a:after{position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; background: #06365b; content:""; z-index: 1; transition: all 0.3s ease;} .error-links a:hover:after{width: 100%; transition: all 0.3s ease;} .error-links a:hover{color: #06365b !important;} .scroll-top:hover{background: #06365b; color: #FFF;} .scroll-top svg{display: none;} .scroll-top:before{position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; content: "\f053"; font-family: icomoon-the7-font !important; color: #333333; transform: rotate(-90deg); transition: all 0.3s ease; font-size: 15px;} .scroll-top:hover:before{color: #f7c903; transition: all 0.3s ease;} input::placeholder, textarea::placeholder{color: #000; opacity: 0.5 !important;} form input, form select{margin-bottom: 30px !important;} form textarea{margin-bottom: 10px !important; resize: none; height: 100px;} form input[type="submit"]{font-size: 16px !important; padding: 15px 30px !important;} form .wpcf7-spinner{position: absolute; right: 0px; z-index: 999; margin: 0px; display: none !important;} .wpcf7-quiz.wpcf7-not-valid, input.wpcf7-validates-as-required.wpcf7-not-valid{border: 1px solid #000 !important;} .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label{color: #848484 !important;} #popmake-8989.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label{color: #06365b !important;} .wpcf7-form label.error{position: absolute; left: 0px; bottom: 5px;color: #063960 !important; font-size: 13px; padding-left: 0px;} .wpcf7-form .form-select label.error{bottom: -25px;} .wpcf7-form .express-interest-form label.error, .wpcf7-form .express-interest-form .message-field label.error{bottom: -5px;} .wpcf7-form .message-field label.error{bottom: -15px;} #popmake-5192.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, #popmake-7831.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, #popmake-8335.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9759.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9941.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9943.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9945.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9947.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label,#popmake-9949.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label{color: #000 !important; font-size: 15px !important;} .tab-bg-image{overflow: hidden;} .tab-background-image1, .tab-background-image2, .tab-background-image3, .tab-background-image4, .tab-background-image5, .tab-background-image6{visibility: hidden; opacity: 0; transform: scale(0); transform-origin: center center; transition: all 0s ease;} .tab-background-image1.show, .tab-background-image2.show, .tab-background-image3.show, .tab-background-image4.show, .tab-background-image5.show, .tab-background-image6.show{visibility: visible; opacity: 1; transform: scale(1); transform-origin: center center; transition: all 2s ease;} .dt-mobile-menu-icon .lines-button, .dt-mobile-menu-icon .lines-button .menu-line{width: 30px !important;} .dt-mobile-menu-icon .menu-line:first-of-type{top: -4px !important;} .dt-mobile-menu-icon .menu-line:nth-of-type(2){top: 6px !important;} .dt-mobile-menu-icon .menu-line:nth-of-type(3){top: 16px !important;} select.elementor-field-textual{margin-bottom: 20px !important;} .clients-logos .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .elementor-image-div, .acropolis-clients .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-image{position: relative; overflow: hidden;} .clients-logos .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .elementor-image-div:after, .acropolis-clients .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-image:after{position: absolute; left: -150px; top: 0px; content: ""; width: 150px; height: 100px; background: url('images/shine.png') no-repeat 0 0; background-size: cover;} .clients-logos .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper:hover .box-content-wrapper .elementor-image-div:after, .acropolis-clients .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-image:after{animation: logo-shine 1s linear 1;} @keyframes logo-shine { 0% { transform: translate3d(0, 0, 0); } 50%, 100% { transform: translate3d(330px, 0, 0); }} .vision-bg, .mission-bg{position: relative;} .vision-bg:before{position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content:""; background: linear-gradient(-45deg, #06365b, #0e78c9, #011b2f, #1f98f5); background-size: 400% 400%; animation: gradient 10s ease infinite;} .mission-bg:before{position: absolute; left: 0; top: 0px; width: 100%; height: 100%; content:""; background: linear-gradient(45deg, #ffe67b, #f7c903, #bb9802, #786100); background-size: 400% 400%; animation: gradient 10s ease infinite;} @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .vision-bg .elementor-image-box-wrapper figure.elementor-image-box-img, .mission-bg .elementor-image-box-wrapper figure.elementor-image-box-img{transition: all 0.6s ease;} .vision-bg:hover .elementor-image-box-wrapper figure.elementor-image-box-img, .mission-bg:hover .elementor-image-box-wrapper figure.elementor-image-box-img{transform: rotatey(180deg); transition: all 0.6s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text1, .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text2, .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text3{position: relative; font-size: 100px; color: #f7c903; font-weight: 700; line-height: 120px; height: 100px;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .heading{font-size: 24px; font-weight: 600; color: #06365b; display: block; padding: 20px 0px;} .values-scroll .owl-carousel .owl-stage-outer{overflow: visible !important;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1a{position: absolute; left: 33%; top: 0px; width: 33%; transition: all 0.6s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1a{left: 0%; transition: all 0.6s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1b{position: absolute; left: 66%; width: 33%; top: 0px; opacity: 0; transition: all 1s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1b{left: 33%; opacity: 1; transition: all 1s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1c{position: absolute; width: 33%; left: 110%; top: 0px; opacity: 0; transition: all 1.2s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text1 .values-text1c{left: 66%; opacity: 1; transition: all 1.2s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text2 .values-text2a{position: absolute; left: -33%; top: 0px; width: 33%; opacity: 0; transition: all 0.6s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text2 .values-text2a{left: 0%; opacity: 1; transition: all 0.6s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text2 .values-text2b{position: absolute; left: 33%; width: 33%; top: 0px; transition: all 1s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text2 .values-text2c{position: absolute; width: 33%; left: 110%; top: 0px; opacity: 0; transition: all 1.2s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text2 .values-text2c{left: 66%; opacity: 1; transition: all 1.2s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3a{position: absolute; left: -33%; top: 0px; width: 33%; opacity: 0; transition: all 0.6s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3a{left: 0%; opacity: 1; transition: all 0.6s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3b{position: absolute; left: 0%; width: 33%; top: 0px; opacity: 0; transition: all 1s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3b{left: 33%; opacity: 1; transition: all 1s ease;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3c{position: absolute; width: 33%; left: 33%; top: 0px; transition: all 1.2s ease; text-align: center;} .values-scroll .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-wrap:hover .dt-owl-item-inner .dt-owl-item-description .values-text3 .values-text3c{left: 66%; transition: all 1.2s ease;} .csr-initiatives-accordion .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title .e-n-accordion-item-title-icon{position: absolute; right: 0px; transform: rotate(90deg); transition: all 0.3s ease;} .csr-initiatives-accordion .e-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title .e-n-accordion-item-title-icon{transform: rotate(-90deg); transition: all 0.3s ease;} .csr-initiatives-accordion .e-n-accordion .e-n-accordion-item .e-n-accordion-item-title{padding-right: 30px; outline: none !important;} .career-form .elementor-field-group.elementor-field-type-submit{width: 100%;} .career-form .elementor-field-group input, .career-form .elementor-field-group select, .career-form .elementor-field-group textarea{box-shadow: 0px 5px 10px rgba(0,0,0,0.05);} .career-form .elementor-field-type-upload .elementor-field-group{ position: relative;} .file-upload {position: relative;} .file-upload .wpcf7-form-control-wrap{display: block;} .career-form .elementor-field-type-upload.elementor-field-group:after, .file-upload .wpcf7-form-control-wrap:after{width: 50px; height: 50px; position: absolute; right: 20px; top: 5px; content:""; background: url('images/upload-icon.png') center center no-repeat; z-index: 4;} .file-upload .wpcf7-form-control-wrap input[type="file"]{width: calc(100% - 20px); height: 60px; position: relative; z-index: 10; line-height: 60px; left: 20px; outline: none !important; box-shadow: none !important; border: none !important; opacity: 0;} .file-upload #file-upload-filename{position: absolute; left: 20px; top: 18px; opacity: 0.5; transition: all 0.3s ease;} .file-upload #file-upload-filename.active{opacity: 1; transition: all 0.3s ease;} .career-form .elementor-field-type-upload.elementor-field-group:before, .file-upload .wpcf7-form-control-wrap:before{position: absolute; left: 0px; top: 0px; width: 100%; background: #FFF; content:""; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); height: 60px; border: 1px solid #D8D8D8; z-index: 0;} .career-form .elementor-field-type-upload.elementor-field-group input{box-shadow: none; height: 60px; margin-bottom: 0px !important; padding-top: 15px; z-index: 10; position: relative;} .elementor-field-type-acceptance.elementor-field-group .elementor-field-label:after{display: none;} .testimonials-ratings{display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; color:#f7c903; margin: 40px 0px 10px 0px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 55px !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-image: none; width: 45px !important; height: 45px !important; cursor: pointer; top: 10px; transition: all 0.3s ease;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-image: none; width: 45px !important; height: 45px !important; cursor: pointer; top: 10px; transition: all 0.3s ease;} .mCSB_scrollTools .mCSB_draggerContainer, .mCSB_scrollTools .mCSB_draggerRail{display: none !important;} .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom: 40px !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft:before{position: absolute; left:0; top: 0; width: 45px; height: 45px; border-radius: 50%; border: 2px solid #959595; content:"\f0271"; font-family: icomoon-the7-font !important; color:#959595; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 300; transition: all 0.3s ease;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight:before{position: absolute; left:0; top: 0; width: 45px; height: 45px; border-radius: 50%; border: 2px solid #959595; content:"\f0272"; font-family: icomoon-the7-font !important; color:#959595; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 300; transition: all 0.3s ease;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft:hover:before, .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight:hover:before{border-color: #f7c903; color: #f7c903;transition: all 0.3s ease;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item{background: #FFF;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item .gallery-item-thumbnail-wrap{position: relative; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item .gallery-item-thumbnail-wrap:after{position: absolute; left: -150px; top: 0px; content: ""; width: 150px; height: 100px; background: url('images/shine.png') no-repeat 0 0; background-size: cover; opacity: 0.8;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item:hover .gallery-item-thumbnail-wrap:after{animation: logo-shine 1s linear 1;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item .gallery-item-thumbnail-wrap img{max-width: 90%;} .clients-filters .e-gallery-container .e-gallery-item .elementor-gallery-item__content{position: relative; height: 30px; top: 10px;} .clients-filters .e-gallery-container .e-gallery-item .elementor-gallery-item__content .elementor-gallery-item__description{opacity: 1; color: #06365b; font-weight: 600;} .clients-filters .eael-filter-gallery-control ul{display: flex; overflow: auto; justify-content: flex-start; margin-bottom: 20px; padding-bottom: 10px; white-space: nowrap; margin-left: 0px;} .clients-filters .eael-filter-gallery-control ul li.control{white-space: nowrap; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 5px; min-width: 200px; text-align: left;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter="*"]{ background: url('images/clients-tabs-icon1.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-automotive"]{ background: url('images/clients-tabs-icon2.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-ecommerce"]{ background: url('images/clients-tabs-icon3.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-electronics"]{ background: url('images/clients-tabs-icon4.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-fashion"]{ background: url('images/clients-tabs-icon5.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-logistics"]{ background: url('images/clients-tabs-icon6.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-manufacturing"]{ background: url('images/clients-tabs-icon7.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control[data-filter=".eael-cf-retail"]{ background: url('images/clients-tabs-icon8.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter="*"]{ background: url('images/clients-tabs-icon1-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-automotive"]{ background: url('images/clients-tabs-icon2-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-ecommerce"]{ background: url('images/clients-tabs-icon3-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-electronics"]{ background: url('images/clients-tabs-icon4-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-fashion"]{ background: url('images/clients-tabs-icon5-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-logistics"]{ background: url('images/clients-tabs-icon6-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-manufacturing"]{ background: url('images/clients-tabs-icon7-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .eael-filter-gallery-control ul li.control.active[data-filter=".eael-cf-retail"]{ background: url('images/clients-tabs-icon8-active.webp') no-repeat 5px 7px #FFF !important; background-size: 50px !important;} .clients-filters .elementor-gallery__titles-container .elementor-gallery-title img{position: absolute; left: 5px; top: 7px; max-width: 50px; transition: all 0.3s ease;} .clients-filters .elementor-gallery__titles-container .elementor-gallery-title.elementor-item-active img{filter: invert(0%) sepia(100%) saturate(1000%) hue-rotate(16deg) brightness(100%) contrast(500%); transition: all 0.3s ease;} .landscape-message{display: none;} .landing-page-header{transition: none;} .landing-page-header.fixedheader{position: fixed; left: 0px; top: 0px; padding: 10px 20px; background: rgba(1,37,66,0.9);animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;opacity: 0; box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.2); z-index: 999;transition: all 1s ease;} @keyframes fadeInDown { from { transform: translate3d(0, -200px, 0); } to { transform: translate3d(0, 0, 0); opacity: 1; } } .landing-page-header.fixedheader.fixedheaderhide{transition: all 1s ease; top: -200px;} .masthead-mobile-header.sticky-mobile-on.hide-phantom{top: -200px !important; transition: all 0.6s ease;} .masthead-mobile-header.sticky-mobile-on.show-phantom{animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;opacity: 0;} .landing-page-header.fixedheader .landing-page-back-btn a.elementor-icon{background: #FFF;} .landing-page-header.fixedheader .landing-page-back-btn a.elementor-icon i{color: #06365b;} .landing-page-logo img{transition: all 0.3s ease;} .landing-page-header.fixedheader .landing-page-logo img{width: 140px;transition: all 0.3s ease;} #acrop-home.scroll-pad-top{padding-top: 127px;} .landing-page-header a.header-btn{padding: 8px 25px;} .landing-page-header .header-btn-mobile{display: none;} .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li{list-style: none;} .mobile-header-bar .mobile-mini-widgets .header-btn-mobile img{max-width: 33px;} .acropolis-location-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text span{font-weight: 400;} .acropolic-amenities-icons .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap{text-align: center;} .acropolic-amenities-icons .eael-filterable-gallery-item-wrap .eael-gallery-grid-item .gallery-item-thumbnail-wrap img{max-width: 70px;} .exterior-view-img img{mix-blend-mode: multiply;} .exterior-hotspot{height: 100%;} .exterior-hotspot ul{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; margin: 0px; padding: 0px;} .exterior-hotspot ul li{list-style: none; cursor: pointer; position: absolute;} .exterior-hotspot ul li:before {content: ""; position: absolute;z-index: 0; display: block;width: 30px;height: 30px;background: rgba(6,54,91,0.5);border-radius: 50%;animation: pulse-border 1500ms ease-out infinite; border: 2px solid #FFF;} .exterior-hotspot ul li:after {content: ""; position: absolute;z-index: 1;left: 0;top: 0;display: block;width: 15px;height: 15px;background: #f7c903;border-radius: 50%; } .exterior-hotspot ul li p{background: #FFF; padding:5px 7px; font-size: 14px; line-height: 18px; font-weight: 600; color: #06365b; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 4px; transition: all 0.6s ease; max-width: 150px; text-align: center; position: relative; top: -10px;} .exterior-hotspot ul li.ridge-ventilation p, .exterior-hotspot ul li.skylight p{top: 10px;} .exterior-hotspot ul li:hover p{background: rgba(247, 201, 3, 0.9);transition: all 0.6s ease;} .exterior-hotspot ul li div{width: 200px; display: inline-block; padding: 10px; background: rgba(255,255,255,0.9); box-shadow: 0px 0px 20px rgba(0,0,0,0.2); border-radius: 7px; visibility: hidden; opacity: 0; position: absolute; top: -50px; font-size: 13px; line-height: 18px; right: -260px; transition: all 0.6s ease; z-index: 99;} .exterior-hotspot ul li div strong{display: block;font-size: 14px; padding-bottom: 7px;} .exterior-hotspot ul li span.line{position: absolute; right: 100%; top: 25px; width: 0px; height: 3px; background: #f7c903; content: "";transition: all 0.6s ease;} .exterior-hotspot ul li:hover span.line{width: 110px; transition: all 0.6s ease;} .exterior-hotspot ul li:hover div{transform: translate(-30px,0px); visibility: visible; opacity: 1; transition: all 0.6s ease; transition-delay: 0.3s;} .exterior-hotspot ul li.dock-apron{left: 55%; bottom: 21%;} .exterior-hotspot ul li.dock-apron:after{left: 35px; top: -40px;} .exterior-hotspot ul li.dock-apron:before{left: 42px; top: -33px;} .exterior-hotspot ul li.dock-apron div{right: -250px; top: -95px;} .exterior-hotspot ul li.dock-apron span.line{left: 47px; right: inherit; top: -33px;} .exterior-hotspot ul li.dock-apron:hover span.line{width: 70px;} .exterior-hotspot ul li.dock-door-levellers{right: 11%; bottom: 48%;} .exterior-hotspot ul li.dock-door-levellers div{right: 140px; top: -85px;} .exterior-hotspot ul li.dock-door-levellers:hover div{transform: translate(30px,0px);} .exterior-hotspot ul li.dock-door-levellers:after{left: 38px; top: -41px;} .exterior-hotspot ul li.dock-door-levellers:before{left: 45px; top: -33px;} .exterior-hotspot ul li.dock-door-levellers span.line{top: -35px; right: 46px;} .exterior-hotspot ul li.dock-door-levellers:hover span.line{width: 65px;} .exterior-hotspot ul li.skylight{right: 35%; top: 13%;} .exterior-hotspot ul li.skylight:after{left: 31px; top: 53px;} .exterior-hotspot ul li.skylight:before{left: 38px; top: 61px;} .exterior-hotspot ul li.skylight div{top: 20px;} .exterior-hotspot ul li.skylight span.line{top: 59px; left:44px; right: inherit;} .exterior-hotspot ul li.skylight:hover span.line{width: 60px;} .exterior-hotspot ul li.ridge-ventilation{left: 40%; top: 28%;} .exterior-hotspot ul li.ridge-ventilation:after{left: 60px; top: 55px;} .exterior-hotspot ul li.ridge-ventilation:before{left: 67px; top: 63px;} .exterior-hotspot ul li.ridge-ventilation div{top: 10px; right: 175px;} .exterior-hotspot ul li.ridge-ventilation span.line{top: 62px; right: 50px;} .exterior-hotspot ul li.ridge-ventilation:hover span.line{width: 98px;} .exterior-hotspot ul li.ridge-ventilation:hover div{transform: translate(30px,0px);} .exterior-hotspot ul li.docking-type{left: 25%; bottom: 11%;} .exterior-hotspot ul li.docking-type:after{left: 46px; top: -40px;} .exterior-hotspot ul li.docking-type:before{left: 53px; top: -32px;} .exterior-hotspot ul li.docking-type div{right: 170px; top: -80px;} .exterior-hotspot ul li.docking-type:hover div{transform: translate(30px,0px);} .exterior-hotspot ul li.docking-type span.line{ right: 60px; top: -33px;} .exterior-hotspot ul li.docking-type:hover span.line{width: 80px;} .exterior-hotspot ul li.eaves-height{left: 7%; bottom: 36%;} .exterior-hotspot ul li.eaves-height:after{left: 44px; top: -41px;} .exterior-hotspot ul li.eaves-height:before{left: 51px; top: -33px;} .exterior-hotspot ul li.eaves-height:hover span.line{width: 90px;} .exterior-hotspot ul li.eaves-height span.line{ right: inherit; left: 50px; top: -35px;} .exterior-hotspot ul li.eaves-height div{top: -85px;} .interior-hotspot{height: 100%;} .interior-hotspot ul{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; margin: 0px; padding: 0px;} .interior-hotspot ul li{list-style: none; cursor: pointer; position: absolute;} .interior-hotspot ul li:before {content: ""; position: absolute;z-index: 0; display: block;width: 30px;height: 30px;background: rgba(6,54,91,0.5);border-radius: 50%;animation: pulse-border 1500ms ease-out infinite; border: 2px solid #FFF;} .interior-hotspot ul li:after {content: ""; position: absolute;z-index: 1;left: 0;top: 0;display: block;width: 15px;height: 15px;background: #f7c903;border-radius: 50%; } .interior-hotspot ul li p{background: #FFF; padding:5px 7px; font-size: 14px; line-height: 18px; font-weight: 600; color: #06365b; display: inline-block; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 4px; transition: all 0.6s ease; max-width: 150px; text-align: center; position: relative; top: -10px;} .interior-hotspot ul li.roof-insulation p, .interior-hotspot ul li.lighting p, .interior-hotspot ul li.walls p{top: 10px;} .interior-hotspot ul li:hover p{background: rgba(247, 201, 3, 0.9);transition: all 0.6s ease;} .interior-hotspot ul li div{width: 200px; display: inline-block; padding: 10px; background: rgba(255,255,255,0.9); box-shadow: 0px 0px 20px rgba(0,0,0,0.2); border-radius: 7px; visibility: hidden; opacity: 0; position: absolute; top: -50px; font-size: 13px; line-height: 18px; right: -260px; transition: all 0.6s ease; z-index: 99; transition-delay: 0.3s;} .interior-hotspot ul li div strong{display: block;font-size: 14px; padding-bottom: 7px;} .interior-hotspot ul li span.line{position: absolute; right: 100%; top: 25px; width: 0px; height: 3px; background: #f7c903; content: "";transition: all 0.6s ease;} .interior-hotspot ul li:hover span.line{width: 110px; transition: all 0.6s ease;} .interior-hotspot ul li:hover div{transform: translate(-30px,0px); visibility: visible; opacity: 1; transition: all 0.6s ease;} .interior-hotspot ul li.walls{right: 17%; top: 13%;} .interior-hotspot ul li.walls:after{left: 19px; top: 52px;} .interior-hotspot ul li.walls:before{left: 26px; top: 60px;} .interior-hotspot ul li.walls div{right: 120px; top: 10px;} .interior-hotspot ul li.walls:hover span.line{width: 65px;} .interior-hotspot ul li.walls:hover div{transform: translate(30px,0px);} .interior-hotspot ul li.walls span.line{right: 30px; top: 58px;} .interior-hotspot ul li.lighting{right: 29%; top: 11%;} .interior-hotspot ul li.lighting:after{left: 27px; top: 52px;} .interior-hotspot ul li.lighting:before{left: 34px; top: 60px;} .interior-hotspot ul li.lighting div{right: 120px; top: 20px;} .interior-hotspot ul li.lighting:hover span.line{width: 50px;} .interior-hotspot ul li.lighting:hover div{transform: translate(30px,0px);} .interior-hotspot ul li.lighting span.line{right: 40px; top: 58px;} .interior-hotspot ul li.fire-sprinklers{left: 54%; top: 43%;} .interior-hotspot ul li.fire-sprinklers:after{left: 49px; top: -41px;} .interior-hotspot ul li.fire-sprinklers:before{left: 56px; top: -33px;} .interior-hotspot ul li.fire-sprinklers div{left: 170px; top: -75px;} .interior-hotspot ul li.fire-sprinklers:hover span.line{width: 90px;} .interior-hotspot ul li.fire-sprinklers:hover div{transform: translate(-30px,0px);} .interior-hotspot ul li.fire-sprinklers span.line{right: inherit; left: 50px; top: -35px;} .interior-hotspot ul li.roof-insulation{left: 34%; top: 31%;} .interior-hotspot ul li.roof-insulation:after{left: 49px; top: 59px;} .interior-hotspot ul li.roof-insulation:before{left: 56px; top: 67px;} .interior-hotspot ul li.roof-insulation div{left: -230px; top: 35px;} .interior-hotspot ul li.roof-insulation:hover span.line{width: 60px;} .interior-hotspot ul li.roof-insulation:hover div{transform: translate(30px,0px);} .interior-hotspot ul li.roof-insulation span.line{right: 63px; top: 65px;} .interior-hotspot ul li.floor{left: 45%; top: 58%;} .interior-hotspot ul li.floor:after{left: 16px; top: -42px;} .interior-hotspot ul li.floor:before{left: 23px; top: -34px;} .interior-hotspot ul li.floor div{left: 120px; top: -85px;} .interior-hotspot ul li.floor:hover span.line{width: 70px;} .interior-hotspot ul li.floor:hover div{transform: translate(-30px,0px);} .interior-hotspot ul li.floor span.line{right: inherit; left: 20px; top: -36px;} .interior-hotspot ul li.structure{left: 16%; top: 63%;} .interior-hotspot ul li.structure:after{left: 34px; top: -44px;} .interior-hotspot ul li.structure:before{left: 41px; top: -36px;} .interior-hotspot ul li.structure div{left: 150px; top: -90px;} .interior-hotspot ul li.structure:hover span.line{width: 80px;} .interior-hotspot ul li.structure:hover div{transform: translate(-30px,0px);} .interior-hotspot ul li.structure span.line{right: inherit; left:42px; top: -38px;} .show-ipad-portate, .show-ipad-landscape{display: none !important;} .projects-icons .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content .box-heading{margin-bottom: 0px !important;} .acropolis-gallery-images .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .elementor-image-div .the7-hover-icon{border: 2px solid #FFF; border-radius: 50%; padding: 10px;} .vertical-5 .timeline{box-shadow: none !important;} .vertical-5 .timeline .swiper-slide{transition-duration: 0.1s !important;} .vertical-5 .timeline .swiper-slide-active .timeline-text{transition: 1s ease 1s !important;} .vertical-5 .timeline .swiper-slide .timeline-year{display: none !important;} .vertical-5 .timeline .swiper-button-next, .vertical-5 .timeline .swiper-button-prev{width: 40px !important; height: 40px !important; border-radius: 50% !important; border: 2px solid #CCC !important; left: 10% !important;} .vertical-5 .timeline .swiper-button-next:after{content: "\f0272"; font-family: icomoon-the7-font !important;} .vertical-5 .timeline .swiper-button-prev:after{content: "\f0271"; font-family: icomoon-the7-font !important;} .vertical-5 .timeline .swiper-button-next:after, .vertical-5 .timeline .swiper-button-prev:after{color: #CCC !important; font-size: 20px !important;} .vertical-5 .timeline .swiper-button-next:hover, .vertical-5 .timeline .swiper-button-prev:hover{border: 2px solid #f7c903 !important;} .vertical-5 .timeline .swiper-button-prev{top: 10% !important; bottom: inherit !important;} .vertical-5 .timeline .swiper-button-next{bottom: 10% !important;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 22px !important;} .vertical-5 .timeline .swiper-button-next:hover:after, .vertical-5 .timeline .swiper-button-prev:hover:after{color: #f7c903 !important;} .vertical-5 .timeline .swiper-pagination::before{width: 2px !important; background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(6,54,91,1) 20%, rgba(6,54,91,1) 80%, rgba(255,255,255,0) 100%) !important;} .vertical-5 .timeline .swiper-pagination-bullet:before{width: 0px !important; height: 0px !important; right: -50% !important; left: inherit !important; border-radius: 50% !important; background: #06365b !important; transform: none !important; opacity: 0 !important; transition: all 0.3s ease; top: calc(50% - 8px) !important;} .vertical-5 .timeline .swiper-pagination{width: 70px;} .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{margin: 15px 0px !important; font-weight: 500; color: #06365b !important; text-align: center;font-size: 20px !important;} .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active{color: #f7c903 !important; font-weight: 700;} .vertical-5 .timeline .swiper-slide .timeline-title{font-size: 90px !important; font-weight: 600 !important;} .vertical-5 .timeline .swiper-pagination::before{right: -30px !important; height: 80% !important; top: 10% !important;} .vertical-5 .timeline .swiper-slide-content{padding-left: 30px !important;} .vertical-5 .timeline .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width: 12px !important; height: 12px !important; opacity: 1 !important; transition: all 0.3s ease;} .vertical-5 .timeline .swiper-slide:after{display: none !important;} .vertical-5 .timeline .swiper-slide-active .timeline-title{transition: none !important;} .vertical-5 .timeline .swiper-button-prev:hover, .vertical-5 .timeline .swiper-button-next:hover{transform: rotate(90deg) translate(0px, 10px) !important;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-swiper-slide-inner .the7-box-grid-wrapper .dt-css-grid .box-content-wrapper .box-content .box-heading{margin-bottom: 5px;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .elementor-image-carousel-wrapper .swiper-pagination{bottom: -55px; display: block !important;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .elementor-image-carousel-wrapper .swiper-pagination .swiper-pagination-bullet{background: transparent !important; border: 2px solid #FFF !important; transition: all 0.3s ease; opacity: 0.7; width: 17px !important; height: 17px !important;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .elementor-image-carousel-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #FFF !important; background: #FFF !important; transition: all 0.3s ease; opacity: 1;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button{text-decoration: none !important; position: relative; padding-bottom: 4px;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:before, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:before{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 1px; content:""; background: #033156; transition: all 0.6s ease;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:hover:before, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:hover:before{left: 100%; right: 0px; width: 0px; transition: all 0.6s ease;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:after, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:after{position: absolute; left: 0px; bottom: 0px; width: 0px; height: 1px; content:""; background: #F7C903; transition: all 0.6s ease;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:hover:after, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button:hover:after{width: 100%; transition: all 0.6s ease;} .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content .box-heading a{pointer-events: none;} .acropolis-others-scroll .swiper .the7-swiper-button.swiper-button-disabled{opacity: 0.3 !important;} .landing-page-form .form-row .form-col-100.form-submit-btn{padding-top: 30px;} #show-less-btn.yellow-btn{display: none;} .form-row{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap;} .form-row .form-col-50{width: 48%;} .form-row .form-col-100{width: 100%;} .form-row .form-col-100.text-center, .mand-field p, .mand-field, .form-col-100.text-center{text-align: center !important;} .form-row .form-col-100.mand-field p, #popmake-5191.pum-container .form-row .form-col-100.mand-field, .mand-field p, #popmake-8989.pum-container .form-row .form-col-100.mand-field, .mand-field p{padding-top: 10px; font-size: 15px; color: #666;} .form-row .form-col-100.form-submit-btn{padding-top: 10px;} .contact-form.form-row .form-submit-btn p{max-width: 240px; margin: 0 auto;} #popmake-7831.pum-container .contact-form.form-row .form-submit-btn p, #popmake-8335.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9759.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9941.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9943.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9945.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9947.pum-container .contact-form.form-row .form-submit-btn p,#popmake-9949.pum-container .contact-form.form-row .form-submit-btn p{margin-top: 20px; max-width: 100%;} .form-row .form-submit-btn p, .form-submit-btn p{margin-top: 20px; position: relative; overflow: hidden; background: #f7c903; margin-bottom: 0px;} .form-row .form-submit-btn p input[type="submit"], .form-submit-btn p input[type="submit"]{background: transparent !important; margin-top: 0px !important; color: #06365b !important; z-index: 9;} .form-row .form-submit-btn p:hover input[type="submit"], .form-submit-btn p:hover input[type="submit"], #popmake-7831.pum-container .form-submit-btn p:hover input[type="submit"], #popmake-8335.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9759.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9941.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9943.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9945.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9947.pum-container .form-submit-btn p:hover input[type="submit"],#popmake-9949.pum-container .form-submit-btn p:hover input[type="submit"]{color: #FFF !important; z-index: 9;} .form-row .form-submit-btn p:before, .form-submit-btn p:before{position: absolute; left: -250px; top: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px transparent; border-right: solid 120px transparent; border-left: solid 120px #06365b; border-top: solid 25px #06365b; transition: all 0.6s ease;} .form-row .form-submit-btn p:hover:before, .form-submit-btn p:hover:before{top:0px; left:0px; transition: all 0.6s ease;} .form-row .form-submit-btn p:after, .form-submit-btn p:after{position: absolute; right: -250px; bottom: 50px; content:""; width: 0px; height: 0px; border-bottom: solid 25px #06365b; border-right: solid 120px #06365b; border-left: solid 120px transparent; border-top: solid 25px transparent; transition: all 0.6s ease;} .form-row .form-submit-btn p:hover:after, .form-submit-btn p:hover:after{bottom:0px; right: 0px; transition: all 0.6s ease;} .download-brochure-btn{display: flex; align-items: center; justify-content: center;} .download-brochure-btn p{margin-bottom: 13px; max-width: 200px; background: #06365b;} .download-brochure-btn input[type="submit"], #popmake-5191.pum-container form input[type="submit"], #popmake-8989.pum-container form input[type="submit"]{margin-bottom: 0px !important; color: #FFF !important;} .download-brochure-btn input[type="submit"]:hover, #popmake-5191.pum-container form input[type="submit"]:hover, #popmake-8989.pum-container form input[type="submit"]:hover{color: #06365b !important;} .form-submit-btn.download-brochure-btn p:before{border-left: solid 120px #FFF; border-top: solid 25px #FFF;} .form-submit-btn.download-brochure-btn p:after{border-bottom: solid 25px #FFF; border-right: solid 120px #FFF;} .home-form.form-row .form-submit-btn p:before, #popmake-7831.pum-container .form-row .form-submit-btn p:before, #popmake-8335.pum-container .form-row .form-submit-btn p:before,#popmake-9759.pum-container .form-row .form-submit-btn p:before,#popmake-9941.pum-container .form-row .form-submit-btn p:before,#popmake-9943.pum-container .form-row .form-submit-btn p:before,#popmake-9945.pum-container .form-row .form-submit-btn p:before,#popmake-9947.pum-container .form-row .form-submit-btn p:before,#popmake-9949.pum-container .form-row .form-submit-btn p:before{left: -110%; border-bottom: solid 50px transparent; border-right: solid 300px transparent; border-left: solid 300px #06365b; border-top: solid 50px #06365b;} .home-form.form-row .form-submit-btn p:after, #popmake-7831.pum-container .form-row .form-submit-btn p:after, #popmake-8335.pum-container .form-row .form-submit-btn p:after,#popmake-9759.pum-container .form-row .form-submit-btn p:after,#popmake-9941.pum-container .form-row .form-submit-btn p:after,#popmake-9943.pum-container .form-row .form-submit-btn p:after,#popmake-9945.pum-container .form-row .form-submit-btn p:after,#popmake-9947.pum-container .form-row .form-submit-btn p:after,#popmake-9949.pum-container .form-row .form-submit-btn p:after{right: -110%; border-bottom: solid 50px #06365b; border-right: solid 300px #06365b; border-left: solid 300px transparent; border-top: solid 50px transparent;} .home-form.form-row .form-submit-btn p:hover:before, #popmake-7831.pum-container .form-row .form-submit-btn p:hover:before, #popmake-8335.pum-container .form-row .form-submit-btn p:hover:before, #popmake-9759.pum-container .form-row .form-submit-btn p:hover:before,#popmake-9941.pum-container .form-row .form-submit-btn p:hover:before,#popmake-9943.pum-container .form-row .form-submit-btn p:hover:before,#popmake-9945.pum-container .form-row .form-submit-btn p:hover:before,#popmake-9947.pum-container .form-row .form-submit-btn p:hover:before,#popmake-9949.pum-container .form-row .form-submit-btn p:hover:before{left: 0px;} .home-form.form-row .form-submit-btn p:hover:after, #popmake-7831.pum-container .form-row .form-submit-btn p:hover:after, #popmake-8335.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9759.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9941.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9943.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9945.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9947.pum-container .form-row .form-submit-btn p:hover:after,#popmake-9949.pum-container .form-row .form-submit-btn p:hover:after{right: 0px;} .express-interest-form.form-row .form-submit-btn p:before{left: -400px; border-bottom: solid 30px transparent; border-right: solid 150px transparent; border-left: solid 250px #06365b; border-top: solid 30px #06365b;} .express-interest-form.form-row .form-submit-btn p:after{right: -400px; border-bottom: solid 30px #06365b; border-right: solid 150px #06365b; border-left: solid 250px transparent; border-top: solid 30px transparent;} .express-interest-form.form-row .form-submit-btn p:hover:before{left: 0px;} .express-interest-form.form-row .form-submit-btn p:hover:after{right: 0px;} .form-row .form-col-100.text-center, .form-row .form-col-100.text-center p{text-align: center !important;} .form-row .form-col-100.full-width input[type="submit"]{width: 100% !important;} #popmake-5192.pum-container .form-select .wpcf7-form-control-wrap:before, #popmake-7831.pum-container .form-select .wpcf7-form-control-wrap:before, #popmake-8335.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9759.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9941.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9943.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9945.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9947.pum-container .form-select .wpcf7-form-control-wrap:before,#popmake-9949.pum-container .form-select .wpcf7-form-control-wrap:before{right: 10px; top: 16px; font-size: 16px;} #popmake-5192.pum-container .use-floating-validation-tip .wpcf7-not-valid-tip, #popmake-7831.pum-container .use-floating-validation-tip .wpcf7-not-valid-tip{bottom: -5px;} #popmake-5192.pum-container, #popmake-7831.pum-container, #popmake-8335.pum-container,#popmake-9759.pum-container,#popmake-9941.pum-container,#popmake-9943.pum-container,#popmake-9945.pum-container,#popmake-9947.pum-container,#popmake-9949.pum-container{height: 100vh; top: 0px !important; text-align: left; background: url('https://atbgroup.in/wp-content/uploads/2023/09/express-your-interest-form-right-side-slider-bg.webp') no-repeat bottom center #f6f6f6 !important; overflow: auto; overflow-x: hidden;} #popmake-5192.pum-container.active, #popmake-7831.pum-container.active, #popmake-8335.pum-container.active,#popmake-9759.pum-container.active,#popmake-9941.pum-container.active,#popmake-9943.pum-container.active,#popmake-9945.pum-container.active,#popmake-9947.pum-container.active,#popmake-9949.pum-container.active{display: flex !important; align-items: flex-start !important;} #popmake-5192.pum-container .subHeading, #popmake-7831.pum-container .subHeading, #popmake-8335.pum-container .subHeading,#popmake-9759.pum-container .subHeading,#popmake-9941.pum-container .subHeading,#popmake-9943.pum-container .subHeading,#popmake-9945.pum-container .subHeading,#popmake-9947.pum-container .subHeading,#popmake-9949.pum-container .subHeading{font-size: 18px; font-weight: 500; color: #F7C903; padding-bottom: 10px;text-align: center !important;} #popmake-5192.pum-container h2, #popmake-7831.pum-container h2, #popmake-8335.pum-container h2,#popmake-9759.pum-container h2,#popmake-9941.pum-container h2,#popmake-9943.pum-container h2,#popmake-9945.pum-container h2,#popmake-9947.pum-container h2,#popmake-9949.pum-container h2{text-align: center !important; margin-bottom: 0px;font-size: 24px; line-height: 34px;} #popmake-5192.pum-container button.pum-close, #popmake-7831.pum-container button.pum-close, #popmake-8335.pum-container button.pum-close,#popmake-9759.pum-container button.pum-close,#popmake-9941.pum-container button.pum-close,#popmake-9943.pum-container button.pum-close,#popmake-9945.pum-container button.pum-close,#popmake-9947.pum-container button.pum-close,#popmake-9949.pum-container button.pum-close{transition: all 0.3s ease;} #popmake-5192.pum-container button.pum-close:hover, #popmake-7831.pum-container button.pum-close:hover, #popmake-8335.pum-container button.pum-close:hover,#popmake-9759.pum-container button.pum-close:hover,#popmake-9941.pum-container button.pum-close:hover,#popmake-9943.pum-container button.pum-close:hover,#popmake-9945.pum-container button.pum-close:hover,#popmake-9947.pum-container button.pum-close:hover,#popmake-9949.pum-container button.pum-close:hover{color:#f7c903; border-color: #f7c903;} #popmake-5192.pum-container .popup-text, #popmake-7831.pum-container .popup-text, #popmake-8335.pum-container .popup-text,#popmake-9759.pum-container .popup-text,#popmake-9941.pum-container .popup-text,#popmake-9943.pum-container .popup-text,#popmake-9945.pum-container .popup-text,#popmake-9947.pum-container .popup-text,#popmake-9949.pum-container .popup-text{text-align: center !important; font-size: 15px; padding: 20px 0px; margin-bottom: 0px;} #popmake-5192.pum-container .popup-text1, #popmake-7831.pum-container .popup-text1, #popmake-8335.pum-container .popup-text1,#popmake-9759.pum-container .popup-text1,#popmake-9941.pum-container .popup-text1,#popmake-9943.pum-container .popup-text1,#popmake-9945.pum-container .popup-text1,#popmake-9947.pum-container .popup-text1,#popmake-9949.pum-container .popup-text1{text-align: center !important; font-size: 15px; padding: 10px 0px 0px 0px; margin-bottom: 0px;} #popmake-5192.pum-container .form-row .form-col-50, #popmake-7831.pum-container .form-row .form-col-50, #popmake-8335.pum-container .form-row .form-col-50,#popmake-9759.pum-container .form-row .form-col-50,#popmake-9941.pum-container .form-row .form-col-50,#popmake-9943.pum-container .form-row .form-col-50,#popmake-9945.pum-container .form-row .form-col-50,#popmake-9947.pum-container .form-row .form-col-50,#popmake-9949.pum-container .form-row .form-col-50{width: 100%;} #popmake-5192.pum-container form input, #popmake-5192.pum-container form select, #popmake-7831.pum-container form input, #popmake-7831.pum-container form select, #popmake-5191.pum-container form input, #popmake-5191.pum-container form select, #popmake-8989.pum-container form input, #popmake-8989.pum-container form select, #popmake-8335.pum-container form input, #popmake-8335.pum-container form select,#popmake-9759.pum-container form input, #popmake-9759.pum-container form select,#popmake-9941.pum-container form input, #popmake-9941.pum-container form select,#popmake-9943.pum-container form input, #popmake-9943.pum-container form select,#popmake-9945.pum-container form input, #popmake-9945.pum-container form select,#popmake-9947.pum-container form input, #popmake-9947.pum-container form select,#popmake-9949.pum-container form input, #popmake-9949.pum-container form select{margin-bottom: 17px !important; min-height: 50px; color: #000 !important;} #popmake-5191.pum-container form input[type=text], #popmake-5191.pum-container form input[type=email], #popmake-8989.pum-container form input[type=text], #popmake-8989.pum-container form input[type=email]{border: none !important;} #popmake-5191.pum-container .form-row .form-col-100.text-center, #popmake-8989.pum-container .form-row .form-col-100.text-center{text-align: center;} #popmake-5192.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover, #popmake-7831.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover, #popmake-8335.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9759.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9941.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9943.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9945.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9947.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9949.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover{color: #FFF !important;} #popmake-5192.pum-container form input.wpcf7-submit, #popmake-7831.pum-container form input.wpcf7-submit, #popmake-8335.pum-container form input.wpcf7-submit,#popmake-9759.pum-container form input.wpcf7-submit,#popmake-9941.pum-container form input.wpcf7-submit,#popmake-9943.pum-container form input.wpcf7-submit,#popmake-9945.pum-container form input.wpcf7-submit,#popmake-9947.pum-container form input.wpcf7-submit,#popmake-9949.pum-container form input.wpcf7-submit{margin-bottom: 0px !important; } #popmake-5192.pum-container .form-select .wpcf7-form-control-wrap:after, #popmake-7831.pum-container .form-select .wpcf7-form-control-wrap:after, #popmake-8335.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9759.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9941.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9943.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9945.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9947.pum-container .form-select .wpcf7-form-control-wrap:after,#popmake-9949.pum-container .form-select .wpcf7-form-control-wrap:after{height: 50px;} #popmake-5192.pum-container form textarea, #popmake-7831.pum-container form textarea, #popmake-8335.pum-container form textarea,#popmake-9759.pum-container form textarea,#popmake-9941.pum-container form textarea,#popmake-9943.pum-container form textarea,#popmake-9945.pum-container form textarea,#popmake-9947.pum-container form textarea,#popmake-9949.pum-container form textarea{margin-bottom: 17px !important;} #popmake-5192.pum-container .form-row .form-col-100.form-submit-btn, #popmake-7831.pum-container .form-row .form-col-100.form-submit-btn, #popmake-8335.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9759.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9941.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9943.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9945.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9947.pum-container .form-row .form-col-100.form-submit-btn,#popmake-9949.pum-container .form-row .form-col-100.form-submit-btn{padding-top: 0px;} #popmake-5192.pum-container .form-row .form-col-50.form-select p, #popmake-7831.pum-container .form-row .form-col-50.form-select p, #popmake-8335.pum-container .form-row .form-col-50.form-select p,#popmake-9759.pum-container .form-row .form-col-50.form-select p,#popmake-9941.pum-container .form-row .form-col-50.form-select p,#popmake-9943.pum-container .form-row .form-col-50.form-select p,#popmake-9945.pum-container .form-row .form-col-50.form-select p,#popmake-9947.pum-container .form-row .form-col-50.form-select p,#popmake-9949.pum-container .form-row .form-col-50.form-select p{margin-bottom: 5px;} #popmake-5192.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover, #popmake-7831.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover, #popmake-8335.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9759.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9941.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9943.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9945.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9947.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover,#popmake-9949.pum-container .form-row .form-col-100.full-width input[type="submit"]:hover{background: #063960;} .form-popup.elementor-popup-modal .dialog-message{overflow-x: hidden;} .wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input[type=range], .wpcf7-form textarea, .select2-container--default .select2-selection--single{border: 1px solid #D8D8D8 !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.05) !important; background: #FFF !important; color: #000 !important; font-weight: 400 !important; border-radius: 0px !important;} .select2-container.select2-container--default{transition: none !important; width: 100% !important; } .pum-open .select2-container.select2-container--default{z-index: 9999999999 !important;} .pum-open .form-row .form-col-50.form-select .select2-container.select2-container--default{z-index: 99 !important;} #popmake-5192.pum-container .select2-container--default .select2-selection--single{height: 50px !important;} #popmake-5192.pum-container .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 50px !important;} .pum-open .form-row .form-col-50.form-select {padding-bottom: 20px !important;} .select2-container--default .select2-selection--single{height: 60px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 60px !important;} .select2-container--default .select2-search--dropdown, .select2-container--default .select2-selection--single .select2-selection__clear{display: none !important;} .select2-container--default .select2-results__option{padding: 10px 15px !important; background:#033156 !important; color: #FFF !important;} .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true]{ background:#F7C903 !important; color: #033156 !important;} #popmake-5192.pum-container .wpcf7-form label.error, #popmake-5191.pum-container .wpcf7-form label.error, #popmake-7831.pum-container .wpcf7-form label.error, #popmake-8335.pum-container .wpcf7-form label.error, #popmake-8989.pum-container .wpcf7-form label.error,#popmake-9759.pum-container .wpcf7-form label.error,#popmake-9941.pum-container .wpcf7-form label.error,#popmake-9943.pum-container .wpcf7-form label.error,#popmake-9945.pum-container .wpcf7-form label.error,#popmake-9947.pum-container .wpcf7-form label.error,#popmake-9949.pum-container .wpcf7-form label.error{bottom: -2px;} #popmake-5192.pum-container .wpcf7-form .form-select label.error, #popmake-5191.pum-container .wpcf7-form .form-select label.error, #popmake-7831.pum-container .wpcf7-form .form-select label.error, #popmake-8989.pum-container .wpcf7-form .form-select label.error{bottom: -20px !important;} #popmake-5192.pum-container .select2-container--default .select2-selection--single .select2-selection__arrow:before{top: 11px;} .select2-container--default .select2-selection--single .select2-selection__arrow{right: 0px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow b{display: none !important;} .select2-container--default .select2-selection--single .select2-selection__arrow:before{position: absolute; z-index: 2; right: 15px; top: 16px; transform: rotate(90deg); width: 25px; height: 25px; content: "\f053"; font-family: icomoon-the7-font !important; font-size: 18px; color: #f7c903; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;} .select2-container.select2-container--default.select2-container--open .select2-selection__arrow:before{transform: rotate(-90deg);} select.wpcf7-select{border: 1px solid #D8D8D8 !important; box-shadow: 0px 5px 10px rgba(0,0,0,0.05) !important; background: transparent !important; z-index: 10; position: relative;} select.wpcf7-select option{padding: 5px !important; display: block; background: #06365b; color: #FFF;} select.wpcf7-select option:hover{background: #f7c903; color: #06365b;} .select2-container--default .select2-results__option--selected, .select2-container--default .select2-results > .select2-results__options li.select2-results__option:first-child{display: none !important;} .form-select .wpcf7-form-control-wrap{display: block;} .form-select .wpcf7-form-control-wrap:before{position: absolute; z-index: 2; right: 15px; top: 14px; transform: rotate(90deg); width: 15px; height: 25px; content: "\f053"; font-family: icomoon-the7-font !important; font-size: 20px; color: #f7c903; transition: all 0.3s ease; opacity: 0; visibility: hidden;} .form-select .wpcf7-form-control-wrap:after{position: absolute; z-index: 1; left: 0px; top: 0px; width: 100%; height: 60px; content: ""; background: #FFF; transition: all 0.3s ease; opacity: 0; visibility: hidden;} .wpcf7-form textarea{height: 120px; resize: none; } form input[type="submit"]{margin-bottom: 0px !important; color: #06365b !important; margin-top: 20px !important; transition: all 0.3s ease;} form input[type="submit"]:hover{margin-bottom: 0px !important; color: #FFF !important; transition: all 0.3s ease;} .wpcf7-acceptance .wpcf7-list-item{margin: 0px !important;} .show-more-projects{display: none;} .solutions-industries-icons .dt-css-grid .wf-cell:last-child .the7-image-box-wrapper{background: #f7c903;} .solutions-industries-icons .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-heading{margin-bottom: 0px;} .solutions-industries-icons .dt-css-grid .wf-cell:last-child .the7-image-box-wrapper .box-content-wrapper .box-content .box-heading{color: #063960;} .solutions-industries-icons .dt-css-grid .wf-cell .the7-image-box-wrapper:hover .box-content-wrapper .elementor-image-div .img-css-resize-wrapper img{filter: invert(1) brightness(100); transition: all 0.3s ease;} .what-sets-slider .swiper .swiper-wrapper .swiper-slide .what-sets-slider-icon{position: absolute; left: -50px !important; top: calc(50% - 50px);} .what-sets-slider .swiper-pagination{bottom: -80px !important;} .what-sets-slider .swiper-pagination .swiper-pagination-bullet{border: 2px solid #c1c1c1; background: #FFF !important; opacity: 1 !important;} .what-sets-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border: 2px solid #f7c903; background: #f7c903 !important;} .what-sets-slider .elementor-swiper-button{width: 50px !important; height: 50px !important; display: flex; align-items: center; justify-content: center; border-radius: 50%;border: 2px solid #c1c1c1; transition: all 0.3s ease;} .what-sets-slider .elementor-swiper-button:hover{border: 2px solid #f7c903; transition: all 0.3s ease;} .what-sets-slider .elementor-swiper-button svg{display: none;} .what-sets-slider .elementor-swiper-button:before, .what-sets-slider .elementor-swiper-button:after{font-family: icomoon-the7-font !important; width: 45px !important; height: 45px !important; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; color: #c1c1c1; transition: all 0.3s ease; font-size: 18px; line-height: 10px;} .what-sets-slider .elementor-swiper-button:hover:before, .what-sets-slider .elementor-swiper-button:hover:after{ color: #f7c903; transition: all 0.3s ease;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-prev{left: -60px;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-next{right: -60px;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-prev:before{content: "\f028"; font-family: icomoon-the7-font !important;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-next:before{content: "\f029"; font-family: icomoon-the7-font !important;} .landing-page-menu-popup a.dialog-close-button{border:1px solid #063960;} .landing-page-menu-popup a.dialog-close-button:hover svg{fill: #FFF !important;} .use-floating-validation-tip .wpcf7-not-valid-tip, .wpcf7-not-valid-tip{color: #063960 !important;} input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-moz-outer-spin-button, input::-moz-inner-spin-button { -webkit-appearance: none;} input[type="file"]::-webkit-file-upload-button, input[type="file"]::-moz-file-upload-button { display: none;-webkit-appearance: none;} .wpcf7-not-valid-tip{display: block !important;} .wpcf7-form-control-wrap{display: block;} .use-floating-validation-tip .wpcf7-not-valid-tip, .wpcf7-not-valid-tip{display: none !important; position: absolute; padding: 0px; bottom: 5px; top: inherit; background: transparent; left: 3px; border: none; width: auto; font-size: 13px;} .form-row span.wpcf7-form-control-wrap[data-name="your-email"] input.wpcf7-not-valid + label.error{display: none !important;} .form-row span.wpcf7-form-control-wrap[data-name="your-email"] input.wpcf7-not-valid ~ .wpcf7-not-valid-tip{display: block !important; left: 0px;} .pum-container .form-row span.wpcf7-form-control-wrap[data-name="your-email"] input.wpcf7-not-valid ~ .wpcf7-not-valid-tip{bottom: -2px;} .file-upload .wpcf7-not-valid-tip{display: block !important;} .form-select .wpcf7-form label.error{bottom: -20px !important;} .use-floating-validation-tip .form-row .form-col-100 .wpcf7-not-valid-tip, .form-row .form-col-100 .wpcf7-not-valid-tip{bottom: -15px;} .form-with-custom-checkboxes-radios .wpcf7-list-item, .form-with-custom-checkboxes-radios label { display: flex;} .form-with-custom-checkboxes-radios .wpcf7-list-item {margin: 0;} .form-with-custom-checkboxes-radios .wpcf7-list-item:not(:last-child) { margin-bottom: 10px;} .form-with-custom-checkboxes-radios label {cursor: pointer;} .form-with-custom-checkboxes-radios [type="radio"], .form-with-custom-checkboxes-radios [type="checkbox"] {position: absolute; left: -9999px;} .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label, .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label {position: relative;padding-left: 40px;line-height: 20px; padding-top: 3px;} .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after, .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after {content: "";position: absolute;box-sizing: border-box;} .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after { border-radius: 50%;} .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::before {top: 0; left: 0; width: 25px; height: 25px; border: 2px solid #D8D8D8; background: #FFF; box-shadow: none !important;} .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after, .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after {top: 0px;left: 1px;width: 25px; height: 25px; content: "";background: url('images/form-check.webp') no-repeat center center #f7c903; transition: all 0.2s; } #popmake-5191.pum-container .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after, #popmake-5191.pum-container .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after, #popmake-8989.pum-container .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after, #popmake-8989.pum-container .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after{background: url('images/form-check.webp') no-repeat center center #FFF;} .form-with-custom-checkboxes-radios [type="radio"]:not(:checked) + .wpcf7-list-item-label::after, .form-with-custom-checkboxes-radios [type="checkbox"]:not(:checked) + .wpcf7-list-item-label::after { opacity: 0;transform: scale(0.01);} .form-with-custom-checkboxes-radios [type="radio"]:checked + .wpcf7-list-item-label::after, .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::after {opacity: 1; transform: scale(1);} .form-with-custom-checkboxes-radios [type="radio"]:focus + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="checkbox"]:focus + .wpcf7-list-item-label::before {box-shadow: none !important;} .form-with-custom-checkboxes-radios [type="radio"]:checked + .wpcf7-list-item-label::before, .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::before {border: 5px solid #f7c903;} #popmake-5191.pum-container .form-with-custom-checkboxes-radios [type="radio"]:checked + .wpcf7-list-item-label::before, #popmake-5191.pum-container .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::before, #popmake-8989.pum-container .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::before {border: 5px solid #FFF;} .show-mobile-header .mobile-main-nav li:nth-child(1){animation: fadeInUp 1s;} .show-mobile-header .mobile-main-nav li:nth-child(2){animation: fadeInUp 1.3s;} .show-mobile-header .mobile-main-nav li:nth-child(3){animation: fadeInUp 1.9s;} .show-mobile-header .mobile-main-nav li:nth-child(4){animation: fadeInUp 2.1s;} .show-mobile-header .mobile-main-nav li:nth-child(5){animation: fadeInUp 2.4s;} .show-mobile-header .mobile-main-nav li:nth-child(6){animation: fadeInUp 2.7s;} .show-mobile-header ul.top-phone{animation: fadeInUp 1s;} .show-mobile-header .mobile-menu-footer{animation: fadeInUp 1.3s;} .show-mobile-header .mobile-footer-logo{animation: fadeInUp 1.6s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(1){animation: fadeInUp 1s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(2){animation: fadeInUp 1.3s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(3){animation: fadeInUp 1.9s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(4){animation: fadeInUp 2.1s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(5){animation: fadeInUp 2.4s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(6){animation: fadeInUp 2.7s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(7){animation: fadeInUp 3s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(8){animation: fadeInUp 3.3s;} .dialog-prevent-scroll .eael-simple-menu-container .eael-simple-menu.eael-simple-menu-vertical li:nth-child(9){animation: fadeInUp 3.6s;} .dialog-prevent-scroll .landing-page-menu-footer{animation: fadeInUp 1s;} .dialog-prevent-scroll .anima{animation: fadeInUp 1.3s;} footer.footer .footer-copyrights.acropolis, footer.footer .footer-copyrights.acropolis a{color: #06365b; font-weight: 500;} footer.footer .footer-copyrights.acropolis a:hover{color: #FFF;} footer.footer .footer-copyrights{font-size: 14px; color: #FFF; font-weight: 400;} footer.footer .footer-copyrights a{transition: all 0.6s ease;} footer.footer .footer-copyrights a:hover{color: #f7c903;} .landing-page-menu-footer{text-align: center; font-size: 13px; color: #063960;} footer.footer .footer-address ul.elementor-icon-list-items li.elementor-icon-list-item a .elementor-icon-list-text{transition: all 0.3s ease;} footer.footer .footer-address ul.elementor-icon-list-items li.elementor-icon-list-item a:hover .elementor-icon-list-text{transition: all 0.3s ease; color: #f7c903;} .walking-ant svg path {fill: #ffffff;} .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(1), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(1) { animation: walkingAntOne 60s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(2), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(2) { animation: walkingAntTwo 60s 20s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(3), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(3) { animation: walkingAntThree 60s 21.5s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(4), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(4) { animation: walkingAntFour 60s 40s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(5), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(5) { animation: walkingAntFive 60s 48s infinite forwards linear; } .footer-hover-content > a {display: flex;width: 100%;height: 100%;justify-content: center;align-items: center; font-size: 14px;} @keyframes walkingAntOne {0% {right: -30px;}100% {right: 100%;}} @keyframes walkingAntTwo {0% {right: -30px;}100% {right: 100%;}} @keyframes walkingAntThree {0% {right: -30px;}100% {right: 100%;}} @keyframes walkingAntFour {0% {right: -30px;}100% {right: 100%;}} @keyframes walkingAntFive {0% {right: -30px;}100% {right: 100%;}} .trial-footer {position: relative;display: flex;justify-content: space-between;align-items: center;color: #adaca8;padding: 0.6rem 0;overflow: hidden;} .trial-footer-container {display: flex;align-items: center;} .trial-footer-nav {padding-left: 0rem;display: flex;color: #5d5a59;} .trial-footer-container ul li a, .trial-footer-nav {font-size: 0.8rem;line-height: 20px;color: #adaca8 !important;} .trial-footer-container ul li a:hover{color: #fff !important;} .trial-footer-nav a {margin: 0 3px;} .footer-hover-content {display: flex;} .logo-to-hover {position: relative;background: transparent;z-index: 2;display: flex;align-items: center;justify-content: flex-end;padding-right: 0rem; float: right; width: 50px;} .logo-to-hover a{display: flex; align-items: center;} .logo-to-hover img.footer-mobile-logo{display: none;} .logo-to-hover img{max-width: 50px;} .logo-to-hover:hover {background: transparent;} .trial-ma svg {width: 28px;height: 28px;fill: #adaca8 !important} .logo-to-hover:hover + .footer-hover-content, .footer-hover-content:hover {transform: translateX(0);} .footer-hover-content {position: fixed ;width: 100%; height: 80px;left: 0;bottom: 0;padding: 0 30px;cursor: default;text-align: center;background: #f7c903;transform: translateX(100%);transition: transform linear 1s;display: flex;align-items: center;justify-content: center;z-index: 111;} .footer-hover-content .fa-heart {margin: 0 5px;} .footer-hover-content a {color: #033156 !important;padding-bottom: 0;} #popmake-5191.pum-container .wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item-label, #popmake-5191.pum-container .mand-field p, #popmake-8989.pum-container .mand-field p, #popmake-8989.pum-container .mand-field p .wpcf7-acceptance .wpcf7-list-item-label{color: #06365b !important;} .walking-ant {display: inline-block;width: 30px;height: 30px;transform: rotateY(180deg);right: -30px;position: absolute;bottom: -5px;} .walking-ant svg path {fill: #033156;} .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(1), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(1) { animation: walkingAntOne 60s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(2), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(2) { animation: walkingAntTwo 60s 20s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(3), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(3) { animation: walkingAntThree 60s 21.5s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(4), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(4) { animation: walkingAntFour 60s 40s infinite forwards linear; } .footer-hover-content:hover > .walking-ants-container .walking-ant:nth-child(5), .logo-to-hover:hover + .footer-hover-content > .walking-ants-container .walking-ant:nth-child(5) { animation: walkingAntFive 60s 48s infinite forwards linear; } @keyframes walkingAntOne { 0% { right: -30px; } 100% { right: 100%; } } @keyframes walkingAntTwo { 0% { right: -30px; } 100% { right: 100%; } } @keyframes walkingAntThree { 0% { right: -30px; } 100% { right: 100%; } } @keyframes walkingAntFour { 0% { right: -30px; } 100% { right: 100%; } } @keyframes walkingAntFive { 0% { right: -30px; } 100% { right: 100%; } } @media (max-width: 1650px){ .inline-header .header-bar:after, .inline-header .header-bar:before{display: none;} .banner-border{ margin-right: 250px;} .banner-border>.e-con-inner{padding:35px 0px 35px 0px !important;} .banner-border.pad-big>.e-con-inner{padding:80px 50px 80px 0px !important;} .banner-border:before, .banner-border:after{height: 25px;} .banner-border .home-banner-text .elementor-widget-container{padding-bottom: 10px !important; font-size: 20px; line-height: 30px;} .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 46px !important; line-height: 50px !important;} .inner-banners .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 40px !important; line-height: 50px !important;} .inner-banners .banner-border>.e-con-inner .about-heading h1.elementor-heading-title{font-size: 36px !important; line-height: 46px !important;} .inner-banners.error-page .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 100px !important; line-height: 100px !important;} } @media only screen and (max-width: 1550px) and (min-width: 1500px) { .vertical-5 .timeline .swiper-button-prev{top: 40px !important;} .vertical-5 .timeline .swiper-button-next{bottom: 40px !important;} } @media only screen and (max-width: 1500px) and (min-width: 1400px) { .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{margin: 8px 0px !important;} } @media (max-width: 1400px){ .inline-header .header-bar:before, .inline-header .header-bar:after{display: none;} .inline-header .header-bar{ min-height: 100px !important;} header.header-bar{padding-left: 30px !important; padding-right: 30px !important;} .banner-border>.e-con-inner .top-heading-text .elementor-heading-title{font-size: 20px !important;} .inner-banners:before{background-size: 25% auto !important;} .show-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width:calc(100% - 100px) !important; left: 50px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width: calc(100% - 60px) !important; left: 30px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu .e-con-inner{margin: 0px !important;} .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{margin: 10px 0px !important;} .vertical-5 .timeline .swiper-button-prev{top: 0px !important;} .vertical-5 .timeline .swiper-button-next{bottom: 0px !important;} } @media (max-width: 1300px){ .clients-tabs .clients-slider-nav-thumbnails{padding: 0px 70px;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide{white-space: pre-line;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow{left: 10px;} .clients-tabs .clients-slider-nav-thumbnails button.slick-arrow.slick-next{right: 10px;} .clients-tabs .clients-slider-nav-thumbnails ul.slick-dots{display: none !important;} .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item .gallery-item-thumbnail-wrap img{max-width: 100%; height: auto;} .top-bar{padding: 3px 20px !important;} .main-pad>.e-con-inner{padding: 100px 0px !important;} .inline-header .header-bar{padding: 0px 20px !important;} #phantom .ph-wrap{padding: 0px !important;} .remove-break br{display: none !important;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-prev{left: 10px;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-next{right: 10px;} .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-prev{--arrow-h-offset: -630px !important;} .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-next{--arrow-h-offset: -30px !important;} .what-sets-slider .swiper-pagination{margin: 0px 20%; width: 60%;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-prev{left: 0px; top: inherit; bottom: -110px;} .what-sets-slider .elementor-swiper-button.elementor-swiper-button-next{right: 0px; top: inherit; bottom: -110px;} .scroll-top{bottom: 90px;} .home-slider .swiper .the7-swiper-button-prev{top: inherit !important;bottom: 0px;left: 15px !important;} .home-slider .swiper .the7-swiper-button-next{top: inherit !important;bottom: 0px;} .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{margin: 10px 0px !important;} .main-pad>.e-con-inner{padding: 70px 0px !important;} .main-pad.lan-loc-pad{margin-top: -130px !important;} .show-header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width:calc(100% - 20px) !important; left: 20px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width: calc(100% - 40px) !important; left: 20px !important;} } @media only screen and (max-width: 1300px) and (min-width: 1200px) { .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 40px !important; line-height: 40px !important;} .banner-border>.e-con-inner{padding: 25px 0px 25px 0px !important;} .banner-border:before, .banner-border:after{height: 20px;} .inner-banners .banner-border{min-height: 300px;} } @media (max-width: 1250px){ #phantom .ph-wrap{padding: 0px 20px !important;} footer.footer{padding: 0px 30px !important;} .page-id-9746 footer.footer,.page-id-9825 footer.footer,.page-id-9829 footer.footer,.page-id-9827 footer.footer,.page-id-9823 footer.footer,.page-id-9821 footer.footer,.page-id-2028 footer.footer{padding: 0px !important;} .lan-ban-pad>.e-con-inner{padding: 30px 20px !important;} .main-pad>.e-con-inner{padding: 70px 20px !important;} .vis-mis-pad>.e-con-inner{padding: 0px 20px !important;} .inner-banner>.e-con-inner{padding-left: 20px !important;} .mCSB_scrollTools .mCSB_draggerContainer, .mCSB_scrollTools .mCSB_draggerRail{display: block !important;} .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 30px !important;} .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{display: none !important;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 20px !important; height: 20px !important; top: -4px;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 20px !important; height: 20px !important;} .home-featured-project .box-content-wrapper .box-content .box-description{text-align: justify !important;} .mobile-sticky-header-overlay.active{display: none !important;} .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-heading{font-size: 14px !important; line-height: 18px !important;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-heading strong{font-size: 24px;} .home-featured-project .box-content-wrapper .box-content .box-description{font-size: 14px;} h2.elementor-heading-title{font-size: 32px !important; line-height: 40px !important;} .lan-main-menu nav.dt-nav-menu-horizontal--main ul.dt-nav-menu-horizontal li.menu-item{padding-left: 10px !important; padding-right: 10px !important;} .lan-main-menu nav.dt-nav-menu-horizontal--main ul.dt-nav-menu-horizontal li.menu-item:last-child{padding-right: 0px !important;} .form-row .form-submit-btn p:before, .form-row .form-submit-btn p:after{display: none;} .form-row .form-submit-btn p:hover{background:#06365b;} } @media (max-width: 1200px){ .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper{padding: 0px 0px 70px 0px !important;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title{min-width: 200px;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button{width: 40px; height: 40px; transition: all 0.3s ease; top: 140px; background: transparent; border: 2px solid #dfdfdf;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button.left-button{left: 0px;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button.right-button{right: 0px;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:after{color: #dfdfdf; transition: all 0.3s ease;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:hover:after{color: #FFF; transition: all 0.3s ease;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button.right-button:after{content: "\f029" !important; font-family: icomoon-the7-font !important;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button.left-button:after{content: "\f028" !important; font-family: icomoon-the7-font !important;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:hover{background: #06365b; border-color: #06365b; transition: all 0.3s ease;} .home-tabs.solutions-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:hover{border-color: #f7c903; background: transparent;} .home-tabs.solutions-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:after{color: #dfdfdf; transition: all 0.3s ease;} .home-tabs.solutions-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button:hover:after{color: #f7c903; transition: all 0.3s ease;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tab-nav-button.hidden{opacity: 1 !important; visibility: visible;} .comp-proj-part-scro .owl-carousel .owl-nav .owl-next{top: calc(100% + 50px) !important; --arrow-h-offset: 10px !important;} .comp-proj-part-scro .owl-carousel .owl-nav .owl-prev{top: calc(100% + 50px) !important; --arrow-h-offset: 10px !important;} .contact-form.form-row .form-submit-btn p{margin-top: 20px;} } @media (max-width: 1190px){ .home-tabs .slider-nav-thumbnails{padding: 0px 60px;} .main-banner.inner-banners{height: calc(100vh - 175px); min-height: calc(100vh - 175px);} .main-banner{height: calc(100vh - 65px); min-height: calc(100vh - 65px);} .home-video{background-attachment: inherit !important;} .home-video>.e-con-inner{padding-top: 230px !important; padding-bottom: 310px !important;} #popmake-5192.pum-container, #popmake-7831.pum-container, #popmake-8335.pum-container,#popmake-9759.pum-container,#popmake-9941.pum-container,#popmake-9943.pum-container,#popmake-9945.pum-container,#popmake-9947.pum-container,#popmake-9949.pum-container{padding: 20px 30px 0px 30px !important;} #popmake-5192.pum-container .wpcf7 form.errorMsgshow.failed, #popmake-7831.pum-container .wpcf7 form.errorMsgshow.failed, #popmake-8335.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9759.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9941.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9943.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9945.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9947.pum-container .wpcf7 form.errorMsgshow.failed,#popmake-9949.pum-container .wpcf7 form.errorMsgshow.failed{padding-bottom: 75px !important;} } @media (max-width: 1150px){ #phantom.masthead.inline-header.show-header.show-main-header{display: none !important;} } @media only screen and (max-width: 1250px) and (min-width: 1150px) { .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title .the7-e-tab-title-text{font-size: 14px !important;} .home-slider .swiper .the7-swiper-button-next{bottom: -20px;} .home-slider .swiper .the7-swiper-button-prev{bottom: -20px;} .home-projects-scrolling{padding-bottom: 50px;} .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-prev{--arrow-h-offset: 10px !important; top: calc(100% + 20px) !important;} .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-next{--arrow-h-offset: 10px !important; top: calc(100% + 20px) !important;} } @media only screen and (max-width: 1230px) and (min-width: 1024px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{width: calc(100% - 50px) !important; left: 20px !important;} .main-banner{ padding-left: 20px;} .banner-border{margin-right: 0px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding: 0px 10px 0px 10px;} .yellow-btn .elementor-button-wrapper:before, .yellow-btn .elementor-button-wrapper:after, .banner-btn .elementor-button-wrapper:before, .banner-btn .elementor-button-wrapper:after, a.header-btn:before, a.header-btn:after{display: none;} .land-footer, .land-footer-bottom{padding: 0px 20px;} .yellow-btn .elementor-button-wrapper:hover, .banner-btn .elementor-button-wrapper:hover, a.header-btn:hover{background: #063960;} .home-banner-space{--min-height: 100px !important;} .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number, .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size: 20px !important;} .home-counter-pad{padding-top: 10px !important; padding-bottom: 5px !important;} .home-project-box .the7-box-wrapper .box-content-wrapper .box-content .box-heading{font-size: 12px !important;} .main-pad.ind-par-pad{padding-bottom: 50px !important;} .ind-par-pad .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-prev, .ind-par-pad .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-next{top: inherit !important; bottom: -70px !important;} .ind-par-pad .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-prev{ left: 10px !important; right: inherit !important;} .ind-par-pad .home-projects-scrolling .elementor-swiper .the7-swiper-button.the7-swiper-button-next{left: inherit !important; right: -30px !important; } .acropolis-clients .owl-carousel .owl-nav .owl-prev{left: 20px !important; top: inherit !important; bottom: -50px !important;} .acropolis-clients .owl-carousel .owl-nav .owl-next{right: -20px !important; top: inherit !important; bottom: -50px !important; left: inherit !important;} .footer-column-4{padding-left: 20px;} } @media only screen and (max-width: 1250px) and (min-width: 1000px) { .acropolis-others-scroll{padding-bottom: 70px !important;} .acropolis-others-scroll .elementor-swiper .the7-swiper-button.the7-swiper-button-next, .acropolis-others-scroll .elementor-swiper .the7-swiper-button.the7-swiper-button-prev{top: inherit !important; bottom: -90px !important;} .acropolis-others-scroll .elementor-swiper .the7-swiper-button.the7-swiper-button-next{ left: inherit !important; right: -45px !important;} .acropolis-others-scroll .elementor-swiper .the7-swiper-button.the7-swiper-button-prev{ right: inherit !important; left: 0px !important;} .vertical-5.container .timeline{height: 80vh;} .ipad-padding{padding-left: 20px; padding-right: 20px;} } @media only screen and (max-width: 1150px) and (min-width: 1050px) { .vertical-5 .timeline .swiper-pagination{left: 75px !important;} .vertical-5 .timeline .swiper-button-next, .vertical-5 .timeline .swiper-button-prev{left: 100px !important;} .vertical-5 .timeline .swiper-container .swiper-pagination-bullets span.swiper-pagination-bullet{margin: 8px 0px !important;} .vertical-5 .timeline .swiper-button-prev{top: 0px !important;} .vertical-5 .timeline .swiper-button-next{bottom: 0px !important;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content{padding: 20px;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-heading {margin-bottom: 0px;} .home-featured-project .the7-box-wrapper .box-content-wrapper .box-content .box-heading strong{font-size:22px;} } @media only screen and (max-width: 990px) and (min-width: 768px) { .vertical-5.container .timeline{height: 60vh;} } @media (max-width: 1090px){ .main-banner.inner-banners{height: calc(100vh - 145px); min-height: calc(100vh - 145px);} .page-id-4419 .main-banner.inner-banners{height: calc(100vh - 155px); min-height: calc(100vh - 155px);} .main-banner{height: calc(100vh - 150px); min-height: calc(100vh - 150px);} .inner-banners{margin-top: 80px !important;} .masthead.inline-header{border-top: 20px solid #06365b !important;} .masthead.inline-header.sticky-mobile-on{border-top: none !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{display: block !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{height: 60px !important; line-height: 60px !important; color: #FFF !important; font-size: 20px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{color: #f7c903 !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav .eael-tab-inline-icon li.eael-tab-item-trigger i{font-size: 20px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu li.mega-menu-row{height: auto;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-item-align-float-left, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{float: left !important; width: 100% !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row{height: 0px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu{width:100% !important; left: inherit !important; position: relative !important; box-shadow:none; transform: none !important; transition: none !important; opacity: 1 !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav{ background: #06365b; padding-top: 0px; width: 100%;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger{justify-content: center; background: #06365b; color: #FFF;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger.active{color: #F7C903 !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav ul.eael-tab-inline-icon li.eael-tab-item-trigger i.dt-icon-the7-arrow-35-2:before{content: "\f053" !important; font-family: icomoon-the7-font !important; color: #f7c903 !important; font-size: 11px; transform: rotate(90deg);} .eael-advance-tabs.eael-tabs-vertical{flex-wrap: wrap;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title{padding: 12px 12px 12px 50px !important;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title .the7-e-tab-title-text img{max-width: 30px;} } @media (max-width: 1050px){ .preloader-plus .preloader-content{top: calc(50% - 50px) !important;} .tab-bg-image{left: -50px; right: -50px !important; width: calc(100% + 100px) !important; max-width: calc(100% + 100px) !important;} .tab-bg-image img{width: 100%;} .main-pad.lan-loc-pad>.e-con-inner{padding: 100px 0px 70px 0px !important;} .remove-break-desktop br{display: block;} .home-tabs .slider.slick-slider .slick-slide{padding: 30px;} footer.footer{padding: 0px 10px !important;} .values-scroll .owl-carousel .owl-stage-outer{overflow: hidden !important;} .lan-ban-pad>.e-con-inner{padding: 30px 0px !important;} .show-ipad-landscape{display: block !important;} .remove-shadow-landscape{box-shadow: none !important;} .values-scroll .owl-carousel .owl-dots button.owl-dot span{display: none;} .values-scroll .owl-carousel .owl-dots button.owl-dot{width: 20px !important; height: 40px !important;} .values-scroll .owl-carousel .owl-dots button.owl-dot:before{position: absolute; left: 8px; top: 5px; color: #CCC; font-size: 26px; font-weight: 500;} .values-scroll .owl-carousel .owl-dots button.owl-dot.active:before{color: #F7C903;} .values-scroll .owl-carousel .owl-dots button.owl-dot:nth-child(1):before{content:"A";} .values-scroll .owl-carousel .owl-dots button.owl-dot:nth-child(2):before{content:"T";} .values-scroll .owl-carousel .owl-dots button.owl-dot:nth-child(3):before{content:"B";} .completed-projects-scroll-images .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-inner .dt-owl-item-description img{max-height: inherit !important;} .acropolis-others-scroll .completed-projects-scroll-images .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-inner .dt-owl-item-description img{max-height: 300px !important;} .comp-proj-part-scro .owl-carousel .owl-nav .owl-next{top: calc(100% + 25px) !important;} .comp-proj-part-scro .owl-carousel .owl-nav .owl-prev{top: calc(100% + 25px) !important;} .home-tabs>.elementor-widget-container{margin-bottom: 50px !important;} .home-tabs .slider-nav-thumbnails{position: unset;} .home-tabs .slider-nav-thumbnails ul.slick-dots{position: absolute; bottom: -20px; width: 100%; left: 0px; margin: 0px; height: 20px; display: flex; align-items: center; justify-content: center; gap: 10px; } .home-tabs .slider-nav-thumbnails ul.slick-dots li{list-style: none;} .home-tabs .slider-nav-thumbnails ul.slick-dots li button{width: 17px; height: 17px; border-radius: 50%; text-indent: -9999px; border: 1px solid #CCC; background: #FFF; transition: all 0.3s ease;} .home-tabs .slider-nav-thumbnails ul.slick-dots li.slick-active button{border: 1px solid #f7c903; background: #f7c903; transition: all 0.3s ease;} } @media (max-width: 1024px){ .vertical-5 .timeline .swiper-pagination{left: 75px !important;} .vertical-5 .timeline .swiper-button-next, .vertical-5 .timeline .swiper-button-prev{left: 92px !important;} .vertical-5 .timeline .swiper-button-prev{top: 20px !important;} .vertical-5 .timeline .swiper-button-next{bottom: 50px !important;} .top-bar .left-widgets.mini-widgets p, .top-bar ul.top-phone li a{font-size: 13px;} .banner-border{margin-right: 0px;} .mobile-main-nav>li>a, .mobile-mini-widgets-in-menu{padding-bottom: 0px;} ul.top-phone{ flex-wrap: wrap; justify-content: center; padding: 40px 0px; font-size:20px; font-weight:400; margin: 0px; position: relative; flex-direction: column-reverse;width: 100%;} ul.top-phone:before{position: absolute; left: 0px; top: 0px; width: 100%; height: 10px; content: ""; background: url('images/mobile-menu-bg.webp') center center no-repeat; background-size: 500px;} ul.top-phone:after{position: absolute; left: 0px; bottom: 0px; width: 100%; height: 10px; content: ""; background: url('images/mobile-menu-bg.webp') center center no-repeat; background-size: 500px;} ul.top-phone li{width: 100%; display: flex; justify-content: center;} .top-bar-text{display: none;} .landing-page-header.fixedheader{padding: 10px 20px;} .landing-page-header.fixedheader .landing-page-logo img{width: 140px;} ul.top-phone li:first-child{border-right: none; padding-right: 0px;} #menu-acropolis-menu li.menu-item a{font-size: 20px !important; line-height: 50px !important;} .what-sets-slider .swiper .swiper-wrapper .swiper-slide .what-sets-slider-icon{top: -50px; left: calc(50% - 50px) !important;} .main-banner{padding-right: 40%;} .mobile-menu-footer{display: block; text-align: center; padding: 20px 0px; font-weight: 400; font-size: 14px; width: 100%; line-height: 36px; font-size: 18px;} .mobile-menu-footer a{color: #FFF; text-decoration: none;} .mobile-footer-logo{display: flex; align-items: center; justify-content: center;} .mobile-footer-logo img{max-width: 100px;} .main-banner{height: calc(100vh - 70px); min-height: calc(100vh - 70px);} .main-banner .banner-border{margin-top: 0px;} .main-banner.inner-banners{height: calc(100vh - 70px) !important; min-height: calc(100vh - 70px) !important; margin-top: 0px !important;} .main-banner>.e-con-inner, .main-banner.inner-banners>.e-con-inner{padding: 130px 0px 0px 0px !important;} .main-banner.inner-banners .banner-border{margin-top: 0px;} .vertical-5 .timeline .swiper-slide{background-size: cover !important;} .banner-border.pad-big>.e-con-inner{padding: 40px 30px 40px 0px !important;} .owl-carousel .owl-nav .owl-next{--arrow-h-offset: 0px !important;} .owl-carousel .owl-nav .owl-prev{--arrow-h-offset: 0px !important;} .values-scroll .owl-carousel .owl-nav .owl-next{--arrow-h-offset: 20px !important;} .values-scroll .owl-carousel .owl-nav .owl-prev{--arrow-h-offset: 20px !important;} .home-project-box-mobile .owl-carousel .owl-nav .owl-next{--arrow-h-offset: 0px !important;} .home-project-box-mobile .owl-carousel .owl-nav .owl-prev{--arrow-h-offset: 0px !important;} .exterior-hotspot ul li.dock-door-levellers{bottom: 43%;} .exterior-hotspot ul li.dock-apron{left:54%; bottom: 25%;} .exterior-hotspot ul li.eaves-height{left: 7%; bottom: 29%;} .exterior-hotspot ul li.ridge-ventilation{top: 25%;} .home-counter .elementor-counter .elementor-counter-title{text-align: center;} .home-counter .elementor-counter .elementor-counter-number-wrapper{justify-content: center;} .home-counter.counter1 .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{display: none;} .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix, .home-counter.counter3 .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{flex-grow: inherit; display: flex;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-content .the7-e-tab-item-wrapper .the7-e-tab-content{margin-top: 10px !important;} .inner-banners .banner-border{margin-right: 0px; min-width: auto;} .yellow-btn .elementor-button-wrapper:before, .yellow-btn .elementor-button-wrapper:after, .banner-btn .elementor-button-wrapper:before, .banner-btn .elementor-button-wrapper:after, a.header-btn:before, a.header-btn:after{display: none;} .yellow-btn .elementor-button-wrapper:hover, .banner-btn .elementor-button-wrapper:hover, a.header-btn:hover{background: #063960;} .landing-page-header .header-btn-mobile{display: inline-block; margin-left: 5px;} .landing-page-header a.header-btn{display: none;} .landing-page-header .landing-page-back-btn a.elementor-icon{background: transparent !important; border: 2px solid #FFF; border-radius: 5px; min-width: 34px !important; min-height: 34px !important; color: #FFF; margin-top: 4px;} .landing-page-header .landing-page-back-btn a.elementor-icon i{color: #FFF !important;} .landing-page-header .landing-page-logo img{max-width: 140px;} .landing-page-header.fixedheader .landing-page-back-btn a.elementor-icon i{color: #FFF;} #menu-acropolis-menu li.menu-item a{position: relative; display: inline-block;} #menu-acropolis-menu li.menu-item a:before{position: absolute; left: 0; bottom: 5px; width: 0px; height: 2px; content:""; background: #033156; transition: all 0.3s ease;} #menu-acropolis-menu li.menu-item a.mPS2id-highlight:before{width: 100%; transition: all 0.3s ease;} } @media (max-width: 960px){ .pum-open #popmake-5192.pum-container, .pum-open #popmake-7831.pum-container, .pum-open #popmake-8335.pum-container,.pum-open #popmake-9759.pum-container,.pum-open #popmake-9941.pum-container,.pum-open #popmake-9943.pum-container,.pum-open #popmake-9945.pum-container,.pum-open #popmake-9947.pum-container,.pum-open #popmake-9949.pum-container{display: flex !important; align-items: center;} #popmake-5192.pum-container{min-width: 60% !important;} .project-slider-image .swiper .swiper-slide .swiper-slide-inner img{width: 100%;} .acropolis-others-scroll .completed-projects-scroll-images .owl-carousel .owl-stage-outer .owl-stage .dt-owl-item .dt-owl-item-inner .dt-owl-item-description img{max-height: inherit !important;} .hide-ipad-portate{display: none !important;} .remove-shadow-potrait{box-shadow: none !important;} .show-ipad-landscape{display: none !important;} .show-ipad-portate{display: block !important;} .inner-banners .banner-border{padding-top: 50px; padding-bottom: 50px;} .inner-banners .banner-border:before, .inner-banners .banner-border:after{height: 50px;} .vertical-5 .timeline .swiper-container:before{position: absolute; left: 0px; top: 0px; width: 150px; height: 100%; content: ""; background: #FFF; z-index: 18; filter: blur(10px);} .vertical-5 .timeline .swiper-button-next, .vertical-5 .timeline .swiper-button-prev{z-index: 22 !important;} .vertical-5 .timeline .swiper-pagination{z-index: 20 !important;} .vertical-5 .timeline .swiper-slide-content{padding-left: 70px !important;} .main-banner{padding-right: 30%;} .footer-hover-content{display: none;} .about-counter .about-counter-col1, .about-counter .about-counter-col3{width: 33%;} .about-counter .about-counter-col2{width: 34%;} #popmake-5192.pum-container, #popmake-7831.pum-container, #popmake-8335.pum-container,#popmake-9759.pum-container,#popmake-9941.pum-container,#popmake-9943.pum-container,#popmake-9945.pum-container,#popmake-9947.pum-container,#popmake-9949.pum-container{padding:0px 30px 50px 30px !important;} .exterior-hotspot ul li:after{width: 10px; height: 10px;} .exterior-hotspot ul li:before{width: 20px; height: 20px;} .exterior-hotspot ul li p{display: none;} .exterior-hotspot ul li div{font-size: 12px;} .exterior-hotspot ul li.skylight{right: 44%;} .exterior-hotspot ul li.skylight span.line{top: 52px;} .exterior-hotspot ul li.skylight div{top: 10px; right: -330px;} .exterior-hotspot ul li.skylight:after{left: 40px; top: 48px;} .exterior-hotspot ul li.skylight:before{left: 45px; top: 53px;} .exterior-hotspot ul li.dock-apron{left: 53%; bottom: 26%;} .exterior-hotspot ul li.dock-apron:before{left: 40px; top: -35px;} .exterior-hotspot ul li.dock-apron span.line{left: 43px; top: -36px;} .exterior-hotspot ul li.dock-apron:hover span.line{width: 50px;} .exterior-hotspot ul li.dock-apron div{right:-320px; top: -85px;} .exterior-hotspot ul li.dock-door-levellers{bottom: 53%; right: 23%;} .exterior-hotspot ul li.dock-door-levellers:before{left: 43px; top: -36px;} .exterior-hotspot ul li.dock-door-levellers span.line{top: -37px; right: -46px;} .exterior-hotspot ul li.dock-door-levellers div{right: 45px; top: -77px;} .exterior-hotspot ul li.ridge-ventilation{top: 23%;} .exterior-hotspot ul li.ridge-ventilation:before{left: 65px; top: 60px;} .exterior-hotspot ul li.ridge-ventilation span.line{top: 59px; right: -60px;} .exterior-hotspot ul li.ridge-ventilation:hover span.line{width: 50px;} .exterior-hotspot ul li.ridge-ventilation div{right: 20px;} .exterior-hotspot ul li.docking-type{left: 24%; bottom: 16%;} .exterior-hotspot ul li.docking-type:before{left: 51px; top: -35px;} .exterior-hotspot ul li.docking-type span.line{right: inherit; left: 50px; top: -36px;} .exterior-hotspot ul li.docking-type:hover span.line{width: 50px;} .exterior-hotspot ul li.docking-type div{right: inherit; top: -86px; left: 130px;} .exterior-hotspot ul li.docking-type:hover div{transform: translate(-30px,0px);} .exterior-hotspot ul li.eaves-height{bottom: 39%;} .exterior-hotspot ul li.eaves-height:before{left: 49px; top: -36px;} .exterior-hotspot ul li.eaves-height span.line{top: -37px;} .exterior-hotspot ul li.eaves-height:hover span.line{width: 50px;} .exterior-hotspot ul li.eaves-height div{left: 130px; top:-85px;} .interior-hotspot ul li:after{width: 10px; height: 10px;} .interior-hotspot ul li:before{width: 20px; height: 20px;} .interior-hotspot ul li p{display: none;} .interior-hotspot ul li div{font-size: 12px;} .interior-hotspot ul li.walls{right: 25%; top: 12%;} .interior-hotspot ul li.walls:before{left:24px; top: 57px;} .interior-hotspot ul li.walls span.line{right: -20px; top: 56px;} .interior-hotspot ul li.walls:hover span.line{width: 50px;} .interior-hotspot ul li.walls div{right: 55px; top: 17px;} .interior-hotspot ul li.lighting{right: 37%; top: 10%;} .interior-hotspot ul li.lighting:before{left: 32px; top: 57px;} .interior-hotspot ul li.lighting span.line{right: -30px; top: 56px;} .interior-hotspot ul li.lighting div{right: 50px; top: 16px;} .interior-hotspot ul li.fire-sprinklers{left: 52%; top: 47%;} .interior-hotspot ul li.fire-sprinklers:before{left: 54px; top: -36px;} .interior-hotspot ul li.fire-sprinklers span.line{top: -37px;} .interior-hotspot ul li.fire-sprinklers:hover span.line{width: 50px;} .interior-hotspot ul li.fire-sprinklers div{left: 130px;} .interior-hotspot ul li.roof-insulation{left: 32.5%; top: 27%;} .interior-hotspot ul li.roof-insulation:before{left: 54px; top:64px;} .interior-hotspot ul li.roof-insulation span.line{right: -58px; top: 63px;} .interior-hotspot ul li.roof-insulation div{left: -230px; top: 32px;} .interior-hotspot ul li.floor{left: 43%; top: 59%;} .interior-hotspot ul li.floor:before{left:21px; top: -37px;} .interior-hotspot ul li.floor:hover span.line{width: 50px;} .interior-hotspot ul li.floor span.line{top: -38px;} .interior-hotspot ul li.floor div{left: 100px;} .interior-hotspot ul li.structure{top: 66%;} .interior-hotspot ul li.structure:before{left: 39px; top: -39px;} .interior-hotspot ul li.structure span.line{top: -41px;} .interior-hotspot ul li.structure:hover span.line{width: 50px;} .interior-hotspot ul li.structure div{left: 120px;} } @media screen and (max-width: 768px) and (orientation: landscape){ .landscape-message {width: 100%;height: 100vh; display: flex; align-items: center;justify-content: center; background: #06365b; position: fixed; top: 0px; left: 0px; z-index: 999;} .landscape-message h1{font-size: 20px; color: #fff; text-align: center; font-weight: 300; line-height: 30px; margin: 0px; width: 80%;} body{overflow: hidden;} } @media (max-width: 800px){ .vertical-5 .timeline .swiper-button-prev{top: 12% !important} .vertical-5 .timeline .swiper-button-next{bottom: 15% !important;} .home-tabs .slider-nav-thumbnails .slick-track .slick-slide, .clients-tabs .slider-nav-thumbnails .slick-track .slick-slide{justify-content: center;} } @media (max-width: 760px){ .pum-open #popmake-5192.pum-container, .pum-open #popmake-7831.pum-container, .pum-open #popmake-8335.pum-container,.pum-open #popmake-9759.pum-container,.pum-open #popmake-9941.pum-container,.pum-open #popmake-9943.pum-container,.pum-open #popmake-9945.pum-container,.pum-open #popmake-9947.pum-container,.pum-open #popmake-9949.pum-container{ align-items: flex-start;} #popmake-5192.pum-container, #popmake-7831.pum-container, #popmake-8335.pum-container,#popmake-9759.pum-container,#popmake-9941.pum-container,#popmake-9943.pum-container,#popmake-9945.pum-container,#popmake-9947.pum-container,#popmake-9949.pum-container{min-width: 100% !important; left: 0px !important; padding: 30px 30px 0px 30px!important;} .pum-overlay.pum-theme-cutting-edge{background: transparent !important;} #pum-5191.pum-overlay.pum-theme-cutting-edge{background: rgba( 3, 49, 86, 0.80 ) !important;} .home-video>.e-con-inner{padding-top: 210px !important;} .home-tabs .slider-nav-thumbnails ul.slick-dots{bottom: -10px;} .vertical-5 .timeline .swiper-button-prev:hover, .vertical-5 .timeline .swiper-button-next:hover{transform: none !important;} .main-banner{height: calc(100vh - 60px); min-height: calc(100vh - 60px);} .main-banner .banner-border{margin-top: 0px;} .main-banner.inner-banners{height: calc(100vh - 60px) !important; min-height: calc(100vh - 60px) !important; margin-top: 0px !important;} .main-banner>.e-con-inner, .main-banner.inner-banners>.e-con-inner{padding: 130px 0px 0px 0px !important;} .main-banner.inner-banners .banner-border{margin-top: 0px;} .home-tabs .slider.slick-slider .slick-slide{padding: 20px;} .show-break-mobile br{display: block;} .wpcf7-form textarea{margin-bottom: 10px !important;} .landing-page-menu-popup .dialog-widget-content{height: 100vh; overflow: auto !important; position: relative;} .landing-page-menu-popup .dialog-message{height: auto !important; overflow: hidden !important;} .preloader-plus .preloader-content{top: inherit !important; left: inherit !important; transform: none !important; height: 100% !important; min-height: 100% !important;} .preloader-plus .preloader-custom-img{margin-bottom: 65px;} .acc-container .acc-btn h3{font-size: 18px; line-height: 26px;} #acrop-home.scroll-pad-top{padding-top: 90px;} .contact-form.form-row .form-submit-btn p{max-width: 100%;} .landing-page-header.fixedheader .landing-page-logo img{width: 100px;} .main-pad.lan-loc-pad{margin-top: -100px;} .inner-banners .banner-border{padding-top: 30px; padding-bottom: 30px;} .inner-banners .banner-border:before, .inner-banners .banner-border:after{height: 30px;} .main-pad>.e-con-inner{padding: 50px 0px !important;} h2.elementor-heading-title{font-size: 22px !important; line-height: 30px !important;} .scroll-top{bottom: 15px;} .hide-on-mobile{display: none !important;} .show-on-mobile{display: block !important;} .remove-break-mobile br{display: none;} .mobile-branding > a, .mobile-branding > img, .dt-mobile-header .text-area .mobile-nav-logo img{max-width: 150px;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title .the7-e-tab-title-text br{display: none;} .home-tabs .the7-e-tabs-wrapper .the7-e-tabs-nav-wrapper .the7-e-tabs-nav .the7-e-tab-title .the7-e-tab-title-text img{top: 10px;} .landing-page-header .header-btn-mobile img{max-width: 37px;} .landing-page-header .landing-page-back-btn a.elementor-icon{min-height: 30px !important; min-width: 30px !important; margin-top: 4px;} .mobile-footer-logo img{max-width: 50px;} .mobile-main-nav li > a{padding: 10px !important;} .mobile-main-nav li > a .menu-text{font-size: 16px;} .dt-mobile-header .mobile-main-nav li .sub-nav > li > a .menu-text{font-size: 14px !important;} .inner-banners:before{background-size: 40% auto !important;} ul.top-phone{padding: 30px 0px; font-size: 15px;} .mobile-menu-footer{font-size: 15px; line-height: 26px;} .dt-mobile-header .text-area .mobile-nav-logo img{max-width: 150px;} .main-pad.mob-top-pad-0>.e-con-inner{padding: 0px 0px 50px 0px !important;} .main-pad.mob-bot-pad-0>.e-con-inner{padding: 50px 0px 0px 0px !important;} #menu-acropolis-menu li.menu-item a{font-size: 15px !important; line-height: 36px !important; position: relative;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav .eael-tab-inline-icon li.eael-tab-item-trigger i{top: 12px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-nav .eael-tab-inline-icon li.eael-tab-item-trigger.active i{transform: rotate(90deg);} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs.eael-tabs-vertical>.eael-tabs-nav>ul{flex-flow: inherit;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item > ul.mega-sub-menu li.mega-menu-row .eael-advance-tabs .eael-tabs-content{max-height: 350px; overflow-y: auto;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{height: 50px !important; line-height: 50px !important; font-size:15px;} .vertical-5 .timeline .swiper-slide .timeline-year{display: block !important; color: #666 !important; font-size: 16px !important; position: relative; padding:30px 0px 40px 0px;} .vertical-5 .timeline:before{position: absolute; left: 0px; top: 10px; width: 100%; height:2px; content:"";background: linear-gradient(90deg, rgba(3,49,86,1) 0%, rgba(3,49,86,1) 50%, rgba(204,204,204,1) 50%, rgba(204,204,204,1) 100%);} .vertical-5 .timeline{padding-bottom: 30px;} .vertical-5 .timeline .swiper-slide-content:before{width: 15px; height: 15px; position: absolute; border-radius: 50%; left: calc(50% - 10px); top: 3px; content:""; background: #F7C903;} .vertical-5 .timeline .swiper-slide-content{height: 100% !important; min-height: 100% !important;} .vertical-5 .timeline .swiper-button-next{right: 20px !important; left: inherit !important; top: 55px !important;} .vertical-5 .timeline .swiper-button-prev{left: 20px !important; top: 55px !important;} .vertical-5 .timeline .swiper-slide-content{padding-left: 0px !important;} #vertical-5.vertical-5 .timeline .swiper-container{height: calc(75vh - 100px)!important; min-height: 200px;} .vertical-5 .timeline .swiper-container:before{display: none;} .home-counter .elementor-counter .elementor-counter-title br{display: block;} footer.footer .footer-copyrights{text-align: center;} footer.footer .footer-menu4 ul.dt-nav-menu-horizontal>li.item-divider:first-child{display: none;} .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 36px !important; line-height: 42px !important;} .tab-bg{width: 120% !important;} .elementor-popup-modal .elementor-field-group .elementor-field-textual, select.elementor-field-textual{margin-bottom: 10px !important;} .logo-to-hover img.footer-desktop-logo{display: none;} .logo-to-hover img.footer-mobile-logo{display: block;} .main-banner{padding-right: 20px;} .footer-hover-content{padding: 0px 10px;} .footer-hover-content > a{font-size: 12px; line-height: 16px;} .landing-page-header-icons{position: absolute;} .landing-page-header.fixedheader .landing-page-header-icons{right: 20px; width: 50%;} ul.top-phone:before, ul.top-phone:after{background-size: 100%;} .banner-border .home-banner-text .elementor-widget-container{font-size: 18px; line-height: 26px;} .inner-banners .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 36px !important; line-height: 46px !important;} .form-row .form-col-50{width: 100%;} .dt-mobile-header .mobile-header-scrollbar-wrap{padding-bottom: 10px; padding-top: 100px; justify-content: flex-start; } .inner-banners.error-page .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 70px !important; line-height: 70px !important;} .use-floating-validation-tip .wpcf7-not-valid-tip, .wpcf7-not-valid-tip{bottom: -3px;} .use-floating-validation-tip .form-row .form-col-100 .wpcf7-not-valid-tip, .form-row .form-col-100 .wpcf7-not-valid-tip{bottom: -5px;} .form-row .form-col-100 input[type="submit"]{width: 100%;} .tab-btn .e-n-tabs .e-n-tabs-heading{justify-content: space-between; z-index: 1;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .elementor-image-carousel-wrapper .swiper-pagination .swiper-pagination-bullet{width: 15px !important; height: 15px !important;} .vertical-5 .timeline .swiper-slide .timeline-title{font-size: 60px !important;} .form-row .form-col-50.form-select {padding-bottom: 30px !important;} .main-pad.lan-loc-pad>.e-con-inner{padding: 100px 0px 30px 0px !important;} } @media (max-width: 590px){ .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content{padding: 10px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul{margin: 10px 0px 0px 0px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li{gap: 5px; padding-bottom: 10px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li img{max-width: 40px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li strong{font-size: 13px;} .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content .box-description ul li strong span{font-size: 12px;} } @media (max-width: 500px){ .clients-filters .eael-filter-gallery-grid .eael-gallery-grid-item .gallery-item-thumbnail-wrap{height: 60px !important;} .mobile-menu-footer{font-size: 13px;} .exterior-hotspot ul li div{width: 150px; padding: 7px; font-size: 11px; line-height: 14px; text-align: center;} .exterior-hotspot ul li div strong{font-size: 13px; padding-bottom: 4px; text-align: center;} .exterior-hotspot ul li.dock-apron{left: 49%; bottom: 30%;} .exterior-hotspot ul li.dock-apron span.line{width: 2px; height: 0px; left: 41px; transform: rotate(180deg); transform-origin: 0;} .exterior-hotspot ul li.dock-apron:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.dock-apron div{right: -115px; top: 25px;} .exterior-hotspot ul li.dock-apron:hover div{ transform: translate(0px,-30px);} .exterior-hotspot ul li.dock-door-levellers{bottom: 50%; right: 23.5%;} .exterior-hotspot ul li.dock-door-levellers span.line{width: 2px; height: 0px; top: -37px; right: -44px;} .exterior-hotspot ul li.dock-door-levellers:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.dock-door-levellers div{right: -87px; top: 23px;} .exterior-hotspot ul li.dock-door-levellers:hover div{ transform: translate(0px,-30px);} .exterior-hotspot ul li.skylight{right: 48%; top: 16%;} .exterior-hotspot ul li.skylight span.line{width: 2px; height: 0px; left: 43px; top: 52px; transform: rotate(180deg); transform-origin: top; } .exterior-hotspot ul li.skylight:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.skylight div{right: -120px; top: -80px;} .exterior-hotspot ul li.skylight:hover div{ transform: translate(0px, 30px);} .exterior-hotspot ul li.ridge-ventilation{top: 23%; left: 30%;} .exterior-hotspot ul li.ridge-ventilation span.line{width: 2px; height: 0px; left: 64px; top: 59px; transform: rotate(180deg); transform-origin: top;} .exterior-hotspot ul li.ridge-ventilation:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.ridge-ventilation div{right: -140px; top: -76px;} .exterior-hotspot ul li.ridge-ventilation:hover div{ transform: translate(0px, 30px);} .exterior-hotspot ul li.docking-type{left: 15%; bottom: 26%;} .exterior-hotspot ul li.docking-type span.line{width: 2px; height: 0px; left: 49px; top: -37px;} .exterior-hotspot ul li.docking-type:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.docking-type div{left: -25px; top: 23px;} .exterior-hotspot ul li.docking-type:hover div{transform: translate(0px, -30px);} .exterior-hotspot ul li.eaves-height{bottom: 41%; left: 5%;} .exterior-hotspot ul li.eaves-height span.line{width: 2px; height: 0px; left: 48px; top: -38px;} .exterior-hotspot ul li.eaves-height:hover span.line{width: 2px; height: 30px;} .exterior-hotspot ul li.eaves-height div{left: -10px; top: 22px;} .exterior-hotspot ul li.eaves-height:hover div{transform: translate(0px, -30px);} .interior-hotspot ul li div{width: 150px; padding: 7px; font-size: 11px; line-height: 14px; text-align: center;} .interior-hotspot ul li div strong{font-size: 13px; padding-bottom: 4px; text-align: center;} .interior-hotspot ul li.walls{right: 23%; top: 17%;} .interior-hotspot ul li.walls span.line{width: 2px; height: 0px; left: 23px;} .interior-hotspot ul li.walls:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.walls div{right: -76px; top: 115px;} .interior-hotspot ul li.walls:hover div{ transform: translate(0px,-30px);} .interior-hotspot ul li.lighting{right: 39%; top: 15%;} .interior-hotspot ul li.lighting span.line{width: 2px; height: 0px; left: 31px; ; transform: rotate(180deg); transform-origin: top;} .interior-hotspot ul li.lighting:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.lighting div{right: -103px; top: -64px;} .interior-hotspot ul li.lighting:hover div{ transform: translate(0px,30px);} .interior-hotspot ul li.fire-sprinklers{left: 46%; top: 52%;} .interior-hotspot ul li.fire-sprinklers span.line{width: 2px; height: 0px; left: 53px;} .interior-hotspot ul li.fire-sprinklers:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.fire-sprinklers div{left: -23px; top: 22px;} .interior-hotspot ul li.fire-sprinklers:hover div{ transform: translate(0px,-30px);} .interior-hotspot ul li.roof-insulation{left: 24.5%; top: 25%;} .interior-hotspot ul li.roof-insulation span.line{width: 2px; height: 0px; left: 53px; transform: rotate(180deg); transform-origin: top;} .interior-hotspot ul li.roof-insulation:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.roof-insulation div{left: -24px; top: -58px;} .interior-hotspot ul li.roof-insulation:hover div{ transform: translate(0px,30px);} .interior-hotspot ul li.floor{left: 40%; top: 61%;} .interior-hotspot ul li.floor span.line{width: 2px; height: 0px; left: 20px;} .interior-hotspot ul li.floor:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.floor div{left: -53px; top: 21px;} .interior-hotspot ul li.floor:hover div{ transform: translate(0px,-30px);} .interior-hotspot ul li.structure{top: 66%; left: 10%;} .interior-hotspot ul li.structure span.line{width: 2px; height: 0px; left: 38px; transform: rotate(180deg); transform-origin: top;} .interior-hotspot ul li.structure:hover span.line{width: 2px; height: 30px;} .interior-hotspot ul li.structure div{left: -27px; top: -190px;} .interior-hotspot ul li.structure:hover div{ transform: translate(0px,30px);} .tab-btn .e-n-tabs .e-n-tabs-heading{flex-wrap: nowrap !important; max-width: calc(100% - 10px); gap: 20px;} .tab-btn.comp-pro-speci .e-n-tabs .e-n-tabs-heading{ max-width: calc(100% - 0px);} .tab-btn .e-n-tabs .e-n-tabs-heading .e-n-tab-title{padding: 10px 5px !important; min-width: 45% !important;} .yellow-btn.download-btn a.box-button, .yellow-btn a.box-button, .form-row .form-submit-btn p input[type="submit"]{font-size: 15px !important;} form input[type="submit"]{font-size: 15px !important;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide h5.elementor-heading-title, .comp-deve-proj h5.elementor-heading-title{font-size: 13px !important;} #popmake-5191.pum-container{padding: 70px 20px 20px 20px !important;} #popmake-5191.pum-container .pum-title{font-size: 24px !important; line-height: 30px !important;} #popmake-5192.pum-container h2, #popmake-7831.pum-container h2, #popmake-8335.pum-container h2,#popmake-9759.pum-container h2,#popmake-9941.pum-container h2,#popmake-9943.pum-container h2,#popmake-9945.pum-container h2,#popmake-9947.pum-container h2,#popmake-9949.pum-container h2{font-size: 22px; line-height: 30px;} body.dialog-prevent-scroll{overflow: hidden !important; max-height: inherit !important;} } @media (max-width: 430px){ .home-counter .elementor-counter .elementor-counter-title{padding-top: 5px;} } @media (max-width: 420px){ h2.elementor-heading-title{font-size:20px !important; line-height: 28px !important;} .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content .box-heading a, .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content .box-heading a{font-size: 11px !important;} .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content .box-description, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button, .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button, .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content .box-description{font-size: 11px !important; font-weight: 500;} .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .elementor-image-div, .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .elementor-image-div {margin-right: 5px !important;} .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button, .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid .wf-cell .box-content-wrapper .box-content a.box-button{margin-top: 3px;} .comp-deve-proj .the7-box-grid-wrapper .dt-css-grid, .acropolis-others-scroll .swiper .the7-elementor-slides .the7-swiper-slide .the7-box-grid-wrapper .dt-css-grid{grid-row-gap: 15px !important;} .comp-deve-proj .projects-icons>.elementor-widget-container, .acropolis-others-scroll .projects-icons>.elementor-widget-container{margin: 5px 0px 0px 0px !important;} .acropolis-location-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{font-size: 14px !important;} } @media (max-width: 400px){ .completed-projects-box .the7-box-grid-wrapper .dt-css-grid .wf-cell .the7-image-box-wrapper .box-content-wrapper .box-content{padding: 10px;} .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number, .home-counter .elementor-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size: 16px !important;} .home-counter .elementor-counter .elementor-counter-title{font-size:14px !important; line-height: 16px !important; padding-top: 5px;} .yellow-btn.download-btn a.box-button{font-size: 15px !important;} .acropolis-location-list ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{font-size: 13px !important;} .footer-address ul.elementor-icon-list-items li.elementor-icon-list-item .elementor-icon-list-text{font-size:13px !important;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide img{max-width: 30px;} .clients-tabs .clients-slider-nav-thumbnails .slick-track .slick-slide{padding: 15px; font-size: 13px;} .exterior-hotspot ul li.dock-apron{left: 47%;} .exterior-hotspot ul li.dock-door-levellers{right: 25.5%;} .exterior-hotspot ul li.dock-door-levellers div{right: -77px;} .exterior-hotspot ul li.skylight{top: 16%; right: 50%;} .exterior-hotspot ul li.ridge-ventilation{top: 21%;} .exterior-hotspot ul li.docking-type{left: 12.5%;} .exterior-hotspot ul li.docking-type span.line{left: 50px;} .exterior-hotspot ul li.eaves-height{left: -6%;} .exterior-hotspot ul li.eaves-height div{left: 0px;} .interior-hotspot ul li.lighting{right: 40%; top: 16%;} .interior-hotspot ul li.walls div{right: -66px;} .interior-hotspot ul li.fire-sprinklers{left: 42%;} .interior-hotspot ul li.structure{left: 6%;} .interior-hotspot ul li.roof-insulation{left: 12.5%; top:24%;} .interior-hotspot ul li.structure div{left: -10px;} .inner-banners .banner-border>.e-con-inner h1.elementor-heading-title{font-size: 30px !important; line-height: 40px !important;} } .landscape-message{ text-align: center; } .elementor-slideshow__title { font-weight: 400 }