@import url('//fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700;900&display=swap');
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {margin: 0; padding: 0;font-family: 'Roboto', sans-serif;font-weight:400;font-size:12px; color:#555555;}
input, select, textarea {font-family: 'Roboto', sans-serif;font-weight:400;font-size:12px; color: #555555;}
ul,ol,li {list-style: none;margin: 0; padding: 0;}
a {text-decoration: underline; color: #ce1b28;}
a:hover {text-decoration: none; }
strong, b {font-weight: 600; }
em, i {font-style: italic; }
img {  max-width: 100%; border:0; outline:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;text-transform: uppercase;margin: 0; padding: 0; border: 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none; }
h1 {font-size: 3rem;line-height: 1.2; }
h2 {font-size: 2.25rem;line-height: 1.3; }
h3 {font-size: 1.25rem; }
h4 {font-size: 1rem; }
h5 {font-size: 0.9rem; }
h6 {font-size: 0.7rem; }
.align-left {text-align: left!important;}.align-center {text-align: center!important;}.align-right {text-align: right!important;}.fleft{float:left!important;} .fright{ float:right!important;}
.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container {margin:0 auto;max-width: 1200px;}
.container.content{padding:0px 0;}

/*GRID COLUMNS*/
.row::after {content: "";clear: both;display: table;}
[class*="col-"] {float:left;position: relative;width: 100%;padding-right: 20px;padding-left: 20px; }
.flexbox {display: -webkit-box;display: flex;}
.flexcenter {align-items: center; justify-content: center;}
.flexbox .element {height: 100%; background-color:#f8f9fa; margin:5px 10px; padding:15px;}
.col-1 {width: 8.33%;}.col-2 {width: 16.66%;}.col-3 {width: 25%;}.col-4 {width: 33.33%;}.col-5 {width: 41.66%;}.col-6 {width: 50%;}.col-7 {width: 58.33%;}.col-8 {width: 66.66%;}.col-9 {width: 75%;}.col-10 {width: 83.33%;}.col-11 {width: 91.66%;}.col-12 {width: 100%;}

/* HEADER */
.header {width:100%; background:transparent; height:60px; }
.header.sticky{position:fixed; background:rgba(0,0,0,0.9);z-index: 10000; top:0; left:0;}
.header #logo{float:left; background:url(../images/Chill-Aire-Logo-Vertical.png) no-repeat left center; width:280px; height:40px; background-size: auto 100%; display:none; margin-top:10px;}
.header nav{width:auto; float:right;}
.header nav ul{display:table; float:right;}
.header nav ul li{float:left;}
.header nav ul li:last-child{padding-right:0px;}
.header nav ul li a{color:#fff; font-size:16px; padding: 0 20px; line-height:60px; display:inline-block; transition: all 0.5s ease 0s;text-decoration: none;}
.header nav ul li a:hover{background-color:#0e548e; color:#fff; transition: all 0.5s ease 0s;}
.header nav ul li a:hover i{color:#fde428; transition: all 0.5s ease 0s;}
.header nav ul li a i{padding-right:10px; color:#002e5b; transition: all 0.5s ease 0s;}
.header .toggle-menu ul{display:table; width:25px;}
.header .toggle-menu ul li{width:100%; height:3px; background-color:#fff; margin-bottom:4px;}
.header .toggle-menu ul li:last-child{margin-bottom:0px;}
.header input[type=checkbox], label{display:none;}

/*Banner*/
#banner { top:-60px; padding-bottom:40px;}
#banner {width:100%; background:transparent; background:url(../images/bg.png) no-repeat center center fixed; background-size:cover;}
#banner #bimg1{ height:auto; width:70%; padding-top:110px;}
#banner #bimg2{ height:auto; width:100%;}

/* About Us*/
#aboutus {width:100%;background:#fff; background-color:#0f3c61; background-image:url(../images/worldmap.png); background-repeat:no-repeat; background-size:100% auto; background-position:top+40px center; background-attachment:fixed; padding:30px 0;}
.section-title {font-size: 30px;letter-spacing: 0;line-height: 32px;margin: 0 0 39px;padding: 0 0 11px;position: relative;text-transform: uppercase;text-align: left;}
.section-title::after {background: #fdb801 none repeat scroll 0 0;bottom: 0;content: "";height: 2px;left: 0;position: absolute;width: 54px;}
.aboutus-text {color:#fff; font-size: 16px; margin-bottom:10px; line-height:24px;text-align:justify; font-family:Roboto; }
.mission-item {background-color:#86173d; margin-bottom:10px; padding:20px; text-align:left;}
.aboutsection{font-size:15px; color:#fff; text-align:left; padding:10px;}
.aboutsection .title{background-color:#1a90cf!important; font-size:20px; width:300px;}

/*services*/
#services {width:100%;background:#fafafa; background:url(../images/bgfan.jpg) no-repeat right center; background-size:cover; background-attachment:fixed; padding:30px 0; color:#fff;}
.section-text { font-size: 16px; margin-bottom:10px; line-height:24px;text-align:justify; font-family:Roboto; }
#s1ervices #fanimg{ background:url(../images/fan.png) no-repeat center center; height:600px; margin-top:60px;}

/*products*/
#products {width:100%;background:#fafafa; padding:30px 0; color:#fff; background-color:#0f3c61; }
.section-text { font-size: 16px; margin-bottom:10px; line-height:24px;text-align:justify; font-family:Roboto; }
#s1ervices #fanimg{ background:url(../images/fan.png) no-repeat center center; height:600px; margin-top:60px;}

/*Clients*/
#clients {width:100%;background:#fff; padding:30px 0; }
.rc-rcbrand-container {position:relative;max-width:100%;margin-bottom: 20px;}
.rc-rcbrand-ul {position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;   text-align:center; overflow: auto;}
.rc-rcbrand-inner {position: relative;overflow: hidden;float:left;width:100%;background: transparent;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;  }
.rc-rcbrand-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px; text-align:left}
.rc-rcbrand-item img {max-width: 100%;cursor: pointer;position: relative;margin-top: 10px;margin-bottom: 10px; height:40px; }
.rc-rcbrand-nav-left,.rc-rcbrand-nav-right {padding:5px 10px;border-radius:50%;    position: absolute;cursor: pointer;z-index: 4;top: 50%;transform: translateY(-50%);   background: rgb(255, 102, 0, 0.5);color: #fff; display:none;   }
.rc-rcbrand-nav-left {left: 10px;}
.rc-rcbrand-nav-left:before {content: "<"}
.rc-rcbrand-nav-left.disabled {opacity: 0.4;}
.rc-rcbrand-nav-right {right: 5px;  }
.rc-rcbrand-nav-right:before {content: ">"}
.rc-rcbrand-nav-right.disabled {opacity: 0.4;}


/*contact us*/
#contactus {width: 100%;background-color: #2c3338;color: #f4f4f4;}
#contactus .content{ padding:30px 0;}
#contactus #cimg { width:280px;}
#contactus h4{ text-transform:none;margin:5px 0;}
#contactus h3{color: #fff; text-transform:none; font-weight:500;}
#contactus p{ font-size:16px; padding:0; margin:5px 0;}
.grayscale{filter: grayscale(100%);}

/* footer */
#footer {width: 100%;background-color: #000;color: #f4f4f4; font-size:12px}


/* COLORS */
.text-black{color:#000;}
.text-white{color:#fff;}
.bg-pink-dark{background-color: #86173d !important;}
.bg-pink-light{background-color: #d74b56 !important;}
.bg-orange {background-color: #fd7e14 !important;}
.bg-yellow-light{background-color: #f8bc57 !important;}
.bg-light-blue{background-color: #a7bce2 !important;}