@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/LifehackSans-Bold.eot');
    src: url('../fonts/LifehackSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/LifehackSans-Bold.woff2') format('woff2'), url('../fonts/LifehackSans-Bold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap; }
@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/LifehackSans-Medium.eot');
    src: url('../fonts/LifehackSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/LifehackSans-Medium.woff2') format('woff2'), url('../fonts/LifehackSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lifehack Sans';
    src: url('../fonts/LifehackSans-Regular.eot');
    src: url('../fonts/LifehackSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LifehackSans-Regular.woff2') format('woff2'),
        url('../fonts/LifehackSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap; }


body{
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #4d536a;
	line-height: 1.6em;
}
h1, h2, .h2{
	font-family: 'Lifehack Sans', sans-serif;
	color: #3099b3;
	line-height: 0.95em;
	font-weight: normal;
}
h1{
	margin: 0 0 0.4em 0;
	font-size: 80px;
}
h2, .h2{
	font-size: 65px;
	text-align: center;
	margin: 0 0 0.8em 0;
}
h3, .h3{
	margin: 1.5em 0 0.4em 0;
	font-family: 'Lifehack Sans', sans-serif;
	font-size: 32px;
}
.h3-bigger{
    font-size: 2.5em;
}
small, .small{
	font-size: 0.875em;
	font-weight: 300;
	line-height: 1.6em;
}
.text-big{
	font-size: 18px;
}
.text-big-2{
	font-size: 22px;
}
.text-gray{
	color: #818288;
}
.text-pink{
	color: #f89187;
}
img{
	max-width: 100%;
}

@media (min-width: 768px) and (max-width: 991px){
	h1{ font-size: 58px; }
}
@media (max-width: 767px){
	body{ font-size: 15px; }
	h1{ font-size: 64px; }
	h2, .h2{ font-size: 48px; }
	h3, .h3{ font-size: 28px; }
	.text-big{ font-size: 16px; }
	.text-big-2{ font-size: 18px; }
}
@media (max-width: 575px){
	h1{ font-size: 48px; }
	h2, .h2{ font-size: 38px; }
	h3, .h3{ font-size: 24px; }
}

.mt-6{ margin-top: 6rem; }
.mb-6{ margin-bottom: 6rem; }

.pt-6{ padding-top: 6rem; }
.pt-7{ padding-top: 9rem; }
.pt-8{ padding-top: 12rem; }

.pb-6{ padding-bottom: 6rem; }
.pb-7{ padding-bottom: 9rem; }
.pb-8{ padding-bottom: 12rem; }

@media (min-width: 768px){
	.mt-md-6{ margin-top: 6rem !important; }
	.pt-md-6{ padding-top: 6rem !important; }
	.pb-md-6{ padding-bottom: 6rem !important; }
}


/*buttons*/
.button-white{
	position: relative;
	display: inline-block;
	padding: 12px 35px 10px 35px;
	text-align: center;
	color: #38383a;
	border: 1px solid #f89187;
	border-radius: 5px;
	cursor: pointer;
	transition: all 200ms;
}
.button-white:hover{
	background: #f89187;
	color: #fff;
	text-decoration: none;
}
.button, .button:hover{
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 15px;
	line-height: 1.35em;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 22px 45px 18px 45px;
	text-align: center;
	color: #fff;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f89187+0,f89187+50,facdcc+100 */
	background: #f89187; /* Old browsers */
	background: -moz-linear-gradient(top,  #80dbf2 0%, #50b4cc 50%, #3da4be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dbf2', endColorstr='#3da4be',GradientType=0 ); /* IE6-9 */

	border-bottom: 3px solid #1d7c94;
	border-radius: 35px;
	box-shadow: 0 20px 25px -20px rgba(29,124,148,1);
	cursor: pointer;
	transition: all 200ms;
}
.button:before {
	content: "";
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	background: -webkit-gradient(linear,left top,left bottom,from(#e5ac8e),color-stop(50%,#fff),to(#e5ac8e));
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),to(rgba(229,172,142,0)));
	background: -o-linear-gradient(top,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	-ms-transform: rotate(60deg) translate(-5em,7.5em);
	transform: rotateZ(60deg) translate(-5em,7.5em);
	opacity: 0;
	filter: alpha(opacity=0);
	animation: sheens 3s infinite; }
	@keyframes sheens{
		0%,79%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}
		80%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}
		95%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(1em,-11em);transform:rotateZ(60deg) translate(1em,-11em)}
		100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(1em,-9em);transform:rotateZ(60deg) translate(1em,-9em)}
	}
.button:hover{
	text-decoration: none;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff1f0+0,ffebe5+100 */
	background: #fff1f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #80dbf2 0%, #1d7c94 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #80dbf2 0%,#1d7c94 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #80dbf2 0%,#1d7c94 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dbf2', endColorstr='#1d7c94',GradientType=0 ); /* IE6-9 */
}

.button-gray, .button:hover{
	background: #a7a7a7; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdcdcd 0%, #a7a7a7 50%, #969696 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cdcdcd 0%,#a7a7a7 50%,#969696 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cdcdcd 0%,#a7a7a7 50%,#969696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#3da4be',GradientType=0 ); /* IE6-9 */
	border-bottom-color: #717171;
}
.button:hover{
	opacity: 0.7;
}

.button-big, .button-big:hover{
	font-size: 18px;
	padding: 31px 50px 27px 50px;
	border-bottom-width: 4px;
	border-radius: 40px;
}
@media (max-width: 575px){
	.button, .button:hover{ font-size: 14px; }
	.button-big, .button-big:hover{ font-size: 16px; padding: 19px 35px 17px 35px; }
}




.bg-lightbrown{
    background: #f4f0e9;
}





body .lt-form button[type="submit"].f-btn.btn, body .lt-form button[type="submit"].f-btn.btn:hover{
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 18px;
	line-height: 1.35em;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: 31px 50px 27px 50px;
	text-align: center;
	color: #fff;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f89187+0,f89187+50,facdcc+100 */
	background: #f89187; /* Old browsers */
	background: -moz-linear-gradient(top,  #80dbf2 0%, #50b4cc 50%, #3da4be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dbf2', endColorstr='#3da4be',GradientType=0 ); /* IE6-9 */

	border-bottom: 4px solid #1d7c94;
	border-radius: 40px;
	box-shadow: 0 20px 25px -20px rgba(29,124,148,1);
	cursor: pointer;
	transition: all 200ms;
}
body .lt-form button[type="submit"].f-btn.btn:before{
	content: "";
	position: absolute;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	background: -webkit-gradient(linear,left top,left bottom,from(#e5ac8e),color-stop(50%,#fff),to(#e5ac8e));
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(229,172,142,0)),color-stop(50%,rgba(255,255,255,.7)),to(rgba(229,172,142,0)));
	background: -o-linear-gradient(top,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	background: linear-gradient(to bottom,rgba(229,172,142,0),rgba(255,255,255,.7) 50%,rgba(229,172,142,0));
	-ms-transform: rotate(60deg) translate(-5em,7.5em);
	transform: rotateZ(60deg) translate(-5em,7.5em);
	opacity: 0;
	filter: alpha(opacity=0);
	animation: sheens 3s infinite;
}
@keyframes sheens{
	0%,79%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}
	80%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(-5em,7.5em);transform:rotateZ(60deg) translate(-5em,7.5em)}
	95%{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateZ(60deg) translate(1em,-11em);transform:rotateZ(60deg) translate(1em,-11em)}
	100%{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotateZ(60deg) translate(1em,-9em);transform:rotateZ(60deg) translate(1em,-9em)}
}
body .lt-form button[type="submit"].f-btn.btn:hover{
	text-decoration: none;
	color: #fff;
	background: #a7a7a7; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdcdcd 0%, #a7a7a7 50%, #969696 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cdcdcd 0%,#a7a7a7 50%,#969696 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cdcdcd 0%,#a7a7a7 50%,#969696 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcdcd', endColorstr='#3da4be',GradientType=0 ); /* IE6-9 */
	border-bottom-color: #717171;
	opacity: 0.7;
}
@media (max-width: 575px){
	body .lt-form button[type="submit"].f-btn.btn, body .lt-form button[type="submit"].f-btn.btn:hover{ font-size: 16px; padding: 19px 35px 17px 35px; }
}











/*lists*/
ul.red, ul.red li, ul.bullet-list, ul.bullet-list > li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.red li{
	position: relative;
	padding-left: 2em;
	margin-bottom: 0.25em
}
ul.red li:before{
	content: '';
	position: absolute;
	display: block;
	left: 0.75em;
	top: 0.4em;
	width: 11px;
	height: 11px;
	border-radius: 11px;
	background: #d18c62;
}


ul.bullet-list li{
	position: relative;
	padding: 2px 0 0 60px;
	margin-bottom: 40px;
}
ul.bullet-list li:before{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 32px;
	height: 29px;
	background: url('../images/bullet.svg') center center no-repeat;
	background-size: contain;
}
ul.bullet-list.blue li:before{
	background: url('../images/bullet_blue.svg') center center no-repeat;
}




/*bootstrap carousel*/
.carousel-control-prev, .carousel-control-next{
	margin: 0;
	padding: 0;
	top: 50%;
	margin-top: -34px;
	width: 68px;
	height: 71px;
	background-image: url('../images/slider_next.png');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
	background-image: url('../images/slider_next_active.png');
	opacity: 1;
}
.carousel-control-prev{
	transform: scale(-1, 1);
}
.carousel-indicators li{
	margin: 10px;
	padding: 0;
	min-width: 11px;
	min-height: 11px;
	width: 11px;
	height: 11px;
	border: none;
	border-radius: 7px;
	background: #f0ca97;
}
.carousel-indicators li.active, .carousel-indicators li:hover{
	background: #1d7c94;
	opacity: 1;
}
@media (min-width: 1310px){
	.carousel-control-prev{ left: -70px; }
	.carousel-control-next{ right: -70px; }
}
@media (max-width: 575px){
	.carousel-indicators li{ margin-left: 7px; margin-right: 7px; }
}







/**********/
/*header*/
header{
	border-bottom: 1px solid #f4f2f1;
}

header .logo-text{
	font-weight: normal;
	line-height: 1.3em;
}
header .header-phone{
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
}
header .header-phone, header .header-phone:hover{
	margin-top: 5px;
	font-weight: 500;
	text-decoration: none;
	color: #4d536a;
}
header .header-phone:hover{
	text-decoration: underline;
}
.whatsapp-container .whatsapp-icon{
	display: block;
	width: 30px;
	height: 30px;
	background-color: #1cd742;
	background-image: url('../images/icon_whatsapp.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 19px;
	border-bottom: 0;
	border-radius: 100%;
	box-shadow: 0px 0px 10px #1cd742;
	transition: all 200ms;
}
.whatsapp-container .whatsapp-icon:hover{
	box-shadow: 0px 0px 10px #fff;
}
.whatsapp-container .telegram-icon{
	display: block;
	width: 30px;
	height: 30px;
	background-color: #0088cc;
	background-image: url('../images/icons/icons-telegram.png');
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 17px;
	border-bottom: 0;
	border-radius: 100%;
	box-shadow: 0px 0px 10px #0088cc;
	transition: all 200ms;
}
.whatsapp-container .telegram-icon:hover{
	box-shadow: 0px 0px 10px #fff;
}
.page-navigation li.whatsapp-container{
	display: none !important;
}
.page-navigation.active li.whatsapp-container{
	display: flex !important;
}
.page-navigation li.whatsapp-container .header-phone.text-big-2{
	font-size: 18px;
}
@media (min-width: 768px) and (max-width: 991px){
	.page-navigation li.whatsapp-container .header-phone.text-big-2{ font-size: 15px; }
}


/**********/
/*menu*/
nav .page-navigation{
	background-color: #ffffff;
	width: 100%;
	z-index: 100;
	transition: top 0.3s;
}
nav .page-navigation.active{
	position: fixed;
	top: 0;
	box-shadow: 0 -5px 15px 5px rgba(0, 0, 0, 0.2);
}
nav .placeholder{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 50;
	display: none;
}
nav #mobilemenu{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 110;
	border: 0;
	background-color: #ff5e41;
	font-size: 21px;
	padding: 5px 15px;
	cursor: pointer;
	color: #fff;
	display: none;
}
nav ul{
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
}
nav ul li{
	display: flex;
}
nav ul li a{
	display: block;
	padding: 18px 5px 12px 5px;
	color: #38383a;
	text-decoration: none;
	font-family: 'Rubik', sans-serif;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 3px solid #fff;
}
nav ul li:hover a{
	color: #38383a;
	border-bottom: 3px solid #3099b3;
	text-decoration: none;
}
nav ul li.whatsapp-container:hover a{
	border-bottom-color: transparent;
}
@media (min-width: 768px) and (max-width: 991.97px){
	nav ul li a{ font-size: 15px; }
}
@media (max-width: 767.97px){
	nav .page-navigation{ position: fixed; top: 0; right: 0; left: unset; bottom: 0; width: auto; display: none; }
	nav .page-navigation[style="display: block;"] { display: block !important; }
	nav #mobilemenu{ display: block; }
	nav ul{ flex-direction: column; padding-right: 40px; padding-top: 60px; }
}
@media (min-width: 768px){
	nav .page-navigation.active{ display: block !important; }
	nav .placeholder{ display: none !important; }
}


/**********/
/*block pre*/
#block-pre{
	box-shadow: 0 5px 10px 5px rgba(29,124,148,0.1);
}



