*{margin:0; padding:0; font-family:calibri;}
body{
min-width:430px;
background: url(../img/slider1.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.full{/*height:100%; min-height:100vh;*/ background:rgba(0,0,0,0.5);}
.site{width:1450px; margin:0 auto; position:relative;}

.slider-wrap{display:none; width:100%; position:absolute; top:0px;}
.slider { width: 100%;}

.sloganimg{position:absolute; top:0px; margin:1vh 1vw; display:none; z-index:2;}

.menu{width:100%; height:40px; position:fixed; top:0px; z-index:10;}
.menu .menubox{margin:10px auto; float:left;}
.menu ul li{margin:5px 0px; list-style:none; display:inline; font-size:18px;}
.menu ul li a{padding:5px 15px; color:#333333; text-decoration:none; transition: linear .3s;}
.menu ul li a:hover, .menu ul li.active a{color:#ff8cca;}
.menu ul li.first{margin:5px 5px;}
.menu ul li.first a{padding:0px;}
.localization{position:fixed; top:0px; right:0px; color:#666666; padding:5px 10px; background:rgba(0,0,0,0.7); z-index:6;}
.localization a{color:#888888; text-shadow: 1px 1px 2px #333333; text-decoration:none; transition:0.5s ease;}
.localization a:hover{text-decoration:underline; color:#dddddd;}

.fast_contact{width:370px; float:right;}
.fast_contact input{width:100px; height:15px; margin:7px 3px; padding:4px 3px; color:#ffffff; background:none; border:1px solid #444444;}
.fast_contact input.inpErr{border:1px solid red;}
.fast_contact input[type="submit"]{width:120px; height:24px; color:#333333; cursor:pointer; border:none; background:url("../img/butt_bg.png") 0px -19px no-repeat;}
.fast_contact input[type="submit"]:hover{color:#0000aa;}

.fb_ico{width:40px; height:26px; float:left; margin:7px 3px; background:url("../img/fb_m.png") 0 0 no-repeat;}
.fb_ico_h{width:50px; height:41px; float:right; margin:85px 10px; background:url("../img/fb_v.png") 0 0 no-repeat;}

.home_ico{width:30px; height:25px; float:left; margin:0px 3px; background:url("../img/home_m.png") 0 0 no-repeat; }
.home_ico_h{width:50px; height:41px; float:left; margin:-10px 5px; background:url("../img/home_v.png") 0 0 no-repeat; }

/*.logo{width:521px; height:141px; position:fixed; left:50px; top:75px; z-index:3;}*/

.mid_box{width:100%; position:relative; margin-top:50vh; margin-bottom:30px; z-index:5;}

.content{width:100%; height:200px; padding:20px 0; background:rgba(255,255,255,0.9); position:relative;}

.content .videobox{width:320px; height:164px; position:absolute; top:-20px; left:0px; display:none}
.content .videobox video{display:none;}
.content .logo{width:390px; height:170px; margin:10px 20px; float:left; background:url("../img/logo.png") 0 0 no-repeat;}
.content .logo h1{display:none;}
.content .contmenu{margin:88px 10px; float:right;font-family: 'Oswald', sans-serif;}
.content .contmenu #menuselect{width:250px; height:50px; padding:5px 10px; margin:0 20px; font-size:20px; display:none;}
.content .contmenu ul{}
.content .contmenu ul li{margin:5px 10px; padding:5px 0; list-style:none; display:inline; font-size:22px; font-weight:bold;}
.content .contmenu ul li a{padding:5px 10px; color:#333333; text-decoration:none; transition: linear .3s;}
.content .contmenu ul li:hover, .content .contmenu ul li.active{border-bottom:2px solid #ff8cca;}
.content .contmenu ul li a:hover, .content .contmenu ul li.active a{color:#ff8cca;}


.art{padding:20px; border-top:1px solid #444444; color:#333333; background:rgba(255,255,255,0.9); position:relative; zoom: 1; z-index:10;}

.art .innerart{display:none;}
.art .noscript-show{display:block;}
.art a{color:#666666; text-decoration:underline;}
.art .list{margin-left:20px;}
.art .list li{padding:3px 0;}
.art ul{margin-left:20px; list-style:circle;}

ul.submenu{margin-left:10px; list-style-type:ring;}
ul.submenu a{text-decoration:none;}
ul.submenu a:hover{text-decoration:underline;}

.box{padding:5px; margin:10px 20px 10px 0; float:left;}
.box a{color:#333333;}
.box .head{padding:5px; font-weight:bold; color:#333333;}
.box .box2{margin-top:15px; padding-top:10px; border-top:1px solid #444444;}


.box.w250{width:255px;}
.box.w350{width:260px;}
.box.w380{width:300px;}
.box.w400{width:400px;}
.box.w480{width:480px;}

.fullw{width:100%; /*max-height:100vh;*/ overflow:auto; position:relative;}
.fullr{width:1075px; /*max-height:100vh;*/ overflow:auto; position:relative; padding: 0 0 0 20px;}
.fullr p, .fullw p{padding:3px 0;}

.subpimg{width:90px; height:90px; float:left; margin: 3px 10px 3px 0; display:none;}

.gallery_item img{margin:5px;}

span.more{text-decoration:underline; cursor:pointer;}

/*.subpages{padding:0px 10px; margin:10px 5px; border-left:2px solid #BBBBBB;}*/
.subpages{padding:10px 10px; margin:10px 0px 0px;}

.sluzby_img{margin-right:10px; width:40%;}
.spolecnost_img{margin:0px 0px 10px 10px; width:25%; float:right;}
.poptavka_img{height:162px; margin-top:5px;}
.kontakty_map{width:1123px; height:170px; margin:10px 0; float:left; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}
.reference_img{width:100%; margin:10px 0;}
.success{padding:10px; margin:5px; font-size:18px; color:#006C36;}
.projekty_img{width:32%; float:left; margin:0 1% 1% 0;-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);transition:0.5s;}
.projekty_img:hover{-webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */ filter: grayscale(50%);transition:0.5s;}

form.poptavka{}
form.poptavka input[type="text"]{width:calc( 100% - 12px); height:21px; padding:5px 5px; margin:5px 0; color:#333333; font-size:16px; background:none; border:1px solid #444444;}
form.poptavka select{width:100%; height:33px; padding:5px 5px; margin:5px 0; color:#333333; font-size:16px; background:none; border:1px solid #444444;}
form.poptavka textarea{width:calc( 100% - 12px); height:150px; margin-top:5px; padding:5px; color:#333333; font-size:16px; background:none; border:1px solid #444444;}
form.poptavka .submit{padding:5px; margin:5px; float:left; font-size:16px; cursor:pointer; border:none; background:url("../img/butt_bg.png") 0px -14px no-repeat;}
form.poptavka .submit:hover{color:#AA005E;}

form.poptavka input[type="text"].err{border:1px solid red;}
form.poptavka .err{border:1px solid red;}

form.poptavka p.left{margin:12px 0;}

.ref_img{width:483px; float:left;}
.ref_img>a{display:block;}
.ref_img .label{position:relative; width:100%; text-align:center; font-size:28px; top:-155px;}
.ref_img .label span{padding:5px; background:rgba(255,255,255,0.8);}
.ref_img img{width:100%; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); transition:0.5s ease;}
.ref_img:hover img{-webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}

.footer{width:100%; position:fixed; bottom:2px; padding:5px 0; background:rgba(0,0,0,0.6); color:#bbbbbb; text-align:center; font-size:12px; z-index:2;}
.footer a{color:#bbbbbb;}




.greyscale{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%);}
.borderr{border-right:1px solid #444444;}
.borderl{border-left:1px solid #444444;}
.inpErr{border:1px solid red;}
.green{color:green !important;}
.red{color:#A00 !important;}
.seo, .hidden{display:none;}
.fixed{position:fixed;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.padd20{padding:20px 0 0 !important;}
.padd10{padding:10px 0 !important;}
.padd5{padding:5px 0 !important;}

.center{text-align:center;}





@media screen and (max-width: 1500px)
{
.site{width:99%;}
.content .videobox{display:block;}
.content .videobox video{display:block;}
.content .logo{margin:10px; clear:both;}
.content .contmenu ul li{margin: 5px 5px; font-size: 20px;}
.fullr{width:800px;}

.box.w250{width:230px;}
.box.w350{width:260px;}
.kontakty_map{width:1025px;}
}

@media screen and (max-width: 1395px)
{
.kontakty_map{width:100%; float:none; clear:both;}
.box.w250{width:210px;}
.box.w350{width:260px;}
}

@media screen and (max-width: 1220px)
{
.sloganimg{max-width:95%;}
.home_ico_h{width:35px; margin:-5px 5px; background-size:100% auto; }
.content{height:170px;}
.content .logo{width:320px; height:145px; background-size:100% auto; margin:10px; clear:both;}
.content .contmenu{margin: 75px 10px;}
.content .contmenu ul li{margin: 5px 3px; font-size: 18px;}
.fast_contact{display:none;}
.fullr{width:610px;}
.poptavka_img{display:none;}
}

@media screen and (max-width: 1019px)
{
.content{height:100px;}
.content .logo{width:220px; height:100px; margin:0px auto;}
.content .contmenu{margin:40px auto;}
.home_ico_h{width:30px; margin:-3px 5px; background-size:100% auto; }
.content .contmenu ul li{margin: 5px 2px; font-size: 16px;}
.fast_contact{display:none;}
.fullr{width:calc(100% - 255px);}
.w350{width:220px !important;}
.spolecnost_img{width:30%;}
/*.subm{display:none;}*/
}

@media screen and (max-width: 910px){
.box.w480{width:415px;}
}

@media screen and (max-width: 840px){
.fast_contact{display:none;}
.content .contmenu{margin:30px auto;}
.content .contmenu ul{display:none;}
.content .contmenu #menuselect{display:block;}
/*.content{display:none;} */
.fb_ico{display:none;}
.box.borderr{border-right:1px solid transparent;}
.fullr{width:100%;}
.subm{display:none;}
.subpages{display:block;}
.spolecnost_img{display:none;}
.projekty_img{width:49%;}
.box.w480{width:300px;}
}

@media screen and (max-width: 550px){
.content .contmenu #menuselect{width:130px; height:30px; padding:3px 5px; margin:10px 20px; font-size:18px;}
}