/* Start:/bitrix/templates/vvk/styles.css?178161161058679*/
.showmobile { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px){ .showmobile { display: inline; }}
@media screen and (max-width: 600px) {
  .hidemobile {
    visibility: hidden;
    display: none;
  }
}
body {
    font-family: 'Montserrat', Arial;
    margin: 0;
    background: #F2F2F2;
}

a {
    transition: 0.2s;
    text-decoration: none;
}

h1 {
    font-weight: bold;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -0.204082px;
    color: #444E5E;
}

.full_bl {
    width: 100%;
    float: left;
}
.main_top {
    position: relative;

    z-index: 20;
    background: #ffffff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.241313);
}
.main_top.black {
    background: transparent;
    box-shadow: none;
    position: absolute;
    top: 0;
    left: 0;
}
.header {
    background: url(/bitrix/templates/vvk/images/bg3.jpg) center no-repeat;
    background-size: cover;
    padding-top: 132px;
}
.header.us_header {
    background: url(/bitrix/templates/vvk/images/us_bg.jpg) center no-repeat;
    background-size: cover;
    padding-bottom: 160px;
    position: relative;
}
.header.part_header {
    background: radial-gradient(913.67px at 48.82% 45.81%, #2D2F39 0%, #1A1C20 100%);
    text-align: center;
    margin-bottom: 120px;
}
.logo {
    float: left;
    width: 120px;
}
.logo img {
    float: left;
}
.top_bl {
    float: left;
    width: calc(100% - 340px);
    padding-left: 50px;
    padding-top: 35px;
}
.top_cont {
    float: right;
    width: 220px;
    text-align: right;
    margin-top: 33px;
}
.header.part_header .top_h_descr {
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    opacity: 0.8;
}
.cont_link {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.321429px;
    color: #929292;
    padding-left: 20px;
    display: inline-block;
    margin-right: 50px;
}
.black .cont_link {
    color: rgba(255, 255, 255, 0.6);
}
.cont_link:last-child {
    margin-right: 0;
}
.cont_link.mail {
    background: url(/bitrix/templates/vvk/images/mail_b.svg) left no-repeat;
}
.black .cont_link.mail {
    background: url(/bitrix/templates/vvk/images/mail.svg) left no-repeat;
}
.cont_link.location {
    background: url(/bitrix/templates/vvk/images/loc_b.svg) left no-repeat;
}
.black .cont_link.location {
    background: url(/bitrix/templates/vvk/images/loc.svg) left no-repeat;
}
.cont_link.vk {
    background: url(/bitrix/templates/vvk/images/vk.svg) left no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 15px;
    margin-right: 10px;
}

.cont_link.wp {
    background: url(/bitrix/templates/vvk/images/whatsapp.svg)  no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 15px;
    margin-right: 10px;
}

.cont_link.tg {
    background: url(/bitrix/templates/vvk/images/telegram.svg) 50% 50% no-repeat;
    background-size: 150%;
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-top: 15px;
    margin-right: 10px;
}
.top_menu .soc{
display:none}

.top_menu {
    display: inline-block;
}
.top_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    margin-top: 15px;
}
.top_menu ul li {
    float: left;
    margin-right: 50px;
}
.top_menu ul li:last-child{
    margin-right: 0;
}
.top_menu ul li a {
    color: #343434;
}
.main_top.black .top_menu ul li a {
    color: #ffffff;
}
.top_menu ul li a:hover, .main_top.black .top_menu ul li a:hover {
    color: #f8e71c;
}
.header.part_header h1 {
    margin-top: 6px;
    margin-bottom: 40px;
}
.us_right {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: calc(50% - 300px);
    top: 0;
    right: 0;
}
.us_right .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
}
.ic_req, .black.us_h .ic_req {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #1A1C20;
    font-family: Roboto, Arial;
    cursor: pointer;
    transition: 0.2s;
    padding-left: 40px;
    background: url(/bitrix/templates/vvk/images/phone_b.svg) left no-repeat;
    display: inline-block;
    line-height: 24px;
    position: relative;
}
.black .ic_req {
    color: #F8E71C;
    background: url(/bitrix/templates/vvk/images/phone.svg) left no-repeat;
}
.ic_req:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 40px);
    border-bottom: 1px dashed;
    transition: 0.2s;
}
.phone, .black.us_h .phone {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #1C2136;
    display: inline-block;
margin-top: 51px;
}
.black .phone {
    color: rgba(255, 255, 255, 0.9);
}
.top_cont .phone {
    margin-top: 50px;
}
.header h1 {
    color: #ffffff;
    margin-top: 64px;
    margin-bottom: 25px;
    font-size: 65px;
    line-height: 74px;
}
.top_descr {
    font-size: 20px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 56px;
}
.gr_btn {
    transition: 0.2s;
    cursor: pointer;
    font-size: 15px;
    font-family: Roboto, Arial;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #F8E71C;
    display: inline-block;
    padding: 28px 39px;
    position: relative;
    background: rgba(248, 231, 28, 0.090718);
    border: 1px dashed rgba(248, 231, 28, 0.34);
    min-width: 297px;
}
.gr_btn:before {
    content: "";
    background: url(/bitrix/templates/vvk/images/points_bg.svg) center no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
}
.gr_btn:hover {
    border-style: solid;
    background: #f8e71c;
    color: #000000;
}
.header .gr_btn {
    margin-bottom: 184px;
}
.header.part_header .gr_btn {
    margin-bottom: 60px;
}

.money {
    width: 100%;
    height: 360px;
    background: url(/bitrix/templates/vvk/images/money.png) center bottom no-repeat;
    background-size: contain;
}
.header.us_header h1 {
    margin-top: 96px;
}
.header.us_header .gr_btn {
    margin-top: 50px;
    margin-bottom: 80px;
}
.ic_bl {
    float: left;
    position: relative;
    padding-left: 100px;
    min-height: 70px;
    margin-right: 60px;
}
.ic_bl:last-child {
    margin-right: 0;
}
.ic_bl img {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 60px;
}
.ic_bl p {
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.7;
}

