*{margin:0;padding:0;}
img, a img, a{outline: none;}
img, a img{border:none!important;}
.clear{height:0;line-height:0;font-size:0;clear:both;}
.clear3{height:3px;line-height:0;font-size:0;clear:both;}
.clear4{height:4px;line-height:0;font-size:0;clear:both;}
.clear5{height:5px;line-height:0;font-size:0;clear:both;}
.clear6{height:6px;line-height:0;font-size:0;clear:both;}
.clear7{height:7px;line-height:0;font-size:0;clear:both;}
.clear8{height:8px;line-height:0;font-size:0;clear:both;}
.clear9{height:9px;line-height:0;font-size:0;clear:both;}
.clear10{height:10px;line-height:0;font-size:0;clear:both;}
.clearright10{height:10px;line-height:0;font-size:0;clear:right;}
.clearleft10{height:10px;line-height:0;font-size:0;clear:left;}
.clearleft{height:0;line-height:0;font-size:0;clear:left;}
.clear11{height:11px;line-height:0;font-size:0;clear:both;}
.clear12{height:12px;line-height:0;font-size:0;clear:both;}
.clear14{height:14px;line-height:0;font-size:0;clear:both;}
.clear15{height:15px;line-height:0;font-size:0;clear:both;}
.clear16{height:16px;line-height:0;font-size:0;clear:both;}
.clear17{height:17px;line-height:0;font-size:0;clear:both;}
.clear18{height:18px;line-height:0;font-size:0;clear:both;}
.clear19{height:19px;line-height:0;font-size:0;clear:both;}
.clearleft20{height:20px;line-height:0;font-size:0;clear:left;}
.clear20{height:20px;line-height:0;font-size:0;clear:both;}
.clear21{height:21px;line-height:0;font-size:0;clear:both;}
.clear23{height:23px;line-height:0;font-size:0;clear:both;}
.clear24{height:24px;line-height:0;font-size:0;clear:both;}
.clear25{height:25px;line-height:0;font-size:0;clear:both;}
.clear26{height:26px;line-height:0;font-size:0;clear:both;}
.clear27{height:27px;line-height:0;font-size:0;clear:both;}
.clear28{height:28px;line-height:0;font-size:0;clear:both;}
.clear29{height:29px;line-height:0;font-size:0;clear:both;}
.clear30{height:30px;line-height:0;font-size:0;clear:both;}
.clear33{height:33px;line-height:0;font-size:0;clear:both;}
.clear35{height:35px;line-height:0;font-size:0;clear:both;}
.clear36{height:36px;line-height:0;font-size:0;clear:both;}
.clear37{height:37px;line-height:0;font-size:0;clear:both;}
.clear38{height:38px;line-height:0;font-size:0;clear:both;}
.clear40{height:40px;line-height:0;font-size:0;clear:both;}
.clear42{height:42px;line-height:0;font-size:0;clear:both;}
.clear44{height:44px;line-height:0;font-size:0;clear:both;}
.clear45{height:45px;line-height:0;font-size:0;clear:both;}
.clear49{height:49px;line-height:0;font-size:0;clear:both;}
.clear50{height:50px;line-height:0;font-size:0;clear:both;}
.clear52{height:52px;line-height:0;font-size:0;clear:both;}
.clear55{height:55px;line-height:0;font-size:0;clear:both;}
.clear57{height:57px;line-height:0;font-size:0;clear:both;}
.clear60{height:60px;line-height:0;font-size:0;clear:both;}
.clear63{height:63px;line-height:0;font-size:0;clear:both;}
.clear70{height:70px;line-height:0;font-size:0;clear:both;}
.clear80{height:80px;line-height:0;font-size:0;clear:both;}
.clear88{height:88px;line-height:0;font-size:0;clear:both;}
.clear100{height:100px;line-height:0;font-size:0;clear:both;}
#clear_footer{clear:both;height:50px;z-index:0;}

html, body {
    height:100%;
    font: 14px/21px "Open Sans";
    color:#172A4A;
    background: #F2F2F2;
}
#wrapper{
    height:auto!important;
    min-height: 100%;
    z-index:0;
    margin: 0 auto;
    position: relative
}
#footer{
    position: relative;
    z-index: 3;
    height:49px;
    margin:-50px 0 0;
    clear: both;
    background: #172A4A;
    color:#96B4D9;
    border-top:1px solid #b1b8bB;
}
#footer p{
    width: 80%;
    display: block;
    margin: 0 auto 0;
    padding: 5px 0 0;
    font: 11px/19px "Open Sans";
}
#footer a{
    color:#96B4D9;
}