/**********/
/*block 1*/

html.webp #block-1{ background-image: url(../images/block-1_bg.webp); }
html.avif #block-1{ background-image: url(../images/block-1_bg.avif); }
#block-1{
	position: relative;
	overflow: hidden;
	background-image: url(../images/block-1_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
#block-1:before{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#block-1 > .container{
	position: relative;
	min-height: 730px;
}

html.webp #block-1 .picture{ background-image: url(../images/block-1_picture.webp); }
html.avif #block-1 .picture{ background-image: url(../images/block-1_picture.avif); }
#block-1 .picture{
	position: absolute;
	right: -250px;
	top: -73px;
	width: 750px;
	height: 790px;
	background-image: url(../images/block-1_picture.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}

html.webp #block-1 .brush{ background-image: url(../images/block-1_brush.webp); }
#block-1 .brush{
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -107px;
	width: 379px;
	height: 275px;
	background-image: url(../images/block-1_brush.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-1 .picture{ width: 570px; height: 680px; }
	#block-1 .brush{ bottom: -5px; margin-left: -40px; }
}
@media (min-width: 768px) and (max-width: 991px){
	#block-1 .picture{ right: -310px; width: 540px; height: 640px; }
	#block-1 .brush{ bottom: 18px; margin-left: -5px; width: 289px; }
}
@media (min-width: 575px) and (max-width: 767px){
	#block-1 .picture{ right: -575px; top: -3px; height: 630px; }
	#block-1 .brush{ bottom: 15px; margin-left: 62px; width: 260px; }
}
@media (max-width: 575px){
	#block-1 *{ text-align: center; }
	#block-1 .picture, #block-1 .brush{ display: none; }
	#block-1 > .container{ min-height: 0; }
}





