* {margin: 0px; padding: 0px;}

html,body { height:100%; }
body { background: #fff; font-family: "Segoe UI",Helvetica,Arial,sans-serif;font-size: 16px; color: #000;}

input, select, textarea, a img {outline: none;}
input[type="submit"] { cursor: pointer;}
textarea {resize: none;font-family: "Segoe UI",Helvetica,Arial,sans-serif;font-size: 16px; color: #000;}
table.nobrd, table.nobrd tr, table.nobrd th, table.nobrd td{border: none !important;}

p{text-align:left; margin: 10px 0 15px; line-height: 22px;}

#content ul,#content ol{overflow:hidden;margin:10px 0 10px 40px;list-style-position:inside;}
#content ul li,#content ol li{margin:0 0 10px 0px;}

a{ text-decoration:underline; color:#25509e;}
a:hover{ text-decoration:none;}
table{ border-collapse: collapse; border-spacing: 0;}

h1, div.h1 {
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    color:#000;
    margin: 0 0 30px;
}
div.h1 {text-align: center;}

h2 {
    font-size: 19px;
    margin: 15px 0;
}
h3 {
    font-size: 15px;
    margin: 15px 0;
}
div.h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 18px;
    color:#25509e;
    margin: 0 0 20px;
    font-weight: bolder;
}


#header-content {position:relative; min-height:100%; min-width: 950px; }

    #header {padding-top: 22px; height: 111px; margin: 0px auto; min-width: 950px; max-width: 1200px;}
        #header #logo {width: 48%;max-width: 308px; float: left; margin: 0 2% 0 0;}
        #header #logo img {width: 100%; max-width: 308px;}
            #header #logo a {text-decoration:none;}
            #header a#callback_btn, #header a#private_btn {padding: 10px 18 10px 60px;}
            #header a#callback_btn {float: right; background:url('images/icn_callback.png?1') no-repeat 14px 9px; margin: 15px 0 0 0;display: block; border: 1px #25509e solid; color:#25509e; text-decoration: none;}
            #header a#private_btn  {float: right; background: url('images/icn_private.png') no-repeat 14px 9px #25509e; margin: 15px 22px 0 0; display: block; border: 1px #25509e solid; color: #fff; text-decoration: none;}

            #header #phone{font-size:23px;line-height:30px;float:left;margin:0px 2% 0;color:#000;}
                #header #phone div {display: inline-block; margin-bottom: 5px; float: none; text-align: left; clear: both;}
                #header #phone span {color:#25509e;}
                #header #phone small {color:#777777; font-size: 12px;}

            #header #adress {font-size:16px;line-height:1.2;float:left;margin:7px 2% 0;color:#000;}

    #top_menu {background:#25509e; width: 100%;}
        #top_menu ul { max-width: 1200px; min-width: 950px; width: 100%; margin: 0 auto;list-style:none; display: table;}
            #top_menu ul li {list-style:none; display: table-cell; white-space: nowrap; text-align: center;}
            #top_menu ul li.active {list-style: none;display: table-cell;white-space: nowrap;text-align: center;padding: 0 10px;background: #183c7d;}
            #top_menu ul li.cl {width: 13%; list-style:none; display: table-cell; white-space: nowrap; text-align: center;}
                #top_menu ul li a {display: inline-block; color:#fff; font-size: 18px; text-decoration: none; line-height: 49px;}
                #top_menu ul li a:hover {text-decoration: underline; line-height: 49px;}
            #top_menu ul li:first-child {text-align: left;}
            #top_menu ul li:last-child {text-align: right;}

    ul#footer-menu {margin: 15px 0 30px 0;list-style:none; overflow: hidden;}
        ul#footer-menu li {list-style:none; white-space: nowrap; text-align: center; margin-left: 8px; float: left;}
            ul#footer-menu li a {display: inline-block; color:#000; font-size: 16px; text-decoration: none;}
            ul#footer-menu a:hover {text-decoration: underline;}

    #content { padding: 65px 0 137px 0; background: #fff;}
        .content-box {max-width: 1200px; margin: 0 auto;}
        .content_inner#content .content-box.container {max-width: 1150px; margin: 0 auto; padding: 15px 25px 40px 25px; background:#fff;}

        .content_inner#content {
            padding: 0 0 137px 0;
            background: url('images/fon.jpg') no-repeat center top #eaeaea;
            background-repeat:no-repeat;
            background-attachment:fixed;
            -moz-background-size: 100%;
            -webkit-background-size: 100%;
            -o-background-size: 100%;
            background-size: 100%;
        }
        #block_white {background: #fff;}
            #block_white_box {max-width: 1200px; padding: 40px 0; margin: 0 auto;}
                #block_white_box img {float: left; margin: 0 20px 20px 0;}

        #benefits {
            background: url('images/fon.jpg') no-repeat center top; padding: 40px 0;
            -moz-background-size: 100%;
            -webkit-background-size: 100%;
            -o-background-size: 100%;
            background-size: 100%; }
        #text_main {width: 100%; background:#25509e; padding: 38px 0;}
           #text_main .textmain {background:#2b34a9; padding: 20px 25px; color:#fff;}
            #text_main .textmain .title {font-size: 25px; text-align: center; margin-bottom: 10px;}
            #text_main .textmain p {font-size: 16px; margin-bottom: 10px;}

    #footer { position:relative; height:110px; margin:-137px 0 0; background: #fff; padding: 27px 0 20px 0;}
        #footer-box { max-width: 1200px; margin: 0 auto; overflow: hidden;}
            #left_footer {float: left; overflow: hidden;}
                #left_footer #copy {font-size: 14px;}
                #left_footer #copyright{background:url('images/logo_footer_newz.jpg') no-repeat 0 0; background-size: cover; margin-bottom:10px;width:299px;height:71px;}

            #right_footer {float: right; overflow: hidden;}
                #right_footer #cp_utlab {font-size: 14px; float: right;}
                    #right_footer #cp_utlab a {text-decoration: none; color:#000;}

            #footer-adress{ float: left; margin-left: 8px; margin-top: -10px; }
            #footer-phone{ float: left; margin-left: 150px; margin-top: 7px; font-size: 20px; }
                #footer-phone span { color: #25509e; }


    ul.breadcrumb {margin: 0 0 20px 0 !important; overflow: hidden;}
        ul.breadcrumb li {list-style: none; float: left; font-size: 14px; margin: 0 20px 0 0;}
        ul.breadcrumb li a {text-decoration: underline; color:#25509e; }
        ul.breadcrumb li a:hover {text-decoration: none; color:#25509e; }
        ul.breadcrumb li:after {content: "\203A"; color:#25509e; font-size: 19px; width: 7px; padding-left: 4px; text-decoration:none; margin-right: 5px;}
        ul.breadcrumb li:last-child:after {content: "\0020"; color:#25509e; font-size: 19px; width: 7px; padding-left: 4px; text-decoration:none; margin-right: 5px;}

    .slide-service {position: relative;}
    .slide-service a {width: 276px; height: 276px; display: block; margin: 0 auto;}
        .slide-service a:hover {cursor:pointer;}
    .slide-service a span {background:#25509e; color:#fff; font-size: 18px; text-decoration: none; display: inline-block; padding: 14px 0; position: absolute; top: 50%; left:50%; z-index:3; text-align: center; width: 276px; height: 50px; margin: -35px auto 0 -138px;}
        .slide-service a:hover span {background:#4b54cf; color:#fff; font-size: 18px;cursor:pointer;}
        .slide-service a span:hover {background:#4b54cf; color:#fff; font-size: 18px;cursor:pointer;}


    #all_text {display:none;}
    #see_all, #make_order {font-size: 18px; color: #fff; background: #25509e; display: inline-block; padding: 8px 30px; margin: 0 auto 40px auto; text-decoration: none;}
    #all_news {font-size: 18px; color: #fff; background: #25509e; display: inline-block; padding: 8px 30px; margin: 0 auto 40px auto; text-decoration: none;}
    #callback {font-size: 18px; color: #fff; background: #25509e; display: block; padding: 8px 30px; margin: 0; text-decoration: none;}
    #see_arr {font-size: 18px; color: #fff; background: #25509e; display: inline-block; padding: 8px 35px 8px 30px; margin: 0 auto 40px auto; text-decoration: none; position: relative;}
        #see_arr:after { color: #fff; font-size: 20px; content: "\2193"; margin: 0 10px 0 9px; position: absolute; right: 0;}
        #see_arr.upp:after { color: #fff; font-size: 20px; content: "\2191"; margin: 0 10px 0 9px; position: absolute; right: 0;}


    .benefits {font-size: 14px; color:#000; text-align:center; margin-bottom: 20px;}
        .benefits#one:before {content: "\0020";background:url('images/benefits_1.png') no-repeat 0 0; position: relative; width: 144px; height: 144px; display: block;margin: 0 auto 20px auto;}
        .benefits#two:before {content: "\0020";background:url('images/benefits_2.png') no-repeat 0 0; position: relative; width: 144px; height: 144px; display: block;margin: 0 auto 20px auto;}
        .benefits#tree:before {content: "\0020";background:url('images/benefits_3.png') no-repeat 0 0; position: relative; width: 144px; height: 144px; display: block;margin: 0 auto 20px auto;}
        .benefits#four:before {content: "\0020";background:url('images/benefits_4.png') no-repeat 0 0; position: relative; width: 144px; height: 144px; display: block;margin: 0 auto 20px auto;}

    #contacts {background-color: rgba(255, 255, 255, 0.9);padding: 34px 25px; color:#000; font-size: 16px;}

    #news {padding: 30px 0; background: #fff;}
    .news_item {width: 100%; float: none; overflow: hidden; margin-bottom: 20px;}
        .news_item .date {font-size: 12px; color:#25509e; margin-bottom: 10px;}
        .news_item .news_image {width: 48%; margin-right: 20px; float: left;}
        .news_item .news_image img {border: 1px #cbcbcb solid; width:100%;}
        .news_item .news_text {margin-left: 0px; overflow: hidden;}
        .news_item .news_title {color:#000; font-size: 20px; padding: 0px; font-weight: bolder; line-height: 22px; margin-bottom: 20px;}
            .news_item .news_title a {color:#000; text-decoration:none;}
            .news_item .news_title a:hover {color:#000; text-decoration:underline;}
        .news_item p {color:#000; font-size: 14px; line-height: 20px}
    p.back a {color:#25509e; font-size: 15px; float: left;}
    p.back:before {color:#25509e; font-size: 15px; content: "\2190"; padding: 0 10px 0 0; float: left;}

    table.contacts_table{border: none;}
        table.contacts_table tr {border: none; background: #eaeaea;}
            table.contacts_table tr td {vertical-align: top; text-align: left; padding: 10px 15px;}
/*FONTS*/
.text_container {overflow: hidden;}

.s10 {font-size: 10px; line-height: 10px;}
.s16 {font-size: 16px; line-height: 16px;}
.s25 {font-size: 25px; line-height: 25px;}

.black{ color:#000;}
.green-1{ color:#25509e;}

.m5 {margin-bottom: 5px;}
.m10 {margin-bottom: 10px;}
.m14 {margin-bottom: 14px;}
.m25 {margin-bottom: 25px;}
.m30 {margin-bottom: 30px;}
.m35 {margin-bottom: 35px;}

.pad_top10 {padding-top: 10px;}

.clear {clear: both;}
.text_center {text-align: center;}

@media (max-width: 980px) {
    #header #logo a { width: 100px;}
    #header #logo {width: 45%; float: left; margin: 0 1% 0 0;}
    #header #phone {line-height: 25px; font-size: 17px; color:#000; margin: 10px auto 0;}
    #header a#callback, #header a#private {margin: 11px 10px 0 0; padding: 2px 18 2px 60px; }

    .s16 {font-size: 13px; line-height: 13px;}
    .s25 {font-size: 16px; line-height: 16px;}

}

@media (min-width: 980px) and (max-width: 1100px) {
    #header #logo a { width: 130px;}
    #header #logo {width: 48%; float: left; margin: 0 1% 0 0;}
    #header #phone {line-height: 25px; font-size: 18px; color:#000; margin: 10px auto 0;}
    #header a#callback, #header a#private {margin: 11px 10px 0 0; padding: 2px 18 2px 60px; }

    .s16 {font-size: 17px; line-height: 13px;}
    .s25 {font-size: 20px; line-height: 16px;}

}

label.textboxcont {display: block; cursor:pointer; font-size: 14px; margin-bottom: 5px;}
label.textboxcont span {color:#25509e;}
input.text[type="text"] {border: 1px #25509e solid; border-radius: 3px; padding: 6px 5px; margin: 0 0 10px 0; font-size: 15px; width: 100%;}
input[type="submit"] {background: #25509e; padding: 6px 16px; color:#fff; border: none; display:block; font-size: 15px; width: auto; margin: 0 auto;}
input#recaptcha_response_field {border: 1px #25509e solid; border-radius: 3px; padding: 6px 5px; margin: 0 0 10px 0; font-size: 15px;}
textarea#message {border: 1px #25509e solid; border-radius: 3px; padding: 6px 5px; resize: none;font-size: 15px; width: 100%;margin: 0 0 10px 0;}

.press-menu{}
.press-menu:after{content:'';display:block;clear:both;}
.press-menu__item{display:block;float:left;}
.press-menu__item:nth-of-type(even){float:right;}
.press-menu__img{display:block;overflow:hidden;width:570px;height:300px;background:#ccc;}
.press-menu__name{display:block;text-align:center;}

.gallery-item{position:relative;display:inline-block;text-decoration:none;}
.gallery-all{font-size:18px;position:absolute;top:0;top:70px;left:0;width:100%;padding:14px 0;text-align:center;color:#fff;background:rgba(235,94,38,0.8);}
.gallery-item:hover .gallery-all{background:rgba(235,94,38,0.6);}

table.style {
    border: 1px solid #000;
}
table.style td {
    border: 1px solid #000;
    padding: 5px;
}


#uslugi_btn{        
    font-size: 18px;
    color: #fff;
    background: #25509e;
    text-align: center;
    display: block;
    width: 150px;
    padding: 8px 30px;
    margin: 0 auto;
    text-decoration: none;
}

#china_btn {
    float: right;
    margin-top: 21px;
    margin-right: 30px;
    border: 1px solid #018484;
    border-radius: 50%;
    background: url(images/iconChina.png) 50% no-repeat;
    width: 30px;
    height: 30px;
}