/**
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* Project Name: POCT
* Project Description: Получить оф. допуск СРО в Москве
* File Name: style.css
* Author: info@adtrust.ru
* Author URI: http://adtrust.ru/
* Version: 1.0.0
* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
* {
    margin: 0;
    padding: 0;
}

html,
body {
    position: relative;
    height: 100%;
    background: #fff;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-width: 1280px;
}

img {
    border: none;
}

.clr {
    clear: both;
}

.center_960 {
    width: 960px;
    margin: 0 auto;
}

.center_1200 {
    width: 1200px;
    margin: 0 auto;
}

.center_1100 {
    width: 1100px;
    margin: 0 auto;
}

.hide {
    display: none;
}

.animatedBorder {
    position: relative;
}

.alpha {
    height: 90px;
    width: 410px;
}

.kons-block {
    width: 300px;
    margin: 10px 0 0px 0px;
    display: inline-block;
    vertical-align: top;
    border: 2px #f95a5a solid;
    padding: 10px;
}

.kons-block p {
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
}

.kons-block .submit {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    float: left;
    height: 48px;
    width: 100%;
    line-height: 48px;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-shadow: 0.03em 0.03em 0.03em #053b5d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #f95a5a;
    background: -moz-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7e12d)), color-stop(100%, #97bdfa));
    background: -webkit-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -o-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -ms-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: linear-gradient(to bottom, #f95a5a 0%, #f91111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.kons-block .submit:hover {
    background: #f95a5a;
}

/*=============================================
header 
=============================================*/

.header-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.header {
    height: 720px;
    background: url('images/header-bg.jpg') center top no-repeat;
}

.header_logo {
    display: block;
    position: relative;
    float: left;
    width: auto;
    height: 50px;
    padding: 0px 0 0 0px;
    margin: 36px 0 0 10px;
    background: url('images/logo.png') left top no-repeat;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.header_logo a {
    text-decoration: none;
    border-bottom: none;
}

.header_logo .r1 {
    font-size: 16px;
    font-weight: 700;
    color: black;
    padding-left: 90px;
    margin-top: 0px;
}

/* phone block */
#wa-mob {
    background-color: #25d365;
    margin-bottom: 0;
    width: 100%;
    height: 50px;
}

#wa-mob p {
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 21px;
    width: 100%;
    padding-top: 9px;
}

#wa-mob p a {
    color: #fff;
    text-decoration: none;
}

#wa-mob .submit {
    background: none;
    margin-bottom: 0;
    -webkit-border-radius: 0px;
    font-size: 12px;
}

#wa-mob .but-offer2 {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 7px;
}

.header_phone {
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    float: right;
    padding: 0px 0px 0px 0px;
    text-align: right;
}

.header_phone .r1 {
    padding: 0px 10px 0 0;
    font-size: 32px;
    font-weight: 700;
    color: #1f9ed9;
    line-height: 38px;
}

.header_phone .r1 a {
    color: #1f9ed9;
    text-decoration: none;
}

.header_phone .r1::before {
    content: "";
    background-image: url('images/phone.png');
    display: block;
    position: absolute;
    width: 44px;
    height: 44px;
    margin-left: 10px;
    margin-top: 17px;
}

.header_phone .r2 {
    padding: 10px 10px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #053b5d;
}

.header_phone .r3 a {
    color: #1f9ed9;
    text-decoration: none;
    padding: 10px 10px 10px 0;
    font-weight: 700;
}



.header_phone .submit {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    margin-left: auto;
    margin-right: 10px;
    margin-top: 5px;
    height: 48px;
    width: 300px;
    line-height: 48px;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-shadow: 0.03em 0.03em 0.03em #053b5d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #f95a5a;
    background: -moz-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7e12d)), color-stop(100%, #97bdfa));
    background: -webkit-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -o-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -ms-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: linear-gradient(to bottom, #f95a5a 0%, #f91111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header_phone .submit:hover {
    background: #f95a5a;
}

/* left txt */
.header_text {
    padding: 30px 0 0 10px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    clear: both;
    letter-spacing: -1px;
}

.header_text .r1 {
    color: #0069b4;
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 10px;
}

.header_text .r1 span {
    font-weight: 800;
    color: #f95a5a;
}

.header_text .r1 .br-mob {
    display: none;
}

.header_text ul {
    margin: 30px 0px 0 0px;
    display: block;
}

.header_text ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style: none;
    color: #191919;
    text-transform: none;
    background-image: url('images/li.png');
    background-position: left 6px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 0px 0 14px 0;
    letter-spacing: 0;
}