#header_wrapper{
    background: #ffffff;
    height: 112px;
    position: absolute;
    top:0;
    width: 100%;
    z-index:100;
    overflow: visible;
}
#header{
    width: 80%;
   /* min-width: 750px;*/
    margin: 0 auto;
    height: 109px;
    position: relative;
    overflow: visible;
}
#header .inner{
    padding: 40px 0 0 200px;
    position: relative;
}
#hwhite{
    width:100%;font-size: 0;height: 1px; line-height: 0; clear: both; background:#757D82;
}
#hred{
    width:100%;font-size: 0;height: 1px; line-height: 0; clear: both; background:#DDDDDF;
}
#hblue{
    width:100%;font-size: 0;height: 1px; line-height: 0; clear: both; background:#b1b8bB;
}
#banner{
    width: 100%;
    height: 360px;
    background: url(../img/bbg.jpg) #ffffff;
    color:#172A4A;
    position: relative;
    padding:112px 0 0;
    overflow: hidden;
}
#banner span{
    font: 40px/60px 'Lobster', cursive;
}
#banner span.year{
    font: 80px/120px 'Lobster', cursive;
}
#banner .text{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#banner .text .inner{
    text-align: right;
    position: absolute;
    width: 80%;
    padding: 0 160px 0 0;
    left:10%;
    height: 100%;
    background: url(../img/btg.png) right -50px no-repeat;
}
/*#banner img.b1{
    position: absolute;
    left:7%;
    top:160px;
}
#banner img.b2{
    position: absolute;
    left:30%;
    top:95px;
}*/
#banner img.b2 {
        left: 20%;
        position: absolute;
        top: 95px;
}
#banner img.b1 {
        display: none;
}
a.menu{
    font: 400 15px/23px "Open Sans";
    text-decoration: none;
    letter-spacing: 0.5px;
    display: block;
    float: left;
    margin: 5px 0 0 3%;
    color:#172A4A;
    border-bottom: 1px solid #ffffff;
    background: #ffffff;
}
a.menu:hover{
    border-bottom: 1px solid #374A6A;
}
a.menu.active,a.menu.active:hover{
    color:#9c0000;
    border-bottom: 1px solid #9c0000;
}
a.active{
    color:#9c0000;
}
#logo {
    position: absolute;
    top:8px;
    left:0;
}
#logo img{
/*    max-height: 120px;*/
}
#lang{
    background: #96B4D9;
    padding: 5px 15px;
    font: 14px/18px "Open Sans";
    display: block;
    position: absolute;
    top:0;
    right: 0;
    color:#172A4A;
    text-decoration: none;
}
.logosh{
    display: block;
    position: absolute;
    top:60px;
    right: -20px;
}
#lang:hover{
    background: #172A4A;
    color:#ffffff;
}
.content{
    width: 80%;
    margin: 0 auto;
}
.content .left{
    width: 25%;
    float: left;
}
.content .left .inner{
    padding: 5px 0 0;
    background: #f9f9f9;
}
.content .left a{
    background: #f9f9f9;
    border-bottom: 1px solid #a7c6e4;
    display: block;
    padding: 10px;
    text-decoration: none;
}
.content .right{
    width: 73%;
    float: right;
    margin: 31px 0 0 0;
    background: #ffffff;
    position: relative;
    border-top: 1px solid #a7c6e4;
}
.content img.right_img{
    max-width:30%;
    float: right;
    border: 1px solid #a7c6e4!important;
    display: block;
    margin: 10px 0 10px 20px;
}
.content img.left_img{
    max-width:30%;
    float: left;
    border: 1px solid #a7c6e4!important;
    display: block;
    margin: 10px 20px 10px 0;
}
.content .right .inner{
    padding: 15px 3%;
}
.content_head{
    padding: 15px 3%;
    background: #EFF5F9;    
}
.content_head .data{
    float: left;
    padding: 0 4% 0 0;
    width: 40%;
    min-width: 300px;
}
.content_head .data .name{
    font: 600 14px/21px "Open Sans";
}
.content h3{
    font: 600 20px/30px "Open Sans";
}
.content h4{
    font: 600 15px/20px "Open Sans";
    padding: 5px 20px;
    background: #EFF5F9;
    border-bottom: 1px solid #a7c6e4;
}
.content h5{
    font: 600 12px/20px "Open Sans";
    padding: 5px 20px;
    background: #F9F9F9;
}

