html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
  
body {position: relative; font-family: 'Roboto','Arial', sans-serif; font-size: 16px; line-height: 1.0; background: #FFF; color: #000; overflow: auto; min-width: 100%; min-height: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none; -webkit-tap-highlight-color: transparent;}
 
body.universal_modal__out .universal_modal__backclose {display: block;}

button, 
textarea, 
select, 
input {font-family: 'Roboto','Arial', sans-serif; font-size: 16px; line-height: 1.0; color: #000; outline: none !important; -webkit-appearance: none; box-shadow: none; border-radius: 0;}
 
input:disabled, 
textarea:disabled {opacity: 1;}

ul, ol, li {list-style-type:none; padding: 0; margin: 0;} 

a,
a:focus,
a:hover {text-decoration: none; outline: none; box-shadow: none;}

h1 {position: relative; font-weight: 500; font-size: 48px; line-height: 100%; margin: 0 0 40px;}

h2,
.block_title {position: relative; margin: 0 0 35px; font-weight: 500; font-size: 2.50vw; line-height: 100%;}

svg {transition: 0.2s; -webkit-transform: translate3d(0,0,0);}

iframe {display: block; margin: 0 auto;}

.banner {position: relative; margin: 0 0 5.21vw; display: block;}

.block {width: 1100px; margin: 0 auto; box-sizing: border-box; position: relative;}
 
.back_img {position: absolute; left: 0; top: 0; width: 100%; bottom: 0; z-index: 1; overflow: hidden;}
.back_img img,
.back_img source {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; z-index: 1;}
 
.back_img__relative {position: relative; left: auto; top: auto; bottom: auto; width: 100%;} 
.back_img__relative img,
.back_img__relative source {position: relative; display: block; left: auto; top: auto; width: 100%; height: auto; object-fit: initial; object-position: 0 0;}
 
.button {display: inline-block; box-sizing: border-box; height: 50px; font-weight: 700; font-size: 16px; vertical-align: top; align-items: center; justify-content: center; position: relative; text-align: center; border: 0; margin: 0; padding: 0; line-height: 1.0; transition: 0.2s; border-radius: 100px;}
.button:hover {cursor: pointer;}
 
.button_white {background: #FFF; color: #000;}

.button_black {background: #292929; color: #FFF;}
.button_black:hover {background: #000;}

.container {position: relative; box-sizing: border-box;}

.main_layout {padding: 0; position: relative; overflow: hidden;}

.modal,
.hidden,
.mobcats_back {display: none;} 

::-webkit-input-placeholder {color: #777;}
:-ms-input-placeholder      {color: #777;}
:-moz-placeholder 			    {color: #777;}
::-moz-placeholder 			    {color: #777;}
 

/* ШАПКА */


.header_container {position: absolute; left: 50px; top: 30px; right: 50px; z-index: 9;}
.header_container .header_block {width: auto; margin: 0; position: relative; display: flex; align-content: center; align-items: center; justify-content: space-between;}

.header_container .header_title {font-size: 24px; color: #FFF; position: relative; top: 10px;}

.header_container .button {position: absolute; right: 0; top: 0; padding: 0 40px;}


/* ГЛАВНАЯ */


.hometop_container {}
.hometop_container .hometop_block {color: #FFF; width: 100%; box-sizing: border-box; text-align: center; display: flex; align-items: center; align-content: center; justify-content: center; z-index: 2; flex-flow: row wrap;}

.hometop_container .hometop_title {font-size: 60px; line-height: 1.1; margin: 0 0 30px; font-weight: 700; width: 100%;}

.hometop_container .hometop_text {font-size: 18px; line-height: 1.6;}

.hometop_container .hometop_button {display: none;}

.hometop_container .hometop_arrow {position: absolute; width: 60px; left: 50%; bottom: 40px; transform: translateX(-50%); cursor: pointer; z-index: 4;}
.hometop_container .hometop_arrow svg {width: 100%; height: 40px;}
.hometop_container .hometop_arrow path {fill: #FFF; cursor: pointer;}


.points_container {}
.points_container .points_block {padding: 100px 0 30px;}

.points_container .points_item {position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 100px;} 
.points_container .points_item__img {position: relative; order: 1; width: 480px;}
.points_container .points_item__imgbox {padding: 0 0 70%; position: relative; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;}
.points_container .points_item__content {position: relative; order: 2; padding: 0; width: calc(100% - 480px - 40px);}
.points_container .points_item__title {text-transform: uppercase; font-weight: 700; font-size: 30px; line-height: 1.3; margin: 0 0 10px;}
.points_container .points_item__text {position: relative;}
.points_container .points_item__text strong {font-weight: 700;}
.points_container .points_item__text p {margin: 0; padding: 0 0 20px; font-size: 16px; line-height: 1.5;}
.points_container .points_item__text ul {position: relative;}
.points_container .points_item__text li {position: relative; padding: 0 0 0 18px; margin: 0 0 2px; font-size: 16px; line-height: 1.5;}
.points_container .points_item__text li:before {content:""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: #000;}

.points_container .points_item:nth-child(2n) .points_item__img {order: 2;}
.points_container .points_item:nth-child(2n) .points_item__content {order: 1;}


.benefits_container {}
.benefits_container .benefits_block {padding: 0 0 100px; text-align: center;}

.benefits_container .benefits_title {font-size: 30px; line-height: 1.3; font-weight: 700; text-transform: uppercase; margin: 0 0 50px;}

.benefits_container .benefits_items {display: flex; flex-flow: row wrap; justify-content: space-between; margin: 0 0 40px;}

.benefits_container .benefits_item {width: calc((100% - 100px)/3); position: relative;}
.benefits_container .benefits_item__icon {width: 60px; height: 60px; margin: 0 auto 20px; display: flex; align-content: center; align-items: center; justify-content: center; text-align: center;}
.benefits_container .benefits_item__icon svg {position: relative; max-width: 100%; max-height: 100%;}
.benefits_container .benefits_item__title {font-size: 18px; line-height: 1.5; margin: 0 0 20px; font-weight: 700;}
.benefits_container .benefits_item__text {font-size: 16px; line-height: 1.6;}

.benefits_container .button {padding: 0 40px; height: 60px;}


.chars_container {}
.chars_container .chars_block {padding: 0 0 80px;}

.chars_container .chars_title {font-size: 30px; line-height: 1.3; font-weight: 700; text-transform: uppercase; margin: 0 0 30px; text-align: center;}

.chars_container ul {margin: 0 0 40px; text-align: left;}

.chars_container li {position: relative; margin: 0 0 10px;}
.chars_container li:last-of-type {margin: 0;}
.chars_container li strong {font-weight: bold;}

.chars_container .button {padding: 0 40px; height: 60px; display: block; margin: 0 auto 30px;}



.form_container {}
.form_container .form_block {padding: 0 0 100px;}
.form_container form {width: 500px; margin: 0 auto;}

.form_container .field_wrap {position: relative; margin: 0 0 20px;}
.form_container .form_field {height: 60px; padding: 0 30px; background: #FFF; width: 100%; font-size: 16px; border: 2px solid #333; border-radius: 3px; box-sizing: border-box; transition: 0.2s;}
.form_container .form_field.error {border-color: #db0000;}
.form_container textarea.form_field {height: 150px; padding-top: 18px; line-height: 1.5;}
.form_container .button {width: 220px; height: 60px; margin: 0 auto 30px; display: block;}
.form_container .form_agreement {font-size: 12px; line-height: 1.4; text-align: center;}

.form_container .form_success {font-size: 20px; line-height: 1.4; text-align: center; display: none; position: relative;}


.footer_container {background: #292929;}
.footer_container .footer_block {padding: 30px 0; color: #FFF; font-size: 16px; display: flex; justify-content: space-between;}
.footer_container .footer_goup {cursor: pointer; transition: 0.2s;}