@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@import url("../css/normalize.css");
@import url("../css/slick.css");
@import url("../css/jquery.fancybox.css");
/*
@import url("../css/aos.css");
*/

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Bold.eot');
    src: local('TT Norms Bold'), local('TTNorms-Bold'),
        url('../fonts/TTnorms/TTNorms-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Bold.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Bold.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-ThinItalic.eot');
    src: local('TT Norms Thin Italic'), local('TTNorms-ThinItalic'),
        url('../fonts/TTnorms/TTNorms-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-ThinItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-ThinItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Thin.eot');
    src: local('TT Norms Thin'), local('TTNorms-Thin'),
        url('../fonts/TTnorms/TTNorms-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Thin.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Thin.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-LightItalic.eot');
    src: local('TT Norms Light Italic'), local('TTNorms-LightItalic'),
        url('../fonts/TTnorms/TTNorms-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-LightItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-LightItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-ExtraBoldItalic.eot');
    src: local('TT Norms ExtraBold Italic'), local('TTNorms-ExtraBoldItalic'),
        url('../fonts/TTnorms/TTNorms-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Italic.eot');
    src: local('TT Norms Italic'), local('TTNorms-Italic'),
        url('../fonts/TTnorms/TTNorms-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Italic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Italic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-ExtraLight.eot');
    src: local('TT Norms ExtraLight'), local('TTNorms-ExtraLight'),
        url('../fonts/TTnorms/TTNorms-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-ExtraLight.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-ExtraLight.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-HeavyItalic.eot');
    src: local('TT Norms Heavy Italic'), local('TTNorms-HeavyItalic'),
        url('../fonts/TTnorms/TTNorms-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-HeavyItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-HeavyItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-MediumItalic.eot');
    src: local('TT Norms Medium Italic'), local('TTNorms-MediumItalic'),
        url('../fonts/TTnorms/TTNorms-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-MediumItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-MediumItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-BoldItalic.eot');
    src: local('TT Norms Bold Italic'), local('TTNorms-BoldItalic'),
        url('../fonts/TTnorms/TTNorms-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-BoldItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-BoldItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Heavy.eot');
    src: local('TT Norms Heavy'), local('TTNorms-Heavy'),
        url('../fonts/TTnorms/TTNorms-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Heavy.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Heavy.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Light.eot');
    src: local('TT Norms Light'), local('TTNorms-Light'),
        url('../fonts/TTnorms/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Light.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Light.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Medium.eot');
    src: local('TT Norms Medium'), local('TTNorms-Medium'),
        url('../fonts/TTnorms/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Medium.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Medium.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-ExtraBold.eot');
    src: local('TT Norms ExtraBold'), local('TTNorms-ExtraBold'),
        url('../fonts/TTnorms/TTNorms-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-ExtraBold.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-ExtraLightItalic.eot');
    src: local('TT Norms ExtraLight Italic'), local('TTNorms-ExtraLightItalic'),
        url('../fonts/TTnorms/TTNorms-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-ExtraLightItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Regular.eot');
    src: local('TT Norms Regular'), local('TTNorms-Regular'),
        url('../fonts/TTnorms/TTNorms-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Regular.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Regular.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-BlackItalic.eot');
    src: local('TT Norms Black Italic'), local('TTNorms-BlackItalic'),
        url('../fonts/TTnorms/TTNorms-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-BlackItalic.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-BlackItalic.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TT Norms';
    src: url('../fonts/TTnorms/TTNorms-Black.eot');
    src: local('TT Norms Black'), local('TTNorms-Black'),
        url('../fonts/TTnorms/TTNorms-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTnorms/TTNorms-Black.woff2') format('woff2'),
        url('../fonts/TTnorms/TTNorms-Black.woff') format('woff'),
        url('../fonts/TTnorms/TTNorms-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


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;
  box-sizing: border-box;
}

*,*: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: 'TT Norms', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#000;
	background:#F4F6FB;
	margin:0 auto;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	position: relative;
	box-sizing: border-box;
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
    z-index: 300;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}