/**********/
/*block video*/
html.avif #block-video{ background-image: url(../images/block-video-bg1.avif); }
html.avif #block-video:before{ background-image: url(../images/block-video-bg2.avif); }
#block-video{
	position: relative;
	background-image: url(../images/block-video-bg1.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
#block-video:before{
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../images/block-video-bg2.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
}
.videoWrapper{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#block-video .video-container{
	position: relative;
}
#block-video .video-container .watch{
	position: absolute;
	z-index: 10;
	right: -180px;
	bottom: -40px;
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-video .video-container .watch{ right: -160px; bottom: -90px; }
}
@media (max-width: 991px){
	#block-video .video-container .watch{ display: none; }
}


/**********/
/*block your*/
html.webp #block-your{ background-image: url(../images/block-your-bg.webp); }
html.avif #block-your{ background-image: url(../images/block-your-bg.avif); }
#block-your{
	overflow: hidden;
	position: relative;
	background-image: url('../images/block-your-bg.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#block-your:before, #block-your:after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#block-your:after{
	bottom: auto;
	top: 0;
	transform: rotate(180deg);
}
.items-brown .item .image{
	position: relative;
	width: 200px;
	height: 150px;
}

html.webp .items-brown .item .image:before{ background-image: url(../images/block-your-image-bg.webp); }
html.avif .items-brown .item .image:before{ background-image: url(../images/block-your-image-bg.avif); }
.items-brown .item .image:before{
	content: '';
	position: absolute;
	display: block;
	left: -101px;
	top: -120px;
	width: 402px;
	height: 403px;
	background-image: url('../images/block-your-image-bg.png');
}
.items-brown .item .image img{
	position: relative;
}
.items-brown .item .image ~ *{
	position: relative;
	max-width: 440px;
}
.items-brown .item .desc{
	position: relative;
	z-index: 10;
}
.items-brown .item .desc b{
	font-weight: 700;
}

