@import url("../css/normalize.css");
@import url("../css/fonts.css");
@import url("../css/grid.css");
@import url("../css/jquery.fancybox.css");
@import url("../css/slick.css");
/*
@import url("../css/nice-select.css");
*/


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, sub, sup, 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;
  outline: none;
}

*,*:before,*:after { -webkit-box-sizing:border-box;box-sizing:border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
b, strong { font-weight: bold; }
input { outline: none; }
input:focus,textarea:focus{-webkit-box-shadow:none;box-shadow:none;}
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; vertical-align: top;}
iframe{ border:0; }
a { text-decoration: none; 	-webkit-transition:opacity .3s ease-out; -o-transition:opacity .3s ease-out; transition:opacity .3s ease-out; }
a:hover { text-decoration: none; }
*:focus{outline:none}

body {
	font-family: 'Mont', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	background:#FFF;
	margin:0 auto;
	padding:0;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	position: relative;
}

body > div {
    max-width: 100%;
    overflow-x: hidden;
}

body.no-scroll {
    height: 100vh;
    overflow: hidden;
}


/*** GLOBAL ***/

/*Btn*/

.btn {
	display: inline-block;
	vertical-align: top;
	font-weight: 600;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	background: linear-gradient(94.21deg, #F9B02A -15.34%, #FBCF7D 46.7%, #F9B02A 106.21%);
	box-shadow: 0px 4px 0px #E4970A;
    border: none;
	border-radius: 14px;
	padding: 33px 8px;
	color: #FFF;
	border: none;
	cursor: pointer;
    position: relative;
}

.btn:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(94.21deg, #DD9614 -15.34%, #FFDB99 46.7%, #F9B02A 106.21%);
    z-index: 3;
    opacity: 0;
    transition: .3s opacity;
    border-radius: 14px;
}

.btn:hover:after {
    opacity: 1;
}

.btn span {
    position: relative;
    z-index: 5;
}

.prev_btn {
    display: flex;
    align-items: center;
    padding: 30px 27px;
    border: 1px solid #7C7C7C;
    border-radius: 14px;
    margin-right: 48px;
    cursor: pointer;
    transition: .3s border-color;
}

.prev_btn svg {
    fill: #7C7C7C;
    margin-right: 5px;
    width: 42px;
    height: 16px;
}

.prev_btn span {
    color: #7C7C7C;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 23px;
    transition: .3s color;
}

.prev_btn:hover {
    border-color: #515151;
}

.prev_btn:hover span {
    color: #515151;
}

.prev_btn:hover svg {
    fill: #515151;
}

.next_btn {
    display: flex;
    align-items: center;
    background: linear-gradient(94.21deg, #F9B02A -15.34%, #FBCF7D 46.7%, #F9B02A 106.21%);
    border-bottom: 4px solid #e4970a;
    border-radius: 14px;
    color: #FFF;
    padding: 29px 74px;
    cursor: pointer;
}

.next_btn svg {
    width: 42px;
    height: 16px;
    margin-left: 11px;
}

.next_btn span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

/*Fancybox*/

[data-fancybox] {
    position: relative;
}

[data-fancybox]:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 100px;
    background: linear-gradient(180deg, #FFCD4E 0%, #EF9833 100%);
    z-index: 4;
    opacity: 0;
    transition: .3s opacity;
}

[data-fancybox]:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    height: 22px;
    border-radius: 100px;
    background: url(../img/icons/search.png) no-repeat center center;
    z-index: 5;
    opacity: 0;
    transition: .3s opacity;
}

[data-fancybox]:hover:after,
[data-fancybox]:hover:before {
    opacity: 1;
}

[data-fancybox].no-search:after,
[data-fancybox].no-search:before {
    display: none;
}

/*Phone Block*/

.phone-block {
	justify-content: flex-end;
	display: flex;
	flex-flow: column;
	align-items: flex-end;
    position: relative;
    z-index: 25;
}

.phone-block .phone {
	font-weight: 600;
	font-size: 26px;
	line-height: 33px;
	color: #333333;
	position: relative;
	padding-left: 30px;
}

.phone-block .phone:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: url(../img/icons/phone.svg) no-repeat center center;
	width: 21px;
	height: 21px;
}

.phone-block .phone a {
	color: #333333;
}

.phone-block .phone span {
	color: #009B95;
}

.phone-block .time {
    position: relative;
    padding-left: 13px;
    color: #333333;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin: 6px 0 0;
}

.phone-block .time:before {
    content: '';
    background: #009B95;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

/*Section Title*/

.section-title {
    text-align: center;
}

.section-title .title {
    font-weight: 500;
    font-size: 40px;
    line-height: 50px;
    color: #333333;
    margin: 0 0 25px;
}

.section-title .subtitle {
    font-weight: 500;
    font-size: 22px;
    line-height: 29px;
}

.section-title.left {
    text-align: left;
}

.section-title .title b {
    font-weight: 700;
}

.section-title .subtitle b {
    font-weight: 600;
}

.section-title .title u {
    text-decoration: none;
    position: relative;
}

.section-title .title u:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 7px;
    background: url(../img/section_line.svg) no-repeat center center;
    background-size: contain;
}

/*Form*/

.form-block {
    display: flex;
    flex-wrap: wrap;
}

.form-block .left {
    width: 373px;
    margin-right: 16px;
}

.form-group {
    margin: 0 0 12px;
}