.header__block {
	display: flex;
	align-items: center;
	padding: 16px 0;
}

header.fixed .header__block {
	padding: 12px 0;
}

.header__control {
	margin: 0 auto;
}

.header__control-btn {
    display: flex;
    align-items: center;
    color: #131313;
    padding: 14px 26px;
    border-radius: 12px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    background-image: -webkit-linear-gradient(90deg, #fcd74e 0, #ffeca6 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 10px #00000014;
    border-bottom: 3px solid #cfaa3e;
    text-align: center;
}

.header__control-btn img {
	display: none;
	margin-right: 11px;
}

.header__adress {
	position: relative;
	padding-left: 72px;
	color: #555555;
	font-size: 18px;
	font-weight: 300;
}

.header__adress:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 55px;
	height: 55px;
	background: url(../img/icons/adress.png) no-repeat center center;
	background-size: contain;
}

.header__contact {
	margin-left: 52px;
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}

.header__phone {
	color: #151515;
	font-size: 30px;
}

.header__phone a {
	color: #151515;
}

.header__worktime {
	color: #555555;
	position: relative;
	padding-left: 17px;
	margin-top: 6px;
}

.header__worktime:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 3px solid #CFF7D9;
	background: #89F89B;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

header.fixed .header__worktime {
	margin-top: 0;
}

.btn {
	display: flex;
	flex-flow: column;
	padding: 20px 38px;
	color: #131313;
	border-radius: 12px;
	text-align: center;
	cursor: pointer;
	background-image: -webkit-linear-gradient(90deg, #fcd74e 0, #ffeca6 100%);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
	box-shadow: 0 10px 10px #00000014;
	border-bottom: 3px solid #cfaa3e;
	font-weight: 500;
	text-transform: uppercase;
}

.btn__border {
    background: transparent;
    border: 1px solid #CCC;
    color: #3e3e3e;
}

.btn b {
	font-size: 22px;
}

.btn span {
	font-size: 16px;
}

.btn__medium {
	padding: 14px 56px;
}

.btn__medium b {
	font-size: 22px;
	line-height: 120%;
	font-weight: bold;
}

.btn-small {
	padding: 10px 30px;
	border: none;
	border-radius: 6px;
}

.btn-small b {
	font-size: 18px;
	font-weight: 400;
}

.main {
	margin-top: 20px;
	padding-bottom: 60px;
}

.main__block {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px;
	align-items: flex-end;
}

.main__action {
	color: #FFF;
	padding: 7px 17px;
	font-size: 18px;
	background: #009fb6;
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	border-radius: 4px 4px 0 0;
}

.main__title-title {
	color: #484848;
	line-height: 130%;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 500;
	background: #FFF;
	padding: 12px 20px;
	border-radius: 0 12px 12px 12px;
	box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.05);
}

.main__title-title mark {
	background: #ffeca6;
	color: #FFF;
	padding: 0 6px;
	border-radius: 4px;
	font-size: 90%;
	text-transform: none;
	font-weight: 500;
	color: #484848;
}

.main__title-title span {
	color: #009fb6;
}

