/*/img/fonts CSS Start*/
/* @import must be at top of file, otherwise CSS will not work */
/*@import url("//hello.my/img/fonts.net/count/2f8ecd");*/

  
@font-face {font-family: 'AvenirNextLTPro-UltLt';src: url('/img/fonts/2F8ECD_0_0.eot');src: url('/img/fonts/2F8ECD_0_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_0_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_0_0.woff') format('woff'),url('/img/fonts/2F8ECD_0_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Light';src: url('/img/fonts/2F8ECD_4_0.eot');src: url('/img/fonts/2F8ECD_4_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_4_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_4_0.woff') format('woff'),url('/img/fonts/2F8ECD_4_0.ttf') format('truetype');} 
@font-face {font-family: 'AvenirLTStd-Medium';src: url('/img/fonts/2F8ECD_2_0.eot');src: url('/img/fonts/2F8ECD_2_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_2_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_2_0.woff') format('woff'),url('/img/fonts/2F8ECD_2_0.ttf') format('truetype');}  
@font-face {font-family: 'AvenirLTStd-Roman';src: url('/img/fonts/2F8ECD_3_0.eot');src: url('/img/fonts/2F8ECD_3_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_3_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_3_0.woff') format('woff'),url('/img/fonts/2F8ECD_3_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Book';src: url('/img/fonts/2F8ECD_5_0.eot');src: url('/img/fonts/2F8ECD_5_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_5_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_5_0.woff') format('woff'),url('/img/fonts/2F8ECD_5_0.ttf') format('truetype');}
@font-face {font-family: 'AvenirLTStd-Heavy';src: url('/img/fonts/2F8ECD_1_0.eot');src: url('/img/fonts/2F8ECD_1_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_1_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_1_0.woff') format('woff'),url('/img/fonts/2F8ECD_1_0.ttf') format('truetype');} 
@font-face {font-family: 'AvenirLTStd-Black';src: url('/img/fonts/2F8ECD_6_0.eot');src: url('/img/fonts/2F8ECD_6_0.eot?#iefix') format('embedded-opentype'),url('/img/fonts/2F8ECD_6_0.woff2') format('woff2'),url('/img/fonts/2F8ECD_6_0.woff') format('woff'),url('/img/fonts/2F8ECD_6_0.ttf') format('truetype');}
/*/img/fonts CSS End*/
* {
	font-family: 'AvenirLTStd-Roman';
	line-height: normal;
}
.holder:after {
	clear: both;
	display: block;
	content: "";
}
.overview-holder {
    background: #fff;
    margin-top: 84px;
    position: fixed;
    width: 100%;
    left: 0px;
    right: 0px;
	z-index:80;
}
.overview-dropmenu {
	border: 1px solid #ddd;
	padding: 20px 0;
	position: relative;
}
.add-dropdown {
	position: absolute;
	right: 10px;
	top: 24px;
	font-size: 32px;
	color: #5cd3ff !important;
	text-decoration: none;
	outline: none !important;
	height: 28px;
	width: 28px;
	background-color: transparent !important;
	background-image: url(../images/mobile/expand-icon.png) !important;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 24px auto;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.switcher .add-dropdown {
	background-image: url(../images/mobile/collapse-icon.gif) !important;
	top: 35px;
}
.drop-title {
	display: block;
	color: #5cd3ff;
	font-size: 32px;
	text-align: center;
}
.dropdown-holder {
	background: #fff;
	/*border: #ddd solid 1px;*/
	display: none;
}
.content-holder { padding: 35px 0; }
.heading-size2, .heading-size3, .heading-size4, .heading-size5, .heading-size6 {
	display: block;
	margin-bottom: 20px;
	font-size: 34px;
	color: #000;
	font-family: 'AvenirLTStd-Book';
	text-align: center;
	margin-top:170px;
}
.first-section-header {
	margin-top: 80px;	
}
.block-tag { display: block; }
.cooler-img {
	max-width: 400px;
	margin: 0 auto;
}
.cooler-img > img { width: 100%; }
.content-font-size {
	font-size: 18px;
	text-align: center;
    margin: 0 auto 50px;
}
.fresh-air-holder, .fresh-air-holder2 { width: auto; }
.fresh-air-img {
	display: block;
	color: #000;
	max-width: 140px;
	margin: 0 auto 50px;
}
.fresh-air-img > img {
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
.tagline {
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	display: block;
	font-family: 'AvenirLTStd-Black';
}
.stripx-repeat {
	background-image: url(../images/mobile/strip-x-cooler.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 0;
}
.cooler-btm-img {
	max-width: 600px;
	margin: 0 auto;
	display: block;
}
.cooler-btm-img > img { width: 100%; }
.smart-mode-img {
	display: block;
	/*max-width: 500px;
	margin: 0 auto;*/
}
.smart-mode-img > img {
	width: 100%;
	display: block;
}
.holder { width: auto; }
.arrow-holder { position: relative; }
.arrow-icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
}
.arrow-icon > img { max-width: 100%; height: auto; }
.fresh-air-fan {
	display: block;
	color: #000;
	max-width: 130px;
	margin: 8px auto 50px;
}
.fresh-air-fan > img {
	width: 100%;
	margin-bottom: 10px;
}
.fa-left { float: left; }
.fa-right { float: right; }
.arrow-icon {
	left: 50%;
	margin-left: -20px;
	position: absolute;
	top: 60px;
	width: 40px;
}
.margin-right100 { margin-right: 100px; }
.margin-left100 { margin-left: 100px; }
.fresh-air-icon {
	display: block;
	color: #000;
	max-width: 130px;
	margin: 0 auto 50px;
}
.fresh-air-icon > img {
	width: 100%;
	margin-bottom: 10px;
}
.detect-polution-img { max-width: 162px; }
.arrow-sign:after {
	content: "";
	position: absolute;
	top: 48px;
	left: 0;
	margin-left: -20px;
	background-image: url(../images/mobile/arrow-rightSide.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px auto;
	height: 40px;
	width: 40px;
}
.arrow-sign:first-child:after { background: none; }
.eco-mode-img {
	display: block;
	/*max-width: 768px;
	margin: 0 auto;*/
}
.eco-mode-img > img {
	margin-bottom: 10px;
	width: 100%;
}
.sleep-mode-icons {
	display: block;
	max-width: 140px;
	margin: 0 auto;
}
.sleep-mode-icons > img {
	width: 100%;
	margin-bottom: 10px;
}
.sensor-img { margin-top: 20px; }
.mobile-img {
	max-width: 400px;
	margin: 0 auto 30px;
	display: block;
}
.mobile-img > img { width: 100%; }
.mobile-img-holder {
	max-width: 280px;
	margin: 0 auto 50px;
	display: block;
}
.mobile-img-holder > img {
	margin-bottom: 10px;
	width: 100%;
}
.learnmore-btn {
	background: #fff;
	color: #000;
	text-decoration: none;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'AvenirLTStd-Medium';
	border: #000 solid 2px;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 8px 20px;
}
.learnmore-btn:hover {
	background: #fff;
	color: #000;
}
.dual-suction-cooler {
	max-width: 700px;
	margin: 0 auto;
	display: block;
}
.dual-suction-cooler > img {
	width: 100%;
	margin-bottom: 10px;
}
.pre-filter {
	max-width: 450px;
	margin: 0 auto;
	display: block;
}
.pre-filter > img {
	width: 100%;
	margin-bottom: 10px;
}
.max2-change-img {
	max-width: 300px;
	margin: 0 auto;
	display: block;
}
.max2-change-img > img {
	width: 100%;
	margin-bottom: 10px;
}
.modal-strip {
	background: url(../images/mobile/choos-modal-strip.jpg) repeat-x;
	padding: 100px 0;
}
.modal-cooler-img {
	max-width: 750px;
	margin: 0 auto;
	display: block;
}
.modal-cooler-img > img {
	width: 100%;
	margin-bottom: 10px;
}
.dropdown-menu-holder {
	padding: 0;
	margin: 0;
	list-style: none;
}
.dropdown-menu-holder > li { display: block; }
.dropdown-menu-holder > li > a {
	color: #000;
	text-decoration: none;
	padding: 20px 10px;
	font-size: 24px;
	display: block;
	text-align: center;
	/*max-width:768px;
	margin:0 auto;*/
	border-top: #000 solid 1px;
}
.dropdown-menu-holder > li:first-child > a { border-top: none; }
.dropdown-menu-holder > li > a:hover, .dropdown-menu-holder > li.active > a, .dropdown-menu-holder > li > a:focus {
	color: #000;
	background: #6bdbff;
}

/* ali imran css starts here.*/