@font-face {
    font-family: 'neris';
    src: url('RobotoCondensed-Light.eot');
    src: local('☺'), url('RobotoCondensed-Light.woff') format('woff'), url('RobotoCondensed-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.prei3 {max-height: 150px; height: 150px; }
.prei3 img {vertical-align: middle; max-height: 100%; }
img {max-width: 100%}
html {width: 100%; padding: 0; margin: 0; overflow-x: hidden;}
body {font-family: neris; font-size: 16px; color: #000; padding: 0; margin: 0;}
.menuline {background: #29436d;}
.menu ul {padding: 0; margin: 0; list-style: none;}
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.jcenter {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.vcenter {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.around {-ms-flex-pack: distribute;justify-content: space-around;}
.between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.menu a {color: #fff; text-decoration: none; display: block; padding: 10px 20px}
.header {background: url('site-bg.jpg')no-repeat;}
.footer {background: url('site-bg.jpg')no-repeat; min-height: 200px; padding-top: 20px; border-bottom: 1px solid #dadada}
.menu a:hover {background: #3f6197}
.container {width: 90%; max-width: 1600px; margin: 0 auto;}
.head {min-height: 100px}
a {color: #29436d; }
.head {font-weight: bold;}
.item .mob {display: none!important}
.plitka1 {width: 300px; margin: 10px; cursor: pointer}
.plitka-title {text-align: center;}
.plitka1 div {border: 1px solid #dadada}
.prei2 {width: 190px; margin: 10px 20px; border: 0px solid #dadada; padding: 10px; text-align: justify}
.center {text-align: center;}
.prei2 img {width: 200px}
.tel a {font-size: 21px; font-weight: bold; text-decoration: none}
.portf .item {width: 190px; height: 160px; border: 1px solid #dadada; text-align: center;}
.portf img {max-width: 100%; max-height: 100%; width: auto; height: auto; margin-left: auto; margin-right: auto;}
.otz .owl-nav {color: #29436d!important}
.otz {max-width: 750px; margin-left: auto; margin-right: auto; margin-bottom: 30px}
.otz2 {padding-left: 80px; padding-right: 80px;}
.kto {margin-top: 10px; font-weight: bold; text-align: right}
.kto2 {text-align: right}
.foot {background: #ffffff61; -webkit-box-sizing: border-box;box-sizing: border-box;    min-height: 100px; padding: 10px}
.addr {border-top: 1px solid #dadada; padding-top: 5px;}
.cop {font-size: 12px; padding-top: 5px}
.menu .clo {display: none}
.mm {display: none;}
.block {display: block!important}

@media (max-width: 1000px) {
.container {width: 98%}
}
@media (max-width: 841px) {
.menuline {position: fixed; top:0; left:0; width: 320px; height: 100vh; overflow-y: auto; z-index: 999999999999; display: none}
.menuline .flex {display: block; }
.menuline a {font-size: 20px}
.menuline .clo {display: block; text-align: right; margin-top: 10px; margin-bottom: 20px; font-size: 16px;}
.mm {display: block; position: fixed; top: 10px; left: 10px; z-index:99999999 }
}

@media (max-width: 791px) {
.slogan {display: none}
.prei {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.plitka {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.addr {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.addr div {margin: 5px}
}
@media (max-width: 606px) {
.header .flex {display: block}
.logo {text-align: center}
.tel {text-align: center;  color: #fff;}
.email {text-align: center; margin-top: 5px; margin-bottom: 5px; }
.email a {color: #fff;}
.tel a {color: #fff;}
.header {padding-bottom: 10px; margin-bottom: 5px; background: #29436d}
}


@media (max-width: 566px) {
.item .desk {display: none!important}
.item .mob {display: block!important}
}