.main__credit {
	margin-left: auto;
	width: 330px;
	max-width: 100%;
	padding: 18px 28px 18px 115px;
	position: relative;
	background: #49b9cb;
	border-radius: 12px;
	color: #FFF;
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.main__credit-mobile {
	display: none;
}

.main__credit__image {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -41px;
}

.main__credit-title {
	font-size: 20px;
	list-style: 130%;
	margin-bottom: 16px;
}

.main__credit-sum {
	background: #ffeca6;
	color: #000;
	padding: 12px 12px;
	font-size: 20px;
	border-radius: 6px;
	text-align: center;
	cursor: pointer;
}

.main__more {
    position: relative;
    padding: 26px 33px 33px;
    background: #FFFFFF;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgb(55 132 240 / 9%) 50%);
    box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    display: flex;
    align-items: center;
}

.main__left {
	width: 360px;
	max-width: 100%;
}

.main__right {
	margin-left: auto;
	margin-right: 60px;
}

.color__green {
	color: #3784f0;
}

.color__blue {
	color: #3784f0;
}

.main__center {
	width: 242px;
	height: 242px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background: #D1E9F1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 6px solid #F4F6FB;
	padding: 7px;
}

.main__center-img {
	margin-top: -30px;
}

.main__more-text ul {
	display: flex;
	flex-flow: column;
}

.main__more-text ul li {
	margin: 0 0 6px;
	position: relative;
	font-size: 18px;
}

.main__more-text ul li:last-child {
	margin-bottom: 0;
}

.main__more-text ul li:before {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	width: 25px;
	height: 14px;
	background: url(../img/icons/check.svg) no-repeat center center;
	background-size: contain;
}

.main__more-bigtitle {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 15px;
}

.main__right-gift {
	position: relative;
	padding-left: 70px;
	font-size: 22px;
}

.main__right-gift:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
	height: 60px;
	background: url(../img/icons/gift.png) no-repeat center center;
	background-size: contain;
}

.main__right-text {
	margin-top: 22px;
	font-size: 20px;
	color: #131313;
	font-weight: 300;
	margin-right: 20px;
}

.main__advantages {
	margin-top: 30px;
	padding: 32px 42px;
	background: #FFF;
	border-radius: 12px;
	box-shadow: 0px 0px 24px 1px rgba(0, 0, 0, 0.05);
}

.main__advantages-bigtitle {
    font-size: 22px;
    margin: 0 0 20px;
    color: #131313;
}

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

.main__advantages-item {
	width: calc(100%/3 - 30px*2/3);
	background: #e9f0ff;
	border-radius: 5px;
	margin-right: 30px;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
	height: 100px;
	padding-left: 16px;
	padding-right: 100px;
}

.main__advantages-item:last-child {
	margin-right: 0;
}

.main__advantages-price {
	width: 80px;
	background: #c2d6ff;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.main__advantages-price b {
	margin: 0 0 3px;
	font-size: 26px;
	line-height: 1;
}

.main__advantages-price s {
	color: #768388;
}

