@charset "utf-8";html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased;}
body{margin:0;padding:0;font-family: 'Roboto-Regular';background:#ffffff;font-size:15px; color: #3e3e3e; overflow-x: hidden;}
ul, ol, p, form, input, textarea, select, pre, em, sub, sup, canvas, section, article, aside, img, a, li, iframe, table, nav, header, footer, body, menu, button{margin:0;padding:0;font-family:'gotham_lightregular';vertical-align:middle;box-sizing:border-box;-webkit-box-sizing:border-box;list-style:none;text-decoration:none;outline:none;border:0;border-spacing:0;border-collapse:collapse;font-family: 'Roboto-Regular';}
*, after, before{box-sizing:border-box;-webkit-box-sizing:border-box;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
a{text-decoration: none!important;color: #333333;}
a:hover{color: #7e84b0;}
label{font-weight: 100;}
b, strong{font-family: 'Roboto-Regular';font-weight:700;}
a:focus{background: none;}
u{text-decoration:underline;}
i, em{font-style:italic;}
img{max-width:100%;}
.clear{clear:both;}
input[type="button"], 
input[type="submit"], 
input[type="reset"],
input[type="text"],
select,
textarea{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
select::-ms-expand{display:none;}
input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer;}
p{color:#0f0f0f;}


@font-face{font-family: 'Roboto-Black';src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf')  format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Roboto-Bold';src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Roboto-Medium';src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf')  format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Roboto-Regular';src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');font-weight: normal;font-style: normal;}
@font-face{font-family: 'Roboto-Light';src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf')  format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');font-weight: normal;font-style: normal;}


.fulwraper{width: 100%;float: left;}
header{position: absolute;padding: 30px 0;transition: 0.4s;-webkit-transition: 0.4s;z-index: 2}
.logo-bx{display: inline-block;float: left;}
.fixed-header{background: #78909c;padding: 20px 0;position: fixed;left: 0;top: 0;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.header-btm-menu{padding: 25px 0;border-top: 1px solid rgba(255,255,255,0.2);border-bottom: 1px solid rgba(255,255,255,0.2);text-align: right;}
.header-btm-menu a{display: inline-block;margin-left: 23px;font-size: 14px;font-family: 'Roboto-Light';color: #fff;font-weight: 300;transition: 0.4s;-webkit-transition: 0.4s;letter-spacing: 0.5px; text-transform: uppercase;}
.header-btm-menu a:hover{opacity: 0.8;}

.banner-main-outer{background: #567889;padding-top: 112px;margin-bottom: 112px;}
.mid-banner-img{min-height: 1028px;width: 100%;background: url(../images/banner-img.png) no-repeat;background-position: center;}
.for-mobile-banner-img{display: none;}
.main-menu-right-bx{float: right;display: inline-block;}
.main-menu-right-bx ul li{display: inline-block;float: left;}
.main-menu-right-bx ul li a,
.main-menu-right-bx ul li button{display: inline-block;padding: 14px 20px;font-size: 16px;color: #f6f6f6;text-transform: uppercase;font-family: 'Roboto-Regular';background: transparent;border-radius: 5px;transition: 0.4s;-webkit-transition: 0.4s;margin-left: 5px;}
.main-menu-right-bx ul li a:hover{background: #ffae00;color: #fff;}
.main-menu-right-bx ul li.contact-us-li a,
.main-menu-right-bx ul li.contact-us-li button{background: #ffae00;padding: 14px 37px;margin-left: 15px;color: #fff;}
.main-menu-right-bx ul li.contact-us-li a:hover,
.main-menu-right-bx ul li.contact-us-li button:hover{background: #e2a116;}
.service-to-home-outer{margin-bottom: -86px;margin-top: -177px;position: relative;}
.service-to-home-outer .all-same-heading{margin-bottom: 0;}
.mouse-img{margin-bottom: 30px;}
.all-same-heading{margin-bottom: 75px;}
.all-same-heading h2{font-size: 48px;font-family: 'Roboto-Bold';color: #78909c;margin-bottom: 10px;}
.all-same-heading p{color: #2f2f2f;font-size: 16px;font-family: 'Roboto-Regular';}
.all-same-heading.white-heading h2{color: #fff;}
.all-same-heading.white-heading p{color: #f6f6f6;max-width: 450px;margin: 0 auto;}
.service-to-home-btm-bx{padding: 0 28px 0 91px;}
.service-to-home-content{display: inline-block;float: left;padding-top: 137px;}
.service-to-home-content ul li{display: inline-block;float: left;margin-right: 69px;}
.service-to-home-content ul li:last-child{margin-right: 0;}
.service-icon-bx{width: 103px;height: 56px;background: url(../images/service-to-home-icon.png) no-repeat;margin: 0 auto;}
.service-icon-1{background-position: 0 15px;}
.service-icon-2{background-position: 0 -64px;}
.service-icon-3{background-position: 0 -138px;}
.service-title h5{font-size: 16px;color: #fff;line-height: 20px;font-family: 'Roboto-Medium';margin: 18px auto 0 auto;max-width: 184px;text-align: center;}
.service-right-img{display: inline-block;float: left;margin-left: 40px;}

.power-services-bx{max-width: 664px;margin: 0 auto 53px auto;}
.power-services-bx ul li{display: inline-block;float: left;width: 33.3333%;text-align: center;}
.power-services-bx ul li:last-child{margin-right: 0;}
.power-services-icon{width: 45px;height: 45px;background: url(../images/power-service-icon.png) no-repeat;margin: 0 auto 32px auto;display: inline-block;}
.power-services-icon-1{background-position: 0 0;}
.power-services-icon-2{background-position: 0 -61px;}
.power-services-icon-3{background-position: 0 -126px;}
.power-services-title h5{font-size: 18px;color: #2f2f2f;font-family: 'Roboto-Medium';}

.one-fixed-bx-left-bx{padding-top: 57px;padding-right: 60px;}
.one-fixed-bx-left-bx h2{font-size: 34px;color: #78909c;font-family: 'Roboto-Bold';margin-bottom: 42px;}
.one-fixed-bx-left-bx .check-ul{padding-left: 5px;}
.check-ul{display: block;}
.check-ul li{display: inline-block;float: left;font-size: 18px;color: #2f2f2f;margin-bottom: 30px;position: relative;width: 50%;padding-left: 30px;font-family: 'Roboto-Regular';}
.check-ul li:nth-child(odd){clear: both;}
.check-ul li i{position: absolute;left: 0;top: 2px;}
.one-fixed-bx-right-bx{padding-left: 24px;}

.soho-series-outer{padding-top: 153px;/*background: url(../images/series-bg-img.jpg) no-repeat;*/position: relative;}
.soho-series-outer .all-same-heading{margin-bottom: 96px;}
.soho-series-outer .all-same-heading h2{color: #f6f6f6;font-size: 38px;}
.soho-series-row{width: 100%;float: left;position: relative;z-index: 2;text-align: center;}
.soho-series-colum{vertical-align: bottom;width: 33%;display: inline-block;float: left;padding: 50px 0 30px;position: relative;}
/*.soho-series-colum:before{content: "";position: absolute;right: 0;bottom: 0;height: 50%;width: 1px;background: #7b929c;}*/
/*.soho-series-colum:after{content: "";position: absolute;bottom: 0;left: 0;background: #7a909b;width: 100%;height: 1px;}*/
.soho-series-colum:nth-child(1):after{background: -moz-linear-gradient(0deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(143,162,171,0.1)), color-stop(100%, rgba(143,162,171,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(0deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(0deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(0deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* ie10+ */
background: linear-gradient(90deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa2ab', endColorstr='#8fa2ab',GradientType=1 ); /* ie6-9 */}
.soho-series-colum:nth-child(3):after{background: -moz-linear-gradient(180deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(143,162,171,1)), color-stop(100%, rgba(143,162,171,0.1))); /* safari4+,chrome */
background: -webkit-linear-gradient(180deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(180deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(180deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* ie10+ */
background: linear-gradient(270deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa2ab', endColorstr='#8fa2ab',GradientType=1 ); /* ie6-9 */}
.soho-series-colum-inner{display: block;text-align: center;}
.soho-series-img{margin-bottom: 33px;}
.soho-series-img img{max-height: 219px;}
.on-hover-visible{display: none;}
.soho-series-img:hover .on-hover-none{display: none;}
.soho-series-img:hover .on-hover-visible{display: inline-block;}
.soho-series-colum:nth-child(1){text-align: left;width: 27%;}
.soho-series-colum:nth-child(1) .soho-series-colum-inner{text-align: left;}
.soho-series-colum:nth-child(1) .soho-series-colum-inner .btn-primary{margin-left: 5px;}
.soho-series-colum:nth-child(1) .soho-series-colum-inner .product-price{margin-left: 18px;}
.soho-series-colum:nth-child(1) .soho-series-colum-inner .per-month-bx{margin-left: 11px;}
.soho-series-colum:nth-child(1) .soho-series-colum-inner .soho-series-img{margin-left: 14px;}

.soho-series-colum:nth-child(2){text-align: center;width: 46%;}
.soho-series-colum:nth-child(3) .soho-series-colum-inner{text-align: right;}
.soho-series-colum:nth-child(3){text-align: right;width: 27%}
.soho-series-colum:nth-child(3) .soho-series-colum-inner .btn-primary{margin-right: 13px;}
.soho-series-colum:nth-child(3) .soho-series-colum-inner .product-price{margin-right: 19px;}
.soho-series-colum:nth-child(3) .soho-series-colum-inner .per-month-bx{margin-right: 16px;}
.soho-series-colum:nth-child(3) .soho-series-colum-inner .soho-series-img{margin-right: 6px;}
.soho-series-colum:last-child{width: 100%;padding: 10px 0;}
.soho-series-colum:last-child .soho-series-colum-inner{display: inline-block;border: 2px solid #78909c;padding: 25px;}
.soho-series-colum:nth-last-child(2){width: 50%;padding: 10px 0;}
.soho-series-colum:last-child:after{display: none;}
.soho-series-colum:nth-last-child(2):after{display: none;}
.soho-series-colum:nth-last-child(3):before{display: none;}
.soho-series-colum:last-child:before{display: none;}
.soho-series-colum:nth-last-child(2):before{top: 0;height: 80%;
background: -moz-linear-gradient(90deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(143,162,171,1)), color-stop(100%, rgba(143,162,171,0.1))); 
background: -webkit-linear-gradient(90deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); 
background: -o-linear-gradient(90deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); 
background: -ms-linear-gradient(90deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); 
background: linear-gradient(0deg, rgba(143,162,171,0.1) 0%, rgba(143,162,171,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fa2ab', endColorstr='#8fa2ab',GradientType=0 ); 
}
.soho-series-title h5{font-size: 20px;color: #2f2f2f;font-family: 'Roboto-Bold';}
.soho-series-title h5 span{color: #ffae00;}
.soho-series-colum .soho-series-colum-inner .btn-primary{padding: 12px 30px;margin-top: 5px;font-size: 15px;}
.product-price{font-size: 21px;color: #788f9a;margin-top: 5px;font-family: 'Roboto-Bold';}
.per-month-bx{font-size: 14px;color: #7d7d7d;margin: 5px 0;font-family: 'Roboto-Medium';}
.per-month-bx span{font-family: 'Roboto-Regular';}
.portable-heading{width: 100%;float: left;}
.portable-heading h2{font-size: 38px;font-family: 'Roboto-Bold';color: #78909c;margin: 40px 0;}
#canvas{position: relative;width: 100%;float: left;overflow: hidden;min-height: 676px;padding-bottom: 28px;}
#canvas:after,
#canvas:before{content: "";width: 100%;height: 753px;position: absolute;bottom: 0;left: 0;background: #fff;}
#canvas:before{bottom: auto;top: 0;height: 60px;}
#canvas div canvas{display: none!important;}
#canvas canvas{position: absolute;left: 0;top: -80px; z-index: -1;/*width: 100%!important;height: 676px!important;*/min-height: 676px!important;}

#header-canvas{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

.power-as-service-outer{padding-bottom: 83px;padding-top: 210px;}
.power-as-service-outer .all-same-heading{margin-bottom: 0;}
.power-as-service-outer .all-same-heading h2{font-size: 38px;}
.power-as-service-outer .all-same-heading p{max-width: 870px;margin-left: auto;margin-right: auto;}
.power-house-img{padding: 55px 130px 35px 0;}
.token-btm-section{margin-top: 35px;}
.token-btm-section .colum{padding: 0;}
.token-btm-section img{width: 100%;}
.token-img{position: relative;}
.token-img img{/*min-height: 524px;max-height: 524px;*/object-fit: cover;}
/*.token-img-left-bx img{min-height: 714px;max-height: 714px;object-fit: cover;width: 100%;}
.token-img-right-top img,
.token-img-right-btm img{min-height: 357px;max-height: 357px;object-fit: cover;width: 100%;}*/
.token-img-on-txt{position: absolute;bottom: 25px;left: 26px;}
.token-img-on-txt h2{font-size: 53px;color: #f6f6f6;font-family: 'Roboto-Black';text-shadow: 3px 7px 10px rgba(0,0,0,0.4);text-transform: uppercase;line-height: 42px;}
.token-img-on-txt h2 span{display: block;color: #ffae00;font-size: 49px;text-shadow: 3px 12px 20px rgba(0,0,0,0.7);font-family: 'Roboto-Bold';position: relative;z-index: 1;}
.token-img-on-txt h2 small{font-size: 17px;vertical-align: top;color: #f6f6f6;font-family: 'Roboto-Bold';margin-left: 15px;margin-right: -6px;display: inline-block;text-shadow: 0 0 10px rgba(0,0,0,0.2);}
.token-img-on-txt h2 big{margin-left: 28px;font-size: 53px;}

.keep-supply-outer{background: #e4e9eb;padding-top: 80px;min-height: 707px;}
.keep-supply-left-bx{padding-right: 54px;transform: translateY(106px);-webkit-transform: translateY(106px);}
.keep-supply-left-bx h2{font-size: 38px;color: #78909c;line-height: 45px;font-family: 'Roboto-Bold';}
.keep-supply-left-bx p{font-size: 16px;color: #78909c;line-height: 29px;margin: 25px 0 38px 0;font-family: 'Roboto-Regular';} 
.keep-supply-left-bx h5{font-size: 14px;color: #78909c;text-transform: uppercase;margin-bottom: 22px;font-family: 'Roboto-Medium';}
.app-download-source{display: inline-block;}
.app-download-source li{display: inline-block;float: left;margin-right: 10px;}
.app-download-source li:last-child{margin-right: 0;}
.app-download-source li a{width: 73px;height: 73px;text-align: center;border: 2px solid #fff;border-radius: 50%;display: inline-block;color: #f6f6f6;font-size: 45px;padding-top: 2px;transition: 0.4s;-webkit-transition: 0.4s;background: #78909c;}
.app-download-source li a:hover{background: #fff;color: #78909c;border-color: transparent;box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.keep-supply-inner{position: relative;}
.keep-supply-right-bx-outer{position: absolute;right: -100px;bottom: -372px;}
.keep-supply-right-bx{position: relative;}
.keep-supply-right-bx > img{position: relative;z-index: 1;}
.mobile-bg-img{position: absolute;right: -27px;top: 40px;pointer-events: none;}

.about-us-outer{padding: 83px 0;}
.video-bx{border-radius: 4px;overflow: hidden;position: relative;display: inline-block;}
.play-btn-bx{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.about-right-bx h2{font-size: 38px;color: #78909c;font-family: 'Roboto-Bold';margin-bottom: 15px;}
.about-right-bx p{font-size: 16px;color: #2f2f2f;line-height: 25px;font-family: 'Roboto-Regular';margin-bottom: 30px;}
.about-right-bx p:last-child{margin-bottom: 0;}

/* Video Modal
-----------------------------------------*/
.video-modal,
.video-modal .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 3000;}
.video-modal{overflow: hidden;position: fixed;opacity: 0.0;-webkit-transform: translate(500%,0%);transform: translate(500%,0%);-webkit-transition: -webkit-transform 0s linear 0s;transition: transform 0s linear 0s;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.video-modal .overlay {z-index: 0;background: rgba(0,0,0,0.82);opacity: 0.0;-webkit-transition: opacity 0.2s ease-out 0.05s;transition: opacity 0.2s ease-out 0.05s;}
.video-modal-content{position: relative;top: auto;right: auto;bottom: auto;left: auto;z-index: 1;margin: 0 auto;overflow-y: visible;background: #000;width: calc(100% - 12em);height: 0;padding-top: calc((100% - 12em) * 0.5625);}

@media (min-aspect-ratio: 16/9) {
  .video-modal-content{width: 0;height: calc(100vh - 10em);padding-top: 0;padding-left: calc((100vh - 10em) * 1.7778);}
}

@media (max-width: 640px) {
  .video-modal-content{width: calc(100% - 1em);padding-top: calc((100% - 1em) * 0.5625);}
}

/* modal close button */
.close-video-modal{display: block;position: absolute;left: 0;top: -40px;text-decoration: none;font-size: 20px;font-weight: bold;color: #fff;}
iframe#youtube{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;background: #000;box-shadow: 0px 2px 16px rgba(0,0,0,0.5);}
.show-video-modal .video-modal{opacity: 1.0;transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}
.show-video-modal .video-modal .overlay {opacity: 1.0;}
.show-video-modal .video-modal-content{transform: translate(0%,0%);-webkit-transform: translate(0%,0%);}

.energy-features-outer{padding-top: 90px;position: relative;}
.energy-features-outer:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}
.energy-features-outer .all-same-heading h2{font-size: 38px;color: #f6f6f6;}
.upper{position: relative;z-index: 1;}
.energy-features-left-bx{text-align: center;}
.energy-features-right-bx{padding-top: 40px;padding-left: 22px;}
.capacity-bx{pointer-events: none;margin-bottom: 54px;}
.energy-features-right-bx .check-ul{margin-left: 20px;}
.energy-features-right-bx .check-ul li{color: #f6f6f6;width: 50%;}
/*.energy-features-right-bx .check-ul li:nth-child(odd){width: 45%;}*/

.clear-energy-img-bx{margin-top: -1px;}
.contact-form-inner{max-width: 520px;margin: 50px auto;}
.contact-form-inner .all-same-heading{margin-bottom: 30px;}
.contact-form-inner .all-same-heading p{max-width: 490px;margin: 0 auto;}
.all-form-row{margin-bottom: 15px;}
.all-form-row:last-child{margin-bottom: 0;}
.all-form-cell label{font-size: 16px;color: #2f2f2f;margin-bottom: 10px;font-family: 'Roboto-Regular';}
.form-control{height: 45px;border: 2px solid #dde5ed;border-radius: 4px;background: #fff;padding-left: 18px;font-size: 14px;color: #858585;font-family: 'Roboto-Medium';box-shadow: none;}
.form-control:focus{box-shadow: none;outline: none;border-color:#78909c;}
textarea.form-control{max-width: 100%;min-width: 100%;min-height: 150px;max-height: 150px;}
.btn.btn-primary{padding: 14px 30px;background: #ffae00;color: #fff;text-transform: uppercase;font-family: 'Roboto-Regular';transition: 0.4s;-webkit-transition: 0.4s;font-size: 18px;border: none;}
.btn.btn-primary:hover{background: #e2a116;}
.contact-form-inner .btn.btn-primary{display: block;width: 100%;}

.now-bx{margin: 110px 0;text-align: center;}
.now-bx h2{font-size: 38px;color: #50636c;font-family: 'Roboto-Bold';margin-bottom: 15px;}
.now-bx p{font-size: 22px;color: #50636c;font-family: 'Roboto-Bold';}

.contactinfo-right{max-width: 772px;margin: 0 auto;}
.contactinfo-right .hbspt-form { margin-top: 10px; }
.contactinfo-right .hbspt-form label { color: #686868; font-size: 15px; font-weight: 300; margin: 0; padding: 0; margin-bottom: 10px; }
.contactinfo-right .hbspt-form .hs-input { height: 45px;border-bottom: 3px solid #cbcbcb;border-radius: 0;background: #fff;padding-left: 0;font-size: 18px;color: #78909c;font-family: 'Roboto-Medium';box-shadow: none;margin-bottom: 30px;width: 100%;}
.contactinfo-right .hbspt-form .hs-input:focus { box-shadow: none;outline: none;border-color:#78909c;}
.contactinfo-right .hbspt-form fieldset { max-width: 100%; }
.contactinfo-right .hbspt-form .hs-error-msgs label{color: red;font-size: 13px;margin-top: -20px;display: block; }
.contactinfo-right .hbspt-form .hs-button.primary {padding: 17px 66px;border-radius: 3px;background: #ffae00;color: #fff;text-transform: uppercase;font-family: 'Roboto-Bold';transition: 0.4s;-webkit-transition: 0.4s;font-size: 18px;border: none;margin-top: 20px;}
.contactinfo-right .hbspt-form .hs-button.primary:hover{    background: #e2a116;}
.contactinfo-right .grecaptcha-badge{display: inline-block;margin-top: 10px;}
.contactinfo-right .input,
.contactinfo-right .actions{text-align: center;}
.contact-form-outer{padding-bottom: 100px;}
.hs-richtext{margin: 0 0 40px 0;text-align: center;}
.hs-richtext h4{font-size: 38px;color: #78909c;font-family: 'Roboto-Bold';margin-bottom: 15px;}
.hs-richtext p{font-size: 18px;color: #78909c;font-family: 'Roboto-Regular';margin-bottom: 75px;}

.menu-toogle-bx{display: none;}
.black-layer{display: none;}

.warranty-outer{padding: 97px 0;position: relative;}
.warranty-outer:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000;opacity: 0.5;}
.warranty-content h2{font-size: 39px;color: #fff;margin-bottom: 28px;font-family: 'Roboto-Bold';}
.warranty-txt{font-size: 16px;color: #f6f6f6;line-height: 25px;font-family: 'Roboto-Regular';margin-bottom: 25px;/*max-width: 781px;*/}
.warranty-right-canvas-img{margin-top: -50px;}
.warranty-content h4{font-size: 22px;color: #f6f6f6;font-family: 'Roboto-Bold';margin-bottom: 25px;margin-top: 45px;}
.warranty-check-outer{max-width: 1067px;}
.warranty-check-outer ul li{width: 100%;font-size: 18px;color: #ffae00;margin-bottom: 15px;}
.inputs-list li{display: inline-block;float: left;margin-right: 15px;}
.inputs-list li label input{display: none;}
.inputs-list li label span{position: relative;display: inline-block;padding-left: 30px;cursor: pointer;}
.inputs-list li label span:after,
.inputs-list li label span:before{content: "";left: 0;top: 1px;width: 20px;height: 20px;border: 1px solid #cbcbcb;position: absolute;border-radius: 50%;}
.inputs-list li label span:before{top: 50%;left: 5px;background: #78909c;width: 10px;height: 10px;transform: translateY(-50%);-webkit-transform: translateY(-50%);border: none;visibility: hidden;opacity: 0;}
.inputs-list li label input[type="radio"]:checked + span:before{visibility: visible;opacity: 1;}
.partner-form-outer.contactinfo-right{max-width: initial;}
#partner-popup .modal-content{padding: 30px 46px;}
#partner-popup .modal-body{padding: 0;}
/*.partner-form-outer{margin-right: -27px;}*/
/*.partner-form-outer .form-columns-2 .input{margin-right: 27px!important;}*/
.partner-form-outer.contactinfo-right .hs-richtext p{margin-bottom: 45px;}
.contactinfo-right .hbspt-form textarea.hs-input{resize: none;height: 80px;}
.contactinfo-right .hs-form-field{position: relative;}
.hs_error_rollup{width: 100%;float: left;text-align: center;}
.hs_error_rollup label{margin-top: 10px!important;text-align: center;display: block;}
.hs_error_rollup .inputs-list li{float: none;}
.contactinfo-right .hs-form-field > label{transform: translateY(12px); position: absolute;top: 0;left: 0; transition: 0.4s;-webkit-transition: 0.4s;font-size: 18px;color: #919191;font-family: 'Roboto-Medium';z-index: 5;}
/*.partner-form-outer .form-columns-2 .hs-form-field:nth-child(even) .input{margin-right: 0;}*/

/*.hs_city.hs-city.hs-fieldtype-text.field.hs-form-field {
    width: 25%;
}
.hs_state.hs-state.hs-fieldtype-text.field.hs-form-field{width: 25%;}*/
/*.partner-form-outer .form-columns-2:nth-child(4){width: 50%;display: inline-block;float: left;}*/
.contactinfo-right .hs-form-field.label_up_show > label{transform: translateY(-14px);font-size: 14px;color: #4f4f4f;bottom: auto;}
.contactinfo-right .hs-form-field.label_fixed > label{transform: translateY(-14px);font-size: 14px;color: #4f4f4f;bottom: auto;}

label#label-support_and_install_teams-11c82e71-16c7-44b4-ac00-e20ecef4c70d {position: initial;transform: translateY(0);}

/*partner page css*/
.partner-blog-menu{position: absolute!important;left: 0;top: 110px;width: 100%;z-index: 2;}
.partner-banner{padding:80px 0; position: relative;
/*background: #9babb4;*/background: url(../images/partner-banner-img-2.jpg) center no-repeat;background-size: cover;
}
.partner-banner:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.55;}
.partner-banner-content{text-align: center;position: relative;z-index: 1;padding-top: 160px;padding-left: 15px;padding-right: 15px;}
.partner-banner-content h1{color: #fff;margin-bottom: 0;font-size: 49px;font-family: 'Roboto-Bold';line-height: normal;}
.partner-banner-content h1 small{display: block;font-family: 'Roboto-Light';color: #fff;}
.partner-banner-content .video-thumb{display: block;}
.partner-banner-content .video-bx{margin-bottom: 30px;}
.partner-banner-content .video-bx a>img{border-radius: 6px;}
/*.partner-banner-content .play-btn-bx{position: initial;transform: translate(0,0);-webkit-transform: translate(0,0);}*/
.mid-body-partner{padding: 50px 0;}
.mid-body-partner p{font-size: 16px; color: #2f2f2f; line-height: 25px; font-family: 'Roboto-Regular';margin-bottom: 15px;} 
.partner-content{padding: 15px;min-height: 224px;/*box-shadow: 0px 13px 30px rgba(0,0,0,0.1);*/    border: 1px dashed #bfbebe;border-radius: 5px;margin-bottom: 30px;}
.get-in-touch-bx{text-align: center;padding-top: 20px;}
.get-in-touch-bx p{font-size: 20px;}
.get-in-touch-bx big{font-size: 35px;color: #ffae00;}



/*======================clear.co.com ftr css=====*/
.site-ftr{display: block;padding: 0;background: #f5f5f5;padding-top: 30px;position: relative;border-top: 2px solid #e0e0e0;clear: both;}

.footer-container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.footer-row{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; -ms-flex-align: center!important;align-items: center!important;-ms-flex-pack: center!important;justify-content: center!important}
.footer-row div[class*="footer-"]{position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}

.site-ftr .mb-4{margin-bottom: 1.5rem!important;}
.ftr-btn.ftr-btn-primary{ padding: 7px 20px; border:2px solid #7f7f7f; border-radius: 3px;  font-weight: 500; font-size: 14px; transition: 0.2s ease-out; -webkit-transition: 0.2s ease-out;background: #7f7f7f; transition: 0.3s;-webkit-transition: 0.3s;color: #ffffff;margin-bottom: 17px; display:inline-block;}
.ftr-btn.ftr-btn-primary:hover{ background: transparent; color: #7f7f7f; }

.ftr-logo{text-align:center;}
.ftr-logo img{width: 140px; }
.copyright{background: #e3e1e1;padding: 12px 0;text-align: center;}
.copyright:after,
.copyright:before{content: "";display: table;clear: both;}
.copyright p{font-size: 14px;color: #656364;font-weight: 500;display: inline-block;float: left;padding-top: 3px;}
.copyright p a{color: #656364;}
.copyright p a:hover{text-decoration: underline!important;}
.copyright p span{vertical-align: middle;display: inline-block;}
.ftr-menu{padding-left: 30px;}
.ftr-menu ul li{display: block;}
.ftr-menu ul li + li{margin-top: 11px;}
.ftr-menu ul li a{color: #1f1f1f;font-size: 16px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-menu ul li a:hover{color: #000000;}
.ftr-inquiry{padding-left: 40px;}
.ftr-inquiry>p{font-size: 16px;color: #000000;font-weight: 500;}
.ftr-inquiry>p + p{margin-top: 20px;}
.ftr-inquiry>p a{font-size: 14px;color: #6f6f6f;display: block;}
.ftr-newslatter{text-align:center;}
.ftr-newslatter>h2,
.ftr-heading{font-size: 20px;color: #000000;margin-bottom: 20px;}
.form-control{height: 46px;border-radius: 30px;padding-left: 20px;font-weight: 600;font-size: 14px;box-shadow: none!important;border: 2px solid #dedede;background: #f9f9f9;}
.form-control:hover{border-color: #b7b7b7;}
.form-control:focus{border-color: #694e70;background: #f9f9f9;}
textarea.form-control{border-radius:10px;border-radius: 10px;height: 150px;resize:none;}
.ftr-newslatter .form-control{padding-right: 94px;}
.ftr-newslatter .form-group{position: relative;}
.ftr-newslatter .form-group>button{display: inline-block;min-width: 85px;height: 100%;line-height: 42px;border-radius: 50px;background: #694e70;outline: none;cursor: pointer;position: absolute;right: 0;top: 0;transition: 0.3s;-webkit-transition: 0.3s;}
.ftr-newslatter .form-group>button:hover{background: #45264d;}
.ftr-newslatter .form-group>button>img{filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);max-width: 22px;}
.social-ul{margin-top: 30px;}
.social-ul li{display: inline-block;margin-left: 20px;}
.social-ul li a{color: #694e70;font-size: 25px;transition: 0.3s;-webkit-transition: 0.3s;}
.social-ul li a:hover{color: #45264d;}

.other-site-section{background: #d4d4d4;margin-top: 30px;}
.other-site-section:after,
.other-site-section:before{content: "";display: table;clear: both;}
.other-site-left{float: left;}
.other-site-left ul{margin: 0;padding: 0;list-style: none;}
.other-site-left ul:after,
.other-site-left ul:before{content: "";display: table;clear: both;}
.other-site-left ul li{list-style: none;display: inline-block;position: relative;}
.other-site-left ul li:after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);height: 11px;width: 1px;background: #000;}
.other-site-left ul li a{line-height: 46px;padding: 0 9px;color: #252525;font-size: 14px;font-weight: 500;transition: 0.3s;-webkit-transition: 0.3s;display: inline-block;}
.other-site-left ul li a:hover{color: #000000;}
.other-site-left ul li:first-child{background: #bfbfbf;line-height: 46px;padding: 0 9px;margin-right: 8px;color: #ffffff;font-size: 14px;font-weight: 300;}
.other-site-left ul li:first-child:after,
.other-site-left ul li:last-child:after{display: none;}
.other-site-left ul li:first-child:before{content: "";  width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #bfbfbf; border-bottom: 7px solid transparent;position: absolute;left: 100%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.other-site-right{float: right;padding-top: 3px;}
.other-site-right ul{margin-top: 0;}
.other-site-right ul li a{font-size: 16px;color: #3f3f3f;}
.other-site-right ul li a:hover{color: #000;}
.other-site-right:after,
.other-site-right:before{content: "";clear: both;display: table;}

.think-clearly-logo img{width: 90px;}
.address-info-wrapper{padding: 80px 0 30px;}
.address-info-wrapper .contact-info{text-align: center; margin-bottom: 30px;}
.address-info-wrapper .contact-info .icon-box{ width: 100%; max-width: 60px; line-height: 60px; height: 60px; border-radius: 5px; text-align: center; margin: 0 auto 20px; background: #f5f5f5; text-align: center;}
.address-info-wrapper .contact-info :is(a,p){font-size: 16px; color: #2f2f2f; line-height: 1.6;}

@media screen and (max-width: 1300px)
{
	.other-site-left ul li a{font-size: 13px;}
}


@media screen and (max-width: 1199px)
{
 	.other-site-left ul li:first-child{padding:0;}
  	.other-site-left ul li a{padding:0 13px;}
}
@media screen and (max-width: 991px)
{
	.site-ftr{text-align: center;}
	.ftr-logo{text-align: center;margin-bottom: 40px;}
	.ftr-menu{margin-bottom: 40px;padding-left: 0;}
	.ftr-newslatter{padding-left: 0;}

	.other-site-left{width: 100%;}
	.other-site-left ul li:first-child{text-align:center;display:block;width:100%;}
  	.other-site-left ul li:first-child:before{border-top: 7px solid #bfbfbf;border-left: 7px solid transparent;border-bottom: 7px solid transparent;border-right: 7px solid transparent;top: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
  	.other-site-left ul li{width: 49%;text-align: center;}
  	.other-site-left ul li:after{display:none;}
  	.copyright{text-align:center;}
  	.other-site-right{float:none;}
  	.copyright p{width:100%;}
  	.ftr-mid-logo{padding-top: 0;}
	  .address-info-wrapper {padding: 40px 0;}
}

@media screen and (max-width: 575px)
{
	.footer-xs-6{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}


@media (min-width: 576px)
{
	.footer-sm-3{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
	.footer-container{max-width: 540px;}
}

@media (min-width: 768px)
{
	.footer-md-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.footer-container{max-width: 720px;}
}
@media (min-width: 992px)
{
	.footer-lg-2{-webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
	.footer-container{max-width: 960px;}
}
@media (min-width: 1200px)
{
	.footer-container{max-width: 1170px;}
}
/*======================clear.co.com ftr css=====*/