html.webp #block-your-stat .items{ background-image: url(../images/block-your-stat-bg.webp); }
html.avif #block-your-stat .items{ background-image: url(../images/block-your-stat-bg.avif); }
#block-your-stat .items{
	margin-top: -175px;
	border: 20px solid #fff;
	padding: 70px 40px;
	border-radius: 30px;
	background-image: url(../images/block-your-stat-bg.jpg);
	background-position: center center;
	box-shadow: 0 5px 10px 5px rgba(29,124,148,0.1);
}
#block-your-stat .items .item{
	padding: 0 20px;
}
#block-your-stat .items .item .title{
	margin: 0 0 10px 0;
	font-size: 100px;
}
#block-your-stat .items .item .desc{
	font-weight: 500;
}
@media (max-width: 991px){
	#block-your-stat .items{ padding: 40px 20px; }
	#block-your-stat .items .item .title{ font-size: 60px; }
	#block-your-stat .items .item .desc{ line-height: 1.2em; }
}
@media (min-width: 768px) and (max-width: 991px){
	#block-your-stat .items{ flex-wrap: nowrap !important; }
	#block-your-stat .items .item{ padding: 0 10px; }
}
@media (min-width: 576px) and (max-width: 767px){
	#block-your-stat .items{ padding: 40px 20px; }
	#block-your-stat .items .item{ width: 50%; padding: 0 15px; }
	#block-your-stat .items .item:nth-child(n+3){ margin-top: 30px; }
	
}
@media (max-width: 575px){
	#block-your-stat .items *{ text-align: left; }
	#block-your-stat .items .item ~ .item{ margin-top: 35px; }
	.items-brown .item .image{ width: 100%; }
	.items-brown .item .image:before{ left: 50%; margin-left: -201px; }
}




/**********/
/*block your*/
html.webp #block-why{ background-image: url(../images/block-why-hand.webp); }
html.avif #block-why{ background-image: url(../images/block-why-hand.avif); }
#block-why{
	position: relative;
	overflow: hidden;
	background-image: url('../images/block-why-hand.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	min-height: 850px;
}
@media (min-width: 1400px) and (max-width: 1900px){
	#block-why{ background-size: 90%; }
}
@media (max-width: 1399px){
	#block-why{ background-size: contain; }
}
@media (max-width: 767px){
	#block-why{ padding-bottom: 140px; /*background-image: url(../images/block-why-bg.png);*/ }
}
@media (max-width: 575px){
	#block-why *{ text-align: center; }
	.items-brown .item .image ~ *{ max-width: 100%; }
}



/**********/
/*block program*/
#block-program .items .item{
	overflow: hidden;
	margin: 0 auto;
	max-width: 350px;
	height: 100%;
	border: 1px solid #eedbd0;
	border-radius: 12px;
	background: #fff;
}
#block-program .items .item .image img{
    width: 100%;
    max-width: 380px;
}
#block-program .items .item .text{
	padding: 0 30px 35px 30px;
}
#block-program .items .item .text ul.red li{
	padding-left: 25px;
}
#block-program .items .item .text ul.red li:before{
	left: 0;
}
@media (min-width: 992px){
    #block-program .items .item{ max-width: 100%; }
}
@media (max-width: 767px){
	#block-program .items .item .text{ padding-left: 15px; padding-right: 15px; }
}



/**********/
/*block expert*/
#block-experts{
    position: relative;
    overflow: hidden;
}
#block-experts:before, #block-experts:after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#block-experts:after{
	bottom: auto;
	top: 0;
	transform: rotate(180deg);
}



#block-expert-1{
	position: relative;
	min-height: 920px;
}
#block-expert-1 .container{
	position: relative;
}
@media (min-width: 992px){
	#block-expert-1 .container:before{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		top: -110px;
		right: -130px;
		width: 930px;
		height: 970px;
		background-image: url('../images/block-expert-ivan.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#block-expert-1 .container:after{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		top: 370px;
		right: 275px;
		width: 320px;
		height: 160px;
		background: url('../images/block-expert-name-ivan.png') center center no-repeat;
		background-size: contain;
	}
}
@media (max-width: 991px){
	#block-expert-1{ background-position-x: left; }
	#block-expert-1:before, #block-expert-1:after{ z-index: 1; }
	#block-expert-1 .container:after{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		bottom: 60px;
		left: 0;
		width: 320px;
		height: 160px;
		background: url('../images/block-expert-name-ivan.png') center center no-repeat;
		background-size: contain;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-expert-1 .container:before{ width: 700px; right: -55px; }
	#block-expert-1 .container:after{ right: 165px; }
}
@media (max-width: 490px){
	#block-expert-1 .container:after{ bottom: -20px; }
}
@media (max-width: 575px){
    #block-expert-1 + #block-raboty .carousel-indicators{
        display: none !important;
    }
}



