/* --------------------------------------------------------------------------------- top */

/* --------------------------------------------------------------------------------- top-menu */
.top-menu {
    background     : #7ecefd;
    clear          : both;
    list-style     : none;
    margin         : 0;
    text-transform : uppercase;
    height         : 43px;
    line-height    : 43px;
    padding        : 0;
    color          : #000;
    
}

.top-menu li {
    float        : left;
    padding      : 0 0 0 0;
    margin       : 0;
    height       : 43px;
    border-right : solid 1px #333;
}

.top-menu div {
    padding    : 0px 25px;
    text-align : center;
    height     : 43px;
}

.top-menu li a {
    color           : #313543;
    display         : block;
    margin          : 0px;
    padding         : 0px 25px;
    text-align      : center;
    text-decoration : none;
    height          : 43px;
}

.top-menu li a:hover, .menu ul li:hover a {
    color : #34353e;
    
}

.top-menu li ul {
    background : #0979b9;
    display    : none;
    height     : auto;
    padding    : 10px 0 10px 0;
    margin     : 0px;
    border     : 0px;
    position   : absolute;
    z-index    : 200;
    color      : #fff;
    /*top:1em;
    /*left:0;*/
}

.top-menu li ul li a {
    color : #FFF;
}

.top-menu li:hover ul {
    display : block;
    
}

.top-menu li li {
    display    : block;
    float      : none;
    margin     : 0px;
    padding    : 0px;
    color      : FFF;
    background : none;
    height     : 35px;
    
}

.top-menu li:hover li a {
    background : none;
    color      : fff;
    
}

.top-menu li ul a {
    display    : block;
    margin     : 0px;
    color      : FFF;
    padding    : 0px 10px 5px 15px;
    text-align : left;
    height     : 30px;
}

.top-menu li ul a:hover, .top-menu li ul li:hover a {
    background      : #006ba8;
    border          : 0px;
    color           : #ffffff;
    text-decoration : none;
}

.top-menu p {
    clear : left;
}

.slider img {
    box-shadow : 0px 0px 5px 0px rgba(0, 0, 0, 0.77);
    
}

.top-galery {

}

.top-galery img {
    border       : solid 4px #fff;
    margin-right : 10px;
}

.main {
    background  : url(main-bg.png) top center no-repeat;
    margin-top  : 10px;
    padding-top : 12px;
    
}

.title {
    font-size      : 48px;
    line-height    : normal;
    padding-bottom : 10px;
}

.conten {
    padding-bottom : 30px;
}

.news-box {
    border-top    : solid 1px #CCC;
    padding-top   : 15px;
    margin-bottom : 25px;
    clear         : both;
    
}

.news-box a {
    color       : #5d5d5d;
    line-height : 25px;
}

.news-title {
    font-size      : 25px;
    padding-bottom : 15px;
    
}

.news-dat {
    background    : url(news-bg.jpg) left top no-repeat;
    width         : 69px;
    height        : 79px;
    padding-top   : 15px;
    padding-right : 10px;
    color         : #fff;
    font-size     : 45px;
    text-align    : center;
    margin-right  : 10px;
}

.news-dat div {
    font-size   : 12px;
    padding-top : 30px;
}

/** catalog-module*/
.catalog {
    display     : inline-block;
    clear       : both;
    margin-left : -8px;
    padding-top : 15px;
    
}

.catalog-preview-box {
    display        : inline-block;
    vertical-align : top;
    width          : 238px;
    background     : #fff;
    border         : solid 1px #fff;
    transition     : all 0.3s linear 0s;
    margin-left    : 8px;
    margin-bottom  : 15px;
    box-shadow     : 2px 2px 5px 0px rgba(0, 0, 0, 0.45);
    padding-bottom : 10px;
    
}

.catalog-preview-box:hover {
    border     : solid 1px #7ecefd;
    transition : all 0.3s linear 0s;
}

.catalog-preview-title {
    font-size      : 18px;
    margin-bottom  : 5px;
    text-transform : uppercase;
    padding        : 0 10px;
    
}

.catalog-preview-title a {
    color           : #333;
    text-decoration : none;
}

.catalog-preview-preview {
    text-align : center;
}

.catalog-preview img {
    margin-bottom : 5px;
}

.catalog-preview-description {
    font-size      : 12px;
    line-height    : 14px;
    padding        : 0 10px;
    padding-bottom : 5px;
}

.cat-more {
    padding   : 0 10px;
    font-size : 12px;
}

.cat-more a {
    color : #333;
}

/* --------------------------------------------------------------------------------- pagenav */
.pagenation {
    clear         : both;
    margin-top    : 20px;
    margin-bottom : 20px;
}