.usl_text {
    font-size: 16px;
    line-height: 22px;
    color: #1F242B;
    padding: 80px 0;
}
.usl_text h2 {
    margin-bottom: 32px;
}
.osh_bl.black_bl.zagr {
    margin: 0;
}
.osh_bl.black_bl.zagr:after {
    background: url(/bitrix/templates/vvk/images/zagr.png) center no-repeat;
}
.osh_bl.black_bl.zagr.post:after {
    background: url(/bitrix/templates/vvk/images/post.png) center no-repeat;
}
.osh_bl.black_bl.zagr.ca:after {
    background: url(/bitrix/templates/vvk/images/ca.png) center no-repeat;
}
.osh_bl.black_bl.zagr.vn:after {
    background: url(/bitrix/templates/vvk/images/vn.png) center no-repeat;
}
.osh_bl.black_bl.zagr.opt:after {
    background: url(/bitrix/templates/vvk/images/opt.png) center no-repeat;
}
.osh_bl.black_bl.zagr .gr_btn {
    padding: 22px 0;
    width: 264px;
}
.bx-breadcrumb {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    color: #8C96A5;
    margin-top: 24px;
}
.black .bx-breadcrumb {
    margin-top: 0;
}
.bx-breadcrumb span {
    font-size: 13px;
    line-height: 16px;
    color: #8C96A5;
}
.bx-breadcrumb .bx-breadcrumb-item {
    display: inline;
}
.bx-breadcrumb i {
    font-style: normal;
    margin: 0 5px;
}
.us_item {
    height: 236px;
    background: #ffffff;
    margin-bottom: 30px;
    padding: 40px;
    color: #3E4858;
    overflow: hidden;
    position: relative;
    display: block;
    text-decoration: none;
}
.us_item.big {
    height: 502px;
}
.us1 {
    background: linear-gradient(129.72deg, #E80C27 0%, #AE2730 100%);
    color: #ffffff;
}
.us2 {
    background: linear-gradient(151.37deg, #DCE9EF 0.93%, #B6CFDB 100%);
}
.us3 {
    background: linear-gradient(152.34deg, #EAE7D7 5.8%, #DDCD90 102.71%);
}
.us4 {
    background: linear-gradient(331.43deg, #A992C8 1.05%, #D9D4E8 100%);
}
.us5 {
    background: linear-gradient(152.01deg, #F2C5D1 2.41%, #D78DA0 102.33%);
}
.us6 {
    background: #ffffff;
}
.us7 {
    background: linear-gradient(129.72deg, #CBDAE5 0%, #B6CBDB 99.81%);
}
.us8 {
    background: linear-gradient(152.34deg, #98FB98 5.8%, #3CB371 102.71%)
}
.mess {
    width: 100%;
    height: 100%;
}
.mess h2 {
    font-size: 20px;
    line-height: 150%;
    color: #3caf29;
}
.mess h3 {
    font-size: 18px;
    line-height: 150%;
    color: #555555;
}
h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
}
.us1 h3 {
    font-weight: 500;
    font-size: 35px;
    line-height: 44px;
    display: flex;
    align-items: flex-end;
    letter-spacing: -0.807692px;
    max-width: 278px;
}
.us_item .img {
    position: absolute;
    bottom: 0;
    right: -10px;
    width: 200px;
    height: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    z-index: 2;
    transition: 0.3s;
}
.us_item:hover .img {
    transform: scale(1.1);
}
.us_item .p_link:hover {
    filter: none;
}
.us_item:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    opacity: 0;
    z-index: 1;
}
.us_item:hover .p_link {
    color: #ffffff !important;
    background-image: url(/bitrix/templates/vvk/images/arrh.svg);
}
.us_item:hover:after {
    opacity: 1;
}
.us_item.us1:after {
    background: linear-gradient(129.72deg, #c50e24 0%, #6d0e14 100%);
}
.us_item.us2:after {
    background: linear-gradient(129.72deg, #add4e4 0%, #6ca4bf 100%);
}
.us_item.us3:after {
    background: linear-gradient(129.72deg, #d0c7a0 0%, #b6a14e 100%);
}
.us_item.us4:after {
    background: linear-gradient(129.72deg, #ae97cb 0%, #8b66be 100%);
}
.us_item.us5:after {
    background: linear-gradient(129.72deg, #e2a9b8 0%, #c7607b 100%);
}
.us_item.us6:after {
    background: #e3e6ed;
}
.us_item.us7:after {
    background: linear-gradient(129.72deg, #a9c4d7 0%, #6fa8d3 100%);
}

.us_item.us8:after {
    background: linear-gradient(152.34deg, #90EE90 5.8%, #32CD32 102.71%)
}

.us_item h3 {
    margin: 0;
    position: relative;
    z-index: 5;
    transition: 0.2s;
    max-width: 316px;
}
.us_item:hover h3 {
    color: #ffffff;
}
.p_link {
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #717171;
    font-family: Roboto, Arial;
    line-height: 28px;
    background: url(/bitrix/templates/vvk/images/barr.svg) right no-repeat;
    background-size: contain;
    display: inline-block;
    padding-right: 55px;
}
.p_link.white {
    color: rgba(255, 255, 255, 0.7);
    background: url(/bitrix/templates/vvk/images/warr.svg) right no-repeat;
    background-size: contain;
}
.us_item .p_link {
    position: absolute;
    bottom: 35px;
    left: 40px;
    z-index: 5;
}

.us_item.us4 h3 {
    max-width: 280px;
}
.us_item.us3 h3 {
    max-width: 270px;
}
.us_item.us2 h3 {
    max-width: 300px;
}
.us_item.big .p_link {
    position: relative;
    top: auto;
    left: 0;
    bottom: auto;
}
.us_item.big h3 {
    min-height: 88px;
    margin-bottom: 30px;
}
.us_item.us1 .img {
    width: 100%;
    height: 250px;
    bottom: 24px;
    background-size: contain;
}
.us_item.us7 .img {
    right: 15px;
    width: 159px;
}


.p_link:hover {
    filter: brightness(0.5);
}
.p_link:hover {
    filter: brightness(0.5);
}
.p_link.white:hover {
    color: #ffffff;
    filter: none;
}
.us {
    padding: 120px 0;
}
.us.us_page {
    padding: 30px 0 100px 0;
}
h2 {
    margin: 0;
    font-weight: bold;
    font-size: 50px;
    line-height: 56px;
    letter-spacing: -0.204082px;
    color: #444E5E;
}
.head_descr {
    padding-left: 16px;
    float: right;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #475161;
    mix-blend-mode: normal;
    opacity: 0.8;
    border-left: 2px solid #444E5E;
}

.head_bl {
    margin-bottom: 40px;
    margin-top: 0;
}

.step_item .img {
    height: 88px;
}
.step_item h3 {
    margin-top: 40px;
    margin-bottom: 15px;
}
.step_item .text {
    font-size: 16px;
    line-height: 22px;
    color: #545F6F;
    mix-blend-mode: normal;
    opacity: 0.7;
}
.step_item {
    margin-bottom: 56px;
    max-width: 350px;
}
.step_list {
    margin-top: 80px;
}
.video_cont {
    width: 100%;
    display: inline-block;
    height: 464px;
    background: #D8D8D8 url(/bitrix/templates/vvk/images/vid.jpg) center no-repeat;
    box-shadow: 0px 27px 34px rgba(61, 71, 85, 0.739265);
    position: relative;
}
.video_cont iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
}
.video_cont.active iframe {
    opacity: 1;
    pointer-events: all;
    z-index: 5;
}
.video_cont:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 0px 11px 14px rgba(0, 0, 0, 0.159501);
    background: url(/bitrix/templates/vvk/images/play.svg) center no-repeat;
    pointer-events: none;
}
.video_cont {
    width: 100%;
    display: inline-block;
    height: 464px;
    background: #D8D8D8 url(/bitrix/templates/vvk/images/vid.jpg) center no-repeat;
    box-shadow: 0px 27px 34px rgba(61, 71, 85, 0.739265);
    position: relative;
    cursor: pointer;
    transition: 0.2s;
    z-index: 5;
}
.video_cont:hover {
    opacity: 0.9;
}
.tv_bl {
    margin-top: 136px;
}
.tv_descr {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #475161;
    mix-blend-mode: normal;
    opacity: 0.8;
    margin-top: 24px;
    max-width: 600px;
}
.tv {
    background: url(/bitrix/templates/vvk/images/rect.svg) left no-repeat;
    padding: 100px 0;
}
.video_bl:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -58px;
    left: -30px;
    background: url(/bitrix/templates/vvk/images/points.png) left top no-repeat;
    z-index: 1;
}

.rev_bl {
    overflow: hidden;
    position: relative;
    padding: 100px 0 80px 0;
}
.rev_bl:before {
    content: "";
    position: absolute;
    width: calc(50% - 120px);
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: radial-gradient(579.51px at 48.82% 45.81%, #2D2F39 0%, #1A1C20 100%);
}
.rev_content {
    position: relative;
    z-index: 5;
    color: #ffffff;
}
.rev_content:before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    top: -32px;
    left: -82px;
    background: url(/bitrix/templates/vvk/images/points2.png) center no-repeat;
}
.rev_content h3 {
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.17415px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 16px;
    position: relative;
    z-index: 5;
}
.rev_content a {
    position: relative;
    z-index: 5;
}
.p_link.yellow {
    color: #F8E71C;
    background-image: url(/bitrix/templates/vvk/images/arrw.svg);
}
.slider-counter {
    position: absolute;
}
.reviews {
    width: calc(50% + 300px);
    float: right;
}
.rev_item {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.rev_item_ch {
    background: #FFFFFF;
    box-shadow: 0px 27px 24px rgba(74, 88, 110, 0.103584);
    width: calc(100% - 40px);
    margin: 50px 20px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
.rev_img {
    display: inline-block;
    width: 124px;
    height: 124px;
    background-color: #D8D8D8;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    margin-top: 56px;
    margin-bottom: 26px;
    box-shadow: 0px 12px 14px rgba(62, 71, 85, 0.529775);
}
.rev_name {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #3E4858;
    margin-bottom: 16px;
    padding: 0 15px;
}
.rev_text {
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #545F6F;
    mix-blend-mode: normal;
    opacity: 0.7;
    padding: 0 18px;
    height: 132px;
    overflow: hidden;
    margin-bottom: 22px;
}
.show_rev {
    background: #F0F2F5;
    font-family: Roboto, Arial;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #717171;
    position: relative;
    z-index: 5;
    padding: 30px 20px;
    transition: 0.2s;
}
.rev_item_ch:after {
    content: "";
    position: absolute;
    bottom: -78px;
    left: 0;
    width: 100%;
    height: 78px;
    background: #f8e71c;
    z-index: 1;
    transition: 0.3s;
}
.rev_item_ch:hover:after {
    bottom: 0;
}
.rev_item_ch:hover .show_rev {
    background: transparent;
    color: #1D1F24;
}
.reviews .owl-nav {
    position: absolute;
    left: -240px;
    top: 158px;
}
.reviews .owl-nav .owl-prev {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.144367);
    cursor: pointer;
    background: url(/bitrix/templates/vvk/images/oarr_l.svg) center no-repeat;
    transition: 0.2s;
    margin-bottom: 16px;
}
.reviews .owl-nav .owl-prev.disabled, .reviews .owl-nav .owl-next.disabled {
    opacity: 0.5;
	pointer-events:none
}
.reviews .owl-nav .owl-next {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.144367);
    cursor: pointer;
    background: url(/bitrix/templates/vvk/images/oarr_r.svg) center no-repeat;
    transition: 0.2s;
}
.reviews .owl-nav .owl-next:hover, .reviews .owl-nav .owl-prev:hover {
    border-color: #ffffff;
}
.slider-counter {
    font-weight: bold;
    font-size: 20px;
    letter-spacing: -0.282993px;
    color: rgba(255, 255, 255, 0.5);
    z-index: 5;
    top: 67%;
    left: calc(50% - 545px);
}
.sl_cur_numb {
    float: left;
    font-size: 64px;
    letter-spacing: -0.348299px;
    color: #FFFFFF;
}
.all_numb {
    float: left;
    margin-top: 14px;
}

.osh_bl {
    margin: 20px 0 0 0;
    padding: 200px 0;
    position: relative;
}
.black_bl {
    background: radial-gradient(840.89px at 48.82% 45.81%, #2D2F39 0%, #1A1C20 100%);
    color: #ffffff;
}
.black_bl h2 {
    color: #ffffff;
}
.black_bl h2 span {
    color: #F8E71C;
}
.osh_bl .gr_btn {
    width: 236px;
    padding: 19px 0;
}
.osh_bl .gr_btn {
    width: 236px;
    padding: 19px 0;
    float: left;
    min-width: auto;
}
.w_descr {
    float: left;
    font-size: 18px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.8);
    width: calc(100% - 330px);
    border-left: 1px solid #F8E71C;
    padding-left: 16px;
    margin-left: 50px;
}
.osh_bl h2 {
    margin-bottom: 48px;
}
.osh_bl:after {
    content: "";
    width: 44%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(/bitrix/templates/vvk/images/10.png) center no-repeat;
}
.partner_item {
    display: inline-block;
    width: 100%;
    height: 114px;
    line-height: 114px;
    text-align: center;
}

img {
    max-width: 100%;
    max-height: 100%;
}
.partner_item img {
    vertical-align: middle;
    display: inline-block !important;
    width: auto !important;
}
.partner_slider {
    margin-top: 90px;
}
.partners {
    padding-bottom: 120px;
    margin-top: 128px;
}
.rb_bl {
    margin-top: 128px;
}
.partner_slider .owl-nav .owl-prev {
    width: 68px;
    outline: none;
    height: 48px;
    background: url(/bitrix/templates/vvk/images/parl.svg) center no-repeat;
    margin-right: 48px;
    float: left;
    transition: 0.2s;
}
.partner_slider .owl-nav .owl-next {
    width: 68px;
    outline: none;
    height: 48px;
    background: url(/bitrix/templates/vvk/images/parr.svg) center no-repeat;
    float: left;
    transition: 0.2s;
}
.partner_slider .owl-nav {
    position: absolute;
    top: -135px;
    right: 0;
}
.partner_slider .owl-nav .owl-next:hover, .partner_slider .owl-nav .owl-prev:hover {
    filter: brightness(0.5);
}
.footer {
    background: radial-gradient(813.54px at 48.82% 45.81%, #2D2F39 0%, #1A1C20 100%);
    color: #ffffff;
    padding: 70px 0 56px;
}

.bot_menu {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px;
    margin-top: 8px;
}
.bot_menu ul, .us_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}
.bot_menu ul li {
    float: left;
    margin-right: 48px;
}
.bot_menu ul li:last-child {
    margin-right: 0;
}
.bot_menu ul li a {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.9;
}
.footer a:hover {
    color: #f8e71c;
}
.us_menu ul li {
    width: 50%;
    float: left;
    margin-bottom: 16px;
    /* padding-right: 20px; */
    max-width: 338px;
}
.us_menu ul li a {
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
    font-family: Arial;
}

.bot_cont .phone {
    font-size: 32px;
    line-height: 120%;
    color: #ffffff;
}
.bot_cont {
    text-align: right;
}
.bot_cont .gr_btn {
    width: 290px;
    padding: 26px 15px;
    margin-top: 60px;
}
.copyr_bl {
    margin-top: 90px;
}
.privacy_link {
    float: right;
    font-family: Arial;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    opacity: 0.5;
}


.zakl {
    padding: 120px 0;
}
.cont_head .descr {
    font-size: 18px;
    line-height: 28px;
    color: #475161;
    mix-blend-mode: normal;
    opacity: 0.8;
    margin-top: 16px;
}
.card {
    background: #FFFFFF;
    box-shadow: 0px 22px 34px rgba(0, 0, 0, 0.0485686);
    padding: 60px 95px;
    display: inline-block;
    width: 100%;
    margin-top: 64px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(84, 95, 111, 0.71);
}
.card h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: flex-end;
    color: #3E4858;
    margin-top: 0;
    margin-bottom: 16px;
}
.card p {
    margin: 0;
}
.card span {
    font-style: italic;
    font-size: 16px;
    line-height: 20px;
    color: #D0021B;
    margin-top: 55px;
    display: inline-block;
}

.sol_item {
    width: 541px;
    height: 541px;
    background: url(/bitrix/templates/vvk/images/sol.jpg) center no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-size: cover;
}
.sol_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 52%;
    background: url(/bitrix/templates/vvk/images/sol_top.png) center no-repeat;
    background-size: cover;
}
.sol_bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 52%;
    background: url(/bitrix/templates/vvk/images/sol_bot.png) center no-repeat;
    background-size: cover;
}
.sol_container {
    position: sticky;
    top: 0;
    left: 0;
}

.t_ic_bl {
    display: inline-block;
    width: 100%;
    max-width: 360px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(84, 95, 111, 0.7);
    margin-top: 50px;
}
.t_ic_bl .img {
    height: 86px;
    line-height: 86px;
}
.t_ic_bl .img img {
    vertical-align: middle;
}
.t_ic_bl h3 {
    margin-bottom: 15px;
    margin-top: 40px;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: flex-end;
    color: #3E4858;
}

.t_ic_bl p {
    margin: 0;
}

.sl_line {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 26px;
}
.ui-slider-handle {
    position: absolute;
    top: -15px;
    cursor: pointer;
    outline: none;
    font-size: 20px;
    white-space: nowrap;
    width: 62px;
    text-align: center;
    margin-left: -31px;
}
.ui-slider-range {
    height: 2px;
    background: #D0021B;
}
.ui-slider-handle:after {
    content: "";
    position: absolute;
    background: #D0021B;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 5px solid #ffffff;
    bottom: -25px;
    left: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4392156862745098);
}

.st_val {
    font-style: normal;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: Roboto, Arial;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.0005px;
    color: #292B2F;
    opacity: 0.5;
}
.end_val {
    font-style: normal;
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: Roboto, Arial;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -0.0005px;
    color: #292B2F;
    opacity: 0.5;
}
.form_card {
    width: 100%;
    display: inline-block;
    background: #ffffff;
    padding: 80px 40px;
}
.form_card h3 {
    margin-top: 0;
    margin-bottom: 38px;
}
.inp_bl {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 45px;
}
.inp_bl input[type="text"] {
    width: 100%;
    float: left;
    -webkit-appearance: none;
    border: 1px solid #E9E9E9;
    height: 57px;
    outline: none;
    font-family: Montserrat, Arial;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: -0.0136px;
    color: #434343;
    padding: 0 30px;
}
.inp_bl label {
    font-size: 14px;
    line-height: 20px;
    color: rgba(41, 43, 47, 0.51);
    mix-blend-mode: normal;
    position: absolute;
    top: -11px;
    left: 23px;
    background: rgb(255, 255, 255);
    display: inline-block;
    padding: 0 5px;
}

.zar_param {
    display: inline-block;
    width: 100%;
    margin-bottom: 22px;
}
.zar_val {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: 0.22px;
    color: #3E4858;
    float: left;
    width: 140px;
    white-space: nowrap;
    text-align: right;
    line-height: 20px;
}
.zar_name {
    font-size: 16px;
    line-height: 20px;
    color: #545F6F;
    float: left;
    width: calc(100% - 140px);
}

.end_zar_param {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}
.end_zar_param .zar_val {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 54px;
    line-height: 66px;
    letter-spacing: -0.27px;
    color: #444E5E;
}
.end_zar_param .zar_name {
    font-size: 18px;
}
.r_btn {
    font-family: Roboto, Arial;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-appearance: none;
    border: none;
    transition: 0.2s;
    background: #D0021B;
    cursor: pointer;
    padding: 25px 39px;
    display: inline-block;
}
.r_btn:hover {
    opacity: 0.8;
}
.zakl .r_btn {
    margin-top: 50px;
}
.rb {
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/vvk/images/rb.png) center no-repeat;
    background-size: contain;
}
.padd_bl {
    padding-left: 116px;
    margin-top: 78px;
    margin-bottom: 120px;
}
.padd span {
    font-weight: 600;
    font-size: 106px;
    line-height: 106px;
    /* height: 106px; */
    display: block;
    color: #444E5E;
}
.padd p {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #475161;
    mix-blend-mode: normal;
    opacity: 0.8;
}
.padd {
    border-left: 2px solid #444E5E;
    padding-left: 22px;
    max-width: 445px;
}

.quest_list {
    display: inline-block;
    width: 100%;
    margin-top: 70px;
}
.quest_item {
    float: left;
    width: 100%;
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    margin-bottom: -1px;
}
.quest_name {
    width: 100%;
    float: left;
    opacity: 0.8;
    padding: 23px 22px 23px 30px;
    cursor: pointer;
    transition: 0.2s;
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: flex-end;
    color: #475161;
}
.quest_name p {
    margin: 0;
    display: inline-block;
    width: calc(100% - 30px);
}
.quest_text {
    display: inline-block;
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: 0.2s;
    display: none;
    line-height: 140%;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
    padding: 0 30px;
}
.quest_item.active .quest_text {
    display: inline-block;
    margin-bottom: 30px;
    margin-top: 0;
}
.quest_item.active {
    background: radial-gradient(664.65px at 48.82% 45.81%, #2D2F39 0%, #1A1C20 100%);
}
.quest_item.active .quest_name {
    color: #ffffff;
}
.quest_name span {
    position: relative;
    float: right;
    width: 22px;
    height: 22px;
}
.quest_name span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1C274E;
    top: 10px;
    left: 0;
    transition: 0.2s;
}
.quest_name span:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: #1C274E;
    bottom: 0;
    left: 10px;
    transition: 0.2s;
}
.quest_item.active .quest_name span:before {
    background: #ffffff;
    transform: rotate(45deg);
}
.quest_item.active .quest_name span:after {
    background: #ffffff;
    transform: rotate(45deg);
}

.seo_bl {
    font-size: 16px;
    line-height: 24px;
    color: #545F6F;
    padding-bottom: 100px;
}
.seo_bl h2 {
    font-weight: 500;
    font-size: 27px;
    line-height: 34px;
    letter-spacing: 0.426667px;
    color: #4F5C6C;
    margin-bottom: 24px;
    margin-top: 50px;
}
.seo_bl .img {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 36px;
    padding-top: 34px;
}
.seo_bl .img img {
    box-shadow: 0px 27px 34px rgba(61, 71, 85, 0.739265);
    position: relative;
    z-index: 5;
}
.seo_bl .img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(/bitrix/templates/vvk/images/s_points.png) left top no-repeat;
}

.otz_item {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    margin-bottom: 38px;
}
.otz_item h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #3E4858;
    margin-bottom: 16px;
    margin-top: 0;
}
.otz_item .img {
    display: inline-block;
    width: 100%;
    height: 260px;
    position: relative;
    background-position: center;
    background-size: cover;
}
.otz_item .img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/bitrix/templates/vvk/images/playv.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
}
.otz_item:hover .img:after {
    background-color: rgba(0, 0, 0, 0.4);
}