#block-expert-2{
	position: relative;
	overflow: hidden;
	min-height: 920px;
}
#block-expert-2 .container{
	position: relative;
}
@media (min-width: 992px){
	html.webp #block-expert-2 .container:before{ background-image: url(../images/block-expert.webp); }
	html.avif #block-expert-2 .container:before{ background-image: url(../images/block-expert.avif); }
	#block-expert-2 .container:before{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		top: -70px;
		left: -130px;
		width: 700px;
		height: 703px;
		background-image: url('../images/block-expert.png');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	#block-expert-2 .container:after{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		top: 370px;
		left: 275px;
		width: 320px;
		height: 160px;
		background: url('../images/block-expert-name.png') center center no-repeat;
		background-size: contain;
	}
}
@media (max-width: 991px){
	#block-expert-2{ background-position-x: left; }
	#block-expert-2:before, #block-expert-2:after{ z-index: 1; }
	#block-expert-2 .container:after{
		content: '';
		position: absolute;
		z-index: 1;
		display: block;
		bottom: 60px;
		left: 0;
		width: 320px;
		height: 160px;
		background: url('../images/block-expert-name.png') center center no-repeat;
		background-size: contain;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-expert-2 .container:before{ margin-top: 50px; right: -200px; }
	#block-expert-2 .container:after{ left: 165px; }
}
@media (max-width: 490px){
	#block-expert-2 .container:after{ bottom: -20px; }
}

@media (max-width: 767px){
    #block-raboty{
        margin-top: 0;
    }
}



/**********/
/*block raboty*/
#block-raboty{
	position: relative;
	margin-top: -250px;
	z-index: 10;
}
#block-raboty .inner{
    padding: 40px 40px 20px 40px;
    border-radius: 30px;
	background: #fff;
    box-shadow: 0 5px 10px 5px rgb(90 90 90 / 10%);
}
#block-raboty h3{
	padding-left: 20px;
}
#carouselRaboty{
	padding-bottom: 70px;
}
#block-raboty .reviews{
	display: flex;
	justify-content: center;
	align-items: center;
}
#block-raboty .reviews img{
	padding: 20px;
	max-height: 292px;
}
#block-raboty .carousel-control-prev, #block-raboty .carousel-control-next{ top: 145px; }
@media (max-width: 575px){ #block-raboty .reviews img{ padding: 10px; } }
@media (min-width: 992px) and (max-width: 1199px){
	#block-raboty{ margin-top: -200px; }
	#block-raboty .carousel-control-prev, #block-raboty .carousel-control-next{ top: 120px; }
}
@media (max-width: 991px){
	#block-raboty{ margin-top: 3em; }
}
@media (min-width: 768px){
	#block-raboty{ padding-bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 991px){
	#block-raboty{ margin-top: -80px; }
	#block-raboty .carousel-control-prev, #block-raboty .carousel-control-next{ top: 90px;  }
}
@media (max-width: 767px){
	#block-raboty .carousel-inner{ padding-bottom: 50px; }
	#block-raboty .carousel-control-prev, #block-raboty .carousel-control-next{ bottom: 10px; top: auto; left: 50%; right: 0; margin-left: -34px; }
	#block-raboty .carousel-control-prev{ margin-left: calc(-34px - 50px); }
	#block-raboty .carousel-control-next{ margin-left: calc(-34px + 50px); }
	#block-raboty .carousel-indicators{ bottom: 75px; }
}
@media (max-width: 575px){
	#block-raboty .inner{ padding: 30px 15px 15px 15px; }
	#block-raboty h3{ padding-left: 10px; }
}



/**********/
/*block kartiny*/
#carouselKartiny{
	padding-bottom: 70px;
}
#block-kartiny .reviews{
	display: flex;
	justify-content: center;
	align-items: center;
}
#block-kartiny .reviews img{
	padding: 20px;
}
#block-kartiny .title{
	position: absolute;
	z-index: 10;
}
#block-kartiny .carousel-control-prev, #block-kartiny .carousel-control-next{ top: 320px; }
@media (max-width: 575px){ #block-kartiny .reviews img{ padding: 10px; } }
@media (min-width: 992px) and (max-width: 1199px){
	#block-kartiny .carousel-control-prev, #block-kartiny .carousel-control-next{ top: 320px; }
	#block-kartiny .title{ margin-top: -18px; }
}
@media (min-width: 768px) and (max-width: 991px){ #block-kartiny .carousel-control-prev, #block-kartiny .carousel-control-next{ top: 250px;  } }
@media (max-width: 767px){
	#block-kartiny .carousel-inner{ padding-bottom: 15px; }
	#block-kartiny .carousel-control-prev, #block-kartiny .carousel-control-next{ bottom: 10px; top: auto; left: 50%; right: 0; margin-left: -34px; }
	#block-kartiny .carousel-control-prev{ margin-left: calc(-34px - 50px); }
	#block-kartiny .carousel-control-next{ margin-left: calc(-34px + 50px); }
	#block-kartiny .carousel-indicators{ display: none; }
}



/**********/
/*block reviews*/
#block-reviews{
	position: relative;
	z-index: 10;
}
#block-reviews .inner{
    padding: 40px 40px 20px 40px;
    border-radius: 30px;
	background: #fff;
    box-shadow: 0 5px 10px 5px rgb(90 90 90 / 10%);
}
#block-reviews h3{
	padding-left: 20px;
}
#carouselReviews{
	padding-bottom: 70px;
}
#block-reviews .reviews{
	display: flex;
	justify-content: center;
	align-items: center;
}
#block-reviews .reviews img{
	padding: 20px;
    max-height: 600px;
}
#block-reviews .carousel-control-prev, #block-reviews .carousel-control-next{ top: 245px; }
@media (max-width: 575px){ #block-reviews .reviews img{ padding: 10px; } }
@media (min-width: 992px) and (max-width: 1199px){ #block-reviews .carousel-control-prev, #block-reviews .carousel-control-next{ top: 120px; } }
@media (min-width: 768px){
	#block-reviews{ padding-bottom: 80px; }
}
@media (min-width: 768px) and (max-width: 991px){
	#block-reviews .carousel-control-prev, #block-reviews .carousel-control-next{ top: 90px;  }
}
@media (max-width: 767px){
	#block-reviews .carousel-inner{ padding-bottom: 50px; }
	#block-reviews .carousel-control-prev, #block-reviews .carousel-control-next{ bottom: 10px; top: auto; bottom: 10px; left: 50%; right: 0; margin-left: -34px; }
	#block-reviews .carousel-control-prev{ margin-left: calc(-34px - 50px); }
	#block-reviews .carousel-control-next{ margin-left: calc(-34px + 50px); }
	#block-reviews .carousel-indicators{ bottom: 75px; }
}
@media (max-width: 575px){
	#block-reviews .inner{ padding: 30px 15px 15px 15px; }
}




/**********/
/*block-use*/
#block-use{
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-image: url('../images/block-use-bg.png');
	background-position: center top;
	background-repeat: repeat;
	margin-top: -230px;
	padding-top: 250px;
}
#block-use:before, #block-use:after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#block-use:after{
	bottom: auto;
	top: 0;
	transform: rotate(180deg);
}
#block-use .container{
	position: relative;
}
#block-use *{
	color: #fff;
}
@media (min-width: 992px){
	html.webp #block-use .container:before{ background-image: url(../images/block-use-bg-img.webp); }
	html.avif #block-use .container:before{ background-image: url(../images/block-use-bg-img.avif); }
	#block-use .container:before{
		content: '';
		position: absolute;
		z-index: -1;
		display: block;
		bottom: -100px;
		right: -350px;
		width: 992px;
		height: 851px;
		background-image: url(../images/block-use-bg-img.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		background-size: contain;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-use .container:before{ right: -450px; }
}



/**********/
/*block how*/
html.webp #block-how{ background-image: url(../images/block-how-bg.webp); }
html.avif #block-how{ background-image: url(../images/block-how-bg.avif); }
#block-how{
	position: relative;
	overflow: hidden;
	background-image: url('../images/block-how-bg.png');
	background-position: center bottom;
	background-repeat: repeat;
	background-size: cover;
}
#block-how:before{
	content: '';
	z-index: 1;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}