.form-group input {
    padding: 35px 28px;
    width: 100%;
    border: none;
    border: 1px solid #FFF;
    border-top: 1px solid #E3F2F2;
    border-radius: 14px;
    color: #A6A1A1;
    background: url(../img/icons/input-phone.svg) no-repeat center right 18px #FFF;
    font-size: 19px;
    line-height: 150%;
    transition: .3s border-color;
}

.form-group input:focus {
    border: 1px solid #009B95;
}

.form-group input::placeholder {
    color: #A6A1A1;
}

.form-control {
    margin: 0 0 20px;
}

.form-control .btn {
    padding: 24px 10px;
    width: 100%;
}

.form-text {
    color: #838181;
    font-size: 13px;
    line-height: 20px;
}

/*Timer*/

.timer-block {
    padding: 27px 19px;
    background: #E3F2F2;
    border-radius: 14px;
    width: 308px;
    max-width: 100%;
    border: 1px solid #FFF;
}

.timer-block .title {
    display: flex;
    align-items: center;
    margin: 0 0 30px;
}

.timer-block .title .image {
    margin-right: 18px;
}

.timer-block .title .name {
    font-size: 18px;
    line-height: 138%;
    color: #333333;
}

.timer-block .timer {
    display: flex;
    flex-wrap: wrap;
}

.timer-block .timer .num {
    display: flex;
    flex-wrap: wrap;
    width: calc(100%/3 - 11px*2/3);
    justify-content: center;
    margin-right: 11px;
}

.timer-block .timer .num .num-name {
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
    color: #838181;
    font-size: 12px;
    line-height: 20px;
}

.timer-block .timer .num span {
    background: #C9E4E2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 63px;
    height: 58px;
    margin-right: 0;
    color: #333333;
    font-weight: 600;
    font-size: 22px;
    line-height: 138%;
    letter-spacing: 4px;
}

.timer-block .timer .num span:nth-child(3) {
    margin-right: 0;
}

.timer-block .timer .num:last-child {
    margin-right: 0;
}

.timer-block.type-2 {
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    width: 390px;
}

.timer-block.type-2 .title {
    display: block;
    white-space: nowrap;
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 20px;
}

/*Doc info*/

.doc_info {
    position: absolute;
    bottom: 135px;
    right: 32px;
}

.doc_info {
    position: absolute;
    width: 227px;
    height: 227px;
    padding: 25px 33px;
    border-radius: 10px;
    z-index: 8;
    background: url(../img/doc_info.svg) no-repeat center center;
}
  
.doc_info .experience {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #FFF;
    margin: 0 0 4px;
}

.doc_info .experience b {
    color: #FFF;
    font-weight: 600;
    font-size: 73px;
    margin-right: 11px;
    font-style: italic;
}

.doc_info .experience small {
    color: #FFF;
    font-size: 15px;
    line-height: 112%;
}

.doc_info .fio {
    text-align: center;
    color: #FFF;
}

.doc_info .fio span {
    font-size: 15px;
    line-height: 126%;
}

.doc_info .fio span b {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.doc_info .fio small {
    font-size: 9px;
    line-height: 1;
    display: block;
    margin: 5px 0 0;
    font-style: italic;
}


/*** HEADER ***/

header {
    background: #FFFFFF;
    box-shadow: 0px 20px 30px -20px rgba(146, 146, 146, 0.1);
    padding: 18px 0;
}

header.show {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 33;
}

header .header-block {
    display: flex;
    align-items: center;
}

header .header-block .menu ul {
    display: flex;
    align-items: center;
}

header .header-block .menu ul li {
    margin-right: 36px;
    padding-right: 36px;
    position: relative;
}

header .header-block .menu ul li:last-child {
    margin-right: 0;
}

header .header-block .menu ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 28px;
    background: #D9D9D9;
}

header .header-block .menu ul li:last-child:after {
    display: none;
}

header .header-block .menu ul li a {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #333333;
}

header .header-block .callback {
    margin-left: auto;
    width: 257px;
}

header .header-block .callback .btn {
    padding: 18px 5px;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
}

.mobile-toggle {
    border: 1px solid #009B95;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    margin-left: auto;
    position: relative;
    display: none;
    z-index: 35;
}

.mobile-toggle span {
    background: #009B95;
    border-radius: 4px;
    height: 3px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.mobile-toggle span:nth-child(1) {
    width: 20px;
    margin-top: -7px;
}

.mobile-toggle span:nth-child(2) {
    width: 16px;
    margin-left: -2px;
}

.mobile-toggle span:nth-child(3) {
    width: 20px;
    margin-top: 7px;
}

.mobile-toggle.open {
    border-color: #818D8D;
}

.mobile-toggle.open span {
    background: #818D8D;
}

.mobile-toggle.open span:nth-child(1) {
    margin: 0;
    transform: translate(-50%, -50%) rotate(45deg);
    height: 2px;
}

.mobile-toggle.open span:nth-child(2) {
    display: none;
}

.mobile-toggle.open span:nth-child(3) {
    margin: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    height: 2px;
}

.mobile-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 15;
    overflow: hidden;
    display: none;
}

.mobile-menu .scroll-box {
    padding: 22px 16px;
}

.mobile-menu .phone {
    width: 44px;
    height: 44px;
    margin-left: auto;
    margin-right: 102px;
    margin-top: 25px;
}

.mobile-menu .phone a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/icons/mobile-phone.svg) no-repeat center center;
}