.bx-pagination .bx-pagination-container ul li.bx-active span {
    background: #f8e71c;
}
.stat_item {
    display: inline-block;
    width: 100%;
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 17px 24px rgba(37, 38, 84, 0.116641);
    transition: 0.2s;
    text-decoration: none;
    color: #475161;
    margin-bottom: 30px;
}
.stat_item:hover {
    box-shadow: 0px 17px 24px rgba(37, 38, 84, 0.27);
}
.stat_item .img {
    float: left;
    width: 100%;
    height: 224px;
    background-size: cover;
    background-position: center;
    background: #f8e71c url(/bitrix/templates/vvk/images/logo.svg) center no-repeat;
}
.stat_page {
    margin-bottom: 30px;
}
.stat_item .date {
    background: url(/bitrix/templates/vvk/images/calendar.svg) left no-repeat;
    padding-left: 30px;
    display: inline-block;
    margin-left: 30px;
    margin-top: 26px;
    font-size: 16px;
    line-height: 22px;
    color: rgba(84, 95, 111, 0.72);
}
.stat_item h3 {
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #475161;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 30px;
}
.go_prev_page {
    background: url(/bitrix/templates/vvk/images/go_prev.svg) left no-repeat;
    font-weight: 500;
    font-size: 15px;
    line-height: 30px;
    display: inline-block;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #717171;
    font-family: Roboto, Arial;
    padding-left: 70px;
    margin-top: 30px;
}
.detail_pg h1 {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 48px;
}
.detail_text {
    font-size: 18px;
    line-height: 28px;
    color: #475161;
    margin-bottom: 100px;
}
.detail_text h2 {
    font-size: 28px;
    line-height: 130%;
}
.stat_other {
    padding-bottom: 70px;
}
.stat_other h2 {
    margin-bottom: 56px;
}
div#map {
    width: 100%;
    height: 620px;
    margin-top: -120px;
}
.usl_7 .us_right .img {
    background-position: bottom;
}
.header.cont_header {
    background: url(/bitrix/templates/vvk/images/cont_bg.jpg) center no-repeat;
    background-size: cover;
}
.header.cont_header h1 {
    margin-top: 40px;
    margin-bottom: 80px;
}
.cont_list {
    display: inline-block;
    width: 100%;
    margin-bottom: 226px;
}
.cont_item {
    float: left;
    margin-right: 100px;
}
.cont_item:last-child {
    margin-right: 0;
}
.cont_item img {
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.cont_cont {
    display: inline-block;
}
.cont_cont span {
    float: left;
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.7;
}
.cont_cont a {
    float: left;
    clear: both;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: flex-end;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.9;
}
.inp_row input[type="text"], .inp_row input[type="tel"] {
    -webkit-appearance: none;
    border: none;
    font-size: 16px;
    line-height: 22px;
    color: #545F6F;
    outline: none;
    border-bottom: 1px solid rgba(34, 36, 43, 0.497569);
    padding: 8px 0;
    background: transparent;
    width: 100%;
}
.inp_row {
    width: 100%;
    display: inline-block;
    margin-bottom: 16px;
}
.chbx {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.chbx label {
    width: 100%;
    padding-left: 22px;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.chbx input {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 5;
    opacity: 0;
}
.chbx span {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: #D0021B;
    pointer-events: none;
    transition: 0.2s;
    border-radius: 3px;
}
.chbx input:checked+span {
    background: url(/bitrix/templates/vvk/images/cb.svg) center no-repeat;
}
.chbx label p {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #545F6F;
}
.chbx label p a {
    color: #545F6F;
    text-decoration: underline;
}
.site_form button {
    -webkit-appearance: none;
    background: #D0021B;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: Roboto, Arial;
    width: 100%;
    height: 68px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.cont_form .site_form button {
    margin-top: 30px;
}
.cont_form {
    max-width: 320px;
    margin-top: 100px;
}
.map_bl {
    margin-bottom: 100px;
}

.show_moore_otz {
    display: block;
    margin: 60px auto;
    width: 262px;
    background: #D0021B;
    font-family: Roboto, Arial;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    padding: 25px 0;
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
}
.hidden_otz {
    display: none !important;
}




.video_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(22, 25, 29, 0.87);
    text-align: center;
    overflow: auto;
    display: none;
    justify-content: center;
    align-items: center;
}
.video_bg.active {
    display: flex;
}
.video_bg_bt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 1;
}
.video_pop_cont {
    width: 100%;
    max-width: 1360px;
    padding: 20px;
    position: relative;
    z-index: 5;
}
.video_container {
    width: 100%;
    display: inline-block;
}
.video_container iframe {
    width: 100%;
    height: 650px;
}
.video_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    color: #ffffff;
    margin: 50px 0;
}
.prev_video {
    background: url(/bitrix/templates/vvk/images/pv.svg) left no-repeat;
    padding-left: 28px;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
}
.next_video {
    background: url(/bitrix/templates/vvk/images/nv.svg) right no-repeat;
    padding-right: 28px;
    display: inline-block;
    line-height: 24px;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
}
.close_vid_ic {
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    padding-left: 62px;
    line-height: 44px;
    background: url(/bitrix/templates/vvk/images/zv.svg) left no-repeat;
}


.text-danger {
    font-size: 14px;
    font-weight: 600;
    color: #d0021b;
}
.pop_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(37, 50, 65, 0.28);
    text-align: center;
    overflow: auto;
    display: none;
}
.pop_bg.active {
    display: block;
}
.pop_bg_bt {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
}
.pop_cont {
    position: relative;
    z-index: 505;
    background: #FFFFFF;
    box-shadow: 0px 2px 17px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 100%;
    max-width: 448px;
    display: inline-block;
    margin-top: 100px;
    padding: 20px 50px 20px 50px;
    margin-bottom: 50px;
    text-align: left;
}
.pop_cont.big_pop {
    max-width: 780px;
}

