@CHARSET "UTF-8";html, body{background:#FFFFFF;color:#000000;font-family:Arial,Verdana,sans-serif;margin:0;padding:0;}
body a:focus{outline:0 none;}
a img{border:none;}
h1{margin-bottom:8px;color:#255eb8;font-size:20px;font-weight:normal;}
h2{margin-bottom:6px;font-size:16px;font-weight:bold;color:#255eb8;}
h3{margin-bottom:16px;color:#255eb8;font-size:18px;font-weight:normal;}
#page{background:#FFFFFF;margin:0 auto;min-width:1000px;}
#bg-header{background:url(/images/bg-header.jpg) top repeat-x;height:280px;}
#header{margin:0 auto;height:280px;width:1000px;background:url(/images/header.jpg) center no-repeat;position:relative;}
div.phones{position:absolute;bottom:0;right:20px;}
div.phones a{font-size:24px;color:#255eb8;text-decoration:none;text-shadow:1px 1px 0 #fff, 2px 2px 2px rgba(0, 0, 0, 0.4);font-family:arial;font-style:italic;}
div.phones a{font-size:25px;color:#255eb8;text-decoration:none;}
div.phones a span{font-size:17px;position:relative;bottom:5px;margin-right:-4px;}
.headzap{position:absolute;right:33px;top:72px;display:none;}
.headzap a{color:#f72d3a;text-decoration:none;font:bold 20px Arial, Helvetica, sans-serif;}
#logo{width:279px;height:66px;float:right;margin:7px 25px 0px 0px;}
#logo a{border:none;}
#center{margin:0px auto;width:1000px;margin-top:15px;}
.photo-glav-mob {display:none;}
div#center table tr td{}
#left-menu-block{width:239px;float:left;text-align:center;position:relative;top:40px;}
.left_menu{width:239px;float:left;}
.left_menu a.cat{background:url(/images/left-menu.png) no-repeat;display:block;text-decoration:none;line-height:60px;color:#FFF;font-weight:bold;padding:0px 60px 0px 0px;height:53px;}
.left_menu a.cat:hover{background:url(/images/left-menu-hover.png) no-repeat;color:#ff0000;text-decoration:none;}
.left_menu a.cat.active{background:url(/images/left-menu-hover.png) no-repeat;color:#ff0000;text-decoration:none;}
#left_banners{display:block;float:left;width:239px;margin:0px 0px;padding-top:10px;}
td.line-gt{background-image:url(/images/line-gt.jpg);background-repeat:repeat-x;}
td.line-gb{background-image:url(/images/line-gb.jpg);background-repeat:repeat-x;}
td.line-vl{background-image:url(/images/line-vl.jpg);background-repeat:repeat-y;}
td.line-vr{background-image:url(/images/line-vr.jpg);background-repeat:repeat-y;}
#content{float:left;display:block;width:800px;font-size:15px;margin-left:-39px;color:#000000;}
#text{padding:10px 10px 10px 40px;text-align:justify;}
#fon-bt{background:url(/images/fon-bt.jpg) repeat-x;height:183px;}
#bottom{width:1000px;margin:0px auto;}
#left-bt{background:url(/images/left-bt.jpg) no-repeat;height:183px;width:264px;vertical-align:top !important;}
#center-bt{background:url(/images/center-bt.jpg) no-repeat;height:183px;width:473px;vertical-align:top !important;}
#right-bt{background:url(/images/right-bt.jpg) no-repeat;height:183px;width:263px;}
#studio{color:#232323;padding:86px 0 0 40px;font-size:15px;text-align:left;}
#studio a, #studio a:visited{color:#000;font-size:15px;font-style:normal;font-weight:normal;margin-left:4px;text-decoration:underline;}
#studio a:hover{color:#F00;text-decoration:underline;}
#copyright{color:#232323;padding-top:15px;font-size:12px;text-align:center;}
#copyright a, #copyright a:visited{color:#F00;font-size:12px;font-style:normal;font-weight:normal;margin-left:4px;padding:1px;text-decoration:underline;}
#copyright a:hover{border-bottom:1px dotted #F00;color:#F00;text-decoration:none;}
#counters{padding:10px 0 5px;background:#b6bbbc;font-size:13px;font-weight:bold;text-align:center;}
#counters span{padding:0px 5px;}
#loading{position:absolute;display:none;left:50%;z-index:100;}
form br{clear:left;}
form.feedback, form.login, form.register{width:420px;margin:0 auto;padding-right:40px;}
form.feedback label, form.login label, form.register label{display:block;float:left;width:140px;padding:0;margin-top:6px;text-align:right;}
form.feedback label img, form.login label img, form.register label img{margin:12px 0 0;}
form.feedback input, form textarea, form.login input,
form.register input, form.register textarea{width:250px;margin:5px 0 0 10px;background-color:#FFFFFF;border:1px solid #777;color:#363638;}
form.login input.button, form.register input.button{float:right;margin:10px 20px 30px 0;padding:1px 10px;background:#80C242;height:25px;width:auto;}
form.feedback input.button{float:right;margin:5px 20px 30px 0;padding:1px 10px;background:url(/images/form-contact.png) no-repeat scroll center center transparent;height:43px;width:122px;border:none;color:#FFF;font-size:16px;font-weight:bold;cursor:pointer;}
.notify{color:#FF0000;}
#qqq{font-size:16px;margin:10px auto;padding-left:50px;width:220px;}
#qqq p{margin-bottom:10px;}
.key{color:#FF0000 !important;}
.sitemap{margin-left:10%;}
.sitemap p.i1{background:url(/images/sitemap/folderbig.gif) left no-repeat;text-indent:2.1em;line-height:1.4em;margin-top:20px;}
.sitemap p.i1 a{color:#333;text-decoration:none;}
.sitemap p.i2{background:url(/images/sitemap/foldersmall.gif) left top no-repeat;text-indent:2.1em;line-height:1.4em;margin:5px 0px 5px 18px;}
.sitemap p.i2 a{color:#333;text-decoration:none;}
.sitemap p.i3{background:url(/images/sitemap/foldersmallv.gif) left top no-repeat;text-indent:2.1em;line-height:1.4em;margin:5px 0px 5px 36px;}
.sitemap p.i3 a{color:#333;text-decoration:none;}
.sitemap p.i4{background:url(/images/sitemap/foldersmallv.gif) left top no-repeat;text-indent:2.1em;line-height:1.4em;margin:5px 0px 5px 48px;}
.sitemap p.i4 a{color:#333;text-decoration:none;}
.sitemap p.i1 a:hover,.sitemap p.i2 a:hover,.sitemap p.i3 a:hover,.sitemap p.i4 a:hover{color:#FF0000;text-decoration:underline;}
.flex-block{margin-top:15px;display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;}
.flex-block div{margin-bottom:0;}
.flex-block div{width:33.3333333%;}
.flex-block div img{max-width:100%;height:auto !important;}
.flex-feedback{display:flex;width:100%;justify-content:space-between;}
span.left-part{font-weight:bold;}
.effe-line{display:none;background:#666666;text-align:center;font-size:16px;padding:10px 0;}
.effe-line a{text-decoration:none;color:#fff;}
.effe-line a:hover{}
.effe-line a span{}
.effe-line a br{display:none;}
.effe-line img{max-width:18px;margin-top:-9px;margin-left:-12px;left:13px;top:6px;position:relative;}

.call-me-button, .consult-button {
    display: none;
    opacity: 0;
    z-index: -1000;
    transition-duration: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

@media screen and (max-width:499px){.effe-line a br{display:block;}
}

thead{
    background:#d3d3d3
}

.flex-block.gallery{
    justify-content: space-between;
}
.flex-block.gallery > div{
    flex-basis:calc(33% - 10px);
    margin-bottom:20px;
}

.flex-block.gallery > div a{
    display:block;
    text-align: center;
}
.contacts-row{
    display:flex;
    flex-wrap:wrap;
}
.contacts-row img{
    width:30px;
    height:30px;
}
.left-column,
.right-column{
    flex: 50% 0 0;
}
.left-column a{
    margin-left:5px;
    color:red;
    text-decoration:none;
}
.left-column p ~ p{
    display:flex;
    align-items:center;
    font-size:1.4em;
    color:red;
}
.left-column p ~ p img{
    margin-right:10px;
}
.right-column a{
    margin: 0 5px;
}
.layouts{
    display: flex;
    padding: 10px 20px;
}
.layouts > div{
    padding:5px;
}
.layouts .in a{
    color:#255eb8;
}
.layouts .in a:hover{
    text-decoration:none
}
.layouts .active{
    color:red;
}

@media screen and (max-width:600px){
    .left-column,
    .right-column{
        flex: 100% 0 0;
    }
    #logo {
        width: 100%;
        margin: 7px 0 0px 0px;
        text-align: center;
    }
    
    .photo-glav-mob{
        display:block;
        max-width:600px;
        width:100%;
        height:auto;
        text-align:center;
    }
    
    .call-me-button {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    opacity:1;
    display:block;
}

.call-me-button a {
    display: block;
    background-image: url(/images/lephone.png);
    background-repeat: no-repeat;
    background-position: 65px;
    text-align: center;
    background-color: #2d21dc;
    padding: 15px;
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
}

    #header {
        background: url(/images/header.jpg) no-repeat center 20px !important;
        height: 355px;
    }

    #bg-header{
        height: 355px;
    }

    #bg-header div.phones {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #bg-header div.phones a {
        margin: 0 10px;
    }
}

@media screen and (max-width:500px){
    .flex-block.gallery > div {
        flex-basis: calc(50% - 10px);
    }
    #text iframe{
        max-width:100%;
    }
}

@media screen and (max-width:400px){
    div.phones a {
        font-size: 23px;
    }
}