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} 

#main{margin:0 auto;min-height:600px;text-align:left;background:#808080;border-bottom:2px solid #c9c9c9;border-top:1px solid #ddd}
#content{width:100%;min-height:488px}
.bxbanner {width:80%;text-align:center;margin:0 auto}
.bxbanner .col{float:left;width:33.33%;padding-bottom:20px}

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 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:98%;margin:0;padding:1%}
.box {text-align:center;margin-bottom:15px}
#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%}
.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}
#container{width:100%}
.bxbanner .col{width:100%;float:none}
.resp{width:auto}
#content {width:95%;padding:10px}}
@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}
footer .cl, footer .cl3{width:auto}}