@charset "utf-8"; 
* {margin:0px; padding:0px; box-sizing:border-box;}
body {color:#000000; font-family:'Helvetica Now Display';}
img {max-width:100%; height:auto;}
div.c {position:absolute; top:20px; right:20px; width:150px; height:120px; border:0px solid rgb(0, 0, 0); z-index:10;}
img.sticky {position:-webkit-sticky; position:sticky; top:5; right:5; width:150px;}
a {text-decoration:none; color:#000000;}
h1, h2, h3, p {font-family:'Helvetica Now Display';}
h2 {font-size:32px; line-height:150%; font-weight:300; margin-bottom:20px; text-transform:uppercase;}
h2 span {font-weight:500; color:#B99266; display:block;}
p {font-size:16px; line-height:24px; font-weight:300; margin-bottom:20px;}
.lowercase {text-transform:capitalize !important;}
.qloud-entry-container .text-wrap p, .text-wrap.text-center p {font-size:20px; line-height:36px; font-weight:300;}
.wrapper {max-width:1240px; width:100%; margin:0px auto; padding:0px 20px;}
.text-center {text-align:center;}
.video-wrapper {position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
.video-overlay {position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); color:white; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.video-overlay .wrapper {height:100%; display:flex; flex-direction:column;}
.main-caption {margin:auto 0px 50px 0px; max-width:100%; width:100%; text-align:center;}
.main-caption img {width:270px; margin-bottom:10px;}
.main-caption h1 {width:100%; font-size:36px; line-height:150%; font-weight:300; margin-bottom:10px; display:inline-block;}
.main-caption p {width:100%; font-size:18px; line-height:26px; border-top:1px solid #ffffff; padding-top:10px;}
.main-tabs {margin-bottom:auto;}
.main-tabs ul {list-style:none; padding:0px; margin:0px; display:flex; justify-content:center;}
.main-tabs ul li {margin:0px 25px;}
.main-tabs ul a {display:inline-block; font-size:16px; line-height:24px; font-weight:300; color:#ffffff; text-transform:uppercase; text-decoration:none; border:1px solid #B99266; padding:12px 12px; min-width:135px; text-align:center;}
.video-wrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}
.row {display:flex; flex-wrap:wrap;}
.row-reverse {flex-direction:row-reverse;}
.row .image-wrap {width:50%; flex:3; margin:auto; padding:0px 15px; position:relative; overflow:hidden;}
.row .image-wrap .img {position:relative; overflow:hidden; line-height:0px;}
.image-wrap .img:hover img {opacity:1; -webkit-animation:flash 1.5s; animation:flash 1.5s;}

@-webkit-keyframes flash {
	0% {opacity:.4;}
	100% {opacity:1;}
}

@keyframes flash {
	0% {opacity:.4;}
	100% {opacity:1;}
}

.row .text-wrap {width:50%; flex:3; margin:auto; padding:0px 15px;}
.qloud-entry-container {padding:120px 0px 100px 0px;}
.modes .image-wrap {padding:0px;}
.modes-images-wrap .row {justify-content:space-between;}
.modes-images-wrap .row .col {width:calc(25% - 5px);}
.modes-images-wrap .img {line-height:0px; position:relative; overflow:hidden;}
.modes-images-wrap .img img {width:100%; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transition:all ease 0.5s;}
.modes-images-wrap .img img:first-child {position:relative; z-index:1;}
.modes-images-wrap .img img:last-child {position:absolute; top:0px; left:0px;}
.modes-images-wrap .img:hover img:first-child {opacity:0;}
.choose-two-modes {padding:120px 0px 100px 0px;}
.qloud-panel-container {padding-bottom:50px;}
.panel-banner {margin-bottom:50px;}
.panel-banner img {width:100%;}
.qloud-panel-details {display:flex; flex-wrap:wrap; justify-content:flex-start; padding:70px 0px;}
.qloud-panel-details > div {margin-right:30px;}
.text-wrap.text-center {max-width:810px; width:100%; margin:0px auto;}
.row-container {padding:80px 0px;}
.qloud-technology-container {background-color:#F5F5F5;}
.qloud-technology-container ul {margin-top:20px; padding-left:20px;}
.qloud-technology-container li {font-weight:300;}
.qloud-clrs {display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:60px;}
.qloud-panel-details > div img, .qloud-clrs > div img {transition:all 0.4s ease;}
.qloud-panel-details > div:hover img, .qloud-clrs > div:hover img {webkit-transform:scale(0.93); -moz-transform:scale(0.93); -ms-transform:scale(0.93); transform:scale(0.93);}
.qloud-clr-container {padding:120px 0px 80px 0px;}
.qloud-clrs > div {margin:0px 20px; text-align:center;}
.parallax-window {min-height:624px; background:transparent; display:flex; align-items:center; text-align:center;}
.parallax-window h2 {max-width:650px; width:100%; margin:0px auto; color:#ffffff;}
.faq-container {padding:80px 0px;}
.faq-container .faq {max-width:860px; width:100%; margin:0px auto;}
.faq-item {border-bottom:1px solid #D6D6D6; padding:20px 0px;}
.faq-item:last-child {border-bottom:none;}
.question {font-size:24px; line-height:36px; font-weight:300; cursor:pointer; padding-right:20px;}
.answer {display:none; margin-top:10px; padding-left:20px; font-size:16px; line-height:24px; font-weight:300;}
.plus-minus {float:right;}
.qloud-catalogue-container {margin:50px 0px 130px 0px; background-color:#F5F5F5;}
.qloud-catalogue-container .row {max-width:1040px; width:100%; margin:0px auto;}
.qloud-catalogue-container .row .image-wrap {width:inherit; flex:1; overflow:visible;}
.qloud-catalogue-container .row .image-wrap img {min-width:310px; width:100%; height:auto; margin:-80px 0px -50px 0px;}
.download-catalogue-button {display:flex; align-items:center;}
.download-catalogue-button > div {padding-right:50px; margin-right:50px; border-right:1px solid rgba(0, 0, 0, 0.5);}
.download-catalogue-button > div:last-child {padding-right:0px; margin-right:0px; border-right:none;}
.download-catalogue-button h2 {font-size:24px; line-height:36px; font-weight:300; margin-bottom:0px;}
.download-catalogue-button .icon {margin-left:50px;}


.pt-gap-1{padding-top:120px;}
.pb-gap-1{padding-bottom:120px;}
.pt-gap-2{padding-top:80px;}
.pb-gap-2{padding-bottom:80px;}
.mt-gap-1{margin-top:120px;}
.mb-gap-1{margin-bottom:120px;}
.mt-gap-2{margin-top:80px;}
.mb-gap-2{margin-bottom:80px;}
.largefont{font-size:20px;}
.lh-2{line-height:180%;}
.readmore-btn{position:relative;}
.readmore-btn::after{content: ""; display: inline-block; height: 12px; width: 17px; position: absolute; right: -25px; top: 3px;  background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5303 6.53033C16.8232 6.23744 16.8232 5.76256 16.5303 5.46967L11.7574 0.696699C11.4645 0.403806 10.9896 0.403806 10.6967 0.696699C10.4038 0.989593 10.4038 1.46447 10.6967 1.75736L14.9393 6L10.6967 10.2426C10.4038 10.5355 10.4038 11.0104 10.6967 11.3033C10.9896 11.5962 11.4645 11.5962 11.7574 11.3033L16.5303 6.53033ZM0 6.75H16V5.25H0V6.75Z' fill='%23000000'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; background-size: 100% auto;}
.readmore-btn.white{color:#FFFFFF;}
.readmore-btn.white::after{background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5303 6.53033C16.8232 6.23744 16.8232 5.76256 16.5303 5.46967L11.7574 0.696699C11.4645 0.403806 10.9896 0.403806 10.6967 0.696699C10.4038 0.989593 10.4038 1.46447 10.6967 1.75736L14.9393 6L10.6967 10.2426C10.4038 10.5355 10.4038 11.0104 10.6967 11.3033C10.9896 11.5962 11.4645 11.5962 11.7574 11.3033L16.5303 6.53033ZM0 6.75H16V5.25H0V6.75Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");}
.main-caption.text-left{text-align:left;}
.caption-width{width:365px;}
ul.custom-list{margin-top:0px; margin-bottom:20px; padding-left:20px; text-align:left;}
ul.custom-list > li {font-weight:300; margin-bottom:10px;}
ul.custom-list > li:last-child{margin-bottom:0;}
.cs-col-center{display:inline-block; width: auto;}
.cs-row-col-3{margin-left:-15px; margin-right:-15px;}
.cs-row-col-3 > div{flex: 1 0 33.33%; padding:0 15px; max-width: 33.33%;} 
.icon1{width:100px;}
.cs-row-col-center{justify-content:center;}
.cs-row-col-center > div{flex:0 0 auto; max-width: 100%;}
.touch-free-col2{width:calc(100% - 170px); margin-left:auto;}
.clp-aic{align-items:center;}
.cs-row-col-4{margin-left:-15px; margin-right:-15px;}
.cs-row-col-4 > div{flex: 1 0 25%; padding:0 15px; max-width: 25%;} 
.cs-title3 {font-size:26px; line-height:150%; font-weight:300; margin-bottom:20px; text-transform:uppercase;}
.cs-title3 span {font-weight:500; color:#B99266; display:block;}
.cs-100{width:100%;}
.cs-mb-20{margin-bottom:20px;}
.image-wrap.cs-100{width:100%; flex:0; padding:0;}
.image-wrap.cs-mb-20{margin-bottom:20px;}
.cs-title5 {font-size:18px; line-height:150%; font-weight:300; margin-bottom:20px; text-transform:uppercase;}
.cs-title5 span {font-weight:500; color:#B99266; display:block;}
.as-lp-features{gap:0px; }
.as-lp-features > div{width:33.33%; padding:0 10px;}
.as-lp-feature-col .img > img{width:100px;}
ol.custom-list{margin-top:0px; margin-bottom:20px; padding-left:20px; text-align:left;}
ol.custom-list > li {font-weight:300; margin-bottom:10px;}
ol.custom-list > li:last-child{margin-bottom:0;}
.tri-lp-benefit-row{justify-content:left; }
.tri-lp-benefit-row > div{width:200px;}
.tri-lp-benefit-col .img > img {width: 100px;}

.full-width-wrapper{max-width:100%; padding:0;}
.row .cscol-41{padding:0; flex:1 1 41%;}
.row .cscol-59{padding:0; flex:1 1 59%;}
.width-100{width:100%;}
.bdr_left {padding-bottom: 20px; position: relative;}
.bdr_left::before {content: ""; display: block;  height: 1px;  width: 200%;  background: #004650;  position: absolute;  left: -188%;  bottom: 0;}
.cscol-right{float:right; width:600px; max-width:100%; padding:40px 80px;}
.cscol-left{float:left; width:600px; max-width:100%; padding:40px 80px;}
.cs-hidden{overflow:hidden;}
.cs-banner-wrap{padding-bottom:0; height:auto;}
.cs-banner-img{display:block; height:auto; object-fit:initial;}

@media(max-width:1366px) {
.pt-gap-1{padding-top:60px;}
.pb-gap-1{padding-bottom:60px;}
.pt-gap-2{padding-top:40px;}
.pb-gap-2{padding-bottom:40px;}
.mt-gap-1{margin-top:60px;}
.mb-gap-1{margin-bottom:60px;}
.mt-gap-2{margin-top:40px;}
.mb-gap-2{margin-bottom:40px;}

.cscol-right{padding:40px 40px;}
.cscol-left{padding:40px 40px;}
}


@media(max-width:991px) {
.largefont{font-size:18px;}
.cs-row-col-4 > div{flex: 1 0 33.33%; max-width: 33.33%;}
.as-lp-features > div{flex: 1 0 50%; max-width: 50%;}
.tri-lp-benefit-row{justify-content:center;}

.cscol-right{padding:20px 20px; width:100%;}
.cscol-left{padding:20px 20px; width:100%;}
}

@media(max-width:767px) {
.largefont{font-size:16px;}
.cs-row-col-4 > div,.cs-row-col-3 > div{flex: 1 0 50%; max-width: 50%;}
.tri-lp-benefit-row > div {width: auto; padding:0 10px; margin-bottom:20px;}
}


@media(max-width: 640px) {
.video-wrapper {position:relative; width:100%; height:100vh; overflow:hidden;}
.video-wrapper iframe {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:200vh; border:none;}
.main-tabs ul {flex-direction:column;}
.main-tabs ul li {text-align:center; margin:15px 0px 0px 0px;}
.main-tabs ul a {min-width:200px;}
h2 {font-size:24px; line-height:130%;}
.question {font-size:18px; line-height:28px;}
.modes-images-wrap .row .col {width:calc(50% - 5px); margin-bottom:15px;}
.parallax-window {min-height:250px;}
.row-container-2 {padding-top:0px;}
.row {flex-direction:column; align-items: flex-start;}
.row .image-wrap, .row .text-wrap {width:100%; flex:1; padding:0px;}
.row .image-wrap {margin-bottom:20px;}
.modes-images-wrap .row, .choose-two-modes > .row > .image-wrap .row {flex-direction:row; justify-content:space-between;}
.choose-two-modes > .row > .image-wrap .row .image-wrap {max-width:calc(50% - 5px); width:100%; margin:0px;}
.choose-two-modes > .row > .image-wrap .row .image-wrap p {font-size:12px; line-height:20px;}
.qloud-clrs {flex-wrap:wrap; align-items:flex-start;}
.qloud-clrs > div {width:24%;}
.qloud-catalogue-container .row .image-wrap {text-align:center; margin-bottom:0px;}
.qloud-catalogue-container .row .image-wrap img {max-width:310px; margin:0px;}
.download-catalogue-button {flex-wrap:wrap; justify-content:space-around; text-align:center; padding-bottom:20px;}
.download-catalogue-button > div:first-child {width:100%; padding-right:0px; margin-right:0px; border-right:0px; margin-bottom:20px;}
.download-catalogue-button > div {width:50%; padding-right:0px; margin-right:0px;}
.qloud-panel-details {justify-content:space-around;}
.qloud-panel-details > div {margin:0px 15px;}

.cs-row-col-4 > div,.cs-row-col-3 > div{flex: 1 0 100%; max-width: 100%; width: 100%;}
.mobile-mb-1{margin-bottom:60px;}
.touch-free-col2{width:100%;}
.main-caption h1{font-size:32px;}
.cs-mb-20 {margin-bottom: 20px;}
.three-cat-group > div{margin-bottom:20px;}
.three-cat-group > div > .img{margin-bottom:10px;}
.caption-width{width:100%;}
.touch-row-col1{margin-bottom:10px;}
.as-lp-features{flex-direction:row;}
.mobile-reverse-column{flex-direction: column-reverse;}
.tri-lp-benefit-row{flex-direction:row;}
.tri-lp-benefit-row > div{width:50%;}

.cscol-right{padding:0px 20px 20px 20px;}
.cscol-left{padding:0px 20px 20px 20px;}
.cs-banner-wrap{height:auto;}
.cs-banner-wrap .main-caption{margin-bottom:20px;}
.cs-banner-wrap .cs-banner-img{height: 275px; object-fit: contain; background-color: #000;}
}