@font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu Light'), local('Ubuntu-Light'), url('../fonts/Ubuntu/ubuntulight.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntulight.woff') format('woff'), url('../fonts/Ubuntu/ubuntulight.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}
 @font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url('../fonts/Ubuntu/ubuntulightitalic.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntulightitalic.woff') format('woff'), url('../fonts/Ubuntu/ubuntulightitalic.ttf') format('truetype');
   font-weight: 300;
   font-style: italic;
   font-display: swap;
}
 @font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu'), url('../fonts/Ubuntu/ubuntu.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntu.woff') format('woff'), url('../fonts/Ubuntu/ubuntu.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
 @font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url('../fonts/Ubuntu/ubuntuitalic.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntuitalic.woff') format('woff'), url('../fonts/Ubuntu/ubuntuitalic.ttf') format('truetype');
   font-weight: 400;
   font-style: italic;
   font-display: swap;
}
 @font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url('../fonts/Ubuntu/ubuntumedium.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntumedium.woff') format('woff'), url('../fonts/Ubuntu/ubuntumedium.ttf') format('truetype');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
 @font-face {
   font-family: 'Ubuntu';
   src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('../fonts/Ubuntu/ubuntubold.woff2') format('woff2'), url('../fonts/Ubuntu/ubuntubold.woff') format('woff'), url('../fonts/Ubuntu/ubuntubold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
 @font-face {
   font-family: 'Amatic SC';
   src: local('Amatic SC Regular'), local('AmaticSC-Regular'), url('../fonts/AmaticSC/Amaticscregular.woff2') format('woff2'), url('../fonts/AmaticSC/Amaticscregular.woff') format('woff'), url('../fonts/AmaticSC/Amaticscregular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
 @font-face {
   font-family: 'Amatic SC';
   src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url('../fonts/AmaticSC/Amaticscbold.woff2') format('woff2'), url('../fonts/AmaticSC/Amaticscbold.woff') format('woff'), url('../fonts/AmaticSC/Amaticscbold.ttf') format('truetype');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, 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;
}
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display: block;
}
 body {
   line-height: 1;
}
 ol, ul {
   list-style: none;
}
 blockquote, q {
   quotes: none;
}
 blockquote:before, blockquote:after, q:before, q:after {
   content: '';
   content: none;
}
 table {
   border-collapse: collapse;
   border-spacing: 0;
}
 * {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
   outline: none;
}
 :after, :before, :hover {
   box-sizing: border-box;
}
 html {
   box-sizing: border-box;
}
 html, body {
   height: 100%;
}
 body {
   background-color: #fff;
   font-size: 16px;
   color: #000;
   min-width: 320px;
   font-weight: 300;
   font-family: 'Ubuntu', Arial, sans-serif;
   overflow-x: hidden;
}
 a {
   text-decoration: none;
   outline: none;
   color: #000;
   display: inline-block;
   line-height: 1.3;
}
 a:hover {
   text-decoration: none;
   color: #000;
}
 span[data-phone-number] {
   line-height: 1.3;
}
 p {
   word-break: break-word;
   line-height: 1.5;
}
 strong {
   font-weight: bold;
}
 textarea, input:not([type="checkbox"]):not([type="radio"]), select {
   display: block;
   width: 100%;
   padding: 15px;
}
 textarea, input:not([type="checkbox"]):not([type="radio"]), select, button {
   border: 0;
   outline: none;
   border-radius: 0;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   appearance: none;
   background-color: transparent;
}
 textarea {
   resize: none;
   height: 120px;
}
 select {
   position: relative;
   cursor: pointer;
   background: url("../img/arrow-down.svg") no-repeat right center transparent;
   background-size: 25px 8px;
   padding-right: 35px !important;
   font-family: 'Ubuntu', sans-serif;
   font-weight: 400;
   color: rgba(10, 10, 10, 0.7);
}
 select option {
   font-family: 'Ubuntu', sans-serif;
   font-weight: 400;
}
 ::-webkit-input-placeholder {
   color: rgba(10, 10, 10, 0.7);
   font-weight: 400;
   font-family: 'Ubuntu', sans-serif;
}
 ::-moz-placeholder {
   color: rgba(10, 10, 10, 0.7);
   font-weight: 400;
   font-family: 'Ubuntu', sans-serif;
}
 :-ms-input-placeholder {
   color: rgba(10, 10, 10, 0.7);
   font-weight: 400;
   font-family: 'Ubuntu', sans-serif;
}
 :-moz-placeholder {
   color: rgba(10, 10, 10, 0.7);
   font-weight: 400;
   font-family: 'Ubuntu', sans-serif;
}
 input[name="honeypot"] {
   display: none !important;
}
 label.error {
   display: block;
   font-size: 12px;
   margin-top: 5px;
   margin-bottom: 15px;
   color: #ff6363;
   text-align: center;
}
 .main_wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   overflow: hidden;
}
 .button {
   display: block;
   padding: 21px;
   font-weight: bold;
   color: #fff !important;
   transition: 0.5s all ease;
   background: url("../img/btn_bg.png") no-repeat transparent;
   background-size: 100% 100%;
   text-align: center;
}
 .button:hover {
   color: #0a5964 !important;
}
 .button_light {
   display: block;
   padding: 15px;
   font-weight: bold;
   color: #ffa800 !important;
   transition: 0.5s all ease;
   background: url("../img/btn_bg_2.png") no-repeat transparent;
   background-size: 100% 100%;
   text-align: center;
}
 .button_light:hover {
   opacity: 0.8;
}
 .title, h1 {
   font-size: 50px;
   font-weight: bold;
   line-height: 1.1;
   padding-bottom: 25px;
   color: #0a5964;
}
 .title span, h1 span {
   font-weight: 300;
   display: block;
}
 h1 {
   font-size: 60px;
   text-transform: uppercase;
}
 .email_ico, .phone_ico {
   position: relative;
   padding: 3px 0 15px 40px;
}
 .email_ico:before, .phone_ico:before {
   content: '';
   width: 20px;
   height: 20px;
   position: absolute;
   left: 0;
   top: 0;
}
 .email_ico:before {
   background: url("../img/mail.svg") no-repeat;
   background-size: 100% 100%;
}
 .email_ico a {
   text-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
   font-weight: 400;
   color: #0a5964;
   text-decoration: underline;
   transition: 0.5s all ease;
}
 .email_ico a:hover {
   color: #ffa800;
}
 .phone_ico:before {
   background: url("../img/phone.svg") no-repeat;
   background-size: 100% 100%;
}
 #toTop {
   cursor: pointer;
   display: block;
   position: fixed;
   bottom: 0;
   right: 5%;
   z-index: 9999;
   transition: all 1s ease;
   width: 52px;
   height: 80px;
   background: url("../img/to_top_btn.png") no-repeat;
   background-size: 100% 100%;
}
 #toTop:hover {
   opacity: 0.9;
}
 #toTop:before {
   content: "";
   position: absolute;
   bottom: 10px;
   left: 0;
   right: 0;
   margin: auto;
   background: url("../img/arrow_up.svg") no-repeat;
   background-size: 100% 100%;
   width: 15px;
   height: 48px;
}
/*!*---------slick slider--------------*!*/
 .slick-slide {
   outline: none;
   border: none;
}
 .slick-next, .slick-prev {
   cursor: pointer;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   width: 70px;
   height: 30px;
   line-height: 50px;
   border-radius: 50%;
   text-align: center;
   outline: none;
   transition: 0.5s all ease;
   border: 0;
   z-index: 10;
   background: transparent;
}
 .slick-next {
   right: 0;
   background: url("../img/arrow_next.svg") no-repeat center;
   background-size: 68px 20px;
}
 .slick-next:hover {
   background: url("../img/arrow_next_hover.svg") no-repeat center;
   background-size: 68px 20px;
}
 .slick-prev {
   left: 0;
   background: url("../img/arrow_prev.svg") no-repeat center;
   background-size: 68px 20px;
}
 .slick-prev:hover {
   background: url("../img/arrow_prev_hover.svg") no-repeat center;
   background-size: 68px 20px;
}
 .slick-dots {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
}
 .slick-dots li {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: rgba(10, 89, 100, 0.3);
   border: 0;
   margin: 0 5px;
   cursor: pointer;
   transition: 0.5s ease all;
   position: relative;
}
 .slick-dots li button {
   background: none;
   outline: none;
   border: none;
   font-size: 0;
}
 .slick-dots li.slick-active, .slick-dots li:hover {
   background: #0a5964;
   cursor: pointer;
}
 .slick-slide img {
   width: 100%;
   height: auto;
}
/*-----------------------popup--------------------------*/
/* Outer */
 .popup_js {
   width: 100%;
   height: 100%;
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.7);
   z-index: 9999;
}
/* Inner */
 .popup-inner {
   width: 95%;
   max-width: 620px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   padding: 30px 40px 0;
   max-height: 95%;
   overflow-y: auto;
   color: #fff;
}
 .popup-inner .bg_box {
   background: url("../img/popup_bg.png") no-repeat transparent;
   background-size: 100% 100%;
   padding: 140px 5px;
}
 .popup-inner .title {
   color: #fff;
   text-align: center;
}
 .popup-inner .form {
   max-width: 350px;
   margin: 0 auto;
}
 .popup-inner label.error {
   color: #fff;
   margin-top: -20px;
}
 .popup-close {
   width: 41px;
   height: 41px;
   display: inline-block;
   position: absolute;
   top: 0;
   right: 0;
   transition: ease all 0.25s;
   text-align: center;
   background: url("../img/nav_close.svg") no-repeat center center;
   background-size: 100% 100%;
}
 .fixed_body {
   overflow: hidden;
}
/*--------------------header----------------------*/
 header {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 10;
   width: 100%;
   color: #fff;
}
 header .inner_wrap {
   padding: 25px 44px 0;
   display: flex;
   justify-content: space-between;
}
 header .inner_wrap:before {
   content: '';
   background: url("../img/header_contacts_bg.png") no-repeat;
   background-size: 100% 100%;
   width: 302px;
   height: 358px;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
}
 header a {
   color: #fff;
}
 header .logo {
   display: block;
}
 header .logo img {
   display: block;
   width: 134px;
   height: 57px;
}
 header .header_logo_mobile {
   display: none;
}
 header .header_contacts_mobile {
   display: none;
}
 header .header_contacts_desktop {
   position: relative;
   z-index: 2;
}
 header .header_contacts_desktop .phone_ico {
   font-weight: 500;
   font-size: 20px;
}
 header .header_contacts_desktop .phone_ico:before {
   background: url("../img/phone_white.svg") no-repeat;
   background-size: 100% 100%;
   width: 24px;
   height: 24px;
   top: 3px;
}
 header .header_contacts_desktop .phone_ico a:hover {
   color: #fff;
}
 header .header_contacts_desktop .button_light {
   padding: 13px 0;
   margin: 0 auto;
   display: block;
   max-width: 195px;
}
 header nav {
   align-self: flex-end;
   padding-bottom: 14px;
}
 header nav ul {
   display: flex;
   position: relative;
   background: url("../img/nav_bg.svg") no-repeat bottom left;
   background-size: contain;
}
 header nav ul li a {
   display: block;
   font-size: 18px;
   transition: 0.5s all ease;
   padding: 0 46px 30px;
   position: relative;
}
 header nav ul li a:hover {
   color: #fff;
   transform: scale(1.1);
}
 header nav ul li a:hover:before {
   opacity: 1;
   transform: scale(1) rotate(90deg);
}
 header nav ul li a:before {
   content: '';
   background: url("../img/line_white.svg") no-repeat;
   background-size: 100% 100%;
   display: block;
   width: 36px;
   height: 4px;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   bottom: 0;
   opacity: 0.5;
   transform: scale(0.6) rotate(90deg);
   transition: 0.5s all ease;
}
 .mob_menu_btn {
   display: none;
}
/*-------------------footer-----------------*/
 footer {
   position: relative;
   background: url("../img/footer_bg.png") no-repeat top left;
   background-size: cover;
   padding: 200px 0 40px;
   color: rgba(0, 0, 0, 0.3);
   font-size: 14px;
   font-weight: 400;
   margin-top: -175px;
}
 footer a {
   color: rgba(0, 0, 0, 0.3);
}
 footer a:hover {
   color: rgba(0, 0, 0, 0.3);
}
 footer .title {
   font-size: 20px;
   padding-bottom: 20px;
}
 footer .footer_logo {
   max-width: 288px;
   padding: 0 15px;
}
 footer .footer_logo .logo {
   max-width: 134px;
   margin-bottom: 25px;
}
 footer .footer_logo .logo img {
   display: block;
   width: 100%;
}
 footer .footer_nav {
   margin-left: auto;
   padding: 0 15px;
}
 footer .footer_nav ul li a {
   display: block;
   padding-bottom: 16px;
   transition: 0.5s all ease;
}
 footer .footer_nav ul li a:hover {
   color: #ffa800;
}
 footer .footer_contacts {
   padding: 0 15px;
   margin-left: 50px;
}
 footer .footer_contacts .button_light {
   min-width: 195px;
}
/*--------------------------index------------------------*/
 .main_top_banner {
   position: relative;
   background: url("../img/top_banner_circle.png") no-repeat bottom left, url("../img/top_banner_bg.jpg") no-repeat top center;
   background-size: auto, cover;
   padding: 150px 0 0;
   color: #fff;
   overflow: hidden;
}
 .main_top_banner h1 {
   font-size: 60px;
   color: #fff;
   text-transform: uppercase;
   padding-bottom: 25px;
}
 .main_top_banner .subtitle {
   font-size: 50px;
   position: relative;
   padding: 0 0 30px 56px;
   font-weight: 400;
}
 .main_top_banner .subtitle:before {
   content: '';
   background: url("../img/line_white.svg") no-repeat;
   background-size: 100% 100%;
   display: block;
   width: 36px;
   height: 4px;
   position: absolute;
   left: 0;
   top: 36px;
}
 .main_top_banner .desc {
   font-size: 25px;
   max-width: 570px;
}
 .main_top_banner .button {
   max-width: 290px;
   margin-top: 35px;
   padding: 19px;
}
 .main_top_banner .amatic_sc {
   color: rgba(255, 255, 255, 0.5);
   padding: 60px 0 0 70px;
   position: relative;
   margin-left: 25px;
}
 .main_top_banner .amatic_sc:before {
   content: '';
   background: url("../img/arrow_white.svg") no-repeat;
   background-size: 100% 100%;
   width: 66px;
   height: 66px;
   position: absolute;
   bottom: 0;
   left: 0;
}
 .main_top_banner .text_box {
   padding-top: 100px;
}
 .main_top_banner .img_box {
   align-self: flex-end;
   position: relative;
   min-height: 879px;
}
 .main_top_banner .img_box img {
   display: block;
   margin-left: -200px;
}
 .main_top_banner .img_box span {
   font-weight: bold;
   font-size: 30px;
   color: rgba(255, 255, 255, 0.5);
   font-family: 'Amatic SC', sans-serif;
   display: block;
   position: absolute;
}
 .main_top_banner .img_box .string_1 {
   right: -215px;
   top: 170px;
}
 .main_top_banner .img_box .string_2 {
   right: -365px;
   top: 330px;
   transform: rotate(-15deg);
}
 .main_top_banner .img_box .string_3 {
   right: -360px;
   top: 495px;
   transform: rotate(16deg);
}
 .index_description {
   background: url("../img/index_description_bg.png") no-repeat top center;
   background-size: cover;
   padding: 200px 0 0;
   margin-top: -135px;
   position: relative;
}
 .index_description .index_description_container {
   max-width: 1800px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
}
 .index_description .text_box {
   max-width: 635px;
   padding-bottom: 200px;
}
 .index_description .symbol {
   font-family: 'Amatic SC', sans-serif;
   display: block;
   opacity: 0.2;
   font-weight: 700;
   font-size: 50px;
}
 .index_description .description {
   font-style: italic;
   font-weight: 300;
   font-size: 25px;
   position: relative;
   padding-left: 45px;
   line-height: 1.65;
}
 .index_description .description:before {
   content: '';
   background: url("../img/line.svg") no-repeat;
   background-size: 100% 100%;
   display: block;
   width: 36px;
   height: 4px;
   position: absolute;
   left: 0;
   top: 17px;
}
 .amatic_sc {
   font-weight: bold;
   font-size: 30px;
   color: rgba(0, 0, 0, 0.2);
   font-family: 'Amatic SC', sans-serif;
   display: block;
}
 .how_test_work {
   position: relative;
   background: url("../img/how_test_work_bg.png") no-repeat top left;
   background-size: cover;
   padding: 200px 0 100px;
   margin-top: -150px;
}
 .how_test_work:before {
   content: '';
   background: url("../img/circle_bg.png") no-repeat;
   background-size: 100% 100%;
   width: 344px;
   height: 617px;
   position: absolute;
   left: 0;
   top: -308px;
}
 .how_test_work .container {
   position: relative;
   z-index: 2;
}
 .how_test_work .subtitle {
   font-size: 20px;
   max-width: 715px;
   margin: 0 auto 45px;
   text-align: center;
}
 .how_test_work .amatic_sc {
   position: absolute;
   left: -240px;
   padding: 0 60px 0 0;
   margin-top: 55px;
}
 .how_test_work .amatic_sc:before {
   content: '';
   background: url("../img/arrow.svg") no-repeat;
   background-size: 100% 100%;
   width: 55px;
   height: 55px;
   position: absolute;
   top: -7px;
   right: 0;
}
 .how_test_work .list .item {
   width: 20%;
   padding: 0 15px 45px;
   text-align: center;
   font-weight: 500;
   position: relative;
}
 .how_test_work .list .item:after {
   content: '';
   background: url("../img/arrow.svg") no-repeat;
   background-size: 100% 100%;
   width: 35px;
   height: 35px;
   position: absolute;
   top: 70px;
   right: -18px;
}
 .how_test_work .list .item:nth-child(2):after, .how_test_work .list .item:nth-child(4):after {
   background: url("../img/arrow2.svg") no-repeat;
   background-size: 100% 100%;
}
 .how_test_work .list .item:nth-child(5):after {
   width: 55px;
   height: 55px;
   transform: rotate(90deg);
   bottom: 0;
   top: auto;
   right: -50px;
}
 .how_test_work .list .item:nth-child(6):after, .how_test_work .list .item:nth-child(8):after {
   transform: rotate(180deg);
}
 .how_test_work .list .item:nth-child(7):after, .how_test_work .list .item:nth-child(9):after {
   background: url("../img/arrow2.svg") no-repeat;
   background-size: 100% 100%;
   transform: rotate(180deg);
}
 .how_test_work .list .item:nth-child(10):after {
   display: none;
}
 .how_test_work .list .item .img_box {
   width: 176px;
   height: 176px;
   border-radius: 50%;
   position: relative;
   margin: 0 auto 16px;
   overflow: hidden;
}
 .how_test_work .list .item .img_box .image {
   display: block;
   width: 100%;
}
 .how_test_work .list .item .img_box .icon_box {
   width: 140px;
   height: 140px;
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   background: url("../img/how_test_work_ico_bg.png") no-repeat;
   background-size: 100% 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
 .index_charts {
   position: relative;
   background: url("../img/index_chart_bg.png") no-repeat top center;
   background-size: cover;
   padding: 180px 0 130px;
   margin-top: -70px;
   font-size: 18px;
}
 .index_charts:before {
   content: '';
   background: url("../img/circle_bg_2.png") no-repeat;
   background-size: 100% 100%;
   width: 344px;
   height: 617px;
   position: absolute;
   right: 0;
   bottom: -308px;
   z-index: 1;
}
 .index_charts .container {
   position: relative;
   z-index: 2;
}
 .index_charts .row:nth-child(odd) .text_box {
   order: 1;
}
 .index_charts .row:nth-child(odd) .img_box {
   order: 0;
}
 .index_charts .row:nth-child(odd) .img_box:before {
   bottom: auto;
   top: -15px;
   right: auto;
   left: -5px;
}
 .index_charts .row .img_box {
   margin-bottom: 45px;
   position: relative;
}
 .index_charts .row .img_box:before {
   content: '';
   position: absolute;
   background: url("../img/clip.svg") no-repeat;
   background-size: 100% 100%;
   bottom: -15px;
   right: -5px;
   width: 48px;
   height: 48px;
}
 .index_charts .row .img_box img {
   display: block;
   width: 100%;
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}
 .index_charts .row p {
   padding-bottom: 45px;
}
 .index_start_testing {
   position: relative;
   background: url("../img/index_start_testing_circle.png") no-repeat top left, url("../img/index_start_testing_circle_2.png") no-repeat top right, url("../img/contacts_form_bg.png") no-repeat top left;
   background-size: auto, auto, cover;
   padding: 150px 0 0;
   margin-top: -135px;
   overflow: hidden;
}
 .index_start_testing .text_box {
   position: relative;
   max-width: 760px;
   color: #fff;
   padding-bottom: 170px;
}
 .index_start_testing .text_box .title {
   color: #fff;
   padding-bottom: 15px;
}
 .index_start_testing .text_box .title span {
   display: inline;
}
 .index_start_testing .text_box .image {
   position: absolute;
   left: 80%;
   bottom: 0;
}
 .index_start_testing .text_box .subtitle {
   font-size: 30px;
   padding-bottom: 30px;
}
 .index_start_testing .text_box .button {
   max-width: 390px;
}
 .index_start_testing .text_box .amatic_sc {
   color: rgba(255, 255, 255, 0.5);
   position: absolute;
   left: -280px;
   top: 125px;
   padding: 60px 0 0 0;
}
 .index_start_testing .text_box .amatic_sc:before {
   content: '';
   background: url("../img/arrow_white.svg") no-repeat;
   background-size: 100% 100%;
   width: 55px;
   height: 55px;
   position: absolute;
   top: 0;
   right: -20px;
   transform: rotate(115deg);
}
 .index_recommended {
   position: relative;
   background: url("../img/how_test_work_bg.png") no-repeat top left;
   background-size: cover;
   padding: 200px 0 100px;
   margin-top: -150px;
}
 .index_recommended .container {
   position: relative;
}
 .index_recommended .amatic_sc {
   position: absolute;
   left: 150px;
   bottom: -40px;
   padding: 0 60px 0 0;
}
 .index_recommended .amatic_sc:before {
   content: '';
   background: url("../img/arrow.svg") no-repeat;
   background-size: 100% 100%;
   width: 55px;
   height: 55px;
   position: absolute;
   top: -25px;
   right: 0;
   transform: rotate(10deg);
}
 .index_recommended .recommended_slider {
   max-width: 1700px;
   width: 100%;
   margin: 0 auto;
   padding-bottom: 10px;
}
 .index_recommended .recommended_slider .slick-prev, .index_recommended .recommended_slider .slick-next {
   top: 40%;
   transform: translateY(0);
}
 .index_recommended .recommended_slider .slick-prev {
   left: 32%;
}
 .index_recommended .recommended_slider .slick-next {
   right: 32%;
}
 .index_recommended .recommended_slider .slick-current .slide {
   opacity: 1;
   transform: scale(1);
}
 .index_recommended .recommended_slider .slide {
   padding: 50px 20px 20px;
   transform: scale(0.75);
   opacity: 0.2;
   transition: 0.5s all ease;
}
 .index_recommended .recommended_slider .slide img {
   box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
   border-radius: 10px;
}
 .index_recommended .recommended_slider .slide .number {
   color: rgba(0, 0, 0, 0.05);
   font-size: 120px;
   font-family: "Amatic SC", sans-serif;
   font-weight: bold;
   position: absolute;
   left: 0;
   top: 0;
}
 .index_recommended .recommended_slider .slide .img_box {
   position: relative;
   max-width: 600px;
   margin: 0 auto;
}
 .index_recommended .recommended_slider .slide .img_box span {
   position: absolute;
   display: block;
   top: 19px;
   left: 25px;
   font-family: "Amatic SC", sans-serif;
   font-weight: bold;
   font-size: 60px;
   text-align: center;
   color: #fff;
   text-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
 .index_recommended .recommended_slider .slide p {
   font-size: 20px;
   font-weight: 500;
   max-width: 390px;
   margin: 22px auto 0;
   text-align: center;
   line-height: 1.3;
}
 .index_problems {
   position: relative;
   background: url("../img/problems_img_2.png") no-repeat 112% bottom, url("../img/problems_bg.png") no-repeat top left;
   background-size: auto auto, cover;
   padding: 150px 0 200px;
   margin-top: -100px;
}
 .index_problems .title {
   padding-bottom: 32px;
}
 .index_problems .img_box {
   position: relative;
}
 .index_problems .img_box .amatic_sc {
   position: absolute;
   left: -240px;
   top: -15px;
   padding: 0 60px 0 0;
}
 .index_problems .img_box .amatic_sc:before {
   content: '';
   background: url("../img/arrow.svg") no-repeat;
   background-size: 100% 100%;
   width: 55px;
   height: 55px;
   position: absolute;
   top: -7px;
   right: 0;
}
 .index_problems .img_box img {
   display: block;
   border-radius: 10px;
   width: 100%;
}
 .index_problems .problems_list li {
   position: relative;
   padding: 0 0 40px 40px;
   font-size: 18px;
   line-height: 1.57;
   color: rgba(0, 0, 0, 0.7);
}
 .index_problems .problems_list li:before {
   content: '';
   width: 25px;
   height: 25px;
   background: url("../img/close.svg") no-repeat;
   background-size: 100% 100%;
   position: absolute;
   left: 0;
   top: 0;
}
 .index_problems .problems_list li:after {
   content: '';
   width: 3px;
   height: 100%;
   background: url("../img/line_vertical.svg") no-repeat;
   background-size: 100% 100%;
   position: absolute;
   left: 10px;
   top: 16px;
}
 .index_problems .problems_list li:last-child {
   padding-bottom: 0;
}
 .index_problems .problems_list li:last-child:after {
   display: none;
}
 .form textarea, .form input:not([type="checkbox"]):not([type="radio"]), .form select {
   margin: 0 auto 30px;
   background: url("../img/input_bg.png") no-repeat;
   background-size: 100% 100%;
   padding: 19px 15px 19px 30px;
   max-width: 450px;
}
 .form select {
   background: url("../img/arrow-down.svg") no-repeat right center, url("../img/input_bg.png") no-repeat;
   background-size: 30px 8px, 100% 100%;
}
 .form .button {
   width: 100%;
   max-width: 450px;
   margin: 0 auto;
}
 .form .label {
   padding-bottom: 6px;
   display: block;
   color: #ffa800;
   font-weight: 400;
}
 .form .radio_input {
   position: relative;
   margin-bottom: 30px;
}
 .form input[type="radio"] {
   position: absolute;
   z-index: -1;
   opacity: 0;
}
 .form input[type="radio"]:checked + label:after {
   opacity: 1;
}
 .form input[type="radio"] + label {
   display: block;
   position: relative;
   padding: 5px 0 4px 36px;
   cursor: pointer;
   font-weight: 400;
}
 .form input[type="radio"] + label:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 25px;
   height: 25px;
   border-radius: 50%;
   background: #fff;
}
 .form input[type="radio"] + label:after {
   content: '';
   position: absolute;
   left: 5px;
   top: 5px;
   background: #ffa800;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   opacity: 0;
}
 .contacts_form {
   position: relative;
   background: url("../img/contacts_form_bg.png") no-repeat top left;
   background-size: cover;
   padding: 200px 0 170px;
   margin-top: -135px;
   color: #fff;
}
 .contacts_form .title {
   color: #fff;
   text-align: center;
   padding-bottom: 50px;
}
 .contacts_form .subtitle {
   font-size: 18px;
   text-align: center;
   position: relative;
   padding: 20px 0 38px;
}
 .contacts_form .subtitle:before {
   content: '';
   background: url("../img/line_white.svg") no-repeat;
   background-size: 100% 100%;
   display: block;
   width: 36px;
   height: 4px;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   margin: auto;
}
 .contacts_form .form {
   position: relative;
   padding-bottom: 50px;
}
 .contacts_form .form .amatic_sc {
   color: rgba(255, 255, 255, 0.5);
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 0 0 0 60px;
}
 .contacts_form .form .amatic_sc:before {
   content: '';
   background: url("../img/arrow_white.svg") no-repeat;
   background-size: 100% 100%;
   width: 55px;
   height: 55px;
   position: absolute;
   bottom: 0;
   left: 0;
}
/**-------------pages---------------**/
 .page {
   background: url("../img/top_banner_circle.png") no-repeat bottom left, url("../img/top_banner_bg.jpg") no-repeat top center;
   background-size: auto, cover;
   padding: 215px 0 250px;
   flex-grow: 1;
   color: #fff;
}
 .page h1 {
   color: #fff;
}
 .page .title {
   color: #fff;
}
 .test_questions {
   text-align: center;
   position: relative;
   padding: 0 50px;
}
 .test_questions .inner_wrap {
   max-width: 675px;
   margin: 0 auto;
}
 .test_questions .title {
   padding-bottom: 70px;
   padding-top: 60px;
}
 .test_questions .question_text {
   font-size: 25px;
   padding-bottom: 99px;
}
 .test_questions .prev_question, .test_questions .next_question {
   width: 41px;
   height: 73px;
   position: absolute;
   top: 175px;
   transition: 0.5s all ease;
   background: url("../img/prev_question.svg") no-repeat;
   background-size: 100% 100%;
}
 .test_questions .prev_question:hover, .test_questions .next_question:hover {
   opacity: 0.5;
}
 .test_questions .prev_question {
   left: 0;
}
 .test_questions .next_question {
   transform: rotate(180deg);
   right: 0;
}
 .test_answers_btn {
   max-width: 480px;
   margin: 0 auto;
}
 .test_answers_btn .button {
   width: 100%;
   padding: 19px 0;
}
 .page_form .subtitle {
   font-size: 25px;
   padding-bottom: 30px;
}
 .page_form .form_group {
   max-width: 730px;
}
 .page_form .button {
   max-width: 290px;
   margin: 7px 0 0;
}
 .page_form .birthday select {
   padding: 19px 20px 19px 15px !important;
}
 .page_form .radio_input {
   margin-top: 16px;
}