html{overflow:auto}
body{color:#333;font-family:'Fira Sans';font-size:14px;font-weight:400;margin:0;padding:0;background:radial-gradient(circle, #87cced, #528fac) repeat scroll 0% 0% transparent}
p{margin:0;text-indent:7px;line-height:1.3em}
i{font-size:10px;font-style:italic}
br{clear:left}
img{border:0;vertical-align:middle}
.resp {width:100%;height:auto}
a:link, a:visited, a:active, b{text-decoration:none;font-size:14px;font-weight:500;color:#333}
a:hover{color:#54c0f0;transition:0.5s}
.clearer{clear:both}
h1{color:#555;font-size:15px;font-weight:500;margin:5px 0 10px 0;border-bottom:1px solid #eee;line-height:28px;text-transform:uppercase}
h1 span{position:relative}
h1 span::before{background:linear-gradient(to right,#27869e,#54c2f0);bottom:-5px;content:"";height:2px;left:0;position:absolute;right:0}
h2{color:#444;font-size:14px;font-weight:500;margin-bottom:10px;padding:5px 15px;border-left:6px solid #54c2f0;text-transform:uppercase}
header{margin:0 auto;position:relative;height:100px;background:url("../images/header-1200.png") no-repeat scroll 0% 0% transparent;border-top:2px solid #da251d}
.logo{display:block;width:320px;height:100px}
.logo img{height:65px;padding:20px 0 10px 10px}
#container{width:1200px;;height:100%;margin:0 auto;box-shadow:0 5px 7px #000}
.nav{overflow:hidden;background-color:#333}
.nav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:15px}
.nav a:hover{background:#ddd;color:#000;transition:0.5s}
.nav a.active{background:#4CAF50;color:#fff}
.nav .icon{display:none} 

/*aside navigation*/
.box{margin-bottom:7px}
.box .box-heading{background:linear-gradient(to bottom, #fafafa 0%, #e9e9e9 100%) repeat scroll 0% 0% transparent;border:1px solid #dbdee1;border-radius:5px 5px 0 0;line-height:40px;padding-left:13px;font-family:'Open Sans';font-size:12px;text-transform: uppercase;text-shadow:0px 1px 1px #fff;color:#008da6}
.box .box-content{background:#f8f8f8;border-radius:0 0 5px 5px;border-left:1px solid #dbdee1;border-right:1px solid #dbdee1;border-bottom:1px solid #dbdee1}
.box-category{margin-top:0}
.box-category ul{list-style:none;margin:0;padding:0}
.box-category > ul > li{padding:0;background:none repeat scroll 0% 0% #f2f2f2;border-top:1px solid #fff;border-bottom:1px solid #e2e2e2;height:40px}
.box-category > ul > li + li{background:#f2f2f2;border-top:1px solid #fff;border-bottom:1px solid #e2e2e2;height:40px}
.box-category > ul > li > a{text-decoration:none;text-shadow:0 1px 1px #fff;color:#444;display:block;padding:12px 14px;font-size:12px;font-family:'Open Sans';text-transform:uppercase;transition:.5s}
.box-category > ul > li > a:hover{text-decoration:none;color:#54c2f0}
.box-category > ul > li ul{display:none;}
.box-category > ul > li a.active{font-weight:bold}
.box-category > ul > li a.active + ul{display:block}
.box-category > ul > li ul > li{padding:5px 5px 0 10px}
.box-category > ul > li ul > li > a{text-decoration:none;display:block;font-size:13px}
.box-category > ul > li ul > li > a.active{font-weight:bold}

adds{float:left;width:100%}
.banner2{text-align:center}

#main{margin:0 auto;text-align:left;background:#fff;border-bottom:2px solid #c9c9c9;border-top:1px solid #ddd}
#column-left{width:180px;margin:10px 0 0 5px;float:left}
#content{width:985px;margin:5px 15px 20px;float:left}
#content .breadcrumb{color:#ccc;font-size:11px;margin-top:5px}
#content .breadcrumb a{text-decoration:none;font-family:'Open Sans';font-size:11px;font-weight:normal;text-transform:uppercase;color:#008da6;transition:.5s}
#content .breadcrumb a:hover{text-decoration:none;color:#54c2f0}
#slider-box{width:956px;height:320px;margin:0 auto;background-color:#808080}
#slider-box-info{display:table;overflow:hidden;width:100%;text-align:center;color:#add8e6;background-color:#808080}

.brand-daikin, .brand-fujitsu, .brand-general, .brand-mh, .brand-me, .brand-panasonic, .brand-toshiba, .brand-hitachi, .brand-gree, .brand-lg {text-align:center}
.brand-daikin img{max-height:32px;padding:28px 0 37px 0}
.brand-fujitsu img{max-height:55px;padding:11px 0 30px 0}
.brand-general img{max-height:20px;padding:35px 0 40px 0}
.brand-mh img{max-height:33px;padding:21px 0 41px 0}
.brand-me img{max-height:41px;padding:17px 0 37px 0}
.brand-panasonic img{max-height:23px;padding:30px 0 43px 0}
.brand-hitachi img{max-height:40px;padding:22px 0 34px 0}
.brand-toshiba img{max-height:25px;padding:30px 0 40px 0}
.brand-gree img{max-height:30px;padding:30px 0 35px 0}
.brand-kaisai img{max-height:36px;padding:5px 0 13px 0}
.brand-lg img{max-height:45px;padding:21px 0 30px 0}

.product_wrapper{margin:10px 0 0 0;padding:20px;border:1px solid #e7e7e7}
.product_img {width:200px;float:left} 
img{max-width:100%;vertical-align:middle}
.product_info{height:200px;margin:0 0 0 230px}
.product_name{padding:3px 0 0 0}
.product_desc{display:block;padding:5px 0 0 0}
.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.row:before, .row:after{display:table;content:""}
.row:after{clear:both}
.product_detail{width:100%}
.product_detail table{width:100%;border-collapse:collapse}
.product_detail th, .product_detail td{border:1px solid #fff;padding:4px 6px;text-align:center}
.product_detail th{background:#f2f2f2}
.product_detail td{color:#888;font-weight:500}
.product_detail table img{width:45px}
.product_detail .price{white-space:nowrap;color:#d10300}
.product-addinfo{font-size:12px;padding:7px 10px 15px;border-top:1px solid #eee}

.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:10px;right:0px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */overflow:hidden;text-indent:100%;white-space:nowrap;background:#da251d url("../images/pg_top.png") no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{background-color:#ec3d35;opacity:1}

footer{clear:both;margin:0 auto;overflow:hidden;min-height:100px;color:#666;border-top:1px solid #dbdee1;background:url("../images/bg-footer.png") no-repeat scroll center top #151515}
footer, footer .column a, footer .column-last, footer .column ul{font-family:'Fira Sans';font-size:14px;font-weight:500}
footer h3{color:#e6e6e6;font-size:14px;margin-top:0;margin-bottom:0;padding-bottom:5px}
footer .cl{float:left;width:32%;padding-top:10px;padding-left:15px;margin:0}
footer .cl ul{margin-top:0;margin-left:0;padding-left:0;list-style:none outside none}
footer .cl ul li{margin-bottom:3px;}
footer .cl a{text-decoration:none;color:#9d9d9d;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
footer .cl a:hover{text-decoration:none;color:rgb(250, 250, 250)}
footer .cl3{float:left;width:31%;padding-top:10px;padding-left:15px;margin:0;color:#9d9d9d}
footer .cl3 ul{margin-top:0;margin-left:0;padding-left:0;list-style:none outside none}
footer .cl3 ul li{padding:5px 0 4px 25px;}
footer .cl3 .phone{background:url("../images/canvas.png") no-repeat scroll 0 -263px transparent}
footer .cl3 .mail{background:url("../images/canvas.png") no-repeat scroll 0 -238px transparent}
footer .cl3 .skype{background:url("../images/canvas.png") no-repeat scroll 0 -289px transparent;letter-spacing:-0.5px}
#powered{display:block;background:#151515;border-bottom:1px solid #dbdee1;margin:0 auto;overflow:hidden;font-weight:500}
#powered .rw{width:100%;font-size:13px;color:#e6e6e6}
#powered .rw:before, powered .rw:after{content:"";display:table}
#powered .cl1, #powered .cl3 {width:100%;float:left;text-align:center}
#powered .cl1{line-height:40px;font-family:'Open Sans';font-size:11px}
#powered .cl3{}
#powered .cl3 i {font-size:16px}
#powered .cl3 ul li{display:inline-block;list-style:none}
#powered .cl3 ul li a{display:block;transition:.2s;padding-right:15px}
#banner{text-align:center;width:100%}

@media screen and (max-width: 1200px) {
#container, #powered .cl1, #powered .cl3 {width:100%} 
#content{width:auto}
.box{text-align:center;margin-bottom:15px}
#column-left, #adds, #powered .cl2 {display:none}
#footer .cl {width:31%}}
@media only screen and (max-width: 800px){
header{background:url("../images/header-800.png") no-repeat scroll 0% 0%}
#main{padding:5px}
.nav{width:100%;float:left}
.nav a:not(:first-child) {display:none}
.nav a.icon {float:right;display:block}
.nav.responsive{position:relative}
.nav.responsive .icon{position:absolute;right:0;top:0}
.nav.responsive a{float:none;display:block;text-align:left}
.product_wrapper{padding:0px;float:none;width:auto}
.product_detail th, .product_detail td{padding:3px}}
@media screen and (max-width: 600px) {
header{background:url("../images/header-600.png") no-repeat scroll 0% 0%}
.logo{display:block;width:100%;text-align:center}
.logo img{padding:18px 0 10px 0}
#content{margin:0}
.product_img{width:100%}
.product_info{padding:5px;margin:0 0 20px;height:auto}
.product_detail table img{float:none}
footer .cl, footer .cl3{width:100%}}