.mobile-menu .menu {
    margin: 100px 0 0;
}

.mobile-menu .menu ul li {
    text-align: center;
    margin: 0 0 36px;
}

.mobile-menu .menu ul li:last-child {
    margin-bottom: 0;
}

.mobile-menu .menu ul li a {
    color: #333333;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}


/*** WRAPPER ***/

.wrapper {
    padding: 27px 0 0;
    background: url(../img/bg/main.jpg) no-repeat center top;
}

.main-line-block {
    display: flex;
    align-items: center;
    margin: 0 0 54px;
}

.main-line-block .adress {
    position: relative;
    padding-left: 26px;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    margin-left: auto;
    margin-right: 65px;
    z-index: 25;
}

.main-line-block .adress:before {
    content: '';
    width: 18px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/icons/adress.svg) no-repeat center center;
}




/*** MAIN ***/

.main {
    position: relative;
    padding-bottom: 95px;
}

.main:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 74px;
    background: url(../img/bg/main_after.svg) no-repeat center bottom -4px;
    background-size: 100% auto;
    z-index: 20;
}

.main .main-block .info {
    position: relative;
    z-index: 10;
}

.main .main-block .info > .title {
    font-weight: 400;
    font-size: 46px;
    line-height: 126%;
    color: #333333;
    width: 662px;
    margin: 0 0 30px;
    max-width: 100%;
}

.main .main-block .info .title b {
    font-weight: 700;
}

.main .main-block .info .advantages {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 46px;
}

.main .main-block .info .advantages .item {
    margin-right: 34px;
    display: flex;
    align-items: center;
}

.main .main-block .info .advantages .item:last-child {
    margin-right: 0;
}

.main .main-block .info .advantages .item .image {
    margin-right: 14px;
}

.main .main-block .info .advantages .item .name {
    font-weight: 600;
    font-size: 14px;
    line-height: 138%;
    color: #333333;
}

.main .main-block .info .text {
    width: 400px;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 138%;
    color: #333333;
    margin: 0 0 22px;
}

.main .main-image {
    position: absolute;
    right: 210px;
    bottom: 0;
    z-index: 5;
}

/*** TECHNOLOGY ***/

.technology {
    padding: 86px 0 85px;
}

.technology .section-title {
    margin: 0 0 130px;
}

.technology-block {
    position: relative;
}