html.webp #block-how:after{ background-image: url(../images/block-how-bg-paint.webp); }
html.avif #block-how:after{ background-image: url(../images/block-how-bg-paint.avif); }
#block-how:after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 766px;
	max-width: 150%;
	height: 480px;
	background-image: url(../images/block-how-bg-paint.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
#block-how > .container{
	position: relative;
	z-index: 10;
}
#block-how .items-brown .item .image{
	width: 258px;
	height: 172px;
}
#block-how .items-brown .item{
	max-width: 300px;
}
@media (max-width: 1745px){ #block-how:after{ left: -110px; } }
@media (max-width: 1530px){ #block-how:after{ left: -50px; width: 550px; } }
@media (max-width: 1350px){ #block-how:after{ left: 0; width: 766px; opacity: 0.5; } }
@media (max-width: 575px){ #block-how .items-brown .item{ margin: 0 auto; max-width: 258px; } }
@media (max-width: 575px){ #block-how *{ text-align: center; } }



/**********/
/*block tarif*/
html.webp #block-tarif{ background-image: url(../images/block-tarif-bg.webp); }
html.avif #block-tarif{ background-image: url(../images/block-tarif-bg.avif); }
#block-tarif{
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-image: url('../images/block-tarif-bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#block-tarif:before{
	content: '';
	z-index: 11;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#block-tarif > .container{
	position: relative;
	z-index: 10;
}
#block-tarif .item{
	overflow: hidden;
	margin: 0 auto;
	max-width: 500px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 5px 10px 5px rgb(90 90 90 / 10%);
}
#block-tarif .item .title{
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f89187+0,f89187+50,facdcc+100 */
	background: #f89187; /* Old browsers */
	background: -moz-linear-gradient(top,  #80dbf2 0%, #50b4cc 50%, #3da4be 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #80dbf2 0%,#50b4cc 50%,#3da4be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dbf2', endColorstr='#3da4be',GradientType=0 ); /* IE6-9 */
}
#block-tarif .item .title .h3{
	font-size: 40px;
	font-weight: normal;
}
#block-tarif .item .desc ul.red li:before{
	background: #3099b3;
}
#block-tarif .price-container{
	font-weight: normal;
	font-size: 36px;
	line-height: 0.95em;
	color: #3099b3;	
}
#block-tarif .price-container .price-old{
	font-size: 20px;
	text-decoration: line-through;
	color: #7c8195;
}
.codes > a.active, .codes > a:hover {
	text-decoration: none;
	color: #fff;
	background: #6bb6ce;
}
.codes > a {
	display: inline-block;
	width: 35px;
	height: 35px;
	font-size: 25px;
	line-height: 36px;
	text-align: center;
	color: #94b7d7;
	background: #ecf3fc;
	border-radius: 6px;
}
#block-tarif .buttons .button{
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
@media (min-width: 992px){
	html.webp #block-tarif > .container:before{ background-image: url(../images/block-tarif-bg-img.webp); }
	html.avif #block-tarif > .container:before{ background-image: url(../images/block-tarif-bg-img.avif); }
	#block-tarif > .container:before{
		content: '';
		position: absolute;
		display: block;
		bottom: 0;
		left: -150px;
		width: 778px;
		height: 573px;
		background-image: url(../images/block-tarif-bg-img.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;
	}
}