.b_btn:hover {
    box-shadow: 1.675px 31.956px 57px 0px rgba(253, 196, 31, 0.3), -5.871px 18.07px 65px 0px rgba(252, 198, 32, 0.23);
}
.sb_btn:hover {
    box-shadow: 1.675px 13.956px 57px 0px rgba(253, 196, 31, 0.45), -5.871px 9.07px 65px 0px rgba(252, 198, 32, 0.36);
}


.pop_cont h2 {
    font-size: 30px;
    text-align: left;
    margin-top: 24px;
    margin-bottom: 5px;
}
.pop_cont h3 {
    font-size: 15px;
    line-height: 120%;
    margin-bottom: 30px;
    font-weight: 400;
    margin-top: 0;
}
.pop_cont .site_form button {
    height: 60px;
    margin-top: 16px;
}
.personal {
    font-size: 13px;
}

.close_ic {
    position: absolute;
    width: 42px;
    height: 42px;
    background: #EFEFEF url(/bitrix/templates/vvk/images/cancel.svg) center no-repeat;
    background-size: 12px;
    top: 0;
    right: 0;
    border-radius: 3px;
    cursor: pointer;
}

/*********preloader**********/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.09);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}
.preloader.active {
    opacity: 1;
    z-index: 999999;
    visibility: visible;
}
.sk-fading-circle {
    width: 4em;
    height: 4em;
    position: relative;
    margin: auto;
}
.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-fading-circle .sk-circle:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #e6b31c;
    box-shadow: 0 0 3px rgba(255, 255, 255, 0.66);
    border-radius: 100%;
    -webkit-animation: sk-fading-circle-delay 1.2s infinite ease-in-out both;
    animation: sk-fading-circle-delay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle-2 {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.sk-fading-circle .sk-circle-3 {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.sk-fading-circle .sk-circle-4 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sk-fading-circle .sk-circle-5 {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg);
}
.sk-fading-circle .sk-circle-6 {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg);
}
.sk-fading-circle .sk-circle-7 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sk-fading-circle .sk-circle-8 {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg);
}
.sk-fading-circle .sk-circle-9 {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg);
}
.sk-fading-circle .sk-circle-10 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.sk-fading-circle .sk-circle-11 {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
}
.sk-fading-circle .sk-circle-12 {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg);
}
.sk-fading-circle .sk-circle-2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle-3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.sk-fading-circle .sk-circle-4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle-5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle-6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle-7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle-8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle-9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle-10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle-11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle-12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