.timer-end {
    font-size: 17px;
    color: #292929;
    font-weight: 700;
    text-align: center;
    padding: 10px 0 10px 0;
}

.garant {
    background: url(images/garant.png) center top no-repeat;
    width: 200px;
    height: 193px;
    position: absolute;
    margin-top: 105px;
    margin-left: 580px;
    z-index: 9;
}

/*.timer { margin-left: -7px; }*/
/*=============================================
request
=============================================*/
.header .w-block {
    width: 508px;
    height: 448px;
    background: url('images/form1.png') center top no-repeat;
    margin: -245px 0 0 auto;
    position: relative;
}

.request_callback_style {
    margin: 260px 0 0 0;
}

.header .w-block .r1 {
    font-family: 'Open Sans', sans-serif;
    padding: 30px 0 0px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #3f3f3f;
    text-align: center;
}

.header .w-block .r1 .b {
    font-weight: 700;
}

.request_callback .zv {
    font-size: 14px;
    text-align: center;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 0px;
    color: #fff;
}

.request_callback .inputs {
    padding: 35px 0 0 0px;
    width: 400px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.request_callback .input_text input {
    width: 100%;
    height: 60px;
    background: none;
    border: none;
    outline: none;
}

::-webkit-input-placeholder {
    color: #2b3b4a;
    font-size: 16px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #2b3b4a;
    font-size: 16px;
}

:-ms-input-placeholder {
    color: #2b3b4a;
    font-size: 16px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #2b3b4a;
    font-size: 16px;
}

.request_callback .input_text {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    padding-left: 44px;
    border: 1px solid #a2a2a2;
    background: #eff5f5;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button-offer {
    font-size: 26px;
    margin: 0px 0 0 10px;
}

/* for a awesom arrow*/
.request_callback .submit {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    float: left;
    height: 60px;
    width: 100%;
    line-height: 60px;
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-shadow: 0.03em 0.03em 0.03em #053b5d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #f95a5a;
    background: -moz-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7e12d)), color-stop(100%, #97bdfa));
    background: -webkit-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -o-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -ms-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: linear-gradient(to bottom, #f95a5a 0%, #f91111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.request_callback .submit:hover {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    float: left;
    height: 60px;
    width: 100%;
    line-height: 60px;
    letter-spacing: 0px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-shadow: 0.03em 0.03em 0.03em #053b5d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #f95a5a;
    background: -moz-linear-gradient(top, #f95a5a 0%, #bd0000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7e12d)), color-stop(100%, #97bdfa));
    background: -webkit-linear-gradient(top, #f95a5a 0%, #bd0000 100%);
    background: -o-linear-gradient(top, #f95a5a 0%, #bd0000 100%);
    background: -ms-linear-gradient(top, #f95a5a 0%, #bd0000 100%);
    background: linear-gradient(to bottom, #f95a5a 0%, #bd0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*=============================================
clients
=============================================*/
.partner {
    padding: 0;
    background: #fff
        /* #e8eaea  url('images/partner.png') center top no-repeat;*/
    ;
    padding: 60px 0 60px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.partner h2 {
    font-family: 'Open Sans', sans-serif;
    padding: 0px 0 30px 0;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #0069b4;
    text-transform: uppercase;
    text-align: center;
}

/*
.partner ul { list-style: none; padding: 46px 0 0 0px; float: left; }
.partner ul li { position: relative; float: left; width: 125px; height: 125px;  margin: 0 0 0 12px; }
.partner ul li img { vertical-align: top; padding: 2px; border: 1px solid #cdcdcd;  }
.partner ul li img:hover { vertical-align: top;  padding: 2px;	border: 1px solid #009fd3;   }
.partner ul li .hover-bg { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 153px; background: #fff; opacity: 0.5; margin-top: 0px; }
.partner ul li:hover .hover-bg { display: block;  border: 2px solid #009fd3;  }
.partner ul li .hover_ico { display: none; position: absolute; left: 40px; top: 60px; width: 70px; height: 42px; background: url('images/portfolio-hover.png'); }
.partner ul li:hover .hover_ico { display: block; }
.partner ul li a { display: block; padding:  0; font-size: 16px; color: #fff; text-decoration: none; text-align: center; line-height: 60px;  }
.partner h3  {  padding: 20px 0 0 0; font-size: 24px; line-height: 38px;  font-weight: 600; color: #22243a; text-transform: uppercase; text-align: center;  width: 100%;}
.work-with ul  {  display: block;  padding: 0;  margin: 20px 0 0 120px;  overflow: visible; }
.work-with ul li { position: relative; float: left; width: 220px; height: 60px;  }
*/
/*=============================================
   katalog
=============================================*/

.katalog {
    background: #fff;
}

.katalog h2 {
    font-family: 'Open Sans', sans-serif;
    padding: 70px 0px 70px 0px;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #191919;
    text-align: center;
}

.katalog h2 span {
    color: #f95a5a;
}

.katalog .opis {
    font-family: 'Open Sans', sans-serif;
    color: #474747;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding-bottom: 60px;
}

.katalog .zv {
    font-family: "Open Sans";
    font-size: 13px;
    color: #191919;
    /* margin-left: 65px; */
    /* width: 370px; */
    text-align: center;
}

.kat-block {
    margin-bottom: 100px;
}

.kat-block2 {
    margin-bottom: 100px;
}

.katalog .w-block {
    width: 485px;
    height: 600px;
    background-color: #f4f4f4;
    border: 1px solid #d7d7d7;
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    margin-top: 400px;
    position: relative;
    z-index: 10;
}

.katalog .w-block2 {
    width: 1100px;
    height: 305px;
    padding-bottom: 50px;
    /*  background-color: white; */
    margin-top: -530px;
    position: relative;
    z-index: 9;
}

.katalog h3 {
    margin: 40px 0 20px 33px;
    font-family: "Open Sans";
    font-size: 21px;
    color: #191919;
    line-height: 31px;
}

.katalog h3 span {
    color: #be0800;
}

.katalog .inputs {
    padding: 20px 0 10px 0px;
    width: 390px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.katalog .butt {
    padding-left: 30px;
}

.katalog .input_text input {
    width: 360px;
    height: 54px;
    background: none;
    border: none;
    outline: none;
    font-weight: 400;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #272727;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.katalog .input_text {
    width: 415px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0px 10px 0px;
    padding-left: 28px;
    /* background: url('images/phone-input.png') 25px 18px no-repeat;  */
    border: 1px solid #bababa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e1e1e1;
}

.button-offer {
    font-size: 21px;
    margin: 0px 0 0 15px;
}

/* for a awesome arrow*/
.katalog .submit {
    display: block;
    float: left;
    height: auto;
    padding: 10px 15px;
    width: 415px;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #be0800;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.katalog .submit:hover {
    background-color: #e60a00;
}

.katalog .name {
    color: #191919;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 60px 0 0 600px;
}

.katalog .otz {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
    padding: 20px 0 0 600px;
    width: 460px;
}

.katalog .add {
    color: #464646;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    margin-left: 65px;
}

.katalog .stoim {
    ffont-family: 'Open Sans', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: white;
    background-color: #c91900;
    width: 190px;
    padding: 3px 15px;
    margin-bottom: 15px;
}

.katalog .stoim span {
    font-family: 'Open Sans', sans-serif;
    text-decoration: line-through;
}

.katalog .name {
    color: #191919;
    font-size: 16px;
    line-height: 28px;
    font-family: "Open Sans";
    padding: 60px 0 0 600px;
}

.katalog .tel {
    color: #464646;
    opacity: 0.6;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    padding: 0px 0 0 600px;
}

.katalog .otz {
    color: #191919;
    font-size: 16px;
    line-height: 24px;
    font-family: "Open Sans";
    padding: 20px 0 0 600px;
    width: 460px;
}

.katalog .bg {
    height: 999px;
    background-color: #dccdb5;
    position: relative;
    margin-top: -200px;
}

.katalog .w-block ul {
    margin: 30px 35px 0 35px;
    display: block;
}

.katalog .w-block ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    list-style: none;
    color: #191919;
    text-transform: none;
    background-image: url('images/li.png');
    background-position: left 7px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 0px 0 14px 0;
    letter-spacing: 0;
}

.katalog ul li span {
    font-family: 'Open Sans', sans-serif;
}

.slider {
    padding-top: 15px;
    height: 170px;
    position: relative;
    width: 1200px;
}


/*=============================================
benefits
=============================================*/
.benefits {
    padding: 80px 0 80px 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.benefits h2 {
    font-family: 'Open Sans', sans-serif;
    padding: 0px 0 60px 0;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #0069b4;
    text-transform: uppercase;
    text-align: center;
}

.benefits ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px 0;
    padding: 0 0 0 0px;
}

.benefits li {
    height: auto;
    width: 33%;
    vertical-align: top;
    padding: 0 0 0px 0px;
}

.benefits ul li div {
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 25px;
    text-transform: none;
    font-weight: 400;
    color: #000;
    text-align: center;
    padding: 120px 0 0px 0px;
}

.benefits ul li div span {
    font-weight: 700;
    /* color: #f95a5a; */
}

.benefits .i1 {
    background-image: url('images/icon1.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

.benefits .i2 {
    background-image: url('images/icon2.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

.benefits .i3 {
    background-image: url('images/icon3.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

.benefits .i4 {
    background-image: url('images/icon4.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

.benefits .i5 {
    background-image: url('images/icon5.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

.benefits .i6 {
    background-image: url('images/icon6.png');
    background-position: center 0px;
    background-repeat: no-repeat;
}

/*=============================================
base
=============================================*/
.base {
    background: url('images/map-bg.jpg') center top no-repeat;
    height: 1095px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
}

.base h2 {

    padding: 80px 0 5px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #053b5d;
    text-transform: uppercase;

    text-align: center;

}

.base h2 span {
    color: #f95a5a;
}

.base .okruga {
    background: url('images/okruga.png');
    width: 508px;
    height: 391px;
    display: block;
    margin: auto;
}

.base .block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    padding: 0 40px;
}

.base .block div {
    color: #2c2c2c;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 30px;
}

/*=============================================
form2
=============================================*/
.form2 {
    background: url('images/form2-bg.jpg') center top no-repeat;
    height: auto;
    background-size: cover;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 60px 0;
}

.form2 h2 {

    padding: 0px 0 0px 0;

    color: white;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    text-transform: uppercase;

    text-align: center;

}

.form2 h2 span {
    color: #f95a5a;
}

.form2 .bp {

    text-align: center;
    color: white;
    font-size: 16px;

    line-height: 44px;

    padding-top: 30px;

}

.form2 .inputs {

    margin: 0 auto;

    padding: 40px 0px 0 0px;

    width: 500px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.form2 .request_callback .input_text {
    float: none;
}

.form2 .opis {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    padding: 15px 0 10px;
}

/*=============================================
    otziv
=============================================*/

.block_otz {
    height: auto;
    background: url('images/otz-bg.jpg') center top no-repeat;
    background-size: cover;
    padding: 80px 0;
}


.block_otz h2 {
    padding: 0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #191919;
    text-align: center;
    text-transform: uppercase;
}

.otz_p {
    padding: 0px 0 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #191919;
    text-align: center;
}

.slider4 {
    height: 430px;
}

.c1 {
    width: 960px;
    padding: 40px 0 0 0;
    font-size: 16px;
    line-height: 34px;
    font-weight: 400;
    color: #191919;
    text-align: center;
    margin: 0 auto;
}


.c0 {
    width: 89px;
    margin: 0 auto;
    padding: 50px 0 10px 0;
}

.c0 img {
    border-radius: 50px;
}


.c2 {
    padding: 0px 0 0 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #191919;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 2px;
    margin: 10px 0 20px 0;
}

/*=============================================
    cert
=============================================*/
.cert {
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 966px;
    background: url('images/cert-bg.png') top center no-repeat;
}

.cert h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #191919;
    text-transform: uppercase;
    text-align: center;
    padding: 90px 0 60px 0;
}

.cert ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 15px 0 80px 0;
}

.cert ul li {
    margin: 0 30px 40px;
    position: relative;
    width: 233px;
    height: 324px
}

.cert ul li img {
    margin-bottom: 20px;
    vertical-align: top;
    -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 15px 30px rgb(0 0 0 / 20%);
}

.cert ul li .hover-bg {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 324px;
    background: #0069b4;
    opacity: 0.8;
    margin-top: 0px;
}

.cert ul li:hover .hover-bg {
    display: block;
}

.cert ul li .hover_ico {
    display: none;
    position: absolute;
    left: 81px;
    top: 127px;
    width: 68px;
    height: 68px;
    background: url('images/plus.png');
}

.cert ul li:hover .hover_ico {
    display: block;
}

.cert ul li a {
    line-height: 22px;
    display: block;
    padding: 0;
    font-size: 16px;
    color: #303135;
    text-decoration: none;
    text-align: center;
    font-weight: 300;
}

/*=============================================
on_map
=============================================*/
.on_map {
    background: #e5eef5;
    margin: 0;
}

#map_canvas {
    height: 580px;
}

.on_map h2 {
    padding: 40px 0 40px 0;
    font-size: 30px;
    font-weight: 800;
    color: #0069b4;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.on_map .center_960 {
    position: relative;
    z-index: 1;
}

.on_map_address {
    position: absolute;
    right: 12px;
    top: 40px;
    width: 410px;
    height: 500px;
    background: #fff;
    box-shadow: -7px 7px 30px 5px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

/* .on_map_address a {
    color: #313131;
    text-decoration: none;
}

.on_map_address a:hover {
    text-decoration: underline;
} */

.on_map_address .r0 {
    padding: 20px 0 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #053b5d;
    text-transform: uppercase;
}

.on_map_address .r1 {
    padding: 6px 0 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #053b5d;
}

.on_map_address .r2 {
    padding: 15px 0 0 30px;
    font-size: 32px;
    line-height: 36px;
    color: #1f9ed9;
    font-weight: 700;
}

.on_map_address .r2 a {
    color: #1f9ed9;
    text-decoration: none;
}

.on_map_address .r3 {
    padding: 25px 0 0 30px;
    font-size: 21px;
    line-height: 23px;
    color: #000;
}

.on_map_address .r4 {
    padding: 15px 0 0 30px;
    font-size: 14px;
    line-height: 21px;
    color: rgb(103, 103, 103);
}

.on_map_address .r4 a {
    color: #1f9ed9;
    text-decoration: none;
    font-weight: 700;
}

.on_map_address .submit {
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
    margin-left: 30px;
    margin-top: 15px;
    height: 48px;
    width: 300px;
    line-height: 48px;
    letter-spacing: 0px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-shadow: 0.03em 0.03em 0.03em #053b5d;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #f95a5a;
    background: -moz-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f7e12d)), color-stop(100%, #97bdfa));
    background: -webkit-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -o-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: -ms-linear-gradient(top, #f95a5a 0%, #f91111 100%);
    background: linear-gradient(to bottom, #f95a5a 0%, #f91111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.on_map_address .submit:hover {
    background: #f95a5a;
}

.on_map_address .request_callback .inputs {
    width: 320px
}

.on_map_address-2 {
    position: absolute;
    right: 12px;
    top: 160px;
    width: 350px;
    height: 250px;
    background: #fff;
    box-shadow: -7px 7px 30px 5px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
}

.on_map_address-2 a {
    color: #313131;
    text-decoration: none;
}

.on_map_address-2 a:hover {
    text-decoration: underline;
}

.on_map_address-2 .r0 {
    padding: 20px 0 0 30px;
    font-size: 20px;
    font-weight: bold;
    color: #053b5d;
    text-transform: uppercase;
}

.on_map_address-2 .r1 {
    padding: 6px 0 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #053b5d;
}

.on_map_address-2 .r2 {
    padding: 20px 0 0 30px;
    font-size: 32px;
    line-height: 32px;
    color: #1f9ed9;
}

.on_map_address-2 .r2 a {
    color: #1f9ed9;
    text-decoration: none;
}

.on_map_address-2 .r3 {
    padding: 30px 0 0 30px;
    font-size: 16px;
    line-height: 18px;
    color: #000;
}

/*=============================================
gar
=============================================*/
.gar {
    width: 100%;
    background: #0069b4 url('images/gar-bg.jpg') center 250px no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 60px 0;
    height: 870px;
}

.gar h2 {
    padding: 0px 0px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 47px;
    font-weight: 800;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

.gar ul {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 0;
    list-style: none;
    width: 50%;
    margin-top: 80px;
}

.gar ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 40px;
}

.gar .i {
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 90px;
    border: 10px solid #009fdc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 48px;
    font-weight: 800;
}

.gar .text {
    width: 70%;
}

.gar .r1 {
    font-size: 21px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
}

.gar .r2 {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    margin-top: 10px;
}

/*=============================================
footer
=============================================*/
.footer-logo-bg {
    width: 100%;
    background: url('images/header-bg.jpg');
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 0 60px 0;
}

/* --- to top ---- */
.footer-logo-bg .scroll_top {
    display: block;
    position: absolute;
    right: 20px;
    top: 140px;
    width: 69px;
    height: 69px;
    background: url('images/footer-scroll-up.png');
    text-decoration: none;
    z-index: 600;
}

.footer-logo-bg .scroll_top:hover {
    background-position: -69px 0
}

.footer-logo-bg .center_960 {
    position: relative;
    /* Переход */
    -webkit-transition: 1.2s all;
    -moz-transition: 1.2s all;
    transition: 1.2s all;
    -o-transition: 1.2s all;
}

/*=============================================
footer-request
=============================================*/
.request_callback_text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    height: 170px;
}

.request_callback_text .r1 {
    padding: 0px 0 0 0;
    font-size: 38px;
    line-height: 50px;
    color: #0069b4;
    text-transform: uppercase;
}

.request_callback_text .r1 span {
    font-weight: 700;
}

.request_callback_text .r1 .red {
    color: #f95a5a;
}

.request_callback_text .r2 {
    padding: 0px 0 15px 0;
    font-size: 45px;
    color: #f95a5a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.request_callback_text .r2 a {
    color: #1f9ed9;
    text-decoration: none;
}

.request_callback_text .r3 {
    padding: 10px 0 0px 0;
    font-size: 17px;
    color: #053b5d;
}

.request_callback_text .inputs {
    width: 500px;
}

.request_callback_text .inputs .zv {
    color: #000;
}

/*=============================================
    footer-copyright
=============================================*/
.footer-copyright {
    float: left;
    padding: 0px 0 0 0px;
    color: #656b6f;
    font-size: 14px;
    font-weight: 400;
}

.footer_bot {
    height: 90px;
    background: #fff;
}

.footer_bot .center_960 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: inherit;
}

.creator {
    float: right;
    padding: 0px 0px 0 0;
    color: #656b6f;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}

.adtrust_logo {
    display: inline-block;
    width: 101px;
    height: 21px;
    margin-left: 6px;
    vertical-align: super;
    background: url('images/logo-adtrust.png');
    text-decoration: none;
}

.adtrust_logo:hover {
    background: url('images/logo-adtrust-hover.png')
}

/*=============================================
modal confirm form
=============================================*/
.modal_wrapper {
    display: none;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.85;
}

.modal_confirm_wrapper {
    display: none;
    z-index: 200;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
}

.modal_confirm {
    width: 294px;
    margin: 256px auto 0 auto;
    padding: 70px 0;
    font-size: 18px;
    font-weight: bold;
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
}

.modal_confirm .r1 {
    color: #007eca;
}

.modal_confirm .r2 {
    color: #053b5d;
}

.show_confirm .modal_wrapper {
    display: block;
}

.show_confirm .modal_confirm_wrapper {
    display: block;
}

/* ------ mobilyslider
-----------------------------------------------*/

#content {
    width: 1280px;
    margin: 20px auto 20px;
}

/* .slider {
    padding-top: 15px;
    height: 170px;
    position: relative;
    width: 1280px;

} */

.slider2 {
    height: 621px;
    width: 100%;
}

.slider3 {
    height: 621px;
    width: 100%;
}

.slider4 {
    padding-top: 15px;
    height: 350px;
    position: relative;
    width: 100%;

}

.sliderContent {
    /* float:left; */
    height: 350px;
    overflow: hidden;
}

.sliderArrows a {
    display: block;
    text-indent: -9999px;
    outline: none;
    z-index: 55;
    width: 55px;
    height: 55px;
    position: absolute;
    top: 47%;
}

.slider2 .sliderArrows a {
    display: block;
    text-indent: -9999px;
    outline: none;
    z-index: 255;
    width: 43px;
    height: 43px;
    position: relative;
    top: -320px;
    left: -50%;
    margin-left: auto;
    margin-right: auto;
}

.slider3 .sliderArrows a {
    display: block;
    text-indent: -9999px;
    outline: none;
    z-index: 255;
    width: 43px;
    height: 43px;
    position: relative;
    top: -320px;
    left: 50%;
    margin-left: auto;
    margin-right: auto;
}

.slider4 .sliderArrows a {
    display: block;
    text-indent: -9999px;
    outline: none;
    z-index: 255;
    width: 60px;
    height: 61px;
    position: absolute;
    top: 47%;
    margin-top: -40px;
}

.slider2 .prev {
    background: url('images/left-k.png') center top no-repeat;
}

.slider2 .prev:hover {
    background: url('images/left-k-hover.png') center top no-repeat;
}

.slider2 .next {
    margin-top: 5px;
    background: url('images/right-k.png') center top no-repeat;
}

.slider2 .next:hover {
    background: url('images/right-k-hover.png') center top no-repeat;
}

.slider3 .prev {
    background: url('images/left-k.png') center top no-repeat;
}

.slider3 .prev:hover {
    background: url('images/left-k-hover.png') center top no-repeat;
}

.slider3 .next {
    margin-top: 5px;
    background: url('images/right-k.png') center top no-repeat;
}

.slider3 .next:hover {
    background: url('images/right-k-hover.png') center top no-repeat;
}

.prev {
    left: 10px;
    background: url('images/left.png') center top no-repeat;
}

.prev:hover {
    background: url('images/left-hover.png') center top no-repeat;
}

.next {
    right: 10px;
    background: url('images/right.png') center top no-repeat;
}

.next:hover {
    background: url('images/right-hover.png') center top no-repeat;
}

.sliderContent .item {
    position: absolute;
    width: 100%;
    /* background:#fff; */
}

.sliderContent .item2 {
    position: relative;
    width: 100%;
}

.sliderContent .item3 {
    position: relative;
    width: 100%;
}

.sliderBullets {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 50;
    margin-left: -33px;
}

.slider2 .sliderBullets {
    opacity: 0;
}

.slider3 .sliderBullets {
    opacity: 0;
}

.slider4 .sliderBullets {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 50;
    margin-left: -90px;
}

.sliderBullets a {
    display: block;
    float: left;
    text-indent: -9999px;
    outline: none;
    margin-left: 15px;
    width: 40px;
    height: 4px;
    background: url('images/nav.png') center top no-repeat;
}

.sliderBullets .active {
    background: url('images/nav-hover.png') center top no-repeat;
}

.sliderContent a {
    outline: none;
}