@import url('https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,600,600i&display=swap&subset=cyrillic');
* {margin:0; padding:0; border:0}

body {background: #e3f6fc; overflow-x:hidden; background-size: contain;}
body,td,div,input, textarea, select, button {box-sizing: border-box; font-size:16px; font-weight: 300; color: #000000; font-family:'Rubik',Arial; font-style:normal; box-sizing: border-box}
td {vertical-align:top}
div {position:relative;}
span, i {box-sizing: border-box; display: inline-block; vertical-align: middle}
li {box-sizing: border-box}

input, textarea, select {box-sizing: border-box; padding: 10px; background-color: #fff; color: #4c4c4c; border: 1px solid #ccc; width:100%}
button {background: #05a4e5; padding: 12px 20px; font-size: 17px; color: #fff; font-weight: bold; display:inline-block; vertical-align:middle; cursor:pointer; }
input[type=radio], input[type=checkbox] {width: auto !important}

a {color:#000; text-decoration:none; transition: color 0.1s ease-out}
a:hover {color:#e33b37; text-decoration:none}
table {width:100%; border-collapse: collapse; border-spacing: 0px}
hr, * html hr {height:1px; background:#CFD3D6; border:1px} hr {margin:8px 0} *:first-child+html hr {height:1px; margin:0} * html hr {margin:0}
p {line-height:24px; padding:0 0 15px 0}
b, strong {font-weight: 600}
h1 {display: block; font-weight: 700; margin: 0 0 21px 0; font-size: 30px; text-decoration: none; padding: 0 0 7px 0; color:#04a2e7; letter-spacing: 0.6px; position: relative; }
h2 {font-size: 25px; font-weight: 400; position: relative; padding:0 0 21px 0; margin:0}
    h2 span {font-weight: 300; display: block; }
    h2:after {position: absolute; display: block; width:72px; height:74px; top:-22px; background:url('../images/b.png') no-repeat center; left:-100px; content: ''; z-index: 555;}
h3 {font-size: 11px; font-weight: 700; position: absolute; left: 83px; top:40px; padding:0;  color:#a5b8be; text-transform: uppercase; letter-spacing: 2px; }
    h3 a {color:#a5b8be}
    h3 a:hover {color:#91abb3}
h4 {font-size: 26px; font-weight: bold; padding:0 0 20px 0; }
h5 {color: #00aae7; font-size: 20px; margin: 0px 0 21px 0;}
li {display:block; list-style:none;}
.news_foto img{
	width:100%;
	height:100%;
}
.clear {clear:both; display: block; height:0 !important; background: none !important; box-shadow: none !important; float: none !important; margin:0 !important} .clear:after, .clear:before {display: none !important}
.fix_global {margin:0 auto; z-index:2; width:1250px; background: #fff}
    .fix_global:after {display: block; position: absolute; z-index: 1; width: 50px; top:0; bottom:0; left:-66px; width: 66px; background: #004eec; content: ''; }
.fix {margin:0 auto; z-index:2; width:1100px}
.fix_1300 {margin:0 auto; z-index:2; max-width:1300px; width: 100%}

.col_left {width: 316px; float: left; min-height: 2px;}
.col_right {width: 884px; float: left; }

.overlay_, .menu .submenu, .advantages_ul li i,
.owl-menu a, .owl-menu a b, .owl-menu a span {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.news_big a, .u_text_2i, .sr_0 i, .news_list li i, .block-products-item .preview, .newsonmain_ul li i {background-color: #d8d8d8 !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important}
.center {text-align: center}
.fwhite {background: #fff;}

.overlay_ {position: fixed; opacity: 0; left:0; right:0; top:0; bottom:auto; height: 0; z-index: 1}
.overlay_.act {opacity: 1; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.16); height: auto; z-index: 5}
    
header {height: 783px; z-index: 55; position: relative; background:url(../images/header_body.jpg) no-repeat center bottom #16364d; }
.under header {height: 288px; background:url(../images/header_body.jpg) no-repeat center #16364d}
    .header_line {z-index: 5; height: 45px; background: #06a9e9; }
        .topcont {box-sizing: border-box; padding: 12px 0 0 0; float: left}
            .topcont1 {color:#a9e3f7; font-size: 14px; font-weight: 400; }
            .topcont2 {color:#a9e3f7; font-size: 14px; font-weight: 400; padding: 0 0 0 25px; position: relative; margin: 0 0 0 40px}
                .topcont2:hover {color:#fff}
                .topcont2:after {display: block; position: absolute; left:0; top:0; width: 20px; height: 20px; background:url('../images/topcont2.png') no-repeat center; content: '';}
        .search {margin: 0; float: right; white-space: nowrap; padding: 2px; margin: 0 53px 0 0;}
	    .search input {display: inline-block; vertical-align: middle; background: transparent; border: 0; border-bottom: 1px solid #a0def7; color: #fff; padding: 6px; font-size: 14px;}
	    .search button {display: inline-block; vertical-align: middle; width: 40px; height: 40px; margin: 0; padding: 0; background: url('../images/search.png') no-repeat center}
	.social {margin:13px 0 0 0; display: inline-block; float:right;}
        footer .social {margin:0}
            .social a {width:15px; height:15px; margin:0 14px 0 14px; display:inline-block;}
            .svk {background:url(../images/social_w.png) no-repeat 0 0}
            .sfb {background:url(../images/social_w.png) no-repeat -15px 0}
            .sig {background:url(../images/social_w.png) no-repeat -135px 0}
            .svk:hover {background:url(../images/social_w.png) no-repeat 0 -15px;}
            .sfb:hover {background:url(../images/social_w.png) no-repeat -15px -15px}
            .sig:hover {background:url(../images/social_w.png) no-repeat -135px -15px}
                footer .svk {background:url(../images/social.png) no-repeat 0 0}
                footer .sfb {background:url(../images/social.png) no-repeat -15px 0}
                footer .sig {background:url(../images/social.png) no-repeat -135px 0}
                footer .svk:hover {background:url(../images/social.png) no-repeat 0 -15px;}
                footer .sfb:hover {background:url(../images/social.png) no-repeat -15px -15px}
                footer .sig:hover {background:url(../images/social.png) no-repeat -135px -15px}
    .header_body {z-index: 2; height: 739px; }
    .under .header_body {height: 370px; }
        .logo {z-index: 6; position: absolute; left:0; top:219px; width:288px; height: 112px; background: url('../images/logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; }
            .under .logo {top: 39px; width: 208px;}
        .menu_main {height: 80px; background: #fff; }
                    .menu_main:after {display: block; position: absolute; right:-178px; top:0px; width:178px; height:80px; background:url('../images/menu.png') no-repeat center; content: '';}
		    .under .menu_main {z-index: 5555555}
            .menu {display: block; padding: 26px 0 0 0; box-sizing: border-box; margin-left:0; width: 1100px; margin: 0 auto;}
            .menu.fix {height: auto !important}
                .mgray {background: #f5f5f5; padding: 16px 29px 16px 29px; border-radius: 50px; margin: 0}
                    .menu li {display: inline-block; vertical-align: middle; padding: 5px 20px 5px 0; position: relative; }
                        .menu li a {font-weight: 700; font-size: 17px;  color:#071b22; display: inline-block; padding: 0 0 4px 0;}
                            .menu li.menu-item-has-children.current-menu-item a {color: #00aae7;}

footer .menu li.menu-item-has-children.current-menu-item a {color:#7cd9ff}
                        .menu.mgray li a {font-weight: 400; color:#535353}
                            .menu li a:hover {color:#dd3e48}
                        .menu .submenu {position: absolute; height: 1px; left:0; top: 17px; background: rgba(255,255,255,1.0); overflow: hidden; opacity: 0; z-index: 555; box-shadow: 0 0 26px rgba(0, 0, 0, 0.15);}
                        .menu li:hover .submenu {height: auto; overflow: visible; opacity: 1; top: 28px; padding:10px 23px}
                                .menu .submenu li {padding: 8px 0; display: block; border:0}
                                    .menu .submenu li a {margin: 0; font-weight: 400; padding: 0; white-space: nowrap; border: 0; font-size: 15px}
                                        .menu .submenu li a:hover {color:#eb4b55 !important}
                        footer .menu {padding: 26px 0 14px 0; }
                        footer .menu li a {color:#fff; }
                            footer .menu li a:hover {color:#daf3fb}
                        .inhome {}
                            .inhome a {font-size: 0 !important; display: block !important; margin-top: -7px; margin-right: -7px; width: 20px; height: 20px; background: url('../images/inhome.png') no-repeat center; }
        .header_body .fix {height: 658px}
            .under .header_body .fix {height: 163px;}
        .title_head {position: absolute; top:408px; left:83px; color:#fff; font-size: 32px; font-weight: 300; }
            .title_head b {display: block; position: relative; padding: 0 0 5px 0;}
                .title_head b:after {display: block; position: absolute; left:-83px; top:19px; width: 60px; height: 1px; background:rgba(255, 255, 255, 0.25); content: '';}
            .title_head span {display: block; font-size: 17px; padding: 35px 0 0 0; }
                .under .title_head {display: none; }
        .contacts_head {position: absolute; top:77px; right:-30px; color:#fff; font-size: 28px; text-align: right}
            .contacts_head span {color:#b6e9fb; font-size: 15px; display: block; padding: 0 32px 12px 0; position: relative; }
                .contacts_head span:after {display: block; position: absolute; right:0; top:-3px; width: 26px; height: 26px; background:url('../images/contacts_head.png') no-repeat center; content: '';}
                        .under .contacts_head {right: 357px; top: 56px;}
        .title_ge {position: absolute; bottom: 42px; right:-30px; color:#fff; font-size: 12px; text-align: right; z-index: 3}
            .title_ge:after {display: block; position: absolute; right:-3px; top:-78px; width: 64px; height: 64px; background:url('../images/title_ge.png') no-repeat center; background-size: contain; content: ''; z-index: 2}
                    .under .title_ge {bottom: 57px; right: 2px;}
                    .under .contacts_head span {padding: 0 32px 6px 0;}
        .bo {position: absolute; right:-345px; bottom: 0; width: 715px; height: 279px; background:url('../images/bo.png') no-repeat center; z-index: 1; }
                .under .title_ge:after {right: -83px; top: -14px;}
        
    #head {z-index: 1; position: absolute; left: 0; right: 0; top:0; }
        #head .owl-dots, #head owl-nav {display: none; }
        #head .item {height: 850px}
        
    .owl-menu {display: block; margin-top: -105px;}
        .owl-menu a {display: inline-block; vertical-align: top; width: 31.6%; background: #fff; height: 73px; background: #cda546; margin: 0 0 0 23px; box-sizing: border-box; padding: 28px 43px; color:#fff; font-size: 17px; }
            .owl-menu a:first-child {margin: 0; }
                .owl-menu a b {font-weight: 400; display: block; }
                .owl-menu a span {display: none; height: 0; overflow: hidden }
        .owl-menu a:hover {background: #fff; height: 120px; box-shadow:0 11px 33px rgba(0,0,0,0.08)}
            .owl-menu a:hover b {color:#372d6d; font-weight: 700; margin: -1px 0 5px -2px}
            .owl-menu a:hover span {display: block; height: 40px; color:#848194}


.blion ul li.act {
    border-radius: 50px;
    background: #05a2e5;
}

.blion ul li.act a {
    color: #fff;
}
#wpcf7-f163-o2 span{
    display: block;
}
#wpcf7-f163-o2 br{
    display: none;
}
#wpcf7-f163-o2 textarea {
    height: 70px;
}
#wpcf7-f163-o2 .wpcf7-submit {
    background: #05a4e5;
    padding: 12px 20px;
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    display: inline-block !important;
    width: 159px !important;
    vertical-align: middle;
    cursor: pointer;
}
.blion  ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.blion ul li {
    padding: 9px 15px;
    display: inline-block;
    font-size: 16px;
    color: #1f2223;
    font-weight: 400;
}
.section_catalogue {}
    .catalogue_ul {padding: 40px 0 0 0}
        .catalogue_ul li {display: inline-block; vertical-align: top; width: 241px; height: 188px; background-color: #e9f2f5; margin: 0 40px 40px 0; position: relative; }
                .catalogue_ul li:last-child {margin-right: 0; }
            .catalogue_ul li a {display: block; }
                .catalogue_ul li i {display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; height: 130px; }
                .catalogue_ul li strong {display: block; }
                    .catalogue_ul li strong em {display: block; }
                .catalogue_ul li b {display: block; text-align: center; font-size: 16px; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 0 0 0; box-sizing: border-box; min-height: 58px;}
                .catalogue_ul li strong {position: absolute; right:30px; top:28px; color:#9eacb5; font-size: 14px; text-align: right; font-weight: 400; }
                    .catalogue_ul li strong em {font-size: 30px; display: block; line-height: 26px; font-weight: 300;  font-style: normal; }
        .catalogue_ul li.catbig {width: 527px; margin-left: 40px; margin-right:0; height: 273px; }
        .catalogue_ul li.catbig:first-child {margin-left:0}
            .catalogue_ul li.catbig b {background: none; left: auto; top:80px; right: 30px; bottom:auto; font-size: 24px; }
                .catalogue_ul li.catbig b:after {display: block; position: absolute; right:-42px; top:21px; width: 26px; height: 26px; background:#02aae7; border-radius: 30px; content: '';}
            .catalogue_ul li.catbig i {height: 273px;}

.bright .catalogue_ul {padding: 10px 0 0 0;}
.bright .catalogue_ul li {width: 100%;margin: 0 40px 0px 0;}
.bright .catalogue_ul li b {padding: 20px 0 20px 0;}


.section_about {background:#f7fdfe; z-index: 22;}
    .section_about_1 {display: inline-block; vertical-align: top; width: 50%; box-sizing: border-box; padding: 60px 80px 40px 0; text-align: right; }
        .section_about_1 .ab1 {font-size: 40px; font-weight: bold; color:#00aae7; padding: 0 0 9px 0}
        .section_about_1 .ab2 {font-size: 24px; font-weight: 100; padding: 0 0 9px 0}
        .section_about_1 .ab3 {font-size: 16px; font-weight: 300; color:#8c9fa5; line-height: 22px;}
    .section_about_2 {display: block; top:0; bottom:0; right:0; left:48%; background: url('../images/section_about_2.jpg') no-repeat center; background-size: cover !important; position: absolute; z-index: 55}
        .section_about_2:after {display: block; position: absolute; right:-25px; top:-24px; width:530px; height:49px; background: url('../images/section_about_2_a.png') no-repeat; content: '';}
        .section_about_2:before {display: block; position: absolute; right:-25px; bottom:-24px; width:52px; height:50px; background: url('../images/section_about_2_b.png') no-repeat; content: '';}





.section_partners {background: url('../images/section_partners.jpg') no-repeat #1a3b54; background-size: cover; text-align: center; height: 155px; }
    .partners_ul {display: flex; flex-direction: row; justify-content: space-between; width: 67%; margin: 0 auto; padding: 56px 0 0 0}
        .partners_ul li {display: inline-block; width: auto;}




.section_best {background: #fff; height: 340px; }
    .sbest {height: 340px; position: relative; padding-top:25px; }
        .sbest .sb1 {position: absolute; transform: translate(-50%, -50%); top:50%; width: 400px; right: 29%; padding: 30px 60px; background: url(../images/sb1.png) no-repeat right center; text-align: right; }
            .sbest .sb1 b {color:#00aae7; font-size: 32px; padding: 0 0 7px 0; font-weight: bold; display: block; }
            .sbest .sb1 p {padding: 0; color:#4b5c63; font-size: 16px; font-weight: 300; line-height: 22px;}
        .sbest .sb2 {display: block; margin-left:20%; height: 315px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center bottom !important}
.owl-theme .owl-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block;
    cursor: pointer;
    border-radius: 0 !important;
    width: 20px; height: 40px;
    position: absolute;
    top: 141px;
}
.owl-next {right:-50px; background: url('../images/owl-next.png') no-repeat center !important}
.owl-prev {left:-50px; background: url('../images/owl-prev.png') no-repeat center !important}

.bgblue .owl-next {right:-50px; background: url('../images/owl-next2.png') no-repeat center !important}
.bgblue .owl-prev {left:-50px; background: url('../images/owl-prev2.png') no-repeat center !important}

.bgblue .owl-dots {display: none}

.bgblue .owl-theme .owl-nav [class*=owl-] {
    top: 63px;
}

.section_whywe {background: url('../images/section_whywe.jpg') no-repeat #059ce5; background-size: cover; }
    .bgblue {height: 297px; }
        .bgblue h3 {color:#95e6ff; top: 40px;}
    .advantages_ul {padding: 64px 40px 0 40px}
        .advantages_ul div div {text-align: center; color:#fff; padding: 0 }
            .advantages_ul div.item i {width: 120px; height: 120px; background-color:rgba(255, 255, 255, 0.14) !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 120px; margin: 0 0 24px 0; box-sizing: border-box}
                .advantages_ul div.item:hover i {background-color:rgba(255, 255, 255, 0.24) !important}
            .advantages_ul div p {display: block; font-size: 15px; margin: -25px 0 0 0; font-weight: 300; }
                .advantages_ul div p b {display: block; font-size: 18px; font-weight: bold; }

.block-products-item .preview {
    background-size: contain !important;
    background-position: center !important;
}


.section_contacts {background:url('../images/section_contacts.jpg') no-repeat center center #1a3b54; background-size: cover; height: 175px; box-sizing: border-box; padding: 66px 0 0 82px;}
    .section_contacts h3 {color:#fff; top: 40px;}
    .cont_blk1 {width: 336px; text-align: right; display: inline-block; vertical-align: top; color:#fff; font-size: 31px; margin: -6px 102px 0 0;}
        .cont_blk1 b {display: block; margin: 0 0 -4px 0;}
    .cont_blk2 {width: 205px; display: inline-block; vertical-align: top; color:#93a9b9; font-size: 14px; }
    .cont_blk2.cont_blk222 {width: 280px}
        .cont_blk21 {color:#7cd9ff; font-size: 20px; font-weight: bold; position: relative; padding: 11px 0 4px 0; display: block}
        .cont_blk2 a {color:#fff; display: block; font-size: 20px; padding: 11px 0 3px 0; font-weight: bold; position: relative; }
    .cont_blk2 a:hover {color:#fff2d4}
        .cont_blk2 a b {font-weight: 600;}
            .cont_blk21:after {background:url('../images/c_phone.png') no-repeat center; background-size: contain; position: absolute; display: block; left:-46px; top:14px; width:20px; height:20px; content: ''; }
    .cont_blk3 {position: absolute; left: 50px; right:50px; height: 170px; bottom: -50px; background: #c7dfb4}
        .cont_info {right:0; top:0; bottom:0; background:#fff; width:454px; box-sizing: border-box; padding: 40px 40px 40px 79px; box-shadow:0 11px 33px rgba(0,0,0,0.08); position: absolute; font-weight: 300; font-size: 18px; }
            .cont_info b {display: block; font-size: 24px; font-weight: 600; margin: 0 0 7px 0; padding: 3px 0; position: relative; }
                .cont_info b:after {position: absolute; display: block; left:-28px; top:6px; width:14px; height:24px; background:url('../images/cont_info_b.png') no-repeat center; background-size: contain; content: '';}
            .cont_info span {display: block; color:#737272; }
    .map_pointer {display: block; position: absolute; right:40px; top:33%; width: 61px; height: 61px; background:url('../images/map.png') no-repeat center}




.section_news {background: #f3fbfe; padding: 0 0 47px 0; }
    .section_news h3 {position: relative; top: auto; left: auto; padding: 35px 0 29px 83px}
        .section_news h3 a {    color: #04a2e7 !important; }
       .newsonmain_ul a:hover {
 color: #04a2e7 !important;
}
    .newsonmain_ul {}
    .newsonmain_ul li {background: #fff; display: inline-block; margin: 0 19px 0 0; width:31.7%; vertical-align: top; }
            .newsonmain_ul li:last-child {margin: 0}
        .newsonmain_ul li i {display: block; height: 250px;}
        .newsonmain_ul li span {display: block; color: #696a70; padding: 18px 27px 8px 27px; font-size: 13px; }
        .newsonmain_ul li b {display: block; padding: 0 27px 21px 27px; font-size: 18px; font-weight: bold; }


            .news_list {padding: 0 0 0 0}
                .news_list li {position: relative; margin: 0 0 30px 0; padding: 0 0 25px 0; clear: both; overflow: hidden; width: 100%;    display: inline-block;    vertical-align: top; background: none; padding-left: 0 !important; }
                    .news_list li .news_date {color:#959ea5; display: block; padding: 0 0 8px 0; font-size: 13px; font-weight: 400; }
                    .news_list li strong {padding: 0 0 18px 0; position: relative; text-align: left; font-size: 22px; font-weight: 600; display: block; }
                        .news_list.services_list li h3 {margin: -25px 0 0 0; padding: 10px 20px 7px 15px; background: #ebefeb; display: inline-block;}
                    .news_list li i {width: 310px; height: 240px; float:left; margin:0 30px 0 0}
                        .news_list.services_list li i {width: 298px; height: 361px; float: left; margin: 0 30px 0 0;}
                    .news_list li p {padding: 0}
                                .news_list.services_list li p {padding: 16px; font-size: 16px; line-height: 24px; color: #8d8d8d; display: block; width: 66%;}
                            .news_list.info_list {padding: 25px 0 25px 0; }
                                .news_list.info_list li {position: relative; padding: 0 0 20px 0; font-weight: 600; margin: 0 0 20px 36px; overflow: visible}
                                    .news_list.info_list li:after {display: block; position: absolute; left: -31px; top:7px; width: 5px; height: 10px; background: #ded0b8; content: ''}





footer {background:url('../images/footer.jpg') no-repeat center top #1a3c56; position: relative; height: 177px;}
    footer .menu {border-bottom: 1px solid #2e5873; display: block; margin: 0}
    .f1 {float: left; width: 70%; padding: 24px 0 0 0; }
        .f11 {display: inline-block; vertical-align: top; width: 53%; color:#fff; }
            .f11 b {display: block; font-size: 15px; }
            .f11 span {color:#a2abb0; font-size: 14px; }
        .f12 {display: inline-block; vertical-align: top; width: 44%; color:#fff; }
            .f12 span {}
            .f12 a {display: block; color:#92989b}
    .f2 {float: left; width: 30%; text-align: right; padding: 28px 0; } 
        .f2 .logo {display: inline-block; position: relative; width: 98px; height: 39px; top: auto; vertical-align: middle; left: auto}
        .f2 .social {display: inline-block; float: none; margin-right: 20px; vertical-align: middle; }





.uca1 {
    font-size: 27px;
    display: block;
    padding: 0 0 15px 0;
    font-style: normal;
    
}

.about_ul {width: 105%;}
    .about_ul li {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    background: #e9f2f5 !important;
    list-style: none;
    padding: 15px !important;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 0.4px;
    line-height: 19px;
    height: 110px;
    margin: 0 20px 24px 0;
    }
.img_cat2 {width: 100%; margin: 0 0 15px 0}

.about_ul li.a_bg1 {
    background: #04a2e7 !important;
    color: #fff;
}
.about_ul li.a_bg2 {
    background: #f6f6f6  !important;
}
.about_ul li.a_bg3 {
    background: #c0eaf9  !important;
}

.block-left {
	float: left;
	width: 28.6%;
	margin: 30px 40px 30px 0;
}
.block-left.bright {
	float: left;
	width: 28.6%;
	margin: 30px 0 30px 40px;
}
.block-right {
	float: left;
	width: 67.4%;
	margin: 30px 0 60px 0;
}
.menu-left ul li.menu-item-has-children.current-menu-item .submenu {margin:10px 3px -3px -17px; padding-bottom: 7px; border:0}
  .menu-left ul li.menu-item-has-children.current-menu-item .submenu li a {color:#000; font-weight: 400}
  .menu-left ul li.menu-item-has-children.current-menu-item .submenu li.menu-item-has-children.current-menu-item {color: #899aa2; }
	.menu-left ul li.menu-item-has-children.current-menu-item .submenu li.menu-item-has-children.current-menu-item a {font-weight: bold}
    .menu-left ul li.menu-item-has-children.current-menu-item .submenu:after {display: block; position: absolute; right: 20px; left: auto; top:-21px; width: 44px; height: 11px; background: url('../images/maincat.png'); content: ''}
  
.menu-left ul {border: 13px solid #00aae7; position: relative; }
    .menu-left ul:after {position: absolute; display: block; height: 13px; top:-13px; right:-13px; left:32px; background: #fff; content: ''}
    .menu-left ul:before {position: absolute; display: block; bottom: 33px; top:-13px; right:-13px; width: 13px; background: #fff; content: ''}
        .menu-left ul ul:after, .menu-left ul ul:before {display: none; }

.menu-left ul li{
	position: relative;
	padding: 21px 15px 21px 30px;
	font-size: 16px;
	color: #566267;
	border-bottom: 1px solid #f1f6f8;
        color:#899aa2;
}
.menu-left ul li.catall {background: #18384f; border:0}
    .menu-left ul li.catall a {color:#fff}
.menu-left ul ul li, .menu-left ul ul li.menu-item-has-children.current-menu-item{
	padding: 9px 15px 9px 16px;
}

.menu-left ul li div {
    font-size: 16px;
    color:#899aa2;
    font-weight: 400;
}
.menu-left ul li.menu-item-has-children.current-menu-item{
    color: #00aae7;
    background: #d8eaef;
    border: 0;
    padding: 0 10px 0 30px;
}

.menu-left ul li.menu-item-has-children.current-menu-item a{
	color: #000;
	font-weight: bold;
}
.menu-left ul li.menu-item-has-children.current-menu-item > div{
    margin-left: -30px;
    padding: 19px 5px 19px 0;
    padding-left: 30px;
    background: #fff;
    margin-right: -23px;
    box-shadow: -20px -12px 33px rgba(0, 0, 0, 0.05);
}
.menu-left ul li:last-child{
	border: 0;
}
.menu-left ul li a{
	text-decoration: none;
}
#vbb {
    margin: 10px 3px -3px -17px;
    padding-bottom: 7px;
    border: 0;
}
#vbb li{
    padding: 9px 15px 9px 16px;
}
#vbb li a {
    color: #000;
    font-weight: 400;
}
#vbb:after {
    display: block;
    position: absolute;
    right: 20px;
    left: auto;
    top: -21px;
    width: 44px;
    height: 11px;
    background: url(../images/maincat.png);
    content: '';
}
.lo {
    color: #00aae7;
    background: #d8eaef;
    border: 0;
    padding: 0 10px 0 30px !important;
}
.lo > div {
    margin-left: -30px;
    padding: 19px 5px 19px 0;
    padding-left: 30px;
    background: #fff;
    margin-right: -23px;
    box-shadow: -20px -12px 33px rgba(0, 0, 0, 0.05);
}
#vbb li.current-menu-item a {
    font-weight: bold;
}
li.current-menu-item a {
    font-weight: bold;
}
.block-products {
	width: 100%;
	padding: 0 0 0 0
}
.block-products-item{
	width: 49%;
	padding: 0 25px 25px 0;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
}
.block-products-item .bck-wave {
	width: 65%;
	margin: 0 0 10px 35%;
}
.block-products-item .preview {
	width: 100%;
        height: 250px;
        background: #e8eaeb;
}
.preview a{
    width: 100%;
    height: 100%;
    display: block;
}
.block-products-item .content {
	width: 100%;
	padding: 15px 0 0 0;
}
.block-products-item h2 {
    padding: 0 0 9px 0;
    font-weight: bold;
}


.block-products-item h2 a {
    color: #000;
}
.block-products-item p {
    color: #4b5c63;
    font-size: 15px;
    font-weight: 300;
    line-height: 21px;
}
.block-pagination {
	width: 100%;
	text-align: center;
	background: #e6f0f3;
	padding: 19px 0;
}
.block-pagination .wp-pagenavi{
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}
.pages{
    display: none;
}
.block-pagination-title {
	font-size: 16px;
	font-weight: bold;
	color: #1f2223;
	padding: 9px 16px;
	display: inline-block;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none !important;
    border: 0 !important;
    padding: 3px 5px !important;
    margin: 0 !important;
    background: transparent !important;
    vertical-align: inherit !important;
    margin-right: 18px !important;
}
.under_text{
	    clear: both;

}
.block-products-item .preview, .newsonmain_ul li i {
	background-color: transparent !important;
}
.sendrec {
    float: right;	
	    margin: 0 !important;
}
.koshu{
	float:left;
}
.wp-pagenavi span.current {
    font-weight: bold !important;
    border-radius: 50px !important;
    background: #05a2e5 !important;
    padding: 9px 15px !important;
    display: inline-block !important;
    font-size: 16px;
    color: #fff !important;
}
span.wpcf7-not-valid-tip {
    display: none !important;
}
.wpcf7-not-valid{
    border:1px solid red !important;
}
div.wpcf7-validation-errors {
    display: none !important;
}
.block-pagination .wp-pagenavi li{
	padding: 9px 15px;
	display: inline-block;
	font-size: 16px;
	color: #1f2223;
	font-weight: 400;
}
.block-pagination ul li.menu-item-has-children.current-menu-item{
	border-radius: 50px;
	background: #05a2e5;
}
.block-pagination ul li.menu-item-has-children.current-menu-item a{
	color: #fff;
}
.block-pagination ul li a{
	text-decoration: none;
	color: #1f2223;
}

.kroshki {padding:11px 0; }
    .kroshki ul {padding:0}
     .kroshki li {display: inline-block; color:#A8ADAE; font-size: 13px; padding: 0 33px 0 0; position: relative} 
	.kroshki li:after {
	display: block;
	position: absolute;
	right: 10px;
	top: 0;
	width: 8px;
	height: 16px;
	background: url(../images/owl-next.png) no-repeat center;
	background-size: contain;
	content: '';
	opacity: 0.3;
	}
     .kroshki li:last-child:after {display: none}
        .kroshki li a {color:#656C6D; }

.inline-block {display: inline-block}

.sendrec {
    padding: 10px 19px;
    color: #03a0e5;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 60px;
    border: 1px solid #00aae7;
    margin: -18px 15px 20px -19px;
    display: inline-block;
}
.read_but {
    color: #8e9c9c;
    border: 1px solid #bfd3d6;
    margin: -18px 0 20px 4px;
    font-weight: 300;
    float: right;
}

.main_cat {overflow: hidden; margin: 0 0 10px 0}
    .img_cat {float: left; margin: 0 25px 20px 0; width: 320px; }

.read_dop {padding: 25px 30px; border:15px solid #d8eaef; margin: 0 0 20px 0; line-height: 22px;}
.read_dop h5 {
    color: #18384f;
    font-size: 23px;
    margin: -2px 0 11px 0;
}

.block-products.under_cat {width: 106%}
    .block-products.under_cat .block-products-item {width: 32%;}
    .block-products.under_cat .block-products-item .preview {height: 210px;}

.under_text li {padding: 3px 0 3px 28px; background: url(../images/li.png) no-repeat left center; }

.section_under {z-index: 55}
    .section_under .bg_title {height: 400px; margin: -200px 0 0 0px; z-index: 2;}
        .bg_title h1 {position: absolute; bottom: 25px; left: 76px; z-index: 2;}
        .bg_title i {display: block; position: absolute; top:0; bottom:0; right:0; width:270px; background: url(../images/bg_title.png)}
        .bg_title u {display: block; position: absolute; top:0; bottom:0; right:0; left:0; background: url(../images/bg_title_shadow.png) no-repeat left bottom; z-index: 1}
    .col_left {width: 73%; float: left; z-index: 1}
        .under_white {background: #fff; box-shadow:0 11px 33px rgba(0,0,0,0.08); padding: 263px 75px 75px 75px; margin: -200px 0 -30px -75px; }
            .u_text_1 {padding: 0 0 0 80px; font-size: 16px; line-height: 26px;}
            .u_text_2 {font-size: 16px; line-height: 26px; padding: 0 0 0 371px; margin: 15px 0;}
                .u_text_2 p, .u_text_1 p {font-size: 16px; line-height: 26px;}
                .u_text_2i {display: block; position: absolute; top:5px; left:0; bottom:-78px; width:328px; background: url(../images/u_text_2i.jpg)}
                .u_text_21 {}
                    .ut_1 {font-size: 25px; font-weight: 300; margin: 20px 0 7px 0;}
                    .ut_2 {font-size: 42px; font-weight: 800; margin: 0px 0 30px 0;}
                        .ut_2 sup {font-size: 21px; margin: 0 0 0 6px;}
    .col_right {width: 25%; float: right; }
        .services_right {padding: 65px 0}
            .services_right strong {display: block; color:#3a64af; font-size: 14px; padding: 0 0 0 20px;}
            .sr_0 {display: block; margin: 25px 0 0 0}
                .sr_0 i {}
                    .sr_0 i {display: block; height: 155px; position: relative; }
                        .sr_0 i b {font-style: normal; font-size: 15px; color:#fff; display: block; padding: 50px 20px 14px 20px; position: absolute; bottom: 0; right: 0; left: 0; background: url(../images/sr_0.png) no-repeat bottom left}
                    .sr_0 span {color:#616161; font-size: 14px; display: block; line-height: 21px; padding: 12px 0 0 20px}
        
        
        
        

            .news_read {}
                .news_read h1 {padding: 0 0 0 0; font-weight: bold; position: relative; font-size: 29px; color:#000}
                    .news_read .news_date {
    color: #959ea5;
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding: 0 0 8px 0;
		    }
                .news_foto {margin: 0 0 25px 0;}
                .news_foto.catalog_foto {margin: 0 0 25px 0;}
        .page {background: #f3f4f5;padding: 24px 33px; margin:15px 0 0 0;}
        .media_page .page {margin:30px 0 0 0; margin-left:0}
            .page li {display: inline-block;margin-right: -1px;}
                .page li a {padding: 7px 12px;text-decoration: none;}
                .page li.menu-item-has-children.current-menu-item a {background: #f49819; color: #fff; font-weight: bold; display: inline-block; text-align: center; }


.menu-item-has-children .submenu{
    display: none !important;
}

#vbb{
    display: block !important;
}

.menu-item-has-children.current-menu-item .submenu{
    display: block !important;
}




.mmenu-button {    display: none; position: fixed;    left: 0;    top: 0;    background: url(../images/mmenu.png);    background-size: cover;    width: 50px;    height: 50px;    z-index: 555;}
.mmenu {    display: block !important;    opacity: 0;    position: fixed;    left: -1000px;    top: 0;    bottom: 0;    background:#153253;    -moz-transition: 0.2s 0.1s ease;    -o-transition: 0.2s 0.1s ease;    -webkit-transition: 0.2s 0.1s ease;    z-index: 100500;    box-shadow: 0px 1px 40px rgba(0,0,0,0.3);}
.mmenu.act {    opacity: 1 !important;    visibility: visible;    left: 0;    top: 0;    z-index: 55555555;}
.mmenu li {    border-bottom: 1px solid #353A40;}
.mmenu li a {    color: #D2D8DF;    display: block;    padding: 10px 25px;}
.mclose {    display: block !important;    position: fixed;    width: 0px;    height: 59px;    right: 0;    top: 0;    background: url(../images/mclose.png) no-repeat center rgba(0,0,0,0.7);    background-size: cover;    cursor: pointer;}
.act .mclose {    width: 59px;}
.mmenu-cont {    padding: 20px 0 0 0;}
.mmenu .menu {    display: block;    position: relative;    left: auto;    top:auto;    padding:0;}
.mmenu .menu li, .mmenu-button {    display: block;}
.mmenu .menu li {    padding: 3px 7px;}
.mmenu .menu li a {    font-size: 17px;}
.mmenu-button {    display: none;    position: fixed;    left: 20px;    top: 32px;    background: url(../images/mmenu.png);    background-size: cover;    width: 50px;    height: 50px;    z-index: 555;    cursor: pointer;}
#posts {
    margin-bottom: 15px;
}



.style-jaspb8lqform-wrapper {background: #eff0f3; padding: 42px 44px 37px 40px; margin: 0 0 20px 0;}
    .style-jaspb8lqform-wrapper input {margin: 0 0 10px 0}
    

@media screen and (max-width: 1300px) {
    .menu {padding: 27px 0 0 0;}
}

    
@media screen and (max-width: 768px) {
    body {}
        .menu {display: none; width: 100%}
        .fix {width: 90%}
        
.bo, .menu_main, .topcont2, .header_line, .title_ge, .cont_blk21:after  {display: none}

.catalogue_ul li {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin: 0 0 20px 0 !important;
    height: 131px;
}
.catalogue_ul li i {
    background-size: contain !important;
    background-position: right !important;
}
.catalogue_ul li.catbig i {
    background-size: cover !important;
}
.catalogue_ul li b {
    display: block;
    text-align: left;
    font-size: 17px;
    background: none;
    position: absolute;
    bottom: auto;
    left: 26px;
    right: auto;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    min-height: 58px;
    top: 7px;
}
.title_head {
    top: 318px;
    left: 23px;
    right: 23px;
    font-size: 22px;
}
.title_head:after {
    bottom: -50px;
}
.logo {
    position: absolute;
    left: 50%;
    top: 160px;
    margin-left: -124px;
    width: 248px;
	background-size: contain !important;
    background-repeat: no-repeat !important;
}
header {
    height: 560px;
    background: url(../images/header_body.jpg) no-repeat center #16364d;
}
.contacts_head {
    top: 47px;
    font-size: 22px;
    right: 19px;
}

.block-left {
    float: none;
    width: 100%;
    margin: 0 0 0 0;
    padding: 30px 0 0 0;
}
.block-right {
    float: none;
    width: 100%;
    padding: 30px 0 60px 0;
    margin: 0;
}
.block-left.bright {
    float: none;
    width: 100%;
    margin: 0;
}
.main_cat {
    clear: both;
}
.img_cat {
    float: none;
    margin: 0 0 20px 0;
    width: 100%;
}
.sendrec {
    padding: 10px 19px;
    color: #03a0e5;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    border-radius: 60px;
    border: 1px solid #00aae7;
    margin: -10px 3px 20px 0;
    display: inline-block;
}
.read_but {
    color: #8e9c9c;
    border: 1px solid #bfd3d6;
    margin: -10px 0 20px 4px;
    font-weight: 300;
    float: none;
}
.block-products.under_cat {
    width: 100%;
}
.block-products.under_cat .block-products-item {
    width: 100%;
    padding-right: 0;
}
.block-products-item {
    width: 100%;
    padding: 0 0 25px 0;
}
.under .contacts_head {
    right: 20px;
    top: 56px;
}

.catalogue_ul li.catbig, .catalogue_ul li.catbig i {
    height: 213px;
}
.section_contacts {
    height: auto;
    padding: 66px 0 40px 32px;
}
.section_about_2:before {
    right: -15px;
    bottom: -14px;
}
.section_about_2:after {
    right: -15px;
    top: -24px;
}
.section_partners {
    height: auto;
}
.partners_ul {
    display: block;
    padding: 56px 0 50px 0;
    text-align: center;
}
footer {
    height: auto;
}

.map_pointer {
    right: 20px;
    top: auto;
    bottom: 30px;
}
h3 {
    left: 0;
    top: 40px;
    right: 0;
    text-align: center;
    padding-left: 0 !important;
}
.section_about_1 {
    display: block;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding: 60px 10px 40px 6px;
    text-align: left;
}
.section_about_2 {
    display: block;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    position: relative;
    z-index: 55;
    height: 300px;
}
.newsonmain_ul li {
    width: 100%;
    margin: 0 0 19px 0;
}

.bgblue {
    height: auto;
}
.advantages_ul li {
    width: 100%;
}
.sbest {
    height: 532px;
}
.sbest .sb1 {
    position: relative;
    transform:none;
    top: auto;
    width: 100%;
    right: auto;;
    left: auto;
    padding: 30px 60px;
    background: none;
    text-align: center;
}
.sbest .sb2 {
    display: block;
    margin-left: 0;
    height: 168px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    margin-top: -20px;
}
#head {
    z-index: 1;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    padding: 22px 0 0 0;
    height: auto;
}
.owl-prev {
    left: -3px;
}
.owl-next {
    right: -3px;
}
.cont_blk2 {
    width: 100% !important;
    padding: 0 0 9px;
}
.section_news {
    padding: 0 0 27px 0;
}

.f1 {
    float: none;
    width: 100%;
    padding: 24px 0 0 6px;
}
.f11, .f12 {
    display: block;
    width: 100%;
}
.f11 {
    margin: 6px 0;
}

.f2 {
    float: none;
    width: 100%;
    text-align: left;
    padding: 28px 0 50px 0;
}

.f2 .social {
    margin-top: 7px;
}
.f2 .logo {
    float: right;
}



.facts_h {
    position: absolute;
    left: 0;
    top: 340px;
    right: 0;
    text-align: center;
}
.facts_h strong {
    font-size: 50px;
    display: block;
}
.facts_h strong sup {
    font-size: 26px;
}
.facts_h span {
    font-size: 25px;
}       
.header_body {
    height: 560px;
}
.section_about_1 .fix, .section_about_2 .fix {
    padding-left: 0;
    box-sizing: border-box;
}
.section_about_1 .fix {
    padding-top: 320px;
}
h2 {
    font-size: 33px;
}
.section_about_2 .fix {
    padding-top: 300px;
}
.about_i2, .about_i1 {
    position: absolute;
    width: auto;
    right: 0;
}
.section_about_2 {
    padding: 40px 0;
}
.products_ul {
    text-align: center;
}
.products_ul li {
    width: 46%;
}
.services_list i {
    height: 380px;
    width: 100%;
}
.services_list span {
    left: 15%;
    right: 0;
    top: 155px;
}
.services_list .ss2 span {
    left: 0;
    right: 15%;
    text-align: left;
}
.news_indexlist {
    width: 100%;
    vertical-align: top;
    margin: 0 30px 0 0;
    display: block;
    margin: 0 0 0 0;
}
.news_indexlist li {
    width: 100%;
    display:block;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}
.news_cat {
    width: 100%;
}
        
        
.col_right .menu {
    padding: 150px 0 20px 0;
}
.f0_1 span {
    padding: 20px 0 0 0;
}
.ma_mail {
    font-size: 16px;
    color: #000;
}
.copy {
    padding: 46px 0 50px 0;
}
footer .menu li {
    display: block;
    padding: 13px 30px 13px 9px;
}
footer .menu li:first-child {
    padding-left: 9px;
}
footer .col_left {
    box-sizing: border-box;
    padding-right: 0;
    width: 100%;
}
footer .col_right {
    width: 100%;
    float: none;
}
.under .logo {
    top: 140px;
    margin-left: -104px;
}
.under .header_body {
    height: 242px;
}
.bg_title h1 {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
    z-index: 2;
    font-size: 26px;
    text-align: center;
}
.section_under .bg_title {
    height: 250px;
    margin: -200px 0 0 0px;
}
.col_left {
    width: 100%;
    float: none;
    z-index: 1;
}
.section_under .col_right {
    width: 100%;
    float: none;
    display: none;
}
.under_white {
    padding: 223px 20px 75px 20px;
    margin: -200px -3% -30px -3%;
}
.u_text_1 {
    padding: 0;
}
.style-jaspb8lqform-wrapper {
    background: #eaedee;
    padding: 42px 20px 37px 20px;
    margin: 0 0 20px 0;
}
.news_list {
    padding: 0 0 0 0;
}
.news_list li .news_date {
    left: 0;
}
.news_list li {
    padding:25px 0 16px 0;
}
.news_list li i {
    width: 100%;
    height: 190px;
    float: none;
    margin: 0 0 17px 0;
}
.news_list li h3 {
    padding: 0 0 10px 0;
}
.news_read {
    padding: 0 0 0 0;
}
.news_read h1 {
    font-size: 23px;
}
.news_foto {
    margin: 0 0 14px 0;
}
.news_foto img {
    width: 100%;
}
.u_text_2 {
    padding: 0 0 0 0;
}
.u_text_2i {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 250px;
    margin-bottom: -78px;
}
.ut_1 {
    margin: 10px 0 7px 0;
}




.mmenu-button {
    display: block !important;
    position: fixed;
    left: 0;
    top: 0;
    background: url(../images/mmenu.png) rgba(0, 0, 0, 0.21);
    background-size: cover;
    width: 62px;
    height: 64px;
    z-index: 5558899;
}
.mmenu {
    display: block !important;
    opacity: 0;
    position: fixed;
    left: -1000px;
    top: 0;
    bottom: 0;
    background: #153253;
    -moz-transition: 0.2s 0.1s ease;
    -o-transition: 0.2s 0.1s ease;
    -webkit-transition: 0.2s 0.1s ease;
    z-index: 100500;
    box-shadow: 0px 1px 40px rgba(0,0,0,0.3);
}
.mmenu.menu-item-has-children.current-menu-item {
    opacity: 1 !important;
    visibility: visible;
    left: 0;
    top: 0;
    right: 59px;
    z-index: 55555555;
}
.mmenu .menu {
    display: block;
    position: relative;
    padding: 25px 0;
    margin: 0;
    width: 100%;
}
.mmenu .menu.mgray {
    background: #b72429;
    padding: 0 0;
}
.mmenu .menu.mgray li {
    border-bottom: 1px solid #bf4c50;
}
.mmenu li {
    border-bottom: 1px solid #353A40;
    display: block;
}
.menu li:first-child {
    padding-left: 9px;
}
.mmenu li a {
    color: #fff;
    display: block;
    padding: 12px 18px 12px 30px;
    border:0;
}
.menu.mgray li a {
    background: none;
    padding: 19px 23px 15px 30px;
    display: block;
}

.mmenu .mclose{
    display: none;
}
.mmenu.menu-item-has-children.current-menu-item .mclose {
    display: block !important;
    position: fixed;
    width: 59px;
    height: 59px;
    right: 0;
    top: 0;
    background: url(../images/mclose.png) no-repeat center rgba(0,0,0,0.7);
    background-size: cover;
}

.mmenu-cont {
    padding: 20px 0 0 0;
}
.submenu {
    width: 100%;
    padding-left: 25px;
    box-sizing: border-box;
}
.mmenu .submenu li a {
    font-size: 17px;
    font-weight: 400;
}

.about_ul {
    width: 106%;
}
.about_ul li {
    width: 44%;
    font-size: 11px;
    letter-spacing: 0.4px;
    line-height: 17px;
    height: 112px;
    margin: 0 14px 17px 0;
}
        
}