.technology-block .image {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.technology-block .items {
    position: relative;
    z-index: 5;
}

.technology-block .items .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.technology-block .items .item:nth-child(2n) {
    margin-left: auto;
}

.technology-block .items .item .icon {
    width: 105px;
    margin-right: 0;
    margin-left: 29px;
    order: 2;
}

.technology-block .items .item:nth-child(2n) .icon {
    order: 1;
    margin-right: 29px;
    margin-left: 0;
}

.technology-block .items .item .title {
    width: calc(100% - 134px);
    font-size: 22px;
    line-height: 138%;
    font-weight: 500;
    order: 1;
    text-align: right;
}

.technology-block .items .item:nth-child(2n) .title {
    order: 2;
    text-align: left;
}
.technology-block .items .items-line {
    display: flex;
    align-items: center;
}


/*** QUIZ ***/

.quiz {
    padding: 80px 0 75px;
}

.quiz .section-title {
    margin: 0 0 60px;
}

.quiz-block {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.quiz-block .quiz-box {
    background: #E3F2F2;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    padding: 66px 46px;
    width: 793px;
    margin-right: 15px;
}

.quiz-block .quiz-box .quiz-top {
    margin: 0 0 41px;
}

.quiz-block .quiz-box .quiz-top .line {
    background: #FFFFFF;
    border-radius: 15px;
    height: 31px;
    position: relative;
    overflow: hidden;
}

.quiz-block .quiz-box .quiz-top .line span {
    background: #009B95;
    height: 100%;
    width: 20%;
    position: absolute;
    left: 0;
    top: 0;
}

.quiz-block .quiz-box .quiz-middle {
    margin: 0 0 47px;
}

.quiz-block .quiz-box .quiz-middle .item {
    display: none;
}

.quiz-block .quiz-box .quiz-middle .item .question {
    font-size: 28px;
    line-height: 120%;
    color: #333333;
    margin: 0 0 18px;
}

.quiz-block .quiz-box .quiz-middle .item .question span {
    font-weight: 700;
}

.quiz-block .quiz-box .quiz-middle .item .question b {
    font-weight: normal;
}

.quiz-block .quiz-box .quiz-middle .item .question-text {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    color: #333;
    max-width: 100%;
    width: 620px;
    margin: 0 0 56px;
}

.quiz-block .quiz-box .quiz-middle .item .answers {
    display: flex;
    flex-wrap: wrap;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer {
    margin-right: 40px;
    width: 180px;
    max-width: 100%;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer input {
    display: none;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer label {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer label .image {
    border: 1px solid #B9C0C4;
    border-radius: 10px;
    height: 137px;
    padding: 10px 23px 20px;
    margin: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer label span {
    font-size: 18px;
    line-height: 23px;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer input:checked + label .image {
    border: 2px solid #009B95;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer:last-child {
    margin-right: 0;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer label:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 118px;
    background: url(../img/icons/check_gray.svg) no-repeat center center #FCFCFE;
    box-shadow: inset 0px 1px 2px rgb(0 0 0 / 26%);
    border-radius: 100px;
    z-index: 5;
    width: 45px;
    height: 45px;
}

.quiz-block .quiz-box .quiz-middle .item .answers .answer input:checked + label:after {
    border: 2px solid #009B95;
    box-shadow: none;
    background: url(../img/icons/check_green.svg) no-repeat center center #FCFCFE;
}

.quiz-block .quiz-box .quiz-bottom .controls {
    display: flex;
    align-items: center;
}

.quiz-block .quiz-info {
    width: calc(100% - 808px);
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.quiz-block .quiz-info .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(227, 242, 242, 0) 0%, #E3F2F2 63.76%);
    padding: 170px 110px 24px 17px;
}

.quiz-block .quiz-info .info .text {
    font-size: 17px;
    line-height: 138%;
}

.quiz-block .quiz-info .info .image {
    position: absolute;
    right: 0;
    bottom: 0;
}

.quiz-block .quiz-info .info b {
    color: #333333;
    font-size: 17px;
    line-height: 138%;
}

.quiz-block .quiz-info .image-block .doc_info {
    bottom: 206px;
    right: 16px;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 .answer label:after {
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    width: 39px;
    height: 39px;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 .answer label {
    padding: 20px 11px 20px 41px;
    border: 2px solid #B9C0C4;
    border-radius: 9px;
    justify-content: flex-start;
    align-items: flex-start;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 .answer {
    width: 271px;
    margin-right: 35px;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 .answer:last-child {
    margin-right: 0;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 .answer input:checked + label {
    border-color: #009b95;
}

.quiz-block .quiz-box .quiz-middle .item .answers.type-3 {
    min-height: 200px;
}

.quiz-finul {
    background: #E3F2F2;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    padding: 163px 47px;
    width: 793px;
    display: none;
    margin-right: 15px;
}

.quiz-finul .title {
    margin: 0 0 50px;
    font-size: 28px;
    line-height: 139%;
    color: #333;
}

.quiz-finul form {
    width: 373px;
    max-width: 100%;
}

.quiz-finul form .form-control .btn {
    font-size: 17px;
    width: 100%;
}

.quiz-finul .form {
    width: 403px;
    max-width: 100%;
}

.progressbar {
    width: 100%;
	margin-top: 5px;
	margin-bottom: 35px;
	position: relative;
	background-color: #EEEEEE;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
}

.progressbar {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 35px;
    position: relative;
    background: #FFF !important;
    border-radius: 100px !important;
}

.proggress{
	height: 8px;
	width: 10px;
	background-color: #3498db;
	border-radius: 100px !important;
}

.percentCount{position: absolute;left: 50%;bottom: -40px;transform: translateX(-50%);font-size: 22px;line-height: 1;color: #333;}

.quiz-progress {
    background: #E3F2F2;
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: none;
    flex-flow: column;
    padding: 20px;
}

.quiz-progress.open {
    display: flex;
}

.progress-line {
    width: 700px;
    max-width: 100%;
}

.quiz-progress .title {
    font-size: 28px;
    line-height: 120%;
    margin: 0 0 18px;
    text-align: center;
}

.quiz-progress .subtitle {
    margin: 0 0 48px;
    font-size: 20px;
    line-height: 150%;
}


/*** STEPS ***/

.steps {
    padding: 75px 0 94px;
}

.steps .section-title {
    margin: 0 0 90px;
}

.steps-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}

.steps-list .item {
    width: calc(100%/3 - 185px*2/3);
    margin-right: 185px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    position: relative;
}

.steps-list .item:after {
    content: '';
    position: absolute;
    right: -170px;
    top: 130px;
    background: url(../img/icons/steps_arrow_1.svg) no-repeat center center;
    width: 150px;
    height: 42px;
    pointer-events: none;
}

.steps-list .item:nth-child(3):after,
.steps-list .item:nth-child(5):after {
    display: none;
}

.steps-list .item:nth-child(2):after {
    background: url(../img/icons/steps_arrow_2.svg) no-repeat center center;
}

.steps-list .item:nth-child(3),
.steps-list .item:nth-child(5) {
    margin-right: 0;
}

.steps-list .item .num {
    margin: 0 0 12px;
    color: #FFF;
    padding: 7px 21px;
    background: #009B95;
    border-radius: 7px;
    font-size: 20px;
    line-height: 29px;
}

.steps-list .item .image {
    margin: 0 0 12px;
}

.steps-list .item .title {
    text-align: center;
    font-weight: 700;
    font-size: 22px;
    line-height: 138%;
    color: #333333;
    margin: 0 0 4px;
}

.steps-list .item .text {
    font-weight: 500;
    font-size: 18px;
    line-height: 138%;
    color: #333333;
    text-align: center;
}

.steps-list.type-2 .item {
    margin-bottom: 52px;
}

.steps-list.type-2 .item .num {
    padding-left: 16px;
    padding-right: 16px;
    font-weight: bold;
}

.steps-list.type-2 .item:nth-child(4),
.steps-list.type-2 .item:nth-child(5) {
    margin-bottom: 0;
}


/*** COMPLEX ***/

.complex {
    padding: 56px 0 68px;
    background: url(../img/bg/complex.png) no-repeat center center #E3F2F2;
    background-size: cover;
    position: relative;
}

.complex .complex_image {
    pointer-events: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin-left: 350px;
}

.complex .complex_image img {
    max-width: inherit;
}

.complex .section-title {
    margin: 0 0 51px;
}

.complex .advantages {
    display: flex;
    flex-wrap: wrap;
    width: 820px;
    max-width: 100%;
    margin: 0 0 20px;
}

.complex .advantages .item {
    display: flex;
    align-items: center;
    margin: 0 20px 50px 0;
    width: calc(100%/2 - 20px/2);
}

.complex .advantages .item .icon {
    width: 108px;
    text-align: center;
}

.complex .advantages .item .title {
    width: calc(100% - 108px);
    font-size: 17px;
    line-height: 138%;
    color: #333333;
}

.complex .advantages .item .title u {
    text-decoration: none;
    border-bottom: 2px dashed #009B95;
}

.complex .advantages .item:nth-child(2n) {
    margin-right: 0;
}


/*** ABOUT ***/

.about {
    padding: 108px 0 76px;
}

.about .section-title {
    margin: 0 0 56px;
}

.about-block {
    border: 1px solid #E3F2F2;
    box-shadow: 0px 34px 89px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 144px;
}

.about-block .image {
    position: relative;
    overflow: hidden;
    width: 509px;
    margin-right: 37px;
}

.about-block .info {
    padding: 44px 32px 30px 0;
    color: #333333;
    width: calc(100% - 548px);
}

.about-block .info .title {
    font-weight: 700;
    font-size: 26px;
    line-height: 138%;
    margin: 0 0 10px;
}

.about-block .info .subtitle {
    font-size: 18px;
    line-height: 129%;
    color: #333333;
    margin: 0 0 30px;
}

.about-block .image:after {
    content: '';
    position: absolute;
    left: -20px;
    bottom: -130px;
    width: 591px;
    height: 310px;
    background: #FFFFFF;
    filter: blur(100px);
}

.about-block .info .advantages {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 30px;
}

.about-block .info .advantages .item {
    margin-right: 30px;
    display: flex;
    align-items: center;
}

.about-block .info .advantages .item .icon {
    width: 56px;
    margin-right: 14px;
}

.about-block .info .text ol li {
    margin: 0 0 25px;
    counter-increment: ol;
    font-size: 16px;
}

.about-block .info .text ol li:before {
    content: counter(ol)".";
    color: #009B95;
    font-weight: bold;
    margin-right: 5px;
}

.about-block .info .certificates {
    display: flex;
    flex-wrap: wrap;
}

.about-block .info .certificates a {
    margin-right: 12px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.doctors {
    display: flex;
    flex-wrap: wrap;
}

.doctors .item {
    margin-right: 80px;
    width: calc(100%/3 - 80px*2/3);
    background: #FFF;
    border: 1px solid #E3F2F2;
    box-shadow: 0px 34px 89px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
}

.doctors .item:nth-child(3n) {
    margin-right: 0;
}

.doctors .item .image {
    overflow: hidden;
    position: relative;
    margin-top: -60px;
    padding-bottom: 40px;
}

.doctors .item .image:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -190px;
    background: #FFFFFF;
    filter:
    blur(100px);
    width: 791px;
    height: 408px;
    z-index: 5;
    pointer-events: none;
}

.doctors .item .info {
    text-align: center;
    margin-top: -100px;
    position: relative;
    z-index: 5;
    padding: 0 22px 22px;
}

.doctors .item .info .title {
    font-size: 22px;
    line-height: 138%;
    font-weight: 700;
    padding: 0 20px;
    margin: 0 0 10px;
}

.doctors .item .info .text {
    margin: 0 0 8px;
    line-height: 129%;
    font-weight: 500;
    font-size: 14px;
    padding: 0 10px;
    min-height: 28px;
}

.doctors .item .info .labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 16px;
}

.doctors .item .info .labels .label {
    border-radius: 5px;
    color: #FFF;
    margin-right: 4px;
    padding: 5px 6px;
    font-size: 13px;
    line-height: 20px;
}

.doctors .item .info .labels .label.green {
    background: #009B95;
}

.doctors .item .info .labels .label.yellow {
    background: #F9B02A;
}

.doctors .item .info .labels .label:last-child {
    margin-right: 0;
}

.doctors .item .info .certificates {
    display: flex;
    align-items: center;
    justify-content: center;
}

.doctors .item .info .certificates a {
    margin: 0 5px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}


/*** CREDIT ***/

.credit {
    padding: 60px 0 32px;
    background: url(../img/bg/credit.jpg) no-repeat center center;
    background-size: cover;
}

.credit .section-title {
    text-align: left;
    margin: 0 0 38px;
}

.credit .section-title .title {
    font-size: 35px;
    line-height: 120%;
    margin: 0;
    color: #333;
}

.credit .credit-info {
    color: #333;
}

.credit .credit-info ul {
    margin: 0 0 57px;
}

.credit .credit-info ul li {
    margin: 0 0 43px;
    font-weight: 500;
    font-size: 22px;
    line-height: 129%;
}

.credit .credit-info ul li:last-child {
    margin: 0;
}

.credit .credit-info .more {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.credit .credit-info .more .btn {
    font-size: 18px;
    width: 397px;
    text-align: center;
    padding: 30px 9px;
    margin-right: 21px;
}

.credit .credit-info .form-text {
    width: 100%;
    margin: 32px 0 0;
}


/*** TYPES ***/

.types {
    padding: 108px 0;
}

.types .section-title {
    margin: 0 0 66px;
}

.types-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.types-list .item {
    padding: 38px 32px 28px;
    width: calc(100%/3 - 35px*2/3);
    margin: 0 35px 44px 0;
    border: 1px solid #009B95;
    box-shadow: 0px 34px 89px rgba(0, 0, 0, 0.05);
    border-radius: 30px;
    text-align: center;
}

.types-list .item:nth-child(3n),
.types-list .item:last-child {
    margin-right: 0;
}

.types-list .item .title {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 29px;
    padding: 0 20px;
    color: #333333;
}

.types-list .item .image {
    margin: 0 0 22px;
}

.types-list .item .text {
    margin: 0 0 20px;
}

.types-list .item .price span {
    color: #B1B1B1;
    font-weight: 500;
    font-size: 19px;
    line-height: 29px;
    margin-right: 5px;
}

.types-list .item .price mark {
    background: #F9B02A;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    padding: 2px 6px;
    font-size: 22px;
}


/*** CAPTION ***/

.caption {
    background: url(../img/bg/caption.jpg) no-repeat center center;
    background-size: cover;
    padding: 83px 0 22px;
    position: relative;
}

.caption.two {
    padding: 66px 0 54px;
}

.caption .caption-info .section-title {
    text-align: left;
    margin: 0 0 55px;
}

.caption .caption-info .section-title .title {
    font-size: 35px;
    line-height: 150%;
    margin: 0 0 16px;
}

.caption .caption-info .section-title .subtitle {
    line-height: 138%;
    width: 522px;
    max-width: 100%;
}

.caption.two .caption-info .section-title .subtitle {
    width: 100%;
}

.caption-image {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin-left: 500px;
}

.caption.two .caption-image {
    margin-left: 370px;
}

.caption-image .image img {
    max-width: inherit;
}

.caption-image .doc_info .fio span {
    font-size: 11px;
    line-height: 1;
}

.caption .caption-image .doc_info .fio span b {
    font-size: 14px;
}

.caption-image .doc_info .experience {
    margin: 0 0 7px;
}

.caption-image .doc_info .fio small {
    margin: 3px 0 0;
    font-weight: 300;
}

.caption-image .doc_info {
    bottom: 60px;
    right: -20px;
}


/*** STEPS TWO ***/


.steps-two {
    padding: 104px 0 97px;
}

.steps-two-list .item {
    margin: 0 0 74px;
    display: flex;
    flex-wrap: wrap;
}

.steps-two-list .item .info {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-items: flex-start;
}

.steps-two-list .item .num {
    padding: 12px 30px;
    font-weight: 700;
    font-size: 27px;
    line-height: 40px;
    color: #333333;
    border: 1px solid #009b95;
    border-radius: 10px;
    margin: 0 0 18px;
}

.steps-two-list .item > .title,
.steps-two-list .item .title-left > .title {
    position: relative;
    padding-left: 42px;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    color: #333333;
    margin: 0 0 27px;
    width: 100%;
}

.steps-two-list .item > .title:before,
.steps-two-list .item .title-left > .title:before {
    content: "";
    width: 33px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/icons/check_circle.svg) no-repeat center center;
}

.steps-two-list .item .title-left {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    padding-left: 727px;
}

.steps-two-list .item .image {
    margin-left: auto;
}

.steps-two-list .item:last-child {
    margin-bottom: 0;
}

.steps-two-list .item .info .list {
    width: 560px;
    max-width: 100%;
}

.steps-two-list .item .info .list .list_item {
    display: flex;
    align-items: center;
    padding: 6px 28px;
    margin: 0 0 35px;
    border: 1px solid #009b95;
    box-shadow: 0px 9px 32px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    position: relative;
    height: 90px;
}

.steps-two-list .item .info .list .list_item .icon {
    width: 70px;
    text-align: center;
    margin-right: 5px;
}

.icon.icon-1 {
    margin-bottom: -10px;
}

.icon.icon-1 img {
    max-width: inherit;
    margin-left: -12px;
}

.icon.icon-2 {
    margin-bottom: -16px;
}

.icon.icon-2 img {
    max-width: inherit;
    margin-left: -10px;
}

.steps-two-list .item .info .list .list_item .title {
    font-size: 18px;
    line-height: 26px;
}

.steps-two-list .item:nth-child(2n) .image {
    order: 3;
    margin-left: 0;
    margin-right: auto;
}

.steps-two-list .item:nth-child(2n) .info {
    order: 4;
}

.steps-two-list .item .info .list .list_item:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    height: 31px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.14);
    border-radius: 100px;
    z-index: 10;
    background: url(../img/icons/plus.svg) no-repeat center center;
}

.steps-two .section-title {
    margin: 0 0 100px;
}


/*** FREE CONSULT ***/

.free-consult {
    background: url(../img/bg/free-consult.png) no-repeat center bottom;
    padding: 86px 0 70px;
    position: relative;
    background-size: cover;
}

.free-consult .section-title .title {
    font-size: 35px;
}

.free-consult .consult-info {
    width: 506px;
    max-width: 100%;
    padding-left: 23px;
    margin: 0 0 28px;
}

.free-consult .consult-info .items .item {
    margin: 0 0 18px;
    border-top: 1px solid #E3F2F2;
    border-radius: 20px;
    padding: 16px 30px;
    display: flex;
    align-items: center;
    position: relative;
    background: #FFF;
    box-shadow: 7px 0 20px rgb(0 0 0 / 5%);
}

.free-consult .consult-info .items .item:last-child {
    margin: 0;
}

.free-consult .consult-info .items .item .icon {
    width: 150px;
    text-align: center;
    min-width: 120px;
}

.free-consult .consult-info .items .item .text {
    line-height: 26px;
    font-size: 18px;
}

.free-consult .section-title {
    margin: 0 0 47px;
}

.free-consult .consult-info .items .item:before {
    content: '';
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    height: 31px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 14%);
    border-radius: 100px;
    z-index: 10;
    background: url(../img/icons/plus.svg) no-repeat center center;
}

.free-consult .consult-image {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    margin-left: 380px;
}

.free-consult .consult-image .image img {
    max-width: inherit;
}

.free-consult .consult-image .doc_info {
    bottom: 340px;
    right: 52px;
}

.free-consult .consult-image .doc_info .fio span {
    line-height: 1;
    font-size: 12px;
}

.free-consult .consult-image .doc_info .fio span b {
    font-size: 17px;
}

.free-consult .consult-image .doc_info .fio small {
    font-size: 11px;
    line-height: 108%;
}

.free-consult .consult-info > .text {
    margin: 46px 0 0;
    width: 400px;
    max-width: 100%;
    font-size: 18px;
    line-height: 138%;
    color: #333333;
}


/*** PORTFOLIO ***/

.portfolio {
    padding: 112px 0 50px;
}

.portfolio .section-title {
    margin: 0 0 56px;
}

.porfolio-block {
    padding: 87px 65px;
    background: #e3f2f2;
    border-radius: 30px;
}

.porfolio-block .portfolio-list {
    margin: 0 0 64px;
}

.porfolio-block .portfolio-list > .item {
    display: none;
}

.porfolio-block .portfolio-list .item .title {
    margin: 0 0 67px;
    font-size: 34px;
    line-height: 138%;
    font-weight: 700;
    color: #333333;
}

.porfolio-block .portfolio-list .item .items {
    display: flex;
}

.porfolio-block .portfolio-list .item .items .item {
    margin-right: 57px;
}

.porfolio-block .portfolio-list .item .items .item .name {
    padding-left: 46px;
    position: relative;
    font-weight: 500;
    font-size: 28px;
    line-height: 138%;
    color: #333333;
    margin: 0 0 21px;
}

.porfolio-block .portfolio-list .item .items .item .name:before {
    content: "";
    width: 33px;
    height: 31px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/icons/check_circle.svg) no-repeat center center;
}

.porfolio-block .portfolio-list .item .items ul {
    margin: 0 0 70px;
}

.porfolio-block .portfolio-list .item .items ul li {
    position: relative;
    padding-left: 46px;
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1;
    color: #333;
}

.porfolio-block .portfolio-list .item .items ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 1px;
    background: #f29236;
}

.porfolio-block .portfolio-list .item .items ul li:last-child {
    margin: 0;
}

.porfolio-block .portfolio-list .item .items .item:last-child {
    margin-right: 0;
}

.porfolio-block .portfolio-list .photos-block {
    display: flex;
    flex-wrap: wrap;
}

.porfolio-block .portfolio-list .photos-block .photos {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.porfolio-block .portfolio-list .photos-block .photos > div {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
}

.porfolio-block .portfolio-list .photos-block .photos > div:after {
    content: "";
    position: absolute;
    bottom: 0;
    padding: 11px 9px 9px;
    font-weight: 500;
    font-size: 16px;
    line-height: 9px;
    color: #fff;
    background: #009b95;
    z-index: 5;
    width: 81px;
    text-align: center;
}

.porfolio-block .portfolio-list .photos-block .photos > .before:after {
    left: 0;
    content: "До";
    border-radius: 0 14px 0 0;
}

.porfolio-block .portfolio-list .photos-block .photos > .after:after {
    left: 0;
    content: "После";
    border-radius: 0 14px 0 0;
}

.porfolio-block .portfolio-list .photos-block .photos .before {
    margin-right: 34px;
}

.porfolio-block .portfolio-list .photos-block .present {
    background: url(../img/bg/present.jpg) no-repeat center center #fff;
    width: 425px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 55px 0;
    border-radius: 14px;
    margin-left: 33px;
}

.porfolio-block .portfolio-list .photos-block .present .btn {
    width: 330px;
    text-align: center;
    padding: 20px 8px;
    font-size: 15px;
}

.porfolio-block .controls {
    display: flex;
    align-items: center;
}

.porfolio-block .controls .prev_btn {
    margin-right: 36px;
}

.porfolio-block .controls .next_btn {
    padding-left: 20px;
    padding-right: 20px;
}


/*** CONTACTS ***/

.contacts {
    padding: 52px 0 110px;
}

.contacts .section-title {
    margin: 0 0 52px;
}

.contacts .section-title .title {
    margin: 0;
}

.contacts .map {
    background: #CCC;
    padding: 35px 58px;
    position: relative;
}

.contacts .map #map {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contacts .map .map-block {
    width: 381px;
    background: #FFF;
    box-shadow: 0px 34px 89px rgba(0, 0, 0, 0.05);
    padding: 37px 21px;
    border-radius: 14px;
    position: relative;
    z-index: 10;
}

.contacts .map .map-block .title {
    color: #333333;
    font-weight: 700;
    font-size: 24px;
    line-height: 128%;
    margin: 0 0 16px;
}

.contacts .map .map-block .text {
    color: #333333;
    font-weight: 500;
    font-size: 16px;
    line-height: 138%;
    width: 271px;
    max-width: 100%;
    margin: 0 0 25px;
}

.contacts .map .map-block .socials {
    display: flex;
    align-items: center;
    margin: 0 0 18px;
}

.contacts .map .map-block .socials .item {
    margin-right: 11px;
    width: calc(100%/3 - 11px*2/3);
}

.contacts .map .map-block .socials .item input {
    display: none;
}

.contacts .map .map-block .socials .item input:checked + label {
    background: #009b95;
}

.contacts .map .map-block .socials .item input:checked + label span {
    color: #FFF;
}

.contacts .map .map-block .socials .item label {
    border: 1px solid #009B95;
    border-radius: 8px;
    padding: 7.5px 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.contacts .map .map-block .socials .item label img {
    margin-right: 5px;
}

.contacts .map .map-block .socials .item label span {
    color: #333333;
    font-size: 13px;
    font-weight: 500;
}

.contacts .map .map-block .form-group input {
    padding: 28px 28px;
    font-size: 16px;
    background: url(../img/icons/input-phone.svg) no-repeat center right 18px #F9F9F9;
}

.contacts .map .map-block .btn {
    font-size: 15px;
    line-height: 19px;
}

.contacts .map .map-block .form-text {
    text-align: center;
    color: #333;
    font-size: 11px;
    line-height: 17px;
    padding: 0 40px;
}

.contacts .map .map-block:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border: 1px solid #009B95;
    border-radius: 14px;
    opacity: .4;
    pointer-events: none;
}


/*** FOOTER ***/


footer {
    background: #E3F2F2;
    padding: 40px 0 30px;
}

footer .footer-block {
    display: flex;
    align-items: center;
    margin: 0 0 60px;
}

footer .footer-block .logo {
    margin-right: 65px;
}

footer .footer-block .links {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

footer .footer-block .links a {
    font-size: 16px;
    line-height: 128%;
    font-weight: 500;
    color: #333;
    border-bottom: 1px dashed #009B95;
    margin-bottom: 10px;
}

footer .footer-block .links a:last-child {
    margin: 0;
}

footer .footer-block .phone-block {
    margin-left: auto;
}

footer .copyright-block .text b {
    color: #ACACAC;
    font-size: 16px;
    line-height: 138%;
    font-weight: 700;
    display: block;
    margin: 0 0 10px;
}

footer .copyright-block .text span {
    display: block;
    color: #ACACAC;
    font-size: 14px;
    line-height: 138%;
}

footer .copyright-block .text {
    width: 812px;
}


/*** THANKS PAGE ***/

.thanks {
    position: relative;
    padding: 100px 0 140px;
}

.thanks-block {
    color: #333;
}

.thanks-block .title {
    font-size: 46px;
}

.thanks-block .title b {
    position: relative;
}

.thanks-block .title b:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 12px;
    background: url(../img/section_line.svg) no-repeat center center;
    background-size: contain;
}

.thanks-block .title b u {
    text-decoration: none;
}

.thanks-block .text {
    width: 630px;
    max-width: 100%;
    font-size: 22px;
    line-height: 150%;
    color: #333333;
    margin: 20px 0 0;
}

.thanks:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 74px;
    background: url(../img/bg/main_after_green.svg) no-repeat center bottom -4px;
    background-size: 100% auto;
    z-index: 20;
    pointer-events: none;
}

.thanks_image {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 290px;
    width: 480px;
}

.steps-two.type-thanks {
    background: #E3F2F2;
}

.steps-two.type-thanks .steps-two-list .item .info .list .list_item {
    background: #FFF;
    border: none;
}

.steps-two.type-thanks .steps-two-list .item .image {
    border-radius: 30px;
    overflow: hidden;
}

.complex.type-thanks {
    background: url(../img/bg/client-bg-2.png) no-repeat center center;
    background-size: cover;
}

.credit.type-thanks {
    padding: 80px 0 104px;
    background-size: auto;
    background: url(../img/bg/credit-bg-2.png) no-repeat center bottom #FFF;
}

.credit.type-thanks .section-title {
    margin: 0 0 190px;
    text-align: center;
}

.credit.type-thanks .section-title .title {
    margin: 0 0 30px;
}

.credit .credit-info .credit-title {
    font-size: 35px;
    line-height: 138%;
    color: #333;
    width: 730px;
    max-width: 100%;
}

.credit .credit-info .credit-text {
    font-size: 22px;
    line-height: 139%;
    margin: 60px 0 0;
    width: 730px;
    max-width: 100%;
}


/*** MODAL ***/

.modal {
    display: none;
    width: 476px;
    margin: 0;
    overflow: visible;
    border-radius: 24px;
    padding: 30px 50px;
    max-width: 100%;
}

.modal .form-block.type-2 {
  padding: 52px 90px 62px;
}

.modal .fancybox-close-small {
    padding: 0;
    right: -40px;
    top: -40px;
    color: #000;
    opacity: 1;
}

.compensate-for-scrollbar {
  margin-right: 0;
}

.modal .form-block .form-group input {
  background-color: #E3F2F2;
}

.modal .form-block .form-group .btn {
  padding: 21px 30px;
}

.modal-title {
    text-align: center;
    margin: 0 0 25px;
}

.modal-title .title {
    font-size: 28px;
    font-weight: 600;
    color: #333;
    line-height: 120%;
    margin: 0 0 10px;
}

.modal-title .subtitle {
    font-size: 16px;
    color: #333;
}

.modal .form-text {
    text-align: center;
}