.main__advantages-icon {
	margin-right: 16px;
	width: 62px;
	min-width: 62px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.main__advantages-title {
	font-size: 18px;
	line-height: 140%;
}

.main__advantages-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.main__advantages-controls a {
    color: #403513;
    padding: 22px 46px;
    text-align: center;
    text-transform: uppercase;
    line-height: 150%;
    border-radius: 12px;
    font-size: 18px;
    line-height: 150%;
    line-height: 1.5;
    transition: .3s background;
    font-weight: 600;
    background-image: -webkit-linear-gradient(90deg, #fcd74e 0, #ffeca6 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 10px #00000014;
    border-bottom: 5px solid #cfaa3e;
}

.main__advantages-controls a:hover {
}

.main__advantages-controls-two {
	margin-bottom: -105px;
}

.docs {
    background: #ebf3ff;
    padding: 80px 0 60px;
}

.stitle {
	color: #484848;
	font-size: 42px;
	line-height: 130%;
	margin: 0 0 32px;
	font-weight: 600;
}

.stitle-center {
	text-align: center;
	margin-bottom: 50px;
}

.stitle-white {
	color: #131313;
}

.docs__list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 70px;
	background: #FFF;
	padding: 40px 80px 60px;
	border-radius: 12px;
}

.docs__item-title {
    width: 100%;
    color: #484848;
    margin: 0 0 42px;
    font-weight: 600;
    font-size: 22px;
}

.docs__item {
	width: calc(100%/3 - 48px*2/3);
	margin-right: 48px;
	background: #e9f0ff;
	border-radius: 10px;
	position: relative;
}

.docs__item:nth-child(4) {
	margin-right: 0;
}

.docs__medal {
    position: absolute;
    right: 12px;
    top: 12px;
    height: 70px;
}

.docs__medal img {
    max-height: 70px;
}

.docs__image {
	background: url(../img/doc_bg.jpg) no-repeat center center;
	background-size: cover;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 16px 32px 0;
	display: flex;
	align-items: flex-end;
	height: 270px;
}

.docs__info {
    padding: 20px 26px;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
}

.docs__spec {
	padding: 8px 16px;
	font-weight: 500;
	background: #ffeca6;
	border-radius: 5px;
	line-height: 1;
	font-size: 16px;
	margin: 0 0 12px;
	color: #131313;
}

.docs__name {
	color: #484848;
	line-height: 140%;
	font-size: 22px;
	margin: 0 0 18px;
}

.docs__ex {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.docs__ex-num {
	font-weight: 600;
	font-size: 60px;
	margin-right: 8px;
	color: #3784f0;
	line-height: 1;
}

.docs__ex-text {
	display: flex;
	flex-flow: column;
	text-align: left;
}

.docs__ex-text b {
	color: #3784f0;
	font-size: 32px;
	line-height: 1;
}

.docs__ex-text span {
	color: #3E3E3E;
	font-size: 18px;
	line-height: 1;
}

.tags {
	/* display: flex; */
	margin: 0 0 50px;
}

.tags__name {
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	line-height: 150%;
	color: #000000;
	/* width: 595px; */
	/* max-width: 100%; */
	/* margin-right: 38px; */
}

.tags__list {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: 22px;
}

.tags__list li {
	margin-right: 12px;
	background: #ffeca6;
	border-radius: 5px;
	padding: 14px 20px;
	color: #131313;
	font-size: 18px;
	font-weight: 500;
}

.tags__list li:last-child {
	margin-right: 0;
}


.advantages {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.advantages__item {
	width: calc(100%/4 - 30px*3/4);
	margin-right: 30px;
	text-align: center;
}

.advantages__item:last-child {
	margin-right: 0;
}

.advantages__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 114px;
	height: 114px;
	margin: 0 auto 24px;
	position: relative;
}

.advantages__icon:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #d0e2fd;
	width: 114px;
	height: 114px;
	z-index: 2;
}

.advantages__icon img {
	position: relative;
	z-index: 3;
}

.advantages__title {
	margin: 0 0 7px;
	font-size: 18px;
	font-weight: 500;
}

.advantages__text {
	color: #61636A;
	text-align: center;
	list-style: 140%;
	font-size: 15px;
}

.reviews {
	background: #FFF;
	padding: 120px 0 80px;
}

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

.reviews__item {
	width: calc(100%/3 - 30px*2/3);
	margin-right: 30px;
	background: #F4F6FB;
	border-radius: 12px;
}

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

.reviews__video video {
	width: 100%;
	height: 245px;
	object-fit: cover;
}

.reviews__info {
	padding: 20px;
}

.reviews__title {
    font-weight: 600;
    font-size: 20px;
    margin: 0 0 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.reviews__title span {
    margin-left: auto;
    font-size: 14px;
    color: #323232;
    background: #ffeca6;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 400;
}

.reviews__text {
	font-style: italic;
	font-weight: 300;
	font-size: 15px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

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

.reviews__results-before,
.reviews__results-after {
	width: calC(100%/2 - 14px/2);
	margin-right: 14px;
	position: relative;
}

.reviews__results-after {
	margin-right: 0;
}

.reviews__results-before img,
.reviews__results-after img {
	border-radius: 8px;
}

.reviews__results-label {
	position: absolute;
	left: 50%;
	bottom: -11px;
	text-align: center;
	width: 82px;
	height: 22px;
	background: #E25C5C;
	color: #FFF;
	border-radius: 4px;
	transform: translateX(-50%);
	line-height: 22px;
}

.reviews__results-label-green {
	background: #2EA042;
}

.quiz-section {
	padding: 40px 0 60px;
	background: #ebf3ff;
}

.stitle-white mark {
	background: #ffeca6;
	color: #131313;
	border-radius: 6px;
	padding: 0 8px;
	line-height: 1;
	color: #484848;
}

.quiz {
	background: #d1e9f1;
	border-radius: 18px;
	padding: 30px 60px 0;
}

.quiz__title {
	font-size: 32px;
	text-align: center;
	margin: 0 0 40px;
}

.quiz__title b {
	font-weight: 600;
}

.quiz__gifts {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 22px;
}

.quiz__gift {
	display: flex;
	align-items: center;
	position: relative;
	width: calc(100%/3 - 38px*2/3);
	margin-right: 38px;
	background: #FFF;
	border-radius: 6px;
	border: 2px solid #3784f0;
	padding: 18px 16px 18px 136px;
	justify-content: flex-start;
}

.quiz__gift:last-child {
	margin-right: 0;
}

.quiz__gift-image {
	position: absolute;
	left: 10px;
	bottom: 0;
}

.quiz__gift:nth-child(2) .quiz__gift-image {
	left: 20px;
}

.quiz__gift-num {
	position: absolute;
	right: -16px;
	top: -16px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #3784f0;
	border: 4px solid #d1e9f1;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}

.quiz__gift-text {
	font-size: 18px;
}

.quiz__block {
	border-top: 2px dashed rgba(0, 0, 0, 0.1);
	border-radius: 0 0 18px 18px;
	margin: 0 -60px;
	background: #FFF;
	padding: 20px 40px 0 40px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	width: calc(100% + 120px);
	max-width: calc(100% + 120px);
}

.quiz__right {
	margin-left: auto;
	position: relative;
	width: 494px;
	padding-top: 18px;
}

.quiz__right-name {
	position: absolute;
	right: 0;
	top: 82px;
	width: 206px;
	max-width: 100%;
	display: flex;
	flex-flow: column;
}

.quiz__right-name b {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 7px;
}

.quiz-block__title {
	font-size: 26px;
	margin: 0 0 22px;
	line-height: 120%;
	padding: 0 2px;
}

.quiz-block__list {
	display: flex;
	flex-wrap: wrap;
}

.quiz-block__item {
	width: 180px;
	margin-right: 40px;
}

.quiz-block__item:last-child {
	margin-right: 0;
}

.quiz-block-radio {
	display: none;
}

.quiz-block-label {
	display: flex;
	position: relative;
	flex-flow: column;
	align-items: center;
	cursor: pointer;
}

.quiz-block-label__image:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -20px;
	width: 45px;
	height: 45px;
	border-radius: 100px;
	border: 1px solid #B9C0C4;
	background: #FFF;
	transform: translateX(-50%);
}

.quiz-block-radio:checked + .quiz-block-label .quiz-block-label__image:after {
	background: url(../img/icons/check_green.svg) no-repeat center center #FFF;
	background-size: 22px auto;
	border-color: #3784f0;
}

.quiz-block-label__image {
	width: 100%;
	height: 148px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #B9C0C4;
	margin: 0 0 40px;
	position: relative;
}

.quiz-block-radio:checked + .quiz-block-label .quiz-block-label__image {
	border-color: #3784f0;
}

.quiz-block-label span {
	font-size: 18px;
}

.quiz-block__item-noimage {
    margin: 0 0 20px;
}

.quiz-block-label-noimage {
    text-align: left;
    align-items: flex-start;
    padding: 18px 30px 18px 50px;
    background: #f3f3f3;
    border-radius: 9px;
    width: 300px;
}

.quiz-block__item-noimage input:checked + label {
    background: #3784f0;
    color: #FFF;
}

.quiz-block-label-noimage span {
    text-align: left;
}

.quiz-block__list-noimage {
    flex-flow: column;
}

.quiz-block__list-noimage span:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 1px solid #cfcfcf;
}

.quiz-block__item-noimage input:checked + label span:before {
	background: url(../img/icons/check_green.svg) no-repeat center center #FFF;
	border-color: #FFF;
	background-size: 12px;
}

.quiz-block__controls {
	display: flex;
	margin-top: 40px;
	justify-content: space-between;
}

.quiz__form {
}

.quiz__form-type-2 {
	margin-top: 50px;
}

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

.quiz__left {width: 680px;padding-bottom: 15px;}

.type-2 .quiz__form {
    margin: 0 auto;
}

.quiz__presents-title {
    font-size: 28px;
    font-weight: 500;
    line-height: 140%;
    color: #3e3e3e;
    margin: 0 0 50px;
}

.quiz__gift-image {
    position: absolute;
    left: 10px;
    bottom: 0;
}

.quiz__gift-text {
    font-size: 16px;
    line-height: 140%;
    text-align: left;
}

.quiz__gift-image-type-2 {
    left: 0;
}

.quiz-block__text {
    font-size: 20px;
    margin: 0 0 32px;
    color: #999999;
    width: 340px;
    max-width: 100%;
}

.quiz-finul__form {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.quiz-finul__form .form__politic {
    color: #a1a1a1;
    margin-top: 12px;
}

.quiz-finul__form .form__politic a {
    color: #a1a1a1;
    border-bottom: 1px dashed #a1a1a1;
}

.quiz-finul__form .form__group-input {
    background: #F5F5F5;
    padding: 20px;
    height: 74px;
    font-size: 20px;
}

.quiz-finul__image {
    display: none;
    position: absolute;
    right: 220px;
    bottom: 0;
    width: 360px;
    max-width: 100%;
}

.btn__form {
    color: #403513;
    padding: 22px 26px;
    text-align: center;
    text-transform: uppercase;
    line-height: 150%;
    border-radius: 12px;
    font-size: 20px;
    line-height: 150%;
    line-height: 1.5;
    transition: .3s background;
    font-weight: 600;
    background-image: -webkit-linear-gradient(90deg, #fcd74e 0, #ffeca6 100%);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 10px 10px #00000014;
    border: none;
    border-bottom: 5px solid #cfaa3e;
}

.btn__form b {
	font-size: 18px;
}

.form__group-input {

}

.progressbar {
    width: 100%;
	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;
	border: 1px solid #e1e1e1 !important;
}

.proggress{
	height: 48px !important;
	width: 10px;
	background-color: #f85e76 !important;
	border-radius: 100px !important;
}

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

.percentCount {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: 50%;
	bottom: -20px;
	transform: translateX(-50%);
	color: #434343;
	border-radius: 4px;
}

.quiz-loader {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
	align-items: center;
	flex-flow: column;
	justify-content: center;
	background: #FFF;
	z-index: 20;
}

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

.quiz-loader__title {
	font-size: 32px;
	margin: 0 0 18px;
}

.quiz-loader__subtitle {
	font-size: 18px;
	margin: 0 0 24px;
}

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

footer {
    padding: 50px 0;
	background: #FFF;
}

.footer__block {
    display: flex;
    align-items: center;
}

.footer__links {
    display: flex;
    flex-flow: column;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}

.footer__links ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 16px;
}

.footer__links ul li {
    margin-right: 30px;
}

.footer__links ul li:last-child {
    margin-right: 0;
}

.footer__links ul li a {
    border-bottom: 1px dashed #484848;
    color: #484848;
    transition: .3s color, .3s border-color;
}

.footer__links ul li a:hover {
    color: #131313;
    border-color: transparent;
}

.footer__alert {
    color: #8C9099;
}

.modal {
	display: none;
}

/* Modals */

/* Modals */

.fancybox-bg {
    background-color: #3e3e3e;
}

.fancybox-is-open .fancybox-bg {
    opacity: .8;
    background-color: #3e3e3e;
}

.modal {
    display: none;
    background: #FFF;
    background-size: cover;
    border-radius: 20px;
    margin: 20px 0;
    width: 900px;
    max-width: 100%;
    overflow: visible;
    padding: 0;
}

.modal:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 9px;
    width: calc(100% - 10px* 2);
    height: calc(100% - 10px* 2);
    border: 1px solid #ccc;
    border-radius: 18px;
    pointer-events: none;
	z-index: 3;
}

.modal__small {
    width: 790px;
}

.modal__block {
    position: relative;
    padding: 44px 57px 0;
}

.modal__info {
    padding: 0 0 44px;
    position: relative;
    z-index: 5;
}

.moda__info-thanks {
    text-align: center;
}

.modal__title {
    color: #3e3e3e;
    font-weight: 600;
    font-size: 37px;
    line-height: 120%;
    margin: 0 0 18px;
    width: 460px;
}

.modal__info-thanks {
    text-align: center;
}

.modal__info-thanks .modal__title {
    width: 100%;
}

.modal__info-thanks .modal__subtitle {
    width: 100%;
}

.modal__info span {
    color: #CC214D;
}

.modal__subtitle {
    margin: 0 0 34px;
    width: 460px;
    max-width: 100%;
    font-size: 18px;
    line-height: 140%;
    color: #3e3e3e;
}

.modal__info >*:last-child {
    margin-bottom: 0;
}

.modal__image {
    position: absolute;
    right: 24px;
    bottom: 0;
    width: 400px;
    pointer-events: none;
	z-index: 5;
}

.modal__image-two {
    width: 250px;
    right: 40px;
}

.modal .fancybox-close-small {
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 0;
    opacity: 1;
    right: 20px;
    top: 20px;
    color: #777;
}

.modal__text-block {
    color: #fff;
    padding: 44px 48px;
}

.modal__text {
    width: 900px;
}

.form {
	width: 360px;
	max-width: 100%;
}

.form input {
    transition: .3s background;
    width: 100%;
    margin: 0 0 16px;
    padding: 22px 20px;
    border-radius: 12px;
    border: 2px solid #c6e0ef;
    background: #FFF;
    font-size: 18px;
}

.form button {
    border: none;
    width: 100%;
}

.form input:focus {
    background: #FFF;
}

.form input::placeholder {
    color: #3e3e3e;
}

.politic {
    margin-top: 12px;
    color: #3e3e3e;
}

.politic a {
    border-bottom: 1px dashed;
    color: #3e3e3e;
}

.modal__type-text {
    width: 760px;
    max-width: 100%;
    padding: 30px 40px;
	background: #FFF;
}

.modal__title-center {
    width: 100%;
    text-align: center;
	font-size: 24px;
}

.modal__text-two {
	width: 100%;
	font-size: 16px;
	line-height: 130%;
}

.modal__text-two p {
	margin-bottom: 16px;
}

.modal__text-two p:last-child {
	margin-bottom: 0;
}

.cookies {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(2, auto);
    align-items: center;
    width: calc(100% - 8px);
    max-width: 416px;
    padding: 16px;
    border-radius: 10px;
    color: #fff;
    background-color: #242424;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .04), 0 4px 20px rgba(0, 0, 0, .1);
}

.cookies__text {
    font-size: 12px;
    line-height: 160%;
}

.cookies__btn {
    margin: 0;
    border: 0;
    color: inherit;
    font: inherit;
    -webkit-tap-highlight-color: transparent;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    background-color: #383837;
    cursor: pointer;
    transition: background-color .15s ease-out;
    text-transform: uppercase;
    text-align: center;
}

.cookies__text a {
    color: #FFF;
    border-bottom: 1px solid #686868;
}

@media (max-width: 1023.9px) {
    .cookies {
        left: 50%;
        transform: translateX(-50%);
        bottom: 12px
    }
}

@media (max-width: 767.9px) {
    .cookies {
        bottom: 4px;
        max-width: none;
        padding: 10px 16px 12px;
    }
}

.modal.big .modal-text {
    text-align: left;
    line-height: 140%;
    font-size: 12px;
}

.modal-text > *:not(:last-child) {
    margin-bottom: 10px;
}

.modal.big .modal-title b {
    font-size: 16px;
    text-align: left;
}

.stitle-white mark {
    white-space: nowrap;
}

.modal__fart {
    padding: 40px 30px;
    overflow: hidden;
    background: #ffffff;
}

.modal__fart:after {
	display: none;
}

.fart__title {
    text-align: center;
    font-size: 42px;
    font-weight: 400;
}

.fart__title .color__blue {
    font-weight: 500;
}

.fart__subtitle {
    text-align: center;
    font-size: 22px;
    margin-top: 16px;
    margin-bottom: 32px;
}

.fart__controls .main__advantages-controls {
    margin-top: 0;
}

.fart__image {
    margin: 42px 0 -350px;
    display: flex;
    justify-content: center;
    transform: rotate(-16deg);
}

.pulse {
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.95); }
  to { transform: scale(1.1); }
}