.pagenation a {
    background       : #f6f6f6;
    background-image : linear-gradient(to top, #ebebeb 0%, #f9f9f9 100%);
    box-shadow       : 0px 1px 0px 0px white inset;
    box-shadow       : 1px 1px 1px 0px rgba(0, 0, 0, 0.12);
    border           : solid 1px #aeaeae;
    border-radius    : 7px;
    width            : 24px;
    height           : 24px;
    text-align       : center;
    text-decoration  : none;
    display          : inline-block;
    line-height      : 25px;
    font-weight      : bold;
    color            : #717171;
    text-shadow      : 1px 1px 0px white;
}

.pagenation span {
    background      : #666;
    border          : solid 1px #aeaeae;
    border-radius   : 7px;
    width           : 24px;
    height          : 24px;
    text-align      : center;
    text-decoration : none;
    display         : inline-block;
    color           : #fff;
    line-height     : 25px;
    
}

.pagenation a:hover {
    background-image : linear-gradient(to top, #dbdbdb 0%, #f9f9f9 100%);
    
    color            : #000;
}

.bot {
    background     : #20222b;
    color          : #fff;
    padding-bottom : 15px;
    
}

.bot-menu {
    padding    : 23px 0;
    background : #303441;
    width      : 1000px;
    text-align : center;
    clear      : both;
}

.bot-menu a {
    padding : 0 5px;
}

.news-gallery {
    background : #fff;
    margin     : 15px 0;
    clear      : both;
    
}

.news-gallery img {
    margin     : 7px;
    border     : solid 2px #fff;
    transition : all 0.3s linear 0s;
}

.news-gallery img:hover {
    border     : solid 2px #CCC;
    transition : all 0.3s linear 0s;
    
}

.center_banner .bulls, .center_banner2 .bulls {
    left : 20px;
}

.bulls {
    min-width  : 200px;
    min-height : 30px;
    position   : absolute;
    top        : 378px;
    
    z-index    : 100;
}

.bulls .bull {
    float            : left;
    width            : 21px;
    height           : 21px;
    background-image : url(/images/slid-nav.jpg);
    margin           : 2px;
}

.bulls .bull-active {
    background-image : url(/images/slid-nav-.jpg);
}

.center_banner {
    width    : 1000px;
    height   : 424px;
    overflow : hidden;
    position : relative;
}

.center_banner img {
    position : absolute;
    z-index  : 1;
    display  : block;
}

.center_banner .over_content{
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 10;
    box-sizing: border-box;
    padding:10px;
    text-align: left;
}
.center_banner .over_content a{
    color:inherit;
    text-decoration: none;
}
.inner-page {
    background-size : 150px auto;
}

.inner-page .center_banner {
    height : 224px;
}

.inner-page .center_banner .bulls {
    top : 178px;
}

.inner-page .center_banner img {
    transform : translate(0px, -46%);
}

.block_pole_form_remsg {
    background    : url("./msg_poles/back_form_1.gif") no-repeat;
    width         : 250px;
    height        : 30px;
    margin-bottom : 10px;
}

.pole_form_remsg {
    background : transparent;
    width      : 223px;
    height     : 20px;
    border     : none;
    margin     : 7px 0px 0px 5px;
}

.pole_form_select {
    background : transparent;
    width      : 220px;
    border     : none;
    margin     : 7px 0px 0px 5px;
}

.block_pole_textarea_form_remsg {
    background    : url("./msg_poles/back_form_2.gif");
    width         : 235px;
    height        : 138px;
    margin-bottom : 10px;
}

.pole_textarea_form_remsg {
    background : transparent;
    width      : 223px;
    height     : 125px;
    border     : none;
    margin     : 7px 0px 0px 5px;
    resize     : none;
}

.button_submit_form_remsg {
    width      : 94px;
    height     : 24px;
    background : url("./msg_poles/b_send.gif");
    border     : none;
}

.block_pole_text_secnumers {
    background : url("./msg_poles/back_form_4.gif");
    width      : 94px;
    height     : 24px;
}

.pole_text_secnumers {
    background : transparent;
    width      : 82px;
    height     : 18px;
    border     : none;
    margin     : 4px 0px 0px 3px;
}

.hover-boxes,
.hover-boxes * {
    box-sizing : border-box;
}

.hover-boxes {
    display : flex;
    padding : 30px 0;
    clear   : both;
    
}

.hover-boxes > div {
    display    : block;
    position   : relative;
    width      : 25%;
    min-height : 100px;
    border:1px solid #fff;
}

.hover-boxes > div img {
    display  : block;
    position : relative;
    width:100%;
}

.hover-boxes > div h4 {
    display     : block;
    position    : absolute;
    z-index     : 2;
    bottom      : 20px;
    left        : 0;
    width       : 100%;
    padding     : 6px 12px;
    text-align  : center;
    color       : #fff;
}

.hover-boxes > div span {
    display          : block;
    position         : absolute;
    left             : 0;
    bottom           : 0;
    width            : 100%;
    height           : 100%;
    padding          : 60px 30px;
    background-color : rgba(0, 0, 0, 0.7);
    color            : #fff;
    text-align       : center;
    font-size:16px;
    opacity          : 0;
    transition       : all 0.3s linear;
}

.hover-boxes > div:hover span {
    opacity : 1;
}

.number-block,
.number-block * {
    box-sizing : border-box;
}

.number-block {
    display : flex;
    flex-wrap: wrap;
    padding : 30px 0;
    clear   : both;
    justify-content: center;
    align-items: flex-start;
}

.number-block > div {
    display    : block;
    position   : relative;
    width      : 220px;
    min-height : 100px;
    padding: 6px;
    text-align: center;
    margin:15px;
}

.number-block > div strong {
    display       : block;
    position      : relative;
    margin-bottom : 20px;
    font-size     : 50px;
    color:#7ecefd;
    text-shadow: 0 0 1px #313541;
}

.number-block > div span {
    display    : block;
    position   : relative;
    font-size  : 18px;
    text-align : center;
    color:#313541;
}