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:25px;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 rgb(219, 222, 225);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 rgb(255, 255, 255);border-bottom:1px solid rgb(226, 226, 226);height:40px}
.box-category > ul > li + li{background:#f2f2f2;border-top:1px solid rgb(255, 255, 255);border-bottom:1px solid rgb(226, 226, 226);height:40px}
.box-category > ul > li > a{text-decoration:none;text-shadow:0 1px 1px rgb(255, 255, 255);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:rgb(84, 194, 240)}
.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}

.unicredit, .tbi, .dsk {border-bottom:1px solid #ddd;margin-bottom:10px}
.unicredit img{max-height:25px;padding:5px 0 10px 5px}
.tbi img {max-height:34px;padding:5px 0 10px 5px}
.dsk img {max-height:30px;padding:5px 0 10px 5px}

#main{margin:0 auto;text-align:left;min-height:600px;background:#fff;border-bottom:2px solid rgb(201, 201, 201);border-top:1px solid rgb(221, 221, 221)}
#column-left{width:180px;margin:10px 0 0 5px;float:left}
#column-right{width:180px;margin:10px 5px 0 0;float:left}
#content{width:985px;margin:5px 15px 20px;float:left;min-height:450px}
#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}
.manufacture{width:100%;margin-top:18px}
.manufacture td{width:33%;height:80px;padding:3px;color:#4d4d4d;text-align:center;vertical-align:middle}
/*pricelist*/
.pricelist{margin:0 0 0 -40px;list-style:none}
.pricelist li{background:#f2f2f2;width:100%;height:auto;min-height:40px;border-bottom:1px solid #dedede;line-height:40px;display:block;margin:1px auto;padding:0px 20px;box-sizing:border-box}
.pricelist li:hover{background:#fff}
.left{width:80%;display:inline-block;}
.right{float:right !important;text-align:right;width:20%}

.product-addinfo{font-size:12px;padding:7px 10px 15px;border-top:1px solid #eee}

/*gallery*/
.gal{text-align:center}
.gal img{margin:10px}
.gal img:hover{-webkit-box-shadow:0 0 5px #333;-moz-box-shadow:0 0 5px #333;box-shadow:0 0 5px #333}

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%}

.unicredit img{max-height:24px;padding:5px 0 10px 5px}
.tbi img {max-height:30px;padding:5px 0 10px 5px}

@media screen and (max-width: 1200px) {
#container, #powered .cl1, #powered .cl3 {width:100%} 
#column-left, #content {width:98%}
#column-left, #content {margin:0;padding:1%}
.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}
#container{width:100%}
#column-left, .tags{display:none}
#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}
#content{margin:0}
.product-info > .left, .product-info > .right{width:99%;margin:0;margin-bottom:40px}
footer .cl, footer .cl3{width:100%}}