body{ margin:0; font-family:'galano_grotesqueregular'; font-size:20px;cursor:none !important; } html{ scroll-behavior:smooth; overflow-x:hidden; } :focus{ outline:none;} button:focus{ outline:none; } p:empty{ display:none} @font-face {font-family: 'white_oleander_compactregular'; src: url('../../content/fonts/whiteoleandercompact-webfont.woff2') format('woff2'),url('../../content/fonts/whiteoleandercompact-webfont.woff') format('woff'); font-weight: normal; font-style: normal;} /*@font-face { font-family: 'gilroylight'; src: url('../../content/fonts/gilroy-light-webfont.woff2') format('woff2'), url('../../content/fonts/gilroy-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'galano_grotesquesemibold'; src: url('../../content/fonts/galanogrotesquesemibold-webfont.woff2') format('woff2'), url('../../content/fonts/galanogrotesquesemibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*@font-face { font-family: 'Conv_ITCAvantGardeStdBk'; src: url('../../content/fonts/ITCAvantGardeStdBk.eot'); src: local(''), url('../../content/fonts/ITCAvantGardeStdBk.woff') format('woff'), url('../../content/fonts/ITCAvantGardeStdBk.ttf') format('truetype'), url('../../content/fonts/ITCAvantGardeStdBk.svg') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'galano_grotesqueregular'; src: url('../../content/fonts/galanogrotesqueregular-webfont.woff2') format('woff2'), url('../../content/fonts/galanogrotesqueregular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } #mainWrapper{ background:#fff;} p:empty{ display:none;} .euclid-M{font-family: 'galano_grotesquesemibold';} .proxi-R{font-family:'galano_grotesqueregular'; } .white-oc{font-family: 'white_oleander_compactregular';} .text-color1{color:#062360} .text-color2{color:#222222} .text-color3{color:#fff} .text-color4{color:#000} .text-color5{color:#B6B6B6} a:hover.text-color1{color:#00008b !important} .fw-3{ font-weight:300;} .fw-4{ font-weight:400 !important;} .fw-5{ font-weight:500;} .fw-6{ font-weight:600;} .fs-76{ font-size:76px;} .fs-16{ font-size:16px;} .fs-18{ font-size:18px;} .fs-30{ font-size:30px;} .fs-35{ font-size:35px;} .fs-45{ font-size:45px;} .fs-33{ font-size:33px;} .fs-25{ font-size:25px;} .fs-22{ font-size:22px;} .fs-24{ font-size:24px;} .fs-40{ font-size:30px;} .fs-60{ font-size:60px;} .fs-70{ font-size:70px;} .fs-28{ font-size:28px;} .fs-20{ font-size:20px;} .fs-55{ font-size:55px;} .fs-50{ font-size:50px;} .fs-100{ font-size:100px;} .fs-110{ font-size:110px;} .fs-115{ font-size:115px;line-height: 133px;} .fs-114{ font-size:114px;} .fs-150{ font-size:150px;} .fs-120{ font-size:120px;} .fs-80{ font-size:80px;} .lh-35{ line-height:35px;} * {cursor: none !important;} a{text-decoration:none;} a{text-decoration:none; color:#062360; font-weight:bold;} a:hover{text-decoration:none; color:#fff;} .our-work a:hover{text-decoration:none; color:#00008b;} .colorfff{color:#fff;} .colorfff:hover{color:#4063ae;} .button { border: solid 2px #062360; font-size: 18px; font-family: 'galano_grotesquesemibold'; color: #062360; display: inline-block; padding: 17px 22px; transition: all 0.35s; margin-top: 20px; position: relative; text-transform: uppercase; } .brochure .button{color:#062360 !important;} .button span{font-family: 'galano_grotesquesemibold' !important;} .button:hover:before{transform: scaleX(1); transform-origin: left;} .arrow1:before, .arrow1:after{backface-visibility: hidden;content: " ";display: block;height: 2px;width: 6px;background:#062360;position: absolute;right: 1px;transform-origin: right center 0px;} .arrow1 {content: " "; display: inline-block; height: 2px; width: 16px; top: 50%; margin-right:30px; right: 0px; background:#062360; position: absolute; border-top-right-radius: 2px; border-bottom-right-radius: 2px; margin-top: -1px; transition: all 350ms ease 0s;} .arrow1::after {transform: rotateZ(-45deg);} .arrow1::before { transform: rotateZ(45deg);} .button:hover .arrow { right: -10px; width: 26px;} .button span{ padding-right:14px; } .button:hover{color:#fff !important; background:#062360} .button:hover .arrow1:before, .button:hover .arrow1:after{background: rgb(255, 255, 255) none repeat scroll 0% 0%;} .button:hover .arrow1{ background:#fff;} .button2{ border:none; text-decoration:underline; padding:0 15px 0 0} .button2:hover{background:none; color:#062360 !important;} .button2:hover .arrow1 {background: #062360;} .button2:hover .arrow1::before, .button2:hover .arrow1::after {background: #062360;} h1,h2,h3,h4,h5,h6,p,ul,p,ol{ padding:0; margin:0px; list-style-position:inside;} h4{ color:#062360} h1,h2,h3{font-family: 'galano_grotesquesemibold'; line-height:inherit} h1 span, h2 span{ font-weight:400;} p{ margin-bottom:14px; line-height:34px; color:#062360 } .category p{ margin-bottom:14px; line-height:24px; color:#062360 } p span{ color:#062360 !important} .vl {border-left: 2px solid #062360;height: 100px;margin-left: 0px;margin-bottom: 50px;margin: 0px auto 65px;} .pt-100{ padding-top:100px;} .pb-100{ padding-bottom:100px;} .px-100{ padding-left:100px; padding-right:100px;} .py-100{ padding-top:100px;padding-bottom:100px;} .px-190 {padding-left:190px; padding-right:190px;} .mt-100{ margin-top:100px;} .mb-100{ margin-bottom:100px;} .mx-100{ margin-left:100px; margin-right:100px;} .my-100{ margin-top:100px;margin-bottom:100px;} .pl-100{ padding-left:100px;} .last{ padding:0px; margin:0px;} .bg1{ background:#F1F5FE} .bg2{ background:#FFF8DE} .bg3{ background:#EAE8E7} .bg-f{background-color:#FCFFFF;} .bg5{ background:#d8deeb !important} /*-------toTop-----------*/ #toTop {transition: transform 0.5s ease 0s; bottom: 55px; padding: 5px; position: fixed; right: 24px; z-index: 9999; cursor: pointer; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);} #toTop img {position: absolute; left: 13px; z-index: 99; margin-top: 8px;} #star-svg {position: fixed; right: 19px; bottom: 50px; width: 80px; height: 80px;} /*------------------------Home page css--------------------*/ .logo img{ width:50%;} .atrialiving .Banner .banner-content{top:50%;} .Banner .bannerHome img{ opacity:1;} .Banner .banner-content{ position:absolute; left:0; right:0; top:57%; transform:translateY(-50%); text-align:center; width:55%; margin:auto;} .Banner .banner-content .play-btn svg{ width:40px; height:40px; fill:#062360; background: rgba(255,255,255,0.5);border-radius: 50%; } .Banner .banner-content .play-btn p{ vertical-align:middle;} .Banner .banner-content .play-btn{ padding-left:80px !important} .Banner .banner-content p{ font-weight:400;} .header{ position:absolute; z-index:2000; width:100%} .header ul li svg{ width:30px; height:30px; fill:#fff; position:absolute; right:0;} .header ul li p{ vertical-align:middle;} .header .select2-container .select2-choice{border:none; background:none; width:auto; height:35px; z-index:10; position:relative;} .header .select2-container .select2-choice > .select2-chosen{ font-size:25px; color:#fff; line-height:31px;margin: 0; width: 70px;} .header .menu{ vertical-align:top} .menuslider-container{position:absolute;left:-18px;width:100%;transition:all 0.7s;transition-delay:0.3s;} .menuslider-container h5{ padding:0px; position:relative;} .menuslider-container h5 svg{ width:20px; height:20px; fill:#062360; position:absolute; right: 30px;top: 15px;} .menuslider-container .item:hover .project-categor-title h5 a{ color:#062360 !important; background:#fff;} .menuslider-container .project-categor-title h5 a{ border:none; display:block; text-transform:none;} .menuslider-container .project-categor-title{ width:290px; position: relative;top: -15px;left: -10px; background:none;} .menuslider-container .item:hover .button .arrow1:before, .menuslider-container .item:hover .button .arrow1:after{background:#062360;} .menuslider-container .item:hover .button .arrow1{ background:#062360;} /*.menuslider-container .owl-stage-outer{ padding-left:15px;}*/ .menuslider-container .item:hover .button .arrow { right: -10px; width: 26px;} .menuslider-container .item .menu-slider-image{ overflow:hidden; } .menuslider-container .item .menu-slider-image img{transition:all 0.35s} .menuslider-container .item:hover .menu-slider-image img{ transform:scale(1.2)} .menuslider-container .project-categor-title.bg2 a{ background: #FFF8DE;} .menuslider-container .project-categor-title.bg1 a{ background: #F1F5FE;} .menuslider-container .project-categor-title.bg3 a{ background: #EAE8E7;} .checkbox-container .switch {display: inline-block;height: 28px;position: relative;width: 60px;margin: 0;} .checkbox-container .switch input {display:none;} .checkbox-container .slider {background-color: transparent;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0;top: 0;transition: .4s;border: 2px solid #fff;box-sizing: border-box;} .checkbox-container .slider {box-sizing: border-box;} .checkbox-container .slider::before {bottom: 5px;content: "";height: 14px;left: 6px;position: absolute;transition: .4s;width: 14px;border: 2px solid #fff;} .theme2 .checkbox-container .slider {border: 2px solid #fff;} .theme2 .checkbox-container .slider::before {border: 2px solid #fff;} .header.fixed .checkbox-container .slider {border: 2px solid #062360;} .header.fixed .checkbox-container .slider::before {border: 2px solid #062360;} .theme2 .night{ display:block;} .theme2 .day{ display:none !important;} .night{ display:none;} .video-sec video{ height:850px !important;} .theme2 .header.fixed ul li svg{ fill:#062360;} /*.checkbox-container input:checked + .slider { background-color: #062360; }*/ /*.checkbox-container input + .slider::before { transform: translateX(0px);}*/ .checkbox-container input:checked + .slider:before {transform: translateX(26px);} .checkbox-container .slider.round {border-radius: 34px;} .checkbox-container .slider.round:before {border-radius: 50%;} .checkbox-container {margin: 0;max-height: 28px;} .head-right li:nth-child(1) {display: none !important; width: 120px;justify-content: center;align-items: center;} /*.menu-mobile.ul-fixed2 .menuslider-container{left:0;}*/ .explore{ background:#062360; width:50%; position:fixed; bottom:0; right:0; padding:15px; z-index:1111;} .explore svg{ width:15px; height:15px; fill:#fff; position:absolute; right:15px; top:23px;} .main a.button{ border:solid 1px #fff; z-index:50;} .header .menuslider-container .project-categor-title a.button { left:0; right:auto; color:#062360; z-index: 50;position: relative;} .find-solution{ background:#FCFFFF; padding:0px 0 0px;} .find-solution .content-item{position: absolute;top: 50%;transform: translateY(-10%); text-align:center; width:100%; transition:all 0.35s;} .find-solution .content-item p{-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;transition: transform .35s ease-out, -webkit-transform .35s ease-out;} .find-solution .item:hover .content-item{transform: translateY(-40%);} .find-solution .category h2{transition: transform .35s ease-out;transition: transform .35s ease-out, -webkit-transform .35s ease-out; margin-bottom:0px} .find-solution .category:hover p{ -webkit-transform: translateY(0%);transform: translateY(0%);} .find-solution .img-item{ background:#000; overflow:hidden} .find-solution .img-item img{ opacity:0.85; transition:all 0.35s; } .find-solution .category:hover .img-item img{ opacity:0.5; margin-left: 0; transform:scale(1.2)} .find-solution .card-header,.find-solution .card{ background:none; border:none; padding:0; margin-bottom:5px;} .find-solution .card-header a{ padding:0; font-size:50px; font-weight:500} .find-solution .card-header a:hover { text-decoration:none; -webkit-text-stroke: 2px #062360;-webkit-text-fill-color: #062360;} .find-solution .card:hover a { text-decoration:none; -webkit-text-stroke: 2px #062360;-webkit-text-fill-color: #062360;} .main-manu {padding: 30px 0px;} .rightBar {position: relative; z-index:222;} #toggle {width: 44px;height: 36px; cursor:pointer;} #toggle.on {width: 44px;height: 40px; } #toggle div {width: 100%;height: 4px;background: #fff;margin: 10px auto;transition: all 0.3s;backface-visibility: hidden;} #toggle.on .one {transform: rotate(45deg) translate(6px, 7px);background: #fff !important;margin-top: 9px;width: 100%;} #toggle.on .two {opacity: 0;} #toggle.on .three {transform: rotate(-45deg) translate(12px, -13px);background: #fff !important;width: 100%;} .open-menu-active{display:block !important;} .desktop_menu.fixed{position:fixed;top:0; width:100%; padding:20px 0;} .trasfer-popup p {font-size: 20px;} .ul-fixed2{left:0% !important;} .menu-mobile {width: 100%;position: fixed;top: 0;left: 100%;background: #062360;transition: all 0.5s;height: 100vh; padding-top: 200px;} .logo-img-menu-mobile{display:block;} .menu-mobile{flex-direction:column;background:#062360;} .menu-mobile li:before{background:#0a6cad !important;} .menu-toggle{display:block;position: relative; z-index:222;} .my-nav{width:100%} .desktop_menu {padding: 50px 0px 0;} .menu-list-section {padding-left:85px;} .main-nav li {margin-bottom:20px;} .main-nav li a {color:#fff; font-size:30px;} .menu-list-section li a{ position:relative;} .menu-list-section ul li a:before {display:block; content: ''; transform: scaleX(0); transition: transform 250ms ease-in-out;background: #fff;height: 2px;width: 100%;position: absolute;bottom: 0;} .menu-list-section ul li a:hover:before{transform: scaleX(1);} .menu-list-section ul li a:hover{ color:#fff;} .menu-list-section ul li.active a{ border-bottom:solid 2px #fff; color:#fff;} .header.fixed {position: fixed;max-width:700px;background-color: #fff; right:50px; top:10px; border-radius:50px; box-shadow:0 0px 2px rgba(0,0,0,0.3) } .header.fixed{max-width:100% !important; border-radius:0 !important; top:0 !important; right:0 !important; padding:10px !important;background-color:#F4F4F4 !important; } .header.fixed .px-100{ padding:0 100px;} .header.fixed .logo img{ width:100%;} .header.fixed .logo{ width:150px; z-index:50; position:relative; } .fixed .main-manu {padding: 15px 0px;} .header.fixed #toggle div{ background:#062360} .header.fixed #toggle div.on{ background:#fff} .header.fixed ul li svg{ fill:#062360} .header.fixed .select2-container .select2-choice > .select2-chosen{ color:#062360} .header.fixed .scroll{ display:block} .header.fixed .main-logo{ display:none} .header .logo{ position:relative; z-index:50;} .header .scroll{ display:none} .header.fixed.main .main-logo{ display:block; width:250px;} .header.fixed.main {max-width:94.7%; background:none;} .header.fixed.main .scroll{ display:none} .header.fixed.main .select2-container .select2-choice > .select2-chosen{color:#fff;} .header.fixed.main ul li svg { fill: #fff;} .header.fixed.main .checkbox-container .slider { border: 2px solid #fff;} .header.fixed.main .checkbox-container .slider::before { border: 2px solid #fff;} .sub-nav-bottom {margin-top: 60px;} .sub-nav-bottom h6 {font-size:22px; color:#fff;} .sub-nav-bottom ul {margin-top:12px;} .sub-nav-bottom li {margin-bottom:3px;} .sub-nav-bottom li a {color:#D8D8D8; font-size:20px;} .get-inspired{ overflow:hidden; max-height:calc(96vh); background:rgba(227, 230, 237, 0.5);} .get-inspired marquee{ height:600px;} .overlay{ background:rgba(0,0,0,0.5); width:100%; height: calc(100% - 9px); position:absolute; left:0; right:0; top:0} /*.atriaLiving .imgSec{ background:#000;}*/ .atriaLiving .imgSec video{ opacity:0.75;} .atriaLiving .atria-content{ position:absolute; top:50%; transform:translateY(-50%); right: 0;left: 0;text-align: center; width:50%; margin:auto; z-index:10;} .atriaLiving .atria-content .button{ color:#fff; border:solid 1px #fff; text-align:left;} .atriaLiving .atria-content .button:hover{ background:#062360} .atriaLiving .arrow1:before, .atriaLiving .arrow1:after{backface-visibility: hidden;content: " ";display: block;height: 2px;width: 6px;background: rgb(255, 255, 255) none repeat scroll 0% 0%;position: absolute;right: 1px;transform-origin: right center 0px;} .atriaLiving .arrow1 {content: " "; display: inline-block; height: 2px; width: 16px; top: 50%; margin-right:30px; right: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; border-top-right-radius: 2px; border-bottom-right-radius: 2px; margin-top: -1px; transition: all 350ms ease 0s;} .get-started{ background:#EDDFDD; margin-top:0px;} .brochure{ padding:80px 0;} .brochure-icon {position: absolute;right: -100px;top: -154px;width: 100%;} .footer{ background:#062360} .footer-logo{ width:300px;} footer .border-top {border-top: 1px solid #429ACA !important;} .footer-navbar ul li.active a {color: #fff; border-bottom:solid 2px #fff;} .footer-navbar ul li a{ display:inline-block; position:relative;} .footer-navbar ul li a:before {display:block; content: ''; transform: scaleX(0); transition: transform 250ms ease-in-out;background: #fff;height: 2px;width: 100%;position: absolute;bottom: 0;} .footer-navbar ul li a:hover:before{transform: scaleX(1); /*transform-origin: left;*/} #star-svg {bottom: 75px;} #toTop {bottom: 80px;} .list_arrow li {position: relative;padding-left: 35px;line-height: 27px;margin-bottom: 15px;} .list_arrow li::before {content: ''; background: url("../images/list-arrow.png"); position: absolute; top: 4px; width: 23px; height: 24px; left: 3px; background-repeat: no-repeat;} .copyright_txt li {display: block; padding:0 15px;} .sticky-top{ padding-top:100px; } .stickydiv {visibility:hidden;opacity:0;height:0;transition:0.75s opacity;transform: scale(0) !important;} .stickydiv h2{ padding-bottom:30px;} .stickydiv span{font-family: 'galano_grotesquesemibold'!important; font-size: 18px;} .stickydiv.active {height:100% !important;visibility:visible !important;opacity:1 !important;transform: scale(1) !important; padding-bottom:150px;} #fixeddiv-stickyimg3.stickydiv.active {padding-bottom:223px;} .service .stickydiv.active {padding-top: 10%;} .imgshow{ display:none;} .result_hover{ display:block;} .head-right{ position:absolute; top:-25px; z-index:50} /* Cursor Styling */ .cursor1 {width: 25px;height: 25px;border-radius: 100px;position: absolute;mix-blend-mode: difference; background-color: rgba(255,255,255,1);pointer-events: none;transform: translateX(-50%) translateY(-50%);transition: width 0ms cubic-bezier(0.19, 1, 0.22, 1) 0s, height 0ms cubic-bezier(0.19, 1, 0.22, 1) 0s;z-index:999999999999999999 !important;} .cursor1 .play-text{display:none;} .cursor1 .play-stop{display:none;} .cursor1.play .play-text{display:flex !important;height:100%;width:100%;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase;} .cursor1.pause .play-stop{display:flex !important;height:100%;width:100%;justify-content:center;align-items:center;font-size:16px;text-transform:uppercase;} .cursor1.pause{mix-blend-mode:initial;background-color: rgba(0,0,0,0.8);color:#fff;width: 90px;height: 90px;} .cursor1 svg{ display:none;} .cursor1.play svg{ display:block;} .cursor1.play{mix-blend-mode:initial;background-color: rgba(0,0,0,0.8);color:#fff;width: 90px;height: 90px;} .cursor1.hovered {width: 50px; height: 50px;} .cursor1.bigText {mix-blend-mode:initial; background-color: rgba(0,0,0,0.9); width: 100px; height: 100px; font-size:15px; text-transform:uppercase; color:#fff; line-height:100px; display:table !important; text-align:center; z-index:10000; position:relative;} .cursor-scale{transform: scale(1.5); } .c-hide{cursor:none !important;} .c-hide *{cursor:none !important;} .cursor{ pointer-events: none;} .cursor__ball {position: absolute; top: 0; left: 0; mix-blend-mode: difference; z-index: 9999999999999999 !important;} circle { fill: #f7f8fa; } /**cookies banner **/ .cookies-statement {text-align: left; padding: 12px 50px; position: fixed; bottom: 0; background: #062360; color: #fff; z-index: 9999; box-shadow: 0 5px 13px #292828; width: 100%;} .cookies-statement .cookies-btn ul li {display: inline-block;padding: 0 5px;} .Cookiesclose .icon {width: 25px; height: 25px; position: absolute; right: 10px; top: 10px; background: #fff; padding: 5px; border-radius: 50%; cursor: pointer; fill: #062360;} .Cookiesclose .icon {cursor: pointer; fill: #062360;} .cookies-statement .cookies-btn ul li a {width: 180px; padding: 16px 10px;border-radius: 3px; margin-left: 0px; background: none; border-color: #fff; font-size: 16px;} .cookies-statement .cookies-btn ul li a:hover {border-color: #fff; color: #062360 !important; transition: 0.5s; background:#fff;} .cookies-statement h3{font-size:22px;} .Cookies a {color:#fff;} .Cookies a:hover{color:#1d4368;} .Cookies p {margin-bottom: 0px; line-height: 22px; font-size: 16px;} /*------------------------About us page css--------------------*/ .we-care{ background:#D9DEE7;} .we-care .icon-view{ background:#062360; width:155px; height:150px;line-height: 195px; } .we-care .icon-view svg{ fill:#fff; width:70px; height:70px;} .testimonial p{ font-size:20px; font-style:italic; line-height:40px;padding:0px 22px;} .testimonial .authors p{ font-style:normal; text-align:right;} .testimonial .owl-nav svg{ width:50px; height:57px; fill:#062360} .testimonial .owl-nav {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);} .testimonial .owl-nav .owl-prev{ position: absolute; left: -60px; top:-90px;} .testimonial .owl-nav .owl-next{ position: absolute; right: -60px; top:-90px;} #project .owl-nav svg{ width:50px; height:57px; fill:#062360} #project .owl-nav {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);} #getstart .owl-nav svg {width: 27px;height: 27px;fill: #062360;} #getstart .owl-nav {position: absolute;width: 100%;} #getstart11 .owl-nav svg {width: 27px;height: 27px;fill: #062360;} #getstart11 .owl-nav {position: absolute;width: 100%;} .Suppliers_button_group li {width: 28%;text-align:center; margin-right:68px;} .Suppliers_button_group li a {width: 100%;margin-top: 0px;margin-bottom: 30px;} .supplairs .pt-100{ padding-top:50px;} .supplairs ul{ width:75%; margin:0 auto;} .supplairs a{ width:250px; display:inline-block; text-align:center} .services{ padding-bottom:150px;} .services .img-item{ background:#062360; overflow:hidden} .services .img-item img{ opacity:1; transition:all 0.35s; } .services .category:hover .img-item img{ opacity:1; margin-left: 0; transform:scale(1.2)} .services .content-item{ transform:translateY(0%)} .find-solution.services .content-item { position: absolute; bottom: 0; transform: translateY(0%); text-align: center; width: 100%; transition: all 0.35s; top: inherit; background: #062360; } .find-solution.services .content-item a { color: #fff; font-size: 23px; outline: none; text-decoration: none; font-family: 'galano_grotesqueregular'; font-weight: normal; } .find-solution.services .content-item a .arrow1{ color: #fff;background: #fff; } .find-solution.services .content-item a .arrow1::before, .find-solution.services .content-item a .arrow1::after { backface-visibility: hidden; content: " "; display: block; height: 2px; width: 6px; background: #fefeff; position: absolute; right: 1px; transform-origin: right center 0px; } .find-solution.services .item:hover .content-item { transform: translateY(0%); background: #fff; color: #062360; } .find-solution.services .item:hover .content-item a{ color: #062360; } .find-solution.services .item:hover .content-item a { color: #062360; } .find-solution.services .item:hover .content-item a .arrow1{ color: #062360;background: #062360; } .find-solution.services .item:hover .content-item a .arrow1::before, .find-solution.services .item:hover .content-item a .arrow1::after{background: #062360;} .service a:hover{ color:#fff} .sbg1{ background:#F1F5FE} .sbg2{ background:#FFF8DE} .sbg3{ background:#EAE8E7} /*----------banner text-------*/ /*---------------loader---------------*/ .loader-item {position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);text-align: center;} #loader2{width: 100%;height: 100%;position: fixed;background-color: #fff;z-index: 999999;top: 0;} #loader2 .sk-spinner-wave.sk-spinner {margin: 40px auto 0;width: 50px;height: 30px;text-align: center;font-size: 10px;} #loader2 .sk-spinner-wave div {background-color: #062360;height: 100%;width: 6px;display: inline-block;-webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;animation: sk-waveStretchDelay 1.2s infinite ease-in-out} #loader2 .sk-spinner-wave .sk-rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s} #loader2 .sk-spinner-wave .sk-rect3 {-webkit-animation-delay: -1s;animation-delay: -1s} #loader2 .sk-spinner-wave .sk-rect4 {-webkit-animation-delay: -.9s;animation-delay: -.9s} #loader2 .sk-spinner-wave .sk-rect5 {-webkit-animation-delay: -.8s;animation-delay: -.8s} @-webkit-keyframes sk-waveStretchDelay { 0%, 100%, 40% { -webkit-transform:scaleY(.4); transform:scaleY(.4) } 20% { -webkit-transform:scaleY(1); transform:scaleY(1) } } @keyframes sk-waveStretchDelay { 0%, 100%, 40% { -webkit-transform:scaleY(.4); transform:scaleY(.4) } 20% { -webkit-transform:scaleY(1); transform:scaleY(1) } } .marqueeanimation {transform: translateY(-38vw); transition: transform 30s linear 1s;} .scroll1,.scroll2,.scroll3,.scroll4,.scroll5,.scroll6 {display: none;} .scroll3 {width: 100%;}.scroll3 .row{ display:flex !important} /**********Services page css start here**********/ .service .sbg1{ background:#C0CEE8} .service .sbg2{ background:#D9DEE7} .service .sbg3{ background:#E4E8F0} .service .sbg4{ background:#F4F7FD} .sectors{ background:#062360;} .sectors .sector-item{ } .sectors .sector-item .img-sector{background:#fff;} .sectors .sector-item .img-sector img{ opacity:0.5;transition:all 0.35s} .sectors .sector-item:hover .img-sector img{ opacity:1;} .sectors .sector-item:hover h4{ opacity:0;} .sectors .sector-item h4{ transform:translateY(-50%); transition: transform .35s ease-out, -webkit-transform .35s ease-out; text-align:center; position:absolute; top:50%; left:0; right:0; transition:all 0.35s} .sectors #sectors .item{ width:28%; display:inline-block; margin:0 50px 50px 0} /**********testimonial page css start here**********/ .review-bg .quots{ line-height:18px;} .review-bg .quots svg{ width:31px; height:27px; fill:#062360} .review-bg{ background:#F2E9E7; padding:50px;} .review-bg .review{padding: 0px 0 0 75px;} .review-bg .review h4{ padding-top:20px;} /**********blog page css start here**********/ .blog .get-inspired ul li.w-1{ width:100%;} .blog .get-inspired ul li.w-2{ width:40%;} .blog .get-inspired ul li.w-3{ width:100%;} /**********Artia living page css start here**********/ .bg-transparent{ background:transparent; } .atrialiving .Banner .banner-content{ margin:0;width: 59%; z-index:1; } .lg-sub-html { display: none; } .banneroverlay::after { background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; /* z-index: 11; */ height: 99%; width: 100%; top: 0; } .header{ position:absolute; z-index:2000; width:100%} .header ul li svg{ width:30px; height:30px; fill:#fff; position:absolute; right:0;} .header ul li.themeheader svg { width: 20px; height: 20px; position: relative; top: 2px; } .theme2 .header ul li svg{fill:#fff;} .bg-gr1{ background: rgb(246,201,84); background: linear-gradient(180deg, rgba(248,236,189,1) 0%, rgba(249,241,204,1) 14%, rgba(196,146,148,0.3785714969581583) 37%, rgba(190,228,245,1) 59%, rgba(109,177,217,1) 86%, rgba(176,210,249,1) 100%); } .theme2 .bg-gr1{ background: rgb(11,19,43); background: linear-gradient(180deg, rgba(11,19,43,1) 0%, rgba(11,19,43,0.9) 14%, rgba(18,41,110,0.6222689759497548) 32%, rgba(1,79,114,0.75672275746236) 48%, rgba(0,88,128,0.6362745781906513) 65%, rgba(1,79,114,0.5130252784707633) 86%, rgba(1,79,114,0.41218494233630953) 100%); } .theme2 .theme2-color-white{color:#fff;} .theme2 .text-color1{ color:#fff;} .theme2 p{ color:#fff;} .theme2 .button{border: solid 1px #fff;color: #fff;} .theme2 .button:hover {color: #062360 !important;background: #fff;} .theme2 .button.btnnone{border: solid 0px #fff;color: #062360;} .theme2 .button.btnnone:hover {color: #062360 !important;background:transparent;} .linehigh105{ line-height:99px;} svg.play-video {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);fill: #fff;height: 63px;width: 63px;margin: 0;padding: 0;} .fixed-text {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);display: flex;flex-direction: column;align-items: center;} .fixed-text span:hover{ -webkit-text-fill-color:#062360; display:block; -webkit-text-stroke: inherit !important;} .fixed-left-content{position: absolute;top: 50%;left: 0;top: 50%;transform: translateY(-50%);width:100%;} .fixed-text h2{font-size:90px;} .fixed-text span {font-size: 90px; transition:all 0.35s;display: block; font-family: 'galano_grotesquesemibold';white-space: nowrap; line-height: 65px;margin-bottom: 60px;-webkit-text-stroke: 2px #062360;-webkit-text-fill-color: transparent;} .fixed-text span a{color:#062360; font-family: 'galano_grotesquesemibold';} .theme2 .fixed-text span {-webkit-text-stroke: 2px #fff;} .imgscroll-list1 li:nth-child(even){width:50%;float:right;} .imgscroll-list1 li:nth-child(odd){width:100%;} .imgscroll-list2 li:nth-child(even){width:50%;float:left;} .imgscroll-list2 li:nth-child(odd){width:100%;} .imgscroll-list1 li {display: inline-block;width: 48% !important;} /**********work page css start here**********/ .project-type .filter{ background:#D9DEE7} .project-type .nav-tabs li a{ font-size:24px; color:#062360} .project-type .nav-tabs li {margin: 0 20px;width: 216px;} .project-type .nav-tabs li.active a{ border-bottom:solid 1px #062360;font-weight: bold;} .project-type .nav-tabs li a.active{ border-bottom:solid 1px #062360;font-weight: bold;} .our-work .img-item{ background:#062360;} .our-work .img-item img{ opacity:0.5} .our-work .category:hover .img-item img{ opacity:0.8;} .our-work .services { background:none;} .our-work .owl-carousel .owl-nav.disabled{ display:block; margin-top:30px;} .our-work .owl-nav .owl-prev{ float:left; font-size:30px; color:#062360} .our-work .owl-nav .owl-next{ float:right; font-size:30px; color:#062360;} .our-work .content-item{position: absolute;top: 50%;right: 0;left: 0;} .our-work{ padding-top:100px;} .our-work .container-fluid{ padding:0 100px;} /**********product page css start here**********/ .product {padding:160px 0px 0;} .product .container-fluid{padding:0px 100px 0;} .category .form-outline{ width:100%;} .category .form-control {padding: 35px 15px; font-size: 25px; color: #C5C5C5; border-radius: 0px; border: solid 1px #C5C5C5;} .category .form-control.Searchinput{ padding: 30px 15px; font-size: 25px; border: 0; border-radius: 0px; border-bottom: solid 1px #E2E2E2; color: #062360; /*background:url(../../content/images/searchicon.png) top 20px right no-repeat;*/ } input.Searchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #062360; } input.Searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #062360; opacity: 1; } input.Searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #062360; opacity: 1; } input.Searchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #062360; } input.Searchinput::-ms-input-placeholder { /* Microsoft Edge */ color: #062360; } input.Searchinput::placeholder { /* Most modern browsers support this now. */ color: #062360; } .category .input-group svg{ width:20px; height:20px; fill:#062360; position: absolute;right: 20px;top: 50%;transform: translateY(-50%); z-index:10;} #main {margin: 10px 0;} #main .accordion .card {margin-bottom: 0px;border: 0;} #main .accordion .card .card-header {border: 0; border-radius: 0px;padding: 0;} #main .accordion .card{border-bottom:solid 1px #E2E2E2;} #main .accordion .card .card-header .btn-header-link {display: block;text-align: left;background: #fff;color: #062360; font-size:22px; padding: 15px 0;} #main .accordion .card .card-header .btn-header-link:after {content: "";background:url(../../content/images/top-arrow.png) center no-repeat;width:25px; height:25px;float: right; margin-top:10px;} #main .accordion .btn.focus, .btn:focus{ box-shadow:none;} #main .accordion .card .card-body{ padding-top:0;} #main .accordion .card .card-body ul li a{ font-size:18px; color:#062360} #main .accordion .card .card-body ul li.active a{ font-size:18px; color:#062360; font-weight:bold;} #main .accordion .card .card-header .btn-header-link.collapsed {background: #fff;color:#062360;} #main .accordionq .card .card-header .btn-header-link.collapsed:after {content: ""; background:url(../../content/images/bottom-arrow.png) center no-repeat; width:15px; height:15px;margin-top:10px;} #main .accordion .card .collapsing {background: #fff;line-height: 30px;} #main .accordion .card .collapse {border: 0;} #main .accordion .card .collapse.show {background: #fff;line-height: 30px;color: #222;} video {/*position: absolute;*/right: 0;bottom: 0;top: 0; right: 0;width: 100%;height: auto !important;background-size: 100% 100%;background-color: black;background-position: center center;background-size: contain;object-fit: cover;z-index: 3;} /********************************************************vedio popup starts************************************************************/ .colosable_container{ height:100vh; width:100%; position:fixed; left:0; top:0; z-index:9999;transition:all 0.5s;opacity:0;transform:scale(0);visibility:hidden;} .colosable_container.active{opacity:1;transform:scale(1);visibility:visible;} .colosable_container_inner{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; position:relative;} .colosable_content {width: 78%; height: auto;position: relative;background:transparent;z-index: 2;} .colosable_overlay{ position:absolute; height:100vh; width:100%; left:0; top:0; z-index:1; background:#000;} .colosable_close img{width:100%;} /********************************************************vedio popup ends************************************************************/ .tCategories{ display:none; } .tCategories.active{ display:block !important; } .mCategorytab.active{ opacity:0.5; } .subcategories{ display:none; } .subcategories.active{ display:block !important; } .get-start-atria .form-control{ border-bottom:solid 1px #ccc !important; border-radius:0px !important;} .get-start-atria .form-group span,.get-start-atria .form-group label{ white-space:nowrap; color:#062360;} .get-start-atria .form-group { position:relative;} .get-start-atria .custom-control-label::before, .get-start-atria .custom-control-label::after { top:11px;} .get-start-atria .custom-file-label{ border-radius:0px; border:none; line-height:26px; margin-bottom:0; background:none; height:auto; padding:0; top:10px;} .get-start-atria .custom-file-label:after{border:none; border-radius:25px; line-height:26px; content:"" !important; background:none;} .get-start-atria #more{ display:none;} .get-start-atria a:not([href]):not([tabindex]){color:#062360} .get-start-atria a.click svg{ width:20px; height:20px; fill:#062360} .get-start-atria .custom-file-label svg{ width:20px; height:20px; fill:#222} .get-start-atria .arrow1 { right:10px !important; margin-top:0px!important;} .get-start-atria .button:hover .arrow{right:0px !important;} .get-start-atria .field label::before { content: attr(title1); display:none; position: absolute; top: 0; left: 0px; line-height: 50px; color: #062360 !important; transition: 300ms all; font-size: 20px; font-weight: 100; } .get-start-atria .label-before, .get-start-atria .field input:focus + label::before, .get-start-atria .field input:valid + label::before { top: -10px; background: linear-gradient(#fff, #fff); padding: 0 6px 0 0; color: #062360 !important; transition: 300ms all; font-size: 20px; left: 0px; } .contact-detail{ background:#062360; padding:50px;} .contact-detail p{ line-height:40px; font-size:25px;} .map iframe{ height:100%} /*#main .accordion .card:hover .collapse{ display:block;}*/ .faq #main .accordion .card .card-header .btn-header-link{ font-size:28px; color:#062360; width:100%; padding:20px 50px;} .faq #main .accordion .card .card-header .quest{ width:35px; height:35px; border-radius:35px; text-align:center; color:#fff; background:#062360; line-height:35px; position: relative;top: 23px; float:left;} .faq #main .accordion .card .card-header .btn-header-link.collapsed:after{ background:url(../../content/images/bottom-arrow.png) center no-repeat;width:25px; height:25px; right:0; position:absolute; top:20px;} .faq #main .accordion .card .card-header .btn-header-link:after{ background:url(../../content/images/close.png) center no-repeat;width:25px; height:25px; float:right; content: ""; right:0; position:absolute; top:20px;} .faq #main .accordion .card .card-body {border-top: solid 1px #ccc; padding-top:20px;} .faq .border-bottom{ border-color:#222 !important; padding-bottom:70px; margin-bottom:50px;} .faq #main .accordion .card .card-header{ background:none;} .privacypolicy .collapse:not(.show) { display: block;} .privacypolicy a {color: #062360;font-weight: bold;} .privacypolicy a:hover {color: #00008b;font-weight: bold;} .privacypolicy h2{ color:#062360; font-size:40px; } .privacypolicy h2 a{ color:#062360; font-weight: bold;} .privacypolicy h2 a:hover{ color:#00008b; font-weight: bold;} .privacypolicy h3{ color:#062360; font-size:30px;margin-bottom:20px;} .privacypolicy h4{ color:#062360; font-size:25px; margin-bottom:20px;} .show-popup-ask-close { display: none; width: 50%; height: auto; background-color: #fff; margin: 0 auto; text-align: center; padding: 50px; position: fixed; top: 50%; transform:translateY(-50%); left: 0; right:0; z-index: 9999; } .show-popup-ask-close span.close { position: absolute; right: 20px; top: 10px;font-size:36px; } .popup-overlay { z-index: 3000; display: none; width: 100%; height: 100%; position: fixed; background-color: #000; top: 0; left: 100%; opacity: .5; left: 0 } .show-popup2-ask-close { display: none; width: 34%; height: auto; background-color: #fff; margin: 0 auto; text-align: center; padding: 50px; position: fixed; top: 50%; transform:translateY(-50%); left: 0; right:0; z-index: 9999; } .show-popup2-ask-close span.close { position: absolute; right: 20px; top: 10px; font-size:36px; } .popup2-overlay { z-index: 3000; display: none; width: 100%; height: 100%; position: fixed; background-color: #000; top: 0; left: 100%; opacity: .5; left: 0 } .atrialiving .bg-dark{ background:#000;} .atrialiving .bg-dark img{ opacity:0.6} .living .owl-nav, .owl-dots { display: block; position: absolute; top: 0; width: 100%; height: 100%; } .living .owl-nav .owl-prev{ width:50%; height:100%; position: absolute;z-index: 100; left:0;} .living .owl-nav .owl-next{ width:50%;height:100%; position: absolute; z-index: 100; right:0} .changeimghover .fixed-text:hover span{} .changeimghover .ExternalScreens{} .changeimghover .SlidingPanels{ display:none} .changeimghover .StructuralSunProtection{display:none} .changeimghover.box-hover:hover .SlidingPanels{ display:block} .changeimghover.box-hover:hover .StructuralSunProtection{display:block} .video-play-overlay{position:absolute;width:100%;height:100%;top:0;left:0;} .video-play-overlay.active .icon.play-video{display:none;} #main .accordion .card .card-header.active a {color: #062360 !important;} #main .accordion.card .card-header.active a.collapsed{color:#062360 !important;} #solartabopen #faq1 { display: block; } #outdooropen #faq2 { display: block; } /*----------form----------------*/ .label-before, .field input:focus + label::before, .field input.valid + label::before {line-height: 20px; font-size: 15px; top: -10px; background: linear-gradient(#f7fafb, #ffffff); padding: 0 6px; left: 9px;} .field {position: relative;margin-bottom: 0px !important;height: 80px;} .field label::before {content: attr(title1);position: absolute;top: 0;left: 15px;line-height: 50px;color: #666;transition: 300ms all;font-size: 16px; font-weight: 100; font-family: 'galano_grotesqueregular';} .field input:focus {outline: 0;box-shadow: 0} .field input:valid + label::before {content: attr(data-title1);} .field.h100 {height: 140px;} .label-before, .field input:focus + label::before, .field input:valid + label::before {line-height: 20px;font-size: 15px; top: -10px; background:linear-gradient(#fff, #fff);padding: 0 6px;color: #666;left: 9px;} .field label {cursor: text;} .field textarea:focus {outline: 0;} .field textarea:valid + label::before {content: attr(data-title1);} .label-before, .field textarea:focus + label::before, .field textarea:valid + label::before {line-height: 20px;font-size: 15px;top: -10px;background: linear-gradient(#fff, #fff);padding: 0 6px;color: #666; left: 9px;} .form-control {height: 50px;font-size: 16px;border: 1px solid #929292; border-radius: 0; box-shadow: none; background: #fff; color: #666;} .form-submit {background-color: transparent;border: none;font-size: 16px;color: #fff;padding: 0px 2px 5px 2px;height: 33px;box-shadow:none;cursor:pointer;} .form-submit:focus {box-shadow: none;outline: none;} .field-validation-error{position: absolute; bottom: 3px; font-size: 14px; color: #b50007; font-family: arial; font-weight: 300;} .valid {background: #fff url("../../Content/images/success.png") no-repeat scroll right 12px center; transition: all 0s ease-in-out 0s !important;} .input-validation-error {background: #fff url("../../Content/images/error.png") no-repeat scroll right 12px center; border:1px solid #d93025; transition: all 0s ease-in-out 0s; box-shadow: none;} .form-control::placeholder, .form-control:focus {color: #666; border-color: #666;} .form-control:focus {background-color: #fff; box-shadow: inherit;} .cal-icon {background: url("../../Content/images/calendar-icon-blue.png") no-repeat right 10px center !important;} .reservations_txt {line-height: 30px !important;} .field.h100 {height: 130px;} .h100 textarea.form-control {height: auto;} .footer_form .field-validation-error {bottom: -30px;} .mappincantent {position: absolute;top: 50%;left: 80px;transform: translateY(-50%);z-index: 2;background-color: rgba(255,255,255,0.75);padding: 30px; border:1px solid #D8D8D8; height:75%; width:440px;} .mappincantent h5 img {width: 88px;display: inline-block;vertical-align: middle;margin-right: 20px;} .mappincantent h5 {font-size: 18px;color: #C37F00; font-weight: 600;} #leftBar li a {font-weight: normal;} .mappincantent .btn{background-color: transparent;border-color: #C37F00;color: #C37F00; position:absolute; bottom:30px;} .mappincantent .btn:hover{border-color:#6ACCF3;color:#6ACCF3;} .cal-icon {background: url("../../Content/images/calendar-icon-blue.png") no-repeat right 10px center !important;right: 0;} .form-penal .select2-container .select2-choice {height: 25px !important;background-color: transparent;border: none;width: 100% !important;font-weight: 100;background: url('/Content/images/select-arrow-black.png') center right 0px no-repeat;text-transform: capitalize; top: 6px; color: #49506b;text-align: left; padding-left:0px;} .form-penal .field label.Selectlable::before {content: attr(title1);position: absolute;top: -4px;left: 9px;line-height: 5px;background: #fff !important;padding: 0px 9px;} .field label {cursor: text;color: #666666;font-size: 18px;vertical-align: top;display: inline-block;line-height: 20px;} .divshift.arrownone {color: #666;font-size: 18px;margin-top: -9px;} .figure {margin: 0;display: grid; width:100%;} .figure > img {grid-row: 1 / -1;grid-column: 1;} .figure a {color: black;text-decoration: none;} .figure a img{ width:100%; margin-bottom:0 !important; height:100% !important;} .figure a video{ width:100%; margin-bottom:0 !important; height:100% !important;} .scronew {display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: masonry;gap: 10px;column-count: 2;} .scronew li:nth-child(1){width:285px; height:285px; margin-left: auto; overflow:hidden} .scronew li:nth-child(2){width:285px; height:285px; margin-right: auto; margin-top:-50px; overflow:hidden} .scronew li:nth-child(3){width:450px; height:450px; margin-left: auto; overflow:hidden} .scronew li:nth-child(4){width:400px; height:450px; margin-right: auto; margin-top:-50px; overflow:hidden} .scronew li:nth-child(5){width:285px; height:285px; margin-left: auto;overflow:hidden} .scronew li:nth-child(6){width:285px; height:285px; margin-right: auto; margin-top:-50px; overflow:hidden} .scronew li:nth-child(7){width:450px; height:450px; margin-left: auto;overflow:hidden} .scronew li:nth-child(8){width:400px; height:450px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(9){width:285px; height:285px; margin-left: auto;overflow:hidden} .scronew li:nth-child(10){width:285px; height:285px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(11){width:450px; height:450px; margin-left: auto;overflow:hidden} .scronew li:nth-child(12){width:400px; height:450px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(13){width:285px; height:285px; margin-left: auto;overflow:hidden} .scronew li:nth-child(14){width:285px; height:285px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(15){width:450px; height:450px; margin-left: auto;overflow:hidden} .scronew li:nth-child(16){width:400px; height:450px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(17){width:285px; height:285px; margin-left: auto;overflow:hidden} .scronew li:nth-child(18){width:285px; height:285px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(19){width:450px; height:450px; margin-left: auto;overflow:hidden} .scronew li:nth-child(20){width:400px; height:450px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(21){width:285px; height:285px; margin-left: auto;overflow:hidden} .scronew li:nth-child(22){width:285px; height:285px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(23){width:450px; height:450px; margin-left: auto;overflow:hidden} .scronew li:nth-child(24){width:400px; height:450px; margin-right: auto; margin-top:-50px;overflow:hidden} .scronew li:nth-child(25){width:285px; height:285px; margin-left: auto;overflow:hidden; margin-bottom:10px;} /*.figure:nth-of-type(1){ width:285px; height:285px; margin-left: auto;} .figure:nth-of-type(2){ width:285px; height:285px; } .figure:nth-of-type(3){width:450px; height:500px;margin-left: auto;} .figure:nth-of-type(4){ width:410px; height:550px;} .figure:nth-of-type(5){width:285px; height:285px; margin-left: auto; margin-top:-50px;} .figure:nth-of-type(6){ width:285px; height:285px;} .figure:nth-of-type(7){ width:450px; height:500px; margin-left: auto; margin-top:-50px;} .figure:nth-of-type(8){width:410px; height:550px;} .figure:nth-of-type(9){ width:285px; height:285px; margin-left: auto; margin-top:-100px;} .figure:nth-of-type(10){width:285px; height:285px;} .figure:nth-of-type(11){width:450px; height:500px; margin-left: auto; margin-top:-100px;} .figure:nth-of-type(12){width:410px; height:550px;} .figure:nth-of-type(13){width: 310px; height: 310px; margin-left: auto; margin-top: -150px;} .figure:nth-of-type(13) a img{width:92%; height:80% !important; } .figure:nth-of-type(14){ width:285px; height:285px;} .figure:nth-of-type(15){ width:450px; height:500px; margin-left: auto; margin-top:-185px;} .figure:nth-of-type(16){ width:410px; height:550px;} .figure:nth-of-type(17){ width:325px; height:380px; margin-left: auto; margin-top:-235px;} .figure:nth-of-type(17) .figure a video {height: 61vh !important;} .figure:nth-of-type(18){ width:285px; height:285px;} .figure:nth-of-type(19){ width:400px; height:440px; margin-left: auto; margin-top:-140px;} .figure:nth-of-type(20){width:410px; height:550px;} .figure:nth-of-type(21){ width:285px; height:285px;margin-left: auto; margin-top:-250px;} .figure:nth-of-type(22){ width:355px; height:285px;} .figure:nth-of-type(23){width:450px; height:450px;margin-left: auto; margin-top:-250px;} .figure:nth-of-type(23) a img{width:85%; height:89% !important; } .figure:nth-of-type(24){ width:410px; height:550px;margin-top: 72px; overflow:hidden;} .figure:nth-of-type(25){width:450px; height:413px; margin-left: auto; margin-top:-423px;overflow:hidden;}*/ .header.main .main-logo {display:block; } .header.main .scroll{display:none; } .header.main ul li svg {fill:#fff; } .header.main .select2-container .select2-choice > .select2-chosen{ color:#fff;} #marqueeContainerOffset ul#lightgallery li{ width:47%; display:inline-block;} /*.infiniteslide_wrap{ height:600px !important;}*/ #marqueeContainerOffset{ height:90vh !important;} .page #marqueeContainerOffset{ height:700px !important;} .page .get-inspired{ background:none;} .page ul{ padding-left:0px;} .video iframe{ width:100%; height:100%} .header a.button{ background:#062360; color:#fff;padding: 15px 20px;} .abutton{position:absolute; right: 235px;top: -32px; display:flex;} .header .abutton a.button.headerbtn { background: #fb7f00; color: #fff; margin-right:5px; padding: 15px 20px; border: 2px solid #fb7f00; } .header .abuttonipad a.button.headerbtn { background: #fb7f00; color: #fff; margin-right:5px; padding: 15px 20px; border: 2px solid #fb7f00; } .header .abutton a.button.headerbtn:hover { background: #fff; color: #fb7f00 !important; border: 2px solid #fff; } .header .abuttonipad a.button.headerbtn:hover { background: #fff; color: #fb7f00 !important; border: 2px solid #fff; } .header a.button:hover{ background:#fff; border:solid 2px #062360; color:#062360 !important} .footer-bottom-logo{ position:absolute; left:35%; margin:auto; bottom:-22px; width:200px} .inner .arrow1{ right:-60px; margin-top:-22px;} .education .box-view .content-item{ top: 50%;padding: 25px; display:none; position:absolute;transform: translateY(-50%);} .education .box-view {background:#062360;} .education .box-view:hover .content-item{ display:block;} .education .box-view:hover img{ opacity:0.3} .education .button {border: solid 1px #fff; color:#fff } .education .arrow1 {background: #fff;} .education .arrow1::before, .education .arrow1::after { background: #fff;} .education .owl-nav{position: absolute;width: 100%;top: 50%;transform: translateY(-50%);margin: 0;} .education .owl-prev{ position:absolute; left:0;} .education .owl-next{ position:absolute; right:0;} .education a:hover{ color:#00008b !important} .instructor{ background:#E3E6ED;} .video{ background:#F4F4F4; padding:50px 0;} .video iframe{ height:600px;} .overview .find-solution .card-header svg{ fill:#062360; width:35px; height:35px;} .overview .accordion .card .card-header .btn-header-link.collapsed::after { content:"";} .overview .accordion .card .card-header .btn-header-link::after { content:"";} .Specifications{ background:#E3E6ED;} #boottomservices svg{ width:30px; height:30px; fill:#fff; } .services { background:#D9DDE6; padding:100px 0 0 0} .service a:hover{ color:#062360} .content-middile{ position:absolute; top:50%; transform:translateY(-50%); left:0%; right:0;} .content-middile .button2 { text-decoration:none; font-size:30px; font-family: 'galano_grotesqueregular' !important; text-transform:none} .content-middile .button2 span{font-family: 'galano_grotesqueregular' !important;} .overview .get-inspired{ background:#fff; border:solid 0px #ccc} .overview .body-content{ background:#F4F4F4} .overview #more1{ display:none;} .overview a:not([href]):not([tabindex]) {color: #062360;} .overview a.click svg {width: 20px;height: 20px;fill: #062360;position: relative;top: 3px;} .overview{ padding-top:108px;} .page{ padding-top:102px;} .overview h1{ line-height:60px; margin-top:50px;} .instructor h2{ } .instructor ul li img{ width:70px;} .instructor ul li{ display:inline-table; margin-top:20px;} .overview .video{ padding:100px 0 50px;} .overview #marqueeContainerOffset {height: 700px !important;} .overview .infiniteslide_wrap {height: 700px !important;} #feature .owl-nav{ top:auto; display:block; margin-top:70px; text-align:left;} #feature .owl-next{ right:0; position:absolute;} #feature .owl-prev span, #feature .owl-next span{ color:#062360; font-size:25px;} /*#featuretest .owl-nav{ top:auto; display:block; margin-top:70px; text-align:left;}*/ #featuretest .owl-prev span{ color:#062360; font-size:25px;} #featuretest .owl-next span{ color:#062360; font-size:25px;} .overview .similar{padding: 70px 0 100px;border-top: solid 5px #fff;} .overview .similar h2{ padding-bottom:80px; padding-top:50px;} .Specifications .card{ margin-bottom:10px;} .side-element{ padding:50px 0 80px;} .instructor { padding:20px 0 30px;} .instructor span{ line-height:25px;} .instructor h2{ line-height:60px; font-weight:600;} #feature h3{ line-height:25px; margin-top:10px;} #featuretest h3{ line-height:30px; margin-top:10px;} /*#featuretest.owl-carousel .owl-nav button.owl-prev{position:absolute;z-index:11; top:115px; left:-52px;} #featuretest .owl-next{ right:-52px; position:absolute; z-index:11;top:115px;}*/ #featuretest .owl-nav svg{ width:50px; height:57px; fill:#062360} #featuretest .owl-nav {position: absolute;width: 100%;top: 22%;transform: translateY(-50%);} #featuretest .owl-nav .owl-prev{position: absolute; left: -60px; top:0px;} #featuretest .owl-nav .owl-next{ position: absolute; right: -60px; top:0px;} #boottomservices .owl-nav svg{ width:50px; height:57px; fill:#062360} #boottomservices .owl-nav {position: absolute;width: 100%;top: 37%;transform: translateY(-50%);} #boottomservices .owl-nav .owl-prev{position: absolute; left: -60px; top:0px;} #boottomservices .owl-nav .owl-next{ position: absolute; right: -60px; top:0px;} .videoHight{ height:455px;} .scr-left li.odd img{width:100%;} .scr-left li.even img{width:60%;} .scr-right li.even img{width:100%;} .scr-right li.odd img { width: 60%; float: left; margin-bottom: 20px; } .atriaLiving video{ height:700px !important;} .contact a.text-color1:hover{ color:#062360 !important} #getstarted{ padding-top:200px; margin-top:-200px;} .theme2 .get-inspired h2{ color:#062360 !important} .theme2 .get-inspired p{ color:#062360 !important} .theme2 .get-inspired p a{ color:#062360 !important} .theme2 .get-started h2{ color:#062360 !important} .theme2 .get-started p{ color:#062360 !important} .theme2 .brochure h2{ color:#062360 !important} .theme2 .brochure p{ color:#062360 !important} .theme2 .get-started .button { border:solid 1px #062360 !important; color:#062360 !important} .theme2 .brochure .button { border:solid 1px #062360 !important; color:#062360 !important} .theme2 .brochure .button:hover{ color:#fff !important} .theme2 .get-started .button:hover{ color:#fff !important} .privacypolicy .description{ color:#062360} /*.toggleImgTxt:not(.imgActive) .textView{ display:none; }*/ .toggleImgTxt .textView { padding: 40px 30px; } .toggleImgTxt .textView{ /*display:none;*/ } .toggleImgTxt.imgActive .textView{ /*display:none;*/opacity:0 } .toggleImgTxt.imgActive .imageview{ /*display:block;*/opacity:1 } .toggleImgTxt.textActive .textView{ /*display:block;*/ opacity:1 } .toggleImgTxt.textActive .imageview{ /*display:none;*/opacity:0 } .pxple{ position:absolute; top:50%;} .iframe-h{ height:837px;} .overview .imgdiv{ width:938px;} .overview h3 a{ color:#062360;} .overview h3 a:hover{ color:#062360;} /*.overview .textView {position: absolute;top: 50%;transform: translateY(-50%);}*/ .overview .toggleImgTxt{ height:1010px;} .overview .accordion svg{fill: #062360;width: 35px;height: 35px; position:relative; top: 9px;left: 15px;} .overview .textView h3{ font-size:30px; color:#062360} .Banner video{height:84vh !important;} .Banner.videovh video{height:100vh !important;} .facts-solution {font-family: galano_grotesqueregular; padding-top:20px; font-size:36px; font-weight:400;} li::marker {font-size: 19px;} .facts-solution { text-decoration: none; border-bottom: 0px solid transparent; color: #062360; line-height: 33px; margin-bottom: 32px; white-space: inherit; text-align: left; } .facts-solution:hover { text-decoration: none; border-bottom:0px solid #062360; color: #062360; } .facts-solution:hover { text-decoration: none; -webkit-text-stroke: 2px #062360; -webkit-text-fill-color: #062360; } a.button[aria-expanded="true"] .arrow1 { transform: rotate(-90deg); } a.button[aria-expanded="false"] .arrow1 { transform: rotate(90deg); } a.button[aria-expanded="false"] .Less{ display:none; } a.button[aria-expanded="true"] .more{ display:none; } a.button[aria-expanded="false"] .more{ display:inline-block; } a.button[aria-expanded="true"] .Less{ display:inline-block; } .bannerHome1 video{ height:100vh !important;} .body-content h1{ padding-bottom:20px;} .about h2{ padding-bottom:30px;} .privacy_table_content ul li ul{ padding-left:30px;} .heightP{ /*height:655px; overflow:hidden;*/ padding:0px 30px;} .heightP.intro{ height:auto; overflow:inherit; padding-left:50px} .btnrow { padding-left:32px !important} .btnrow .click{ float:none; text-align:left; padding-left:30px;} .btnrow.left{ padding-left:66px !important} .click{ float:right; padding-top:17px;} .overview p{ margin-bottom:0} #custom-seekbar { cursor: pointer; height: 5px; margin-bottom: 10px; /*overflow: hidden;*/ border-radius: 5px; position: relative; width: 540px; margin:50px auto 0; background: #919297; } #custom-seekbar span { background-color: #062360; position: absolute; top: 0; left: 0; height: 5px; border-radius:15px; width: 0px; } #custom-seekbar span:after{ content: ''; display:block; position: absolute; right: 0; background:#fff; border:solid 4px #062360; border-radius: 15px; top:-10px;width:25px; height:25px; } #homegalbox{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.5);left:0;top:0;z-index:9999;} /* following rule is for hiding Stack Overflow's console */ .as-console-wrapper{ display: none !important;} .overview .arrow { top:52%} .toggleImgTxt li span{ color:#062360!important} .toggleImgTxt li { color: #062360 !important; list-style-position: inside; list-style-type: disc; /*line-height: 13px;*/ margin-top: 14px; margin-bottom: 10px; } .toggleImgTxt ul{ padding-left:35px !important;} #map_div {height: 721px;} ul.categoryProject li:last-child{ border:none;} .our-work span.fs-30{ font-size:25px;} .our-work p{ font-size:18px; line-height:30px; } .our-work h1.fs-110 {font-size: 85px;} .directionMap{background-color: white;margin: 10px; width:375px; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;border-radius: 2px;padding:10px; z-index:10; position:absolute;} .directionMap .icon{background-image: url(https://maps.gstatic.com/mapfiles/embed/images/entity11.png); background-size: 70px 210px; width:25px; height:25px; margin:auto} .directionMap h3{font-weight: 500;font-size: 14px;color: black;} .directionMap p{ font-size:12px; color:#666; line-height:20px;} .directionMap a{text-decoration: none;color: #3a84df; font-size:12px;} ul.categoryProject {padding: 10px 0 15px;} ul.categoryProject li a{ font-family: 'galano_grotesquesemibold';display: block;line-height: 24px;padding: 0 5px;} ul.categoryProject li{ border-right:solid 1px #062360; float:left;} ul.categoryProject li.last{ border:none;} #project .owl-nav {position: absolute;width: 100%;top: 50%;transform: translateY(-50%);} #project .owl-prev{position: relative;left: -60px;} #project .owl-next{position: relative;right: -60px;} .service .find-solution .card-header a:hover { text-decoration:none; -webkit-text-stroke: 2px #062360;-webkit-text-fill-color: #062360;} .service .find-solution .card-header, .service .find-solution .card{ margin-bottom:0} .service .find-solution .card-header a{ font-size:43px; } .owl-carousel .owl-stage-outer{ z-index:50; } #menuslider .owl-stage-outer{ padding-left:15px;} figure {margin: 0 0 1rem;display: inline-block !important;} .show-popup2-ask-close .field-validation-error { bottom: 12px; left: 52px; } .show-popup2-ask-close .input-validation-error { border-bottom: 1px solid #d93025 !important; border-top: 0px solid !important; border-right: 0px solid !important; border-left: 0px solid !important; } .show-popup2-ask-close.form-control{ border-bottom:solid 1px #ccc !important; border-radius:0px !important; border-top: 0px solid !important; border-right: 0px solid !important; border-left: 0px solid !important;} #fixeddiv-stickyimg1 h2 { font-family: 'galano_grotesquesemibold'; font-size:46px;} #fixeddiv-stickyimg2 h2 { font-family: 'galano_grotesquesemibold'; font-size:46px;} .stickydiv p { font-size: 18px;} .stickydiv ul li{font-size: 18px;} #fixeddiv-stickyimg2 span {font-family: 'galano_grotesquesemibold'; font-size: 18px;} #fixeddiv-stickyimg2 ul li { font-size: 18px;} #fixeddiv-stickyimg3 h2 { font-family: 'galano_grotesquesemibold'; font-size: 46px; } #fixeddiv-stickyimg3 span {font-family: 'galano_grotesquesemibold';font-size: 18px;} #fixeddiv-stickyimg3 ul li { font-size: 18px; } .outdoor h2 { font-family: 'galano_grotesquesemibold'; font-size: 46px; } .outdoor p { font-size: 18px; } .solarh h2 {font-family: 'galano_grotesquesemibold';font-size: 46px;line-height: 54px;margin-bottom: 10px;} .solarh p { font-size: 18px;} .solarh span {font-family: 'galano_grotesquesemibold';font-size: 18px;} .outdoor span {font-family: 'galano_grotesquesemibold';font-size: 18px;} .outdoor ul li {font-size: 18px; } .clading h2 {font-family: 'galano_grotesquesemibold';font-size: 46px; } .clading p { font-size: 18px; } .clading span {font-family: 'galano_grotesquesemibold';font-size: 18px;} .clading ul li {font-size: 18px;} .read-more-content { max-height: 0; overflow: hidden; transition: max-height .5s ease; } .read-more-toggle { display: none; } .read-more-toggle-label { user-select: none; cursor: pointer; border: none; font-size: .8em; } .read-more-toggle-label:after { content: "More"; display: inline-block; } .read-more-toggle:checked + .read-more-content { display: block; /* css animation won't work with "auto"; set to some height larger than the content */ max-height: 1000px; } .read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after { content: "Less"; } article { border-bottom: 0px solid black; } article p { margin-bottom: .5em; } .service .stickydiv.active{padding-bottom: 100px;} .height100vhs{height:95vh;} /*div:only-of-type button.close { display: none; } [data-index]::after { content: attr(data-index); }*/ .plusicon { color: #fff; position: absolute; top: 0; z-index: 11; font-size: 40px; right: 20px; } html.stopscroll{overflow:hidden;} .text-w{width:52%;} .bottonnew{border:0px solid !important;} .bottonnew:hover { color: #062360 !important; background: transparent; } .bottonnew:hover .arrow1::before, .bottonnew:hover .arrow1::after { background: #062360; } .bottonnew:hover .arrow1 { background: #062360; } .f-Questrial p strong { font-size: 24px; } .content-middile.content-atriaLiving { position: absolute; top: 0; transform: translateY(0%); left: 0; } .content-middile.jo-Instagram { position: absolute; top: 0; transform: translateY(0%); left: 0; } .inner .content-atriaLiving .arrow1 { right: inherit; margin-top: 3px; } .content-atriaLiving .button span { padding-right: 15px; } .footer-nav ul li{ line-height:40px;} .owl-carousel.living2 .owl-nav button.owl-next, .owl-carousel.living2 .owl-nav button.owl-prev, .owl-carousel.living2 button.owl-dot { color: inherit; font: 0; font-size: 0; } .owl-carousel.living1 .owl-nav button.owl-next, .owl-carousel.living1 .owl-nav button.owl-prev, .owl-carousel.living1 button.owl-dot { color: inherit; font: 0; font-size: 0; } .h-100vh{height:84vh;} .bg_F4F4F4{background:#F4F4F4;} .contact-form span{ padding-top:6px;} .contact-form .field-validation-error{ left:62px;} .contact-form .textname{ width:65px;} .contact-form .pdfUpload.errormsg{ color: #b50007 !important; } .bigtextspan { display: flex; line-height: 21px; position: absolute; left: 0; justify-content: center; align-items: center; height: 100%; width: 100%; top: 0; } .video-h{height:80vh!important;} .arrow1.arrow-down { transform: rotate(90deg); } .arrow-down { color: #062360 !important; margin-bottom: 10px; margin-left: auto; text-align: right; display: block; } .arrow1.workarrow { margin-right: 30px; left: 0px; right:inherit; } .button:hover .arrow.workarrow { left: -10px; right:inherit; width: 26px; } .arrow1.arrow-down.workarrow { transform: rotate(180deg); } .find-solution .card-header a { font-size: 38px; white-space: pre-wrap; text-align: left; line-height: 33px; margin-bottom: 17px; } .labeltop{padding-top:15px;} .arrow.arrow1.iphonealine{margin-top:0px;} .find-solution .arrow1.iphonealine { top: 50%; } .our-work #project .content-item { transform: translateY(-50%); } .heightP ul, ol{ padding-left:35px; line-height: 34px;color: #062360;list-style-position: initial;} .heightP ul a, .heightP ol a{text-decoration: none;color: #062360;font-weight: bold;} .adaerror{ position:absolute !important; z-index:-9999 !important; height:0 !important;width:0 !important; opacity:0 !important; } .adaerror{ position:absolute !important; z-index:-9999 !important; height:0 !important;width:0 !important; opacity:0 !important;font-size:0px; } .phalignarrow{ margin-top:1px;} a.anchortag-color{ color:#4063ae;} a.anchortag-color:hover{ color:#062360;} .top-logo{ width:150px;} .b-logo{position: absolute;bottom: 50px;left: 50px;} @media only screen and (max-width:2560px) { .marqueeanimation { transform: translateY(-30vw); } .main-nav li a {font-size:27px;} .main-nav li {margin-bottom: 15px;} } @media only screen and (max-width:1680px) { .Banner .banner-content{ width:57%;} .col-right{ flex: 0 0 57%; max-width: 57%;} .Banner .banner-content p {line-height: 80px;} .Banner .banner-content .play-btn p{ line-height:normal;} .px-190 {padding-left:150px;padding-right:150px;} .supplairs ul{ width:90%;} .atrialiving .Banner .banner-content p {line-height: initial;} .footer-bottom-logo{ left:30%;} .overview { padding-top: 100px;} /*.overview .body-content{ padding-bottom:50px;}*/ .overview .instructor .fs-20{ font-size:18px;} .content-middile{ left:0} .videoHight{ height:380px;} .scrollContent{overflow-y: auto;max-height: 350px;} .overview .toggleImgTxt{ height:821px;} .overview .imgdiv { width: 800px;} .height100vhs { height: 91vh; } /*.heightP{ height:575px;}*/ .sub-nav-bottom { margin-top: 35px; } .menu-mobile{ padding-top:150px;} p { margin-bottom: 11px; line-height: 28px; color: #062360; font-size: 18px; } .fs-110 {font-size: 90px;} .service .find-solution .card-header a { font-size: 35px; line-height: 45px; } .fs-80 {font-size: 70px;} .toggleImgTxt .textView { width: 98%; height: 100%; overflow: auto; } .brochure-icon { top: -156px; right:0; } .product .download-brochure .brochure-icon { right: 0px; top: -160px; } .vl { height: 36px; margin-bottom: 20px; margin: 0px auto 25px; } .sticky-top { padding-top: 110px; } .stickydiv h2 { padding-bottom: 10px; line-height: 55px; } #getstarted {margin-top: -250px;} } @media only screen and (max-width:1600px) { .main-nav li { margin-bottom: 10px; line-height: 35px; } .copy_right .fs-18{ font-size:16px !important;} .product .container-fluid{padding:0px 10px 0;} } @media only screen and (max-width:1440px) { .owl-nav{ margin-top:25px; text-align:center; } .owl-prev, .owl-next{ margin:0 5px;} .px-190 {padding-left:100px;padding-right:100px;} .supplairs ul{ width:100%;} .menuslider-container .project-categor-title{ width:250px;} .marqueeanimation { transform: translateY(-25vw);} /*p {margin-bottom: 30px;line-height: 30px;color: #062360;}*/ .col-grid-6{ flex: 0 0 50%;max-width: 50%;} .overview .instructor ul li{ width:12%} .overview .instructor .fs-20{ font-size:15px;} .overview {padding-top: 90px;} .videoHight {height: 300px;} .Banner .bannerHome1 video{height:100vh !important;} .Banner video{height:75vh !important;} .overview .toggleImgTxt{ height:790px;} .menu-mobile{ padding-top:123px;} .scrollContent { max-height: 250px;} .overview .imgdiv { width: 700px;} /*.heightP {height: 475px;}*/ .contact-detail{ padding:50px;} .contact-detail p{ font-size:25px; line-height:40px;} #map_div {height: 661px;} .our-work h1.fs-110 {font-size: 73px;} .service .stickydiv.active {padding-bottom: 50px;} .service .find-solution .card-header a {font-size: 32px;white-space: break-spaces;text-align: left;} .main-nav li a {font-size: 28px;} .text-w {width: 66%;} .main-nav li {line-height: 36px;} .h-100vh{height:auto;} #project .owl-nav {margin-top:0px;} .button {padding: 15px 26px;} .find-solution .card-header a { font-size: 38px; } .sub-nav-bottom li { margin-bottom: 2px; line-height: 25px; } .sub-nav-bottom { margin-top: 25px; } .arrow1 {margin-right: 18px;} } @media only screen and (max-width:1366px) { .Banner .banner-content{ width:67%;} .Suppliers_button_group li a {width: 90%;} /*.sticky-top .last{ padding:0px !important;}*/ body{ font-size:20px;} .Suppliers_button_group li{ margin-right:50px;} .faq #main .accordion .card .card-header .btn-header-link{ font-size:23px;} .get-start-atria .custom-control-label::before, .get-start-atria .custom-control-label::after {top: 7px;} .overview .instructor ul li{ width:10%} .scrollContent{overflow-y: auto;max-height: 270px;} .button span { padding-right: 34px; font-size:17px;} .find-solution .arrow1{ top:58%;} .overview .imgdiv { width: 650px;} /*.heightP {height: 435px;}*/ .show-popup2-ask-close {display: none;width: 40%;} .show-popup2-ask-close .button {padding: 13px 45px;margin-top: 19px;} .stickydiv h2{ padding-bottom:10px;} .stickydiv p{ margin-bottom:10px;} .stickydiv .button{ margin-top:10px;} .facts-solution { font-size: 29px;margin-bottom: 20px; } } @media only screen and (max-width:1366px) { #featuretest .owl-stage-outer{ margin: 0 27px; } #featuretest .owl-nav .owl-prev{ left: -29px;} #featuretest .owl-nav .owl-next{ right: -29px;} .Banner .banner-content{ width:71%;} .px-100{ padding-left:50px; padding-right:50px;} .find-solution .content-item p{-webkit-transform: translateY(200%);transform: translateY(200%);} .menuslider-container .project-categor-title { width: 200px;} .menuslider-container h5{ font-size:16px;} .marqueeanimation {transform: translateY(-20vw);} .product .container-fluid {padding: 0px 50px 0;} /*.Specifications .fs-55{ font-size:45px;}*/ .Banner video { height: 70vh !important; } .overview .toggleImgTxt { height: 688px; } .contact-detail{ padding:30px;} #map_div{ height:621px;} #fixeddiv-stickyimg2 h2, #fixeddiv-stickyimg1 h2 { font-family: 'galano_grotesquesemibold'; } .stickydiv h2 { padding-bottom: 10px; font-size: 50px; } #fixeddiv-stickyimg2 p {font-size: 19px;} .service .stickydiv.active {padding-bottom: 10px;} .fs-110 {font-size: 75px;} .h-100vh { height: auto; } .find-solution .arrow1.phalignarrow { top: 49%; } .footer-bottom-logo { left: 28%; } } @media only screen and (max-width:1199px) { .mb-100 {margin-bottom: 70px;} .py-100 {padding-top: 80px; padding-bottom: 80px;} .px-100{ padding-left:20px; padding-right:20px;} .col-right{flex: 0 0 100%;max-width: 100%;} .vl {margin-left: 50%; margin-bottom: 40px; margin-right: 50%; margin-top: 50px;} .find-solution .mt-100{ margin-top:0} .get-inspired .button.w-50{ width:49% !important} .atriaLiving .atria-content{ width:auto;} .get-inspired{ margin-bottom:100px; padding-top:100px;} .Banner .banner-content {width: 80%;} .Banner .banner-content p{ line-height:80px;} .Banner .play-btn p{ line-height:normal;} .find-solution .pb-100{ padding-bottom:50px;} .menu-mobile {padding: 150px 20px;} .main-nav li a{ font-size:25px;} .menu-list-section {padding-left: 0px;} .menu-mobile.ul-fixed2 .menuslider-container {left: -20px;} .get-inspired{ padding-left:0;} .we-care .fs-40 {font-size: 35px;} .px-190{ padding:0 50px;} .testimonial{ margin:auto; width:90%;} .testimonial .owl-nav .owl-prev{ left:-90px;} .testimonial .owl-nav .owl-next{ right:-90px;} .testimonial .authors p{ text-align:center} .Suppliers_button_group li a { width: 96%; margin-bottom:16px;} .services .pt-100{ padding-top:50px;} .cookies-statement .cookies-btn ul li a {padding: 10px 10px; font-size: 14px;} body{ font-size:25px;} .menuslider-container .owl-nav{ position:relative;} .menuslider-container .owl-nav .owl-prev{ position:absolute; right:35px; top:-60px; } .menuslider-container .owl-nav .owl-next{ position:absolute; right:0; top:-60px; } .services.py-100{ padding-top:20px;} .bg1{ background:#F1F5FE} .bg2{ background:#FFF8DE} .bg3{ background:#EAE8E7} .find-solution{ padding:0px 0 50px;} .brochure {padding: 50px 0;} .brochure-icon{ position:static; text-align:center; width: 100%; margin: 0 auto 50px; position: absolute; top: -70px; right: -20px;} .sectors #sectors .item{ width:25%;} .service .bg1{ background:#C0CEE8} .service .bg2{ background:#D9DEE7} .service .bg3{ background:#E4E8F0} .service .bg4{ background:#F4F7FD} .project-type .nav-tabs li {margin: 0 30px;width:178px;} .product .get-inspired{ padding-top:50px; margin-bottom:30px;} .product .work-video { padding-left: 15px; padding-bottom: 40px;} .product .download-brochure .brochure-icon { right: 0; top: -84px; width: 100%;} .product .service-icon ul li { width: 48%; margin-bottom:50px;} .get-start-atria .custom-control-label::before, .get-start-atria .custom-control-label::after {top: 11px;} .faq .border-bottom{ border:none !important;margin:0;} .faq h3{ border-bottom:solid 1px #222; margin-bottom:30px; font-size:30px;} .faq #main .accordion .card .card-header .btn-header-link {font-size: 20px;} .map iframe{ height:800px;} .faq #main .accordion .card .card-header .quest{ top:17px;} .faq #main .accordion .card .card-header .btn-header-link.collapsed::after{ margin-top:0} .show-popup-ask-close{ width:90%;} .show-popup2-ask-close{ width:90%;} .video-sec video { height: 500px !important;} .bannerHome video{ height:600px !important;} .header.fixed.main{ max-width:100%;} .header.fixed.main .main-logo{ width:auto} .header.fixed.main{ top:0; right:0} .header.fixed.main .px-100 {padding: 0 30px;} .header.fixed.main .logo{ width:200px;} .header.fixed.main .blue-bar { padding:15px 0} .header.fixed.main .main-manu { padding: 0px 0px; } #getstart .owl-item img{ height:260px;} #getstart .owl-item video{ height:260px !important;} #getstart11 .owl-item img{ height:260px;} #getstart11 .owl-item video{ height:260px !important;} #marqueeContainerOffset{ height:auto !important;} .overview .instructor ul li { width:27%} .content-middile{ position:relative;} .overview .owl-nav{position: absolute;width: 100%;top: 40%;transform: translateY(-50%);margin: 0;} .overview .owl-prev{ position:absolute; left:0;} .overview .owl-next{ position:absolute; right:0;} .overview .get-inspired{ padding-bottom:0;} .overview #marqueeContainerOffset {height: auto !important; margin-bottom:0} .overview .video {padding: 50px 0 50px;} .Specifications h2{ font-size:40px;} .Specifications a.btn{ font-size:35px;} .similar h2{ padding-bottom:0} .Specifications { padding-bottom:0} .overview .similar h2{ padding-top:0} #feature .owl-nav{ margin-top:30px;} #featuretest .owl-nav{ margin-top:30px;} .product .container-fluid { padding: 0px 20px 0;} .m-screen{ padding:0 35px;} .footer-bottom-logo { right: 0; bottom: 82px !important; } .atrialiving .Banner .banner-content p { line-height: 35px; } .videoHight { height: 560px; } .pl-100 { padding-left: 20px; } .video-h { height: auto !important; } .abuttonipad.ipadscreen { position: absolute; left: 0; right: 0; text-align: center; justify-content: center; top: 13px; } .header .abuttonipad.ipadscreen a.button{top:0px; padding:8px; margin-top:0;} .header .abuttonipad.ipadscreen a.button span{font-size:15px;} .header.fixed .abuttonipad {display:none; opacity:0;} .header.main .abuttonipad {display:none; opacity:0;} .header.fixed .px-100 { padding: 0 47px; } } @media only screen and (max-width:999px) { .abuttonipad.ipadscreen {position: fixed;left: 0;right: 0;text-align: center;justify-content: center;top: auto; bottom:20px; z-index:500;} .copyright_txt.iphonepadding-b { padding-bottom: 40px; } .abuttonipad a.button.headerbtn:hover {background: #fff;color: #fb7f00 !important;border: 2px solid #fff;} .abuttonipad a.button {background: #062360;color: #fff;padding: 15px 20px;} .abuttonipad a.button.headerbtn {background: #fb7f00;color: #fff;margin-right: 5px;padding: 15px 20px;border: 2px solid #fb7f00;} .inner .arrow1 {right: -60px; margin-top: -11px;} .get-inspired {margin-bottom: 0px;} .footer p{ font-size:22px;} .footer .fs-28{ font-size:22px;} .pb-100{ padding-bottom:50px;} .fs-70 { font-size: 50px;} .logo img{ width:55%;} .vl{ height:60px;} .sub-nav-bottom {margin-top: 15px;} #toggle.on{ margin-top:20px;} #toggle.on .one{ margin-top:-8px;} .owl-dots{ display:none;} /*.play-btn{ position:absolute; right:0;}*/ .Banner .banner-content {width: 100%;} .members .pt-100{ padding-top:50px;} .supplairs .pt-100{ padding-top:50px;} .experience .fs-60{ font-size:40px; } .we-care.mt-100 { margin-top:50px;} .footer-logo img{ width:100%;} .px-190 {padding: 0 20px;} .about .supplairs{ padding-top:100px;} .services { padding:0 20px 50px;} .find-solution .pt-100{ padding-top:50px;} .cookies-statement {padding: 12px 20px;} .main-manu {padding: 20px 15px;} .body-content.py-100{ padding:50px 0 100px;} .fs-55{ font-size:45px;} .fs-40{ font-size:45px;} .solar-sec .mb-100{ margin-bottom:90px;} .members .fs-40, .supplairs .fs-40, .testimonial .fs-40{ font-size:35px;} .category .fs-40{ font-size:40px;} .Suppliers_button_group li{width:32%; margin-right:0px;} .we-care{ padding:40px 0;} .testimonial .authors p{ margin-bottom:10px;} .members{ padding-top:70px;} .services .vl{ margin-top:80px; margin-bottom:30px !IMPORTANT;} .footer-nav ul li{ line-height:50px;} .header.fixed{ right:70px; top:60px;} .header.fixed a.button {top: -55px;} .sectors #sectors .item {width: auto; margin:0;} .education .pt-100{ padding-top:30px;} .education .body-content.py-100{ padding-bottom:50px} #marqueeContainerOffset{ padding-top:40px;} .our-work .body-content.py-100 { padding-bottom: 50px;} .fs-40{ font-size:35px;} .fixed-text h2,.fixed-text span {font-size: 50px;} /*.header.fixed{ right:10px !important; top:45px !important}*/ .header.fixed .px-100 { padding: 0 50px;} .sectors #sectors .item {width: auto; margin:0;} .atrialiving .Banner .banner-content {margin: 0;width: 100%;} .fixed-left-content {width: 100%;} .our-work .owl-nav{ text-align:left;} .our-work {padding-top: 100px;} #main { margin: 10px 0;} .privacy_table_content h2 a {font-size: 16px;border: solid 2px #062360;color: #062360;transition: all 0.35s;text-align: center;padding: 15px 57px;font-family: questrialregular;} .privacypolicy .collapse:not(.show) {display: none;} .footer-bottom-logo{ position:static; padding-bottom:30px;} .header a.button{ top:-53px;} .find-solution .card-header a{ font-size:35px; } .experience h2{ font-size:80px;} .pl-100{ padding-left:15px;} .body-content .fs-110{ font-size:80px;} .overview {padding-top: 78px;} .overview .body-content {background: none;} .content-middile {width: 100%;position: relative;transform: translateY(0%);} #marqueeContainerOffset .content-middile {transform: translateY(-50%);} .product .get-inspired{ margin-bottom:0} .pdfUpload.font-size{ font-size:15px !important;} .pdfIconUplad{ padding-left:0} #overviewslider .owl-nav { top: 35%; position: absolute; width: 100%; } #overviewslider .owl-nav .owl-prev{ position:absolute; left:0;} #overviewslider .owl-nav .owl-next{ position:absolute; right:0;} .videoHight { height: auto; } .our-work .container-fluid { padding: 0 15px; } .service .find-solution .card-header a { font-size: 29px; } } @media only screen and (max-width:767px) { .header .abuttonipad.ipadscreen a.button { width: 50%; } .show-popup-ask-close .button { padding: 14px 57px 14px 30px; } .toggleImgTxt .textView { padding-right: 30px; padding-bottom: 40px; padding-top: 30px; } .fs-150 {font-size: 83px;} .fs-114 {font-size: 81px;} .blogpage iframe{width:100% !important;} .blogpage video{width:100% !important;} .show-popup2-ask-close .field-validation-error { bottom: 12px; left: 0; } .show-popup2-ask-close .field { height: 113px; } .Banner video { height: 60vh !important; } .Banner .bannerHome1 video { height: 60vh !important; } .service .find-solution .card-header a { font-size: 24px; white-space: inherit; text-align: left; line-height: 27px; margin-bottom: 10px; } .heightP { padding: 0px 15px; } .facts-solution { line-height: 26px; margin-bottom: 6px; white-space: initial; text-align: left; font-size: 25px; } .Specifications .fs-55 { font-size: 25px; white-space: initial; text-align: left; display: inline; } .overview .accordion svg { fill: #062360; width: 22px; height: 20px; position: relative; top: 1px; left: 15px; } .overview .toggleImgTxt { height: auto; } .overview #marqueeContainerOffset { padding: 16px; } .py-100 {padding-top: 50px; padding-bottom:50px;} .px-190{ padding:0 20px;} .pt-100 {padding-top: 50px;} .px-100 {padding-left: 15px; padding-right: 15px;} .mt-100{ margin-top:50px;} .vl{ height:30px; margin:25px 50%;} .fs-55{ font-size:31px;} .fs-55.ipadfont{ font-size:43px;} .fs-76 { font-size:35px;} .fs-30{ font-size:25px;} .fs-28{ font-size:22px;} .fs-45, .fs-40, .fs-50 { font-size:35px;} body{ font-size:20px;} p{ font-size:20px; line-height:35px;} .fs-60 { font-size: 50px;} .fs-70 {font-size: 40px;} .body-content.py-100 {padding: 50px 15px 40px;} .button svg{ margin-top:5px;} .logo { width: 124px; } .logo img{ width:100%;} .menuslider-container{ transition:none; transition-delay:inherit} .menu-mobile{ overflow-y:auto;} .menu-mobile.ul-fixed2 .menuslider-container {left: 0; padding: 40px 15px;} .menu-mobile { padding: 80px 20px;} .sub-nav-bottom {margin-top:20px;} .main-nav li a {font-size: 22px;} .main-nav li { margin-bottom:10px;} .button{ font-size:17px; padding:14px 9px; margin-top:0px;} .Banner .banner-content .play-btn svg{ width:40px; height:40px;} .header .select2-container .select2-choice > .select2-chosen{ font-size:20px;width: 58px;} li.list-inline-item.position-relative.mr-lg-5.selectpicker { margin-right: 6px !important; } .main-manu {padding: 20px 3px;} .head-right li:nth-child(1) {width: 90px;} .checkbox-container .switch {display: inline-block; height: 28px;position: relative;width: 47px;margin: 0;} .header ul li svg {width: 26px;height: 31px;fill: #fff;position: absolute;right: 0;} .header.fixed .px-100 {padding: 0 6px;} .header.fixed .logo {width: 123px;} .fs-25 {font-size: 18px;} .explore{ width:100%; padding: 15px 15px 15px 20px;} .Banner .banner-content p {line-height: 40px;} .get-inspired .button.w-50 { width: 100% !important;} .atriaLiving .atria-content .button{ width:auto} .testimonial .authors p {margin-bottom: 15px;} .testimonial.py-100 { padding-bottom:80px;} .footer{text-align:center;} .footer .pb-100{ padding-bottom:20px;} .copyright_txt p{ font-size:16px;} .copyright_txt ul li a{ font-size:16px;} .copyright_txt ul li{ font-size:16px;} .footer-logo{ width:300px; margin:auto;} .footer-logo img{ width:75%;} .find-solution .button{ padding:14px 20px; margin-top: 0; } .get-inspired{ overflow:inherit; margin-bottom: 0; max-height: 100%; padding-top: 50px; padding-bottom: 50px;} .solar-sec p { margin-bottom:10px;} .solar-sec .mb-100{ margin-bottom:40px;} .we-care .fs-40 { font-size: 25px;} .testimonial p {font-size: 18px; line-height: 33px; padding:0px;} .testimonial{ width:auto;} .testimonial .owl-nav .owl-prev {left: -35px;} .testimonial .owl-nav .owl-next {right: -35px;} .testimonial .owl-nav svg{ width:35px;} .experience .fs-60{ font-size:25px; line-height:40px} .Suppliers_button_group li{ width:100%;} .supplairs .pt-100{ padding-top:30px;} .we-care.mt-100 { margin-top:20px;} .services.py-100{ padding-top:0px;} .about .supplairs { padding-top: 80px;} .owl-nav {margin-top: 20px;} .services .vl { margin-top: 40px;margin-bottom: 0px !important; height:50px; width:1px;} .banner-content .typewrite { display:block;} .cookies-statement {padding: 12px 15px;} .Cookies p {font-size: 12px;} .cookies-statement .cookies-btn ul li a {width: 150px;font-size: 13px;} .cookies-statement h3{font-size:18px;} .find-solution { padding:0px 0 50px;} .cookies-statement .cookies-btn ul li a { padding: 5px 10px; } .supplairs a{ width:150px;} .services { padding-top:0px;} .menuslider-container .owl-stage-outer{ padding-left:0px;} .header.fixed{ width:355px; right:10px;} .project-type .nav-tabs li { margin: 0 13px;} .project-type .nav-tabs li a{ font-size:18px;} .our-work .body-content.py-100 { padding-bottom: 10px;} .our-work .tab-content h3{ font-size:24px;} .header.fixed{ width:100%; right:0px; border-radius:0px; top:0;} .fixed-text h2,.fixed-text span {font-size: 24px;} #project{ margin-bottom:50px;} .our-work {padding-top: 50px;} .product .container-fluid {padding: 0px 15px 0;} .product { padding: 75px 0px 0;} .product .get-inspired{ padding-bottom:0; margin-bottom:0} .product .download-brochure .brochure-icon{ position:relative; top:0px; width: 76%;} .product .service-icon ul li img{ width:100px;} .product .service-icon ul li{ width:45%} .product .similar{ padding:30px 0 40px} .product .technical .card a{ font-size:25px; padding:0;} .product .table{display: block;overflow-x: scroll;white-space: nowrap;} .product .technical .card-body{ font-size:23px;} .product .technical { margin-top: 0px;} .sitemap ul li a{ font-size:25px;} .get-start-atria h2{ font-size:30px;} .get-start-atria p{ font-size:25px;} .get-start-atria .form-group{ display:block !important;} .get-start-atria .form-group label{ display:block; text-align:left; } .contact-detail p {line-height: 40px; font-size:20px !important;} .faq #main .accordion .card .card-header .btn-header-link{ padding:11px 30px 11px 50px;} .faq #main .accordion .card .card-header .quest {top: 10px;} .faq #main .accordion .card .card-header .btn-header-link.collapsed::after{ top:15px;} .faq #main .accordion .card .card-header .btn-header-link::after{ top:13px;} .privacypolicy h2{ font-size:30px;} .show-popup-ask-close{ padding:25px;} .show-popup-ask-close .scroll img{ width:150px;} .show-popup2-ask-close{ padding:25px;} .show-popup2-ask-close .scroll img{ width:150px;} .get-start-atria .form-control{ padding:4px} .product .feature-like{ margin:50px 15px;} .feature-like h3{ font-size:25px;} .product .feature-like .owl-nav .owl-prev{ font-size:18px;} .product .feature-like .owl-nav .owl-next{ font-size:18px;} .get-start-atria .form-group span { display: none;} .get-start-atria .field label::before{ display:block; top:-11px; left:0} .custom-file-label{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left:0} .get-start-atria .custom-control-label::before, .get-start-atria .custom-control-label::after {top: 7px;} #myBtn{ font-size:18px; margin-top: 25px; display: inline-block; } .video-sec video {height: 250px !important;} .fixed-text span{ margin-bottom:20px;} .ExternalScreens img{ width:100%;} .header .blue-bar{ padding:0 10px;} .main .blue-bar{ background:#062360; padding:15px 10px; z-index:10; position:relative;} .main .main-manu {padding: 0px 0px;} .header.fixed{max-width:100%} .header.fixed.main .logo{ width:150px;} .menuslider-container{ display:none;} .review-bg .review { padding: 0px 0 0 0px;} .review-bg{ padding:50px 15px;} .header.fixed.main .px-100 { padding: 0 25px !important} #getstart .owl-item img{ height:360px;} #getstart .owl-item video{ height:360px !important;} #getstart11 .owl-item img{ height:360px;} #getstart11 .owl-item video{ height:360px !important;} .bannerHome video {height: 70vh !important;} .find-solution .card-header a{ font-size:25px; padding-bottom:5px;} .fs-110 {font-size: 68px;} .brochure-icon { position: static; text-align: center; width: 55%; margin: 0 auto 41px; position: relative; top: 0; right: 0; } .fs-80 { font-size: 50px; line-height: 55px; } .atrialiving .fs-110 {font-size: 50px;} /*#boottomservices h3{ font-size:30px;}*/ .overview .owl-nav{ top:24%} .feature .owl-nav{ top:19%} .experience h2 { font-size: 50px; } .atriaLiving .imgSec video{ height:350px !important;} #feature .owl-nav{ margin-top:0;} #featuretest .owl-nav { margin-top: 0; display: block; z-index: 99; } #featuretest .owl-nav svg { width: 43px; height: 32px; fill: #fff; } #featuretest.owl-carousel .owl-nav button.owl-prev {left: 0px;} #featuretest .owl-nav .owl-next { right: 0px; } #featuretest .owl-next {right: 0;} .overview .instructor ul li { width: 38%;} .instructor h2{ font-size:30px; margin-bottom:50px;} .overview .similar h2{ padding-bottom:0} .instructor { padding: 20px 0 30px;} .instructor h2{ line-height:45px;} .overview h1{ margin-top:30px;} .mobile-view-services h2{ padding-bottom:20px;} /*.arrow1{ right:-20px;}*/ .category .fs-40{ font-size:35px;} .directionMap { width: 87%; } .textView.textActive ul { padding-left: 17px!important;} .iphoneh{height:auto !important; padding:0 12px;} #project .owl-nav {z-index: 9999;margin: 0;} #project .owl-prev {left: 0px;} #project .owl-next {right: 0px;} .our-work h1.fs-110 {font-size: 58px;line-height: 64px;} .button span {padding-right: 33px;font-size: 16px;} .button .workarrow ~ span { padding-right: 1px; font-size: 14px; } .header.fixed {right: 0px !important;top: 0px !important;} .fs-120 {font-size: 80px;} .fs-100 {font-size: 70px;} #toggle div {width: 70%;height: 3px;} #toggle.on .one {width: 70%;} #toggle.on .three {width: 70%;} .fs-50.ipadfont{font-size:39px;} .product .download-brochure {padding: 60px 0;} .fs-115 { font-size: 88px; line-height: 109px; } #project .owl-nav svg { width: 38px; height: 40px; fill: #fff; } #featuretest .owl-stage-outer { margin: 0 0px; } #boottomservices .owl-nav svg { width: 38px; height: 40px; fill: #fff; } #boottomservices .owl-stage-outer { margin: 0 0px; } #boottomservices .owl-nav { position: absolute; width: 100%; top: 30%; transform: translateY(-50%); z-index: 111; } #boottomservices .owl-nav .owl-next { position: absolute; right: 0; top: 0px; } #boottomservices .owl-nav .owl-prev { position: absolute; left: 0; top: 0px; } .iphoneimg-w{width:auto !important;} .contact-form .field-validation-error { left: 0; } .b-logo { bottom: 30px; left: 10px;} } @media only screen and (max-width:575px) { #featuretest .owl-nav { top: 108px; } .header .abuttonipad.ipadscreen a.button span { font-size: 14px; } .abuttonipad a.button span { font-size: 14px; } .abuttonipad a.button.headerbtn{ padding:15px 5px;} /*.abuttonipad.ipadscreen{ left:-19px;}*/ }