/**********/
/*block questions*/
#block-quest .item{
	padding: 8px;
	border-radius: 12px;
	background: #fff;
}
#block-quest .item .inner{
	padding: 30px 40px;
	border-radius: 12px;
	box-shadow: 0 5px 10px 5px rgb(90 90 90 / 10%);
}
#block-quest .item .inner .title{
	position: relative;
	display: flex;
	align-items: center;
	line-height: 1.2em;
	font-weight: 500;
	cursor: pointer;
	padding-right: 70px;
	user-select: none;           
}
#block-quest .item.active .inner .title{
	color: #3099b3;
}
#block-quest .item .inner .title:before{
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	width: 40px;
	height: 43px;
	margin-top: -20px;
	background: url('../images/block-quest-open.png') center top no-repeat;
}
#block-quest .item.active .inner .title:before{
	background: url('../images/block-quest-close.png') center top no-repeat;
}
#block-quest .item .inner .desc{
	padding: 35px 0 5px 0;
}
@media (max-width: 575px){
	#block-quest .item .inner{ padding: 25px 20px; }
	#block-quest .item .inner .title{ padding-right: 55px; }
}


/**********/
/*block whatsapp*/
#block-whatsapp .button{
	width: 100%;
	max-width: 300px;
}




/**********/
/*footer*/
footer{
	/*font-size: 14px;
	line-height: 1.5em;*/
	background-color: #074f61;
}
footer *, footer a:hover{
	color: #fff;
}
footer a:hover{
	text-decoration: underline;
}
footer .icon > a{
	position: relative;
	display: inline-block;
	padding: 2px 0 0 30px;
}
footer .icon > a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 19px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
footer .icon.icon-mail > a:before{
	background-image: url('../images/footer_mail.png');
}
footer .icon.icon-whatsup > img{
	margin-right: 10px;
}
footer .icon.icon-whatsup > a{
	padding-left: 0;
}


/*talks*/
.talks-widget-button {
	z-index: 1500;
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 15px;
	right: 20px;
	font-size: 25px;
	text-align: center;
	border-radius: 50%;
	color: white;
	padding-top: 6px;
	background: #3a6686;
	cursor: pointer;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.23);
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.talks-widget-button .comments-icon {
	position: absolute;
	top: 10px;
	left: 13px;
}



/**********/
/*flip*/
@media (max-width: 767px){
	.flip-container{ width: 100%; overflow: hidden; }
	.flip-container > .flip-clock-wrapper{ font-size: 21px; max-width: 1000px !important; width: 1000px;
	}
	.flip-container .flip-clock-label{ right: -101px !important; }
}
@media (min-width: 576px) and (max-width: 767px){
	.flip-container > .flip-clock-wrapper{ transform: scale(0.65); margin-left: 220px !important; }
}
@media (max-width: 575px){
	.flip-container{ margin: 0 auto; width: 405px; }
	.flip-container > .flip-clock-wrapper{ transform: scale(0.65); max-width: 200% !important; margin-left: -145px !important; }
}
@media (max-width: 445px){
	.flip-container{ width: 341px; }
	.flip-container > .flip-clock-wrapper{ transform: scale(0.55); margin-left: -150px !important; }
}
@media (max-width: 390px){
	.flip-container{ width: 280px; }
	.flip-container > .flip-clock-wrapper{ transform: scale(0.45); margin-left: -175px !important; font-size: 32px; max-width: 225% !important;}
	.flip-container .flip-clock-label{ right: -122px !important; }
	.flip-container .flip-clock-divider.days .flip-clock-label{ right: -108px !important; }
	.flip-container .flip-clock-divider.hours .flip-clock-label{ right: -115px !important; }
}


@media (max-width: 375px) {
	.timer-text-top {
		margin: 14px 0px -32px 0px;
	}

}