@-webkit-keyframes sk-fading-circle-delay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

@keyframes sk-fading-circle-delay {
    0%, 39%, 100% {
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
}

/*********end_preloader**********/

.burger_btn {
    display: none;
}
.to_top {
    position: fixed;
    width: 64px;
    height: 64px;
    bottom: 118px;
    right: 32px;
    z-index: 999;
    background: url(/bitrix/templates/vvk/images/top.svg) center no-repeat;
    background-size: contain;
    transition: 0.3s;
    font-size: 0;
    cursor: pointer;
	opacity: 0;
}
.to_top.show {
    opacity: 1;
}
.fixed_req {
    position: fixed;
    width: 64px;
    height: 64px;
    bottom: 32px;
    right: 32px;
    z-index: 999;
    background: url(/bitrix/templates/vvk/images/speech-bubble.svg) center no-repeat;
    background-size: contain;
    transition: 0.3s;
    font-size: 0;
    opacity: 0.7;
    cursor: pointer;
    animation-name: pp;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes pp{
 0%{
	filter: drop-shadow(0px 0px 7px #de6969);
	opacity:0.7;
}
 50%{
	filter: drop-shadow(0px 0px 0px #de6969);
	opacity:1;
}
 100%{
	 filter: drop-shadow(0px 0px 7px #de6969);
	opacity:0.7;
}
}
@-webkit-keyframe pp{
 0%{
	filter: drop-shadow(0px 0px 7px #de6969);
	opacity:0.7;
}
 50%{
	filter: drop-shadow(0px 0px 0px #de6969);
	opacity:1;
}
 100%{
	 filter: drop-shadow(0px 0px 7px #de6969);
	opacity:0.7;
}
}

@media(max-width: 1399px){
    .header h1 {
        margin-top: 70px;
        font-size: 60px;
        line-height: 66px;
    }
    .header .gr_btn {
        margin-bottom: 80px;
    }

    element.style {
        background-image: url(/upload/iblock/58b/58bd40d….png);
    }
    .us_item .img {
        width: 168px;
    }
    h2 {
        font-size: 40px;
    }
    .video_pop_cont {
        max-width: 900px;
    }
    .video_container iframe {
        height: 442px;
    }
    .video_header {
        margin: 26px 0;
    }
    .us_right {
        width: calc(50% - 320px);
    }
    .header.us_header h1 {
        margin-top: 46px;
    }
    .header.us_header .gr_btn {
        margin-top: 22px;
        margin-bottom: 54px;
    }
    .ic_bl p {
        font-size: 16px;
    }
    .ic_bl {
        padding-left: 94px;
        margin-right: 50px;
    }
    .header.us_header {
        padding-bottom: 80px;
    }
    .sol_item {
        width: 400px;
        height: 400px;
        margin: auto;
    }
    .header.part_header .top_h_descr {
        margin-top: 30px;
    }
    .money {
        height: 234px;
    }
    .cont_item {
        float: left;
        margin-right: 40px;
    }



}


@media(max-width: 1199px){
.top_menu .soc{
display:block}
.soc .cont_link.vk {
    background: url(/bitrix/templates/vvk/images/vk_b.svg) left no-repeat;
display:inline-block !important;
position:relative;
top:0;
left:0;
}

.soc .cont_link.wp {
    background: url(/bitrix/templates/vvk/images/whatsapp_b.svg)  no-repeat;
    background-size: 100%;
position:relative;
top:0;
left:0;
}

.soc .cont_link.tg {
    background: url(/bitrix/templates/vvk/images/telegram_b.svg) 50% 50% no-repeat;
    background-size: 136%;
position:relative;
top:0;
left:0;
}
    .black.us_h .ic_req {
        color: #F8E71C;
        background: url(/bitrix/templates/vvk/images/phone.svg) left no-repeat;
    }
    .black.us_h .phone {
        color: rgba(255, 255, 255, 0.9);
        font-size: 20px;
    }

    .us_item.big {
        height: 410px;
    }
    .burger_btn {
        display: block;
        position: absolute;
        width: 35px;
        height: 35px;
        top: 18px;
        right: 15px;
        z-index: 100;
        cursor: pointer;
    }
    .burger_btn.active {
    }
    .burger_btn i {
        position: absolute;
        top: 0;
        left: 0;
        width: 35px;
        height: 2px;
        background: #333333;
        transition: 0.2s;
    }
    .black .burger_btn i {
        background: #ffffff;
    }
    .burger_btn i:nth-child(2) {
        top: 11px;
    }
    .burger_btn i:nth-child(3) {
        top: 22px;
    }
    .burger_btn.active i:nth-child(1) {
        transform: rotate(45deg);
        top: 16px;
    }
    .burger_btn.active i:nth-child(2) {
        transform: rotate(-45deg);
        top: 16px;
    }
    .burger_btn.active i:nth-child(3) {
        opacity: 0;
    }
    .burger_btn.active i {
        background: #929292;
    }
    .top_menu {
        position: absolute;
        left: 0;
        z-index: 50;
        width: 100%;
        background: #ffffff;
        padding: 50px;
        text-align: center;
        transition: 0.3s;
        top: -500px;
    }
    .top_menu.active {
        top: 0;
    }
    .top_menu ul li {
        width: 100%;
        margin: 10px 0;
    }
    .top_menu ul li a {
        color: #333333 !important;
        font-size: 20px;
    }
    .top_menu ul {
        margin-top: 0;
    }
    .top_bl {
        padding-left: 30px;
        width: calc(100% - 390px);
        padding-top: 20px;
    }
    .top_bl .cont_link {
        margin-bottom: 6px;
        font-size: 14px;
    }
    .top_cont {
        width: 200px;
        margin-top: 14px;
        margin-right: 60px;
    }
    .phone {
        font-size: 20px;
    }
    .top_cont .phone {
        margin-top: 19px;
    }
    .header h1 {
        margin-top: 30px;
        font-size: 40px;
        line-height: 50px;
    }
    .top_descr {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .gr_btn {
        padding: 18px 15px;
        font-size: 12px;
        min-width: 230px;
    }
    .logo {
        width: 98px;
    }
    .us {
        padding: 80px 0;
    }
    .us_item {
        height: 200px !important;
    }
    .us_item h3 {
        font-size: 22px;
        line-height: 26px;
        min-height: 0 !important;
    }
    .us_item .img {
        width: 180px !important;
        height: 100% !important;
        right: 0;
        top: 0;
        background-size: contain;
        background-position: bottom !important;
    }
    h2 {
        font-size: 27px;
        line-height: 38px;
    }
    .head_descr, .tv_descr {
        font-size: 14px;
        line-height: 20px;
    }
    .step_item .text {
        font-size: 13px;
        line-height: 19px;
    }
    h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .step_item .img {
        height: 56px;
    }
    .step_item h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .video_cont {
        height: 300px;
        background-size: cover;
    }
    .tv_bl {
        margin-top: 40px;
    }
    .rev_bl:before {
        width: 50%;
    }
    .rev_content h3 {
        font-size: 27px;
        line-height: 38px;
    }
    .tv_descr br {
        display: none;
    }
    .slider-counter {
        left: calc(50% - 410px);
    }
    .reviews .owl-nav {
        left: -100px;
    }
    .w_descr {
        margin-left: 0;
        width: 100%;
        margin-top: 30px;
        font-size: 14px;
        line-height: 22px;
    }
    .osh_bl {
        margin: 90px 0 0 0;
        padding: 110px 0;
    }
    .partners {
        padding-bottom: 80px;
        margin-top: 80px;
    }
    .bot_menu ul li a {
        font-size: 14px;
    }
    .bot_menu ul li {
        float: left;
        margin-right: 24px;
    }
    .bot_cont .phone {
        font-size: 20px;
    }
    .bot_cont .gr_btn {
        width: 161px;
        padding: 14px 15px;
        margin-top: 38px;
        min-width: 200px;
    }
    .bot_menu {
        margin-bottom: 28px;
        margin-top: 0;
    }
    .us_menu ul li a {
        font-size: 10px;
        line-height: 14px;
    }
    .us_menu ul li {
        margin-bottom: 7px;
    }
    .copyr_bl {
        margin-top: 24px;
    }
    .footer .cont_link {
        font-size: 10px;
    }
    .privacy_link {
        font-size: 10px;
    }
    h1 {
        font-size: 36px;
        line-height: 46px;
    }
    .us_right {
        display: none;
    }
    .us_right .img {
        background: none !important;
    }
    .card {
        margin-top: 40px;
        padding: 30px 30px;
    }
    .cont_head .descr {
        font-size: 14px;
        line-height: 20px;
    }
    .sol_item {
        width: 270px;
        height: 270px;
    }
    .t_ic_bl .img {
        height: 60px;
        line-height: 60px;
    }
    .t_ic_bl h3 {
        margin-bottom: 10px;
        margin-top: 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .t_ic_bl {
        font-size: 13px;
        line-height: 18px;
    }
    .zakl {
        padding: 60px 0;
    }
    .zakl .r_btn {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .padd_bl {
        padding-left: 0;
    }
    .header.cont_header h1 {
        margin-bottom: 40px;
    }
    .cont_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 33px;
    }
    .cont_list {
        margin-bottom: 136px;
    }
    div#map {
        height: 470px;
        margin-top: -84px;
    }

}


@media(max-width: 767px){
    .logo {
        width: 50px;
    }
.cont_link.wp,  .cont_link.tg {
    position: absolute;
    top: 7px;
}
.cont_link.vk {
    display: none;
}
.cont_link.tg {
    left: 77px;
}

.cont_link.wp {
    left: 109px;
}
    .top_bl .cont_link.location {
        position: absolute;
        top: 65px;
        margin: 0;
        font-size: 11px;
        right: 15px;
        width: calc(100% - 170px);
        background-position: left 2px;
    }
    .top_cont .phone {
        position: absolute;
        top: 17px;
        right: 68px;
        margin: 0 !important;
        font-size: 18px !important;
    }
    .main_top .ic_req {
        display: none !important;
    }
    .main_top .cont_link.mail {
        position: absolute;
        top: 65px;
        margin: 0;
        font-size: 11px;
        left: 15px;
    }
    .main_top {
        height: 104px;
    }
    .header h1 {
        margin-top: 30px;
        font-size: 28px;
        line-height: 40px;
    }
    .top_descr {
        font-size: 12px;
        line-height: 18px;
    }
    .top_descr br {
        display: none;
    }
    .us_item .p_link {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        bottom: auto !important;
    }
    .us_item h3 {
        font-size: 17PX;
        LINE-HEIGHT: 20PX;
        margin-bottom: 20px !important;
    }
    .us_item {
        padding: 25px;
        height: 158px !important;
    }
    .us_item .img {
        width: 100px !important;
        height: 100px !important;
        bottom: 0 !important;
        top: auto !important;
    }
    .head_descr, .tv_descr {
        width: 100%;
        border: none;
        padding: 0;
        margin-top: 14px;
    }
    .tv {
        background: none;
        padding: 0 0 80px 0;
    }
    .tv_descr {
        margin-bottom: 32px;
    }
    .video_cont {
        height: 254px;
    }
    .rev_bl:before {
        width: 100%;
    }
    .rev_head {
        position: relative;
        z-index: 5;
    }
    .rev_head h2 {
        margin-top: 30px;
        font-size: 18px;
        line-height: 24px;
        color: #ffffff;
    }
    .rev_head .tv_descr {
        color: #ffffff;
        margin-bottom: 0;
    }
    .reviews {
        width: 100%;
        float: left;
        padding-top: 34px;
    }
    .slider-counter {
        display: none;
    }
    .reviews .owl-nav {
        left: 0;
        z-index: 10;
        top: 22px;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .reviews .owl-nav .owl-prev, .reviews .owl-nav .owl-next {
        display: inline-block;
        float: none;
        width: 40px;
        height: 40px;
        background-size: 18px;
        margin: 0 14px;
    }
    .rev_img {
        margin-top: 30px;
        width: 100px;
        height: 100px;
    }
    .rev_text {
        font-size: 13px;
        line-height: 18px;
        height: 114px;
    }
    .show_rev {
        padding: 18px 20px;
    }
    .rev_item_ch:after {
        height: 54px;
    }
    .video_container iframe {
        height: 300px;
    }
    .prev_video, .next_video {
        font-size: 0;
    }
    .osh_bl:after {
        display: none;
    }
    .pop_cont {
        padding: 20px 30px 20px 30px;
    }
    .pop_cont h2 {
        font-size: 26px;
    }
    .personal {
        font-size: 12px;
    }
    .partner_slider .owl-nav {
        top: 0;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .partner_slider {
        margin-top: 28px;
        padding-top: 52px;
    }
    .partner_slider .owl-nav .owl-prev, .partner_slider .owl-nav .owl-next {
        background-size: 50px;
    }
    .partners h2 {
        text-align: center;
    }

    .bot_cont {
        display: inline-block;
        text-align: left;
        max-width: 300px;
    }
    .bot_menu ul {
        text-align: center;
        margin-top: 30px;
    }
    .bot_menu ul li {
        width: 33.333%;
        margin-right: 0;
    }
    .bot_menu ul li a {
        font-size: 12px;
    }
    .us_menu ul li {
        width: 100%;
    }
    .privacy_link {
        float: left;
    }
    .us.us_page {
        padding: 30px 0 40px 0;
    }
    .seo_bl h2 {
        font-size: 24px;
        line-height: 38px;
        margin-bottom: 24px;
        margin-top: 30px;
    }
    .seo_bl {
        font-size: 14px;
        line-height: 20px;
    }
    .seo_bl .img {
        margin-top: 30px;
        padding-left: 18px;
        padding-top: 20px;
    }
    .bx-breadcrumb {
        font-size: 11px;
        line-height: 15px;
        margin-top: 18px;
    }
    .bx-breadcrumb span {
        font-size: 11px;
        line-height: 14px;
    }
    .header.us_header h1 {
        margin-top: 28px;
    }
    .ic_bl img {
        max-height: 40px;
    }
    .ic_bl {
        padding-left: 68px;
        margin-right: 0;
        width: 100%;
    }
    .ic_bl p {
        font-size: 12px;
        line-height: 20px;
    }
    .header.us_header {
        padding-bottom: 40px;
    }
    .card {
        font-size: 14px;
        line-height: 18px;
    }
    .card span {
        display: inline-block;
        width: 100%;
        margin-top: 40px;
    }
    .sol_container {
        display: none;
    }
    .cont_head br {
        display: none;
    }
    .form_card {
        padding: 40px 20px;
    }
    .end_zar_param .zar_val {
        font-size: 48px;
    }
    .padd_bl {
        margin-top: 50px;
        margin-bottom: 58px;
    }
    .quest_list {
        margin-top: 40px;
    }
    .quest_name {
        padding: 12px 16px 12px 20px;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
    }
    .quest_text {
        font-size: 12px;
        padding: 0 20px;
    }
    .otz_item h3 {
        font-size: 14px;
        line-height: 20px;
    }
    .otz_item .img {
        height: 110px;
    }
    h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .header.part_header .top_h_descr {
        margin-top: 0;
        font-size: 14px;
    }
    .money {
        height: 160px;
    }
    .header.part_header {
        margin-bottom: 50px;
    }
    .stat_item h3 {
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #475161;
        margin-top: 10px;
        margin-bottom: 30px;
        padding: 0 30px;
    }
    .detail_text {
        font-size: 14px;
        line-height: 22px;
    }
    .stat_other h2 {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 35px;
    }
    .cont_cont {
        max-width: 232px;
    }
    .cont_cont a {
        font-size: 14px;
        line-height: 20px;
    }
    .cont_cont span {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .cont_list {
        margin-bottom: 30px;
    }
    .header.cont_header h1 {
        margin-top: 0;
    }
    .cont_item img {
        max-width: 28px;
        max-height: 42px;
    }
    div#map {
        height: 300px;
        margin-top: 20px;
    }
    .map_bl {
        margin-bottom: 40px;
    }
.fixed_req {
    width: 45px;
    height: 45px;
    bottom: 15px;
    right: 15px;
}
.to_top {
    width: 45px;
    height: 45px;
    bottom: 76px;
    right: 15px;
}



}
.main_seo_img{
    text-align: center;
}
#seo_bl p{
    text-align: justify;
}
.js-readmore-show{display:none}
.seo-button {
    text-align: center;
    margin-top: 60px;
}
.priv{
    font-size: 10pt; color: #626262;
}
.grecaptcha-badge {
    display:none;
}
.pop_cont:has(.mes)> h2 , .pop_cont:has(.mes)> h3, .cont_form:has(.mes)> h3 {
    display: none;
}
/* End */
/* /bitrix/templates/vvk/styles.css?178161161058679 */