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}
header{margin:0 auto;position:relative;height:100px;background:url("../images/header.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{min-height:510px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px}



.box{
 display: flex;
 flex-direction: row;
 justify-content: space-between;
}
.box img{
  width:100% ;
  padding-bottom: 10px;
  border-radius:6px;
}


.box1{
  display: flex;
  flex-direction: column;
  width: 24%;
} 
.box2{
  display: flex;
  flex-direction: column;
  width: 55%;
    padding:0 10px 0 10px;
}
.box2_2{
  display: flex;
  flex-direction:row;
  width: 100%;
}
.box2_1{
  display: flex;
  flex-direction:column;
  width: 43.1%;
    padding-left:10px;
}
.box3{
  display: flex;
  flex-direction: column;
  width: 20.5%;
} 




.entry-inside{position:absolute;padding:0;top:0;left:0;right:0;background:linear-gradient(to top,transparent 0%,#222 100%);border-radius:5px}
h1.entry-title{margin:0;padding:0}
h1{font-size:18px;color:#fff;transition:0.3s;display:block;margin:0;height:70px;text-align:left;padding:5px 0 0 10px;text-shadow: 1px 1.5px #333;font-weight:500}
h1.entry-title a:hover{}



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:#fafafa}
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%}

/* Slider */
.slick-slide{margin:0 20px}
.slick-slide img{width:100%}
.slick-slider{background:#fff;position:relative;display:block;box-sizing:border-box;
-khtml-user-select: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
    touch-action: pan-y;
-webkit-tap-highlight-color: transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer}
.slick-slider .slick-track, .slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before, .slick-track:after{display:table;content: ''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}

@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){
.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%}
#content {width:95%;padding:10px}

.row{justify-content:center;flex-direction:column}
.col1{order:1;width:200px;margin-top:50px}
.col2{order:2;width:200px}
.col3{order:3;width:200px;margin-top:-270px;margin-left:422px}
.col4{order:4;margin-top:-93px;margin-left:211px}
.col5{display:none}
.col7{order:5;margin-top:-60px;margin-left:423px}}

@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}
.col2, .col6, .col7{display:none}
footer .cl, footer .cl3{width:auto}}