/**********/
/*upsell*/
.modal-open .modal{
	background: rgba(32, 79, 91, 0.9);
}
.modal-content{
	overflow: hidden;
	border-radius: 12px;
}
.modal-open .modal-close{
	position: fixed;
	z-index: 500;
	display: block;
	top: 5px;
	right: 25px;
	width: 36px;
	height: 36px;
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #f89187;
	background: -moz-linear-gradient(top, #80dbf2 0%, #50b4cc 50%, #3da4be 100%);
	background: -webkit-linear-gradient(top, #80dbf2 0%,#50b4cc 50%,#3da4be 100%);
	background: linear-gradient(to bottom, #80dbf2 0%,#50b4cc 50%,#3da4be 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80dbf2', endColorstr='#3da4be',GradientType=0 );
	border-radius: 42px;
	box-shadow: 0 0 7px 1px rgba(90,90,90,1);
	cursor: pointer;
	transition: all 200ms;
}
.modal-open .modal-close:hover{
	opacity: 0.7;
}



.upsell-item .modal-p{
	padding-left: 15px;
	padding-right: 15px;
}
#upsell .width-small{
	margin: 0 auto;
	max-width: 500px;
}
#upsell .width-small-2{
	margin: 0 auto;
	max-width: 650px;
}


/*header*/
html.webp #upsell-header, html.webp .upsell-header{ background-image: url(../images/block-1_bg.webp); }
html.avif #upsell-header, html.avif .upsell-header{ background-image: url(../images/block-1_bg.avif); }
#upsell-header, .upsell-header{
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-image: url('../images/block-1_bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#upsell-header:before, .upsell-header:before{
	content: '';
	z-index: 1;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}

html.webp #upsell-header .special-title, html.webp .upsell-header .special-title{ background-image: url(../images/upsell/header-title.webp); }
html.avif #upsell-header .special-title, html.webp .upsell-header .special-title{ background-image: url(../images/upsell/header-title.avif); }
#upsell-header .special-title, .upsell-header .special-title{
	background-image: url(../images/upsell/header-title.jpg);
	background-size: cover;
	font-size: 40px;
	line-height: 1.1em;
	font-weight: normal;
	color: #fff;
	border-radius: 12px;
}
#upsell-header h2, .upsell-header h2 {
	font-size: 80px;
}




@media (max-width: 991px){
	#upsell-header h2, .upsell-header h2{ font-size: 58px; }
}
@media (max-width: 575px){
	#upsell-header h2, .upsell-header h2{ font-size: 48px; }
}


@media (max-width: 575px){
	#upsell-header .special-title, .upsell-header h2{
		font-size: 28px;
	}
}



/*learn*/
html.webp #upsell-learn{ background-image: url(../images/upsell/learn-bg.webp); }
html.avif #upsell-learn{ background-image: url(../images/upsell/learn-bg.avif); }
#upsell-learn{
	position: relative;
	overflow: hidden;
	background-color: #fff;
	background-image: url('../images/upsell/learn-bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#upsell-learn:before, #upsell-learn:after{
	content: '';
	z-index: 1;
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 75px;
	background-image: url(../images/block-1_bg_transition.png);
	background-repeat: repeat-x;
	background-position: center top;
}
#upsell-learn:after{
	bottom: auto;
	top: 0;
	transform: rotate(180deg);
}
#upsell-learn .items .item{
	width: 23%;
}
#upsell-learn .items .item .title.h3{
	font-weight: normal;
	line-height: 1em;
}
@media (min-width: 768px) and (max-width: 991px){
	#upsell-learn .items .item{ width: 30%; }
}
@media (max-width: 767px){
	#upsell-learn .items .item{ width: 45%; }
}



/*sale*/
#upsell-sale ul.red li:before{
	background: #3099b3;
}
#upsell-sale .price-container{
	margin: 0 auto;
	max-width: 400px;
	font-weight: normal;
	font-size: 48px;
	line-height: 0.95em;
	color: #3099b3;	
}
#upsell-sale .price-container .price-old{
	font-size: 36px;
	text-decoration: line-through;
	color: #7c8195;
}





div[datavar="index3v"] ~ #block-how, div[datavar="index4v"] ~ #block-how{
	padding-bottom: 250px;
}

#block-bonus{
	position: relative;
	z-index: 20;
	margin-top: -100px;
}
#block-bonus .inner{
	padding: 60px 90px;
	background: #fff;
	box-shadow: 0 5px 10px 5px rgb(90 90 90 / 10%);
	border-radius: 12px;
}
#block-bonus .info{
	padding: 25px 35px 30px 35px;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #3099b3;
	border: 1px solid #3099b3;
	border-radius: 12px;
}
@media (min-width: 992px){
	#block-bonus .image{
		position: relative;
	}
	#block-bonus .image:before{
		content: '';
		position: absolute;
		display: block;
		left: -80px;
		top: 50%;
		margin-top: -70px;
		width: 93px;
		height: 41px;
		background: url('../images/bonus-arrow.png') center center no-repeat;
	}
}
@media (max-width: 991px){
	#block-bonus .image-mob{
		position: relative;
	}
	#block-bonus .image-mob:before{
		content: '';
		position: absolute;
		display: block;
		left: 50%;
		top: -36px;
		margin-left: -46px;
		width: 93px;
		height: 41px;
		background: url('../images/bonus-arrow.png') center center no-repeat;
		background-size: contain;
		transform: rotate(56deg);
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	#block-bonus .inner{ padding-left: 45px; padding-right: 45px; }
}
@media (max-width: 767px){
	#block-bonus .inner{ padding-left: 30px; padding-right: 30px; }
	#block-bonus .info{ padding: 20px 25px; font-size: 18px; }
}
@media (max-width: 575px){
	#block-bonus .info{ padding: 15px 15px; font-size: 16px; }
	#block-bonus .image-mob:before{ height: 25px; }
}








/*************************************/