.fg {
    display: none;
    align-items: flex-start;
    flex-wrap: wrap;
}

.fg__title {
    font-size: 42px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin: 0 0 42px;
}

.fg__left {
    width: 50%;
}

.fg__right {
    width: 50%;
}

.fg__gift {
    background: #49b9cb;
    padding: 24px 32px;
    border-radius: 12px;
    position: relative;
}

.fg__gift-title {
    font-weight: 500;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 12px;
    color: #FFF;
}

.fg__gift-text {
    font-size: 18px;
    color: #FFF;
    margin-right: 110px;
}

.fg__gift-image {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 140px;
}

.fg__gift-price {
    margin-top: 20px;
    padding: 18px 20px;
    background: #FFF;
    text-align: center;
    display: flex;
    align-items: center;
    font-size: 30px;
    border-radius: 10px;
    line-height: 1;
}

.fg__gift-price s {
    margin-right: 12px;
    color: #252525;
}

.fg__list {
    list-style-type: disc;
    color: #585858;
    margin-left: 16px;
    margin-top: 20px;
    padding-right: 21px;
}

ul.fg__list li {
    margin-bottom: 6px;
    font-size: 14px;
}

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

.fg__left .form__politic {
    margin-top: 15px;
    color: #585858;
}

.fg__left .form__politic a {
    color: #131313;
    border-bottom: 1px solid #131313;
}

.fg__left .form__politic br {
    display: none;
}

.loader {
  animation: spin 1s infinite linear;
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: whiteSmoke;
  box-shadow: 4px -40px 60px 5px rgb(26, 117, 206) inset;
  background: linear-gradient(to right, rgb(22, 113, 202) 50%, transparent 50%);
}

.loader:before {
  display: block;
  content: '';
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  background: #FFF;
  border-radius: 50%;
}

.spin {
  animation: spin 1s infinite linear;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.fg__loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffffffc9;
	-webkit-backdrop-filter: blur(20px);
	        backdrop-filter: blur(20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10;
}

video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}

video {
  background-color: transparent;
  border-bottom: 1px solid transparent; /* хак для предотвращения мелькания при загрузке на некоторых версиях ios */
  &::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    visibility: hidden;
  }
  &::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    visibility: hidden;
  }
  &::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0;
    visibility: hidden;
  }
}

video::-webkit-media-controls {
  display: none !important;
  opacity: 0; 
}
video::-webkit-media-controls-start-playback-button {
    display: none !important;
}