.path{
    color:#91989B;
    padding: 10px 0 10px;
    font: 300 13px/18px "Open Sans";
    letter-spacing: 1px;
    background: #F9F9F9;
}
.path a{
    color:#91989B;
    text-decoration: none;
}
.path .inner{
    width: 80%;
    margin: 0 auto;
}
.h2{
    border-bottom: 1px solid #a7c6e4;
    height: 31px;
}
.h2 h2 span{
    border-bottom: 3px solid #172A4A;
    height: 30px;
    font: 600 17px/35px "Open Sans";
    color:#172A4A;
    letter-spacing: 1px;
}
a{
    color:#2C4F79;
}
a:hover,a:active{
    color:#172A4A;
}
.content p{
    margin: 10px 0;
    text-indent: 20px;
    text-align: justify;
}
.content ul,ol{
    margin: 10px 0 10px 40px;
}
form .txt{
    float: left;
    width: 150px;
    line-height: 28px;
}
.man .txt,.dog .txt{
    margin-left: 20px;
}
form .input{
    float: left;
    width: 250px;
}
select{
    width: 252px;
    height: 30px;
    line-height: 30px;
    background: #ffffff;
    border: 1px solid #A7C6E4;
}
input[type="text"]{
    width: 230px;
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    background: #ffffff;
    border: 1px solid #A7C6E4;
}
textarea{
    width: 230px;
    padding: 5px 10px;
    height: 70px;
    line-height: 20px;
    background: #ffffff;
    border: 1px solid #A7C6E4;
}
.hr{
    font-size: 0;
    clear: both;
    height: 1px;
    line-height: 0;
    background: #A7C6E4;
}
hr{
    display: block;
    margin: 30px 0 15px;
    border: none;
    font-size: 0;
    clear: both;
    height: 1px;
    line-height: 0;
    background: #A7C6E4;
}

.man{
    float: left;
    width: 48%;
    padding-right: 2%;
    min-width: 400px;
}
.dog{
    float: left;
    width: 50%;
    min-width: 400px;
}
input[type="submit"]{
    text-align: center;
    width: 100%;
    height: 50px;
    color:#ffffff;
    background: #5792CC;
    border: none;
    font: 400 25px/50px "Open Sans";
}
input[type="submit"]:hover{
    background: #172A4A;
}


@media all and (max-width: 1200px){  
    #banner img.b2 {
        left: 10%;
        position: absolute;
        top: 95px;
    }
    #banner img.b1 {
        display: none;
    }
}
@media all and (max-width: 750px){  
    #banner{
        display: none;
    }
    .path{
        padding-top: 120px;
    }
    #logo img {
        max-width: 100px;
    }
    #header .inner {
        padding: 20px 0 0 100px;
    }
}

.lev1{
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    background: #5795D0;
    color:#ffffff;
}
.lev2{
    padding: 0 10px;
}
.lang_ru,.lang_en{
    float: left;
    width: 48%;
    margin: 0 2%  0 0;
    min-width: 400px;
}
.hidden{
    display: none;
}
.no,.no  input,.no select{
    background: #ffdede;
}
img.small{
    max-width: 300px;
    max-height: 200px;
}
div.small{
    font: 10px/11px "Open Sans";
    margin: 0 0 10px 20px;
}
#map{
    height: 500px;
    width: 100%;
}
.logos{
    display: block;
    float: right;
    width: 200px;
    border: none;
    margin: 10px 0 10px 20px;
    text-align: center;
}
.logos .logos{
    margin: 10px 0;
}
a.gallery,a.gallery2{
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}
a.gallery img{
    max-height: 150px;
    border: 1px solid #a7c6e4 !important;
    display: block;
}
a.gallery2 img{
    max-height: 250px;
    border: 1px solid #a7c6e4 !important;
    display: block;
}
iframe{
    display: block;
    margin: 10px auto;
}
div.req{
    background: #e0e0e0;
    padding: 3px 10px;
    margin: 1px 0;
}
div.req.active{
    background: #5795d0;
    color:#ffffff;
}
div.req.active a{color:#ffffff;}
table{
    border-collapse: collapse;
}
table th{
    font: 600 13px/16px "Open Sans";
    text-align: center;
    padding: 5px 2px 3px;
    border: 1px solid #A7C6E4;
    background: #EFF5F9;
}
table td{
    font: 600 13px/16px "Open Sans";
    text-align: center;
    padding: 5px 2px 3px;
    border: 1px solid #A7C6E4;
    background: #ffffff;
}

table  th.sec{
    font: 500 11px/14px "Open Sans";
    width: 120px;
    border-bottom: 2px solid #A7C6E4;
}
table .h th,table  th.h{
    border-bottom: 2px solid #A7C6E4;
}
.hf1,.hf2{
    background: #EFF5F9;
    overflow: hidden;
    font: 500 17px/25px "Open Sans";
    border-bottom: 6px solid #172a4a;
    padding: 20px;
    cursor: pointer;
}
.var{
    padding: 0 5% 0 0;
    font: 300 60px/60px "Open Sans";
    float: left;
    color:#A7C6E4;
    max-width: 10%;
}
.hf1 .txt,.hf2 .txt{
    float: left;
    max-width: 85%;
}
.form1,.form2{
    display: none;
}
.ballinfo{
    display: none;
}
.showball{
    padding: 20px;
    background: #EFF5F9;
    position: fixed;
    width: 40%;
    right:10%;
    top:280px;
    border: 1px solid #00264B;
    border-right: 40px solid #00264B;
    display: none;
    z-index:999999999999;
    box-shadow: 0 0 35px 35px rgba(3,37,75,0.4);
}
.ball{
    cursor: pointer;
}
.close{
    position: absolute;
    top:20px;
    right: -30px;
    cursor: pointer;
}
p.dark{
    color:#A7C6E4;
}