/*
Theme Name: Trans meditation
Template: Goodini
Theme URI: https://degorov.ru/
Description: Тема разработана специально для 
Author: D.E.
Author URI: https://degorov.ru/
Version: 1.0
*/


html {font-size:16px;}
h1 {}
h2 {}




.lazy-image.al_img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: initial;
    pointer-events: none;
}
.al_img .progressive{
	position:absolute;
}
.progressive.replace {top:0; height:100%;}

.al_img .progressive img {
	position:relative;
	width:initial;
	height:initial;
	max-width:initial;
	max-height:initial;
}

.page-frame {overflow:hidden;}




/* header */
#header {}
#header .logo {
	width: 18rem;
}
#header .logo a {
	width: initial;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1.8rem 1.5rem;
	line-height: 1.4;
	font-size: 0.875rem;
	background-image: url(assets/i/logo_bg.svg);
	background-size: 101%;
	border-radius: 0.5rem;
	background-position: center;
	margin-top: -1rem;
	background-repeat: no-repeat;
	color: var(--color);
}
#header .logo a img {
	margin-right: 0.6rem;
}
#header .row {
    align-items: center;
}
#header .info {
    margin-top: -0.5rem;
}
#header .info span {
    display: block;
    font-weight: var(--f1wb);
    font-size: 1.125rem;
    margin-bottom: 3px;
    color: #000;
}
#header .info a {
    border-bottom: 1px dashed;
    font-weight: var(--f1wb);
}
#header .phone-content {
    color: #000;
    font-size: 1rem;	
}
.socset {
    display: flex;
    justify-content: flex-end;
    align-items: center;	
    width: 100%;
}
.socset a {
    display: block;
    margin: 0.5rem 0 0 1rem;
}
.socset a svg{
    height: 2rem;
    width: 2rem;
}



/* offer */

#offer {
	margin-top: -7rem;
	position: relative;
	padding: 11rem 0;
	min-height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-image: url(assets/i/off_bg.jpg);
	background-position: center;
	background-size: cover;
	/*
	border: 1rem solid #ffffff;
	border-radius: 2rem;*/
}
/*#offer::before {
	content: "";
	position: absolute;
	display: block;
	bottom: -1rem;
	left: -1rem;
	width: calc(100% + 4rem);
	height: 2rem;
	background-color: #ffffff;
	z-index: 0;
}*/
.off_sup_h1 {
	text-transform: uppercase;
	font-size: 1.125rem;
	margin-bottom: 1.5rem;
}
.off_h1 {}
.off_h1 h1 {
	font-size: 2.5rem; 
}
.off_h1 h1 strong {
    font-weight: 400;
}
.off_h1 h1 del {
	position: relative;
	text-decoration: none;
	white-space: pre;
	display: inline-block;
    font-weight: 600;
}
.off_h1 h1 del::before {
	content: "";
	position: absolute;
	display: block;
	background-image: url(assets/i/green_bottom.svg);
	height: 1.5rem;
	width: 27rem;
	background-size: cover;
	left: -2rem;
	bottom: -1.2rem;
}
#offer .list ul {
    margin-bottom: 2rem;
}
.list ul li::before {
    top: 0.3rem;
}
.off_btn_text {
	width: 33.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1.7rem 1.5rem;
	background-image: url(assets/i/offet_btn_bg.svg);
	background-size: 101% auto;
	background-position: center;
	border-radius: 0.5rem;
}
.off_btn_text p {
	position: relative;
	font-size: 0.875rem;
	margin: 0;
	margin-left: 1rem;
}
.off_btn_text p::after {
	position: absolute;
	display: block;
	content: "";
	background-image: url(assets/i/arr.svg);
	width: 4.5rem;
	height: 1.13rem;
	right: 0;
	bottom: -1.3rem;
}
.off_btn_text .btn_wrap {}

.btn_wrap .btn span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 4rem;
	padding: 1rem;
	min-width: 15rem;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.offer_wrap {
	max-width: 38.3rem;
}

.time_place {
	width: 33.5rem;
	padding: 2rem;
	background-color: #ffffff;
    border-bottom: 2px dashed #ccc;
	border-radius: 0.5rem;
	font-size: 0.9rem;
}
.adress {}
.mode {
	margin-top: 0.5rem;
	font-weight: bold;
}
#offer .video {
    border-radius: 0.7rem;
    overflow: hidden;
}
#offer .video iframe {	
    position: absolute;
    width: 100%;
    height: 100%;
}

/* fact */
#fact {
    padding-top: 3.3rem;
    min-height: 55rem;
    background-image: url(assets/i/fact_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.headding {text-align:center;}
.headding h2 {
	font-size: 2.5rem;
}
.fact_h2 h2 {
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 0rem;
}
.fact_h2 p {
	margin: 0.4rem auto auto;
	max-width: 25rem;
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.3;
}
.fact_wrap {
	margin-top: 4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.fact_l, .fact_r {
	margin-left: 2rem;
	width: 23rem;
	background: #ffffff;
	padding: 1.2rem;
	line-height: 1.4;
	border-radius: 0.5rem;
}
.fact_r {
	margin-left: 0rem;
	margin-right: 2rem;
}


/* mass */
#mass {
}
.headding strong {
	font-weight: 400;
}
.mass_h2 {
	text-align: center;
	margin: auto;
	max-width: 52rem;
}
.mass_h2 strong {}
.mass_h2 p {}
.mass_wrap {
	margin: 0rem auto auto;
	max-width: 70rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.mass_item {
	padding-bottom: 3.5rem;
	position: relative;
	background-color: #fff;
	border-radius: 0.5rem;
	-webkit-box-shadow: -0.75rem 0 0.75rem rgba(0,0,0,0.07);
	        box-shadow: -0.75rem 0 0.75rem rgba(0,0,0,0.07);
	padding-top: 0.5rem;
}
.mass_img {
	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;
}
.mass_img img {}
.mass_text {
	padding: 0 3rem;
	font-size: 0.95rem;
}
.mass_text em {
	display: block;
	font-style: normal;
    margin: 0.5rem 0 0.75rem;
    font-size: 1.25rem;
}

.mass_img_1 {
	left: -48rem;
	top: -17rem;
}
.mass_img_2 {
	right: -40rem;
	top: -22rem;
}


#mass .al_img {
	z-index: 1;
	height: 0;
}


/* f_learn */
#f_learn {
	background-image: url(assets/i/f_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
.f_h2 {
	margin: auto;
	max-width: 39rem;
}
.f_h2 h2 {margin-bottom:0;}
.tabs_btn_wrap {
	text-align: center;
	margin: 1.4rem auto;
	max-width: 37.3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 2.125rem;
	font-family: var(--f2);
	font-weight: 300;
	background-color: #F0EAE6;
	border-radius: 0.5rem;
	overflow: hidden;
}
.tabs_btn_wrap div {
	padding: 0.8rem;
	cursor: pointer;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-transition:all 250ms ease 0ms;
	-o-transition:all 250ms ease 0ms;
	transition:all 250ms ease 0ms;
}
.tabs_btn_wrap div:hover, .tabs_btn_wrap div.active:hover {
	background-color: #ABA29C;
}
.tabs_btn_wrap div.active{
	background-color:#DBD2CC;
}
.tabs_cont_wrap {
	margin: 5.5rem auto auto;
}
.tabs_cont_wrap > div {
	position: absolute;
	z-index: -100;
	opacity: 0;
	height: 0;
	overflow: hidden;
}
.tabs_cont_wrap > div.active {
	z-index: initial;
	position: relative;
	height: initial;
	opacity: 1;
	-webkit-transition: opacity 250ms ease 0ms;
	-o-transition: opacity 250ms ease 0ms;
	transition: opacity 250ms ease 0ms;
	overflow: initial;
}
.f_text_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.f_text {
	margin-left: 6.8rem;
	max-width: 20rem;
	margin-right: 3rem;
}
.f_text ul {}
.f_text ul li {
	position: relative;
	padding-left: 1.8rem;
	margin-bottom: 0.5rem;
}
.f_text ul li::before {
	position: absolute;
	display: block;
	content: "";
	width: 0.8rem;
	height: 0.625rem;
	background-image: url(assets/i/point.svg);
	background-size: cover;
	left: 0;
	top: 0.4rem;
}
.f2_text {}
.f_text .btn_wrap {
	margin-top: 1.7rem;
	max-width: 15rem;
}
.f_text .btn_wrap .btn {
	pointer-events:auto;
}
.f_count {
	margin-top: 2.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 16.6rem;
	pointer-events:auto;
}
.f_count span {}
.count_space {
	background: #EF903D;
	font-size: 1.25rem;
	padding: 0.5rem 1rem;
	min-width: 6rem;
	text-align: center;
	color: #fff;
	border-radius: 0.315rem;
}
.f_img {
	width: calc(100% - 30rem);
	position: relative;
}
.f2_map {
	margin-top: -3.6rem;
	margin-left: -6.1rem;
}
.f_botton_text {
	width: 100%;
	margin-top: 2rem;
	text-align: center;
	margin-bottom: 2rem;
}

.f_botton_text span {
	display: block;
	position: relative;
	margin: auto;
	max-width: 22rem;
	font-size: 0.8rem;
	padding: 1.3rem 1rem;
	background-color: #F0EAE6;
	border-radius: 0.5rem;
}
.f_botton_text span::after {
	content: "";
	position: absolute;
	display: block;
	background-image: url(assets/i/f_text_bg.svg);
	width: 26rem;
	height: 8.4rem;
	background-size: cover;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	z-index: -1;
}

.f1_logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 2rem;
	max-width: 44rem;
}
.f1_logo span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #EBEBEB;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1rem;
	max-width: 30%;
	height: 6.3rem !important;
	border-radius: 0.5rem;
	width: 100%;
}
.f1_logo span img {}

.f_img_1 {
	left: 0;
	top: 14rem;
}
.f_img_2 {
	right: -0.5rem;
	top: 28.6rem;
	z-index: 1;
}

.map_block {
	position: relative;
	margin-left: -6rem;
	margin-top: -3.5rem;
	width: 71rem;
}
.big_map{}
.point_img { position:absolute;}
.point_1 {
	left: 8%;
	top: 41.3%;
}
.point_2 {
	left: 14.6%;
	top: 45.3%;
}
.point_3{
	left: 20.6%;
	top: 30.3%;
}
.point_4 {
	left: 24.9%;
	top: 22.3%;
}
.point_5{
	left: 27%;
	top: 54.7%;
}
.point_6 {
	left: 27.8%;
	top: 28.9%;
}
.point_7 {
	left: 28.8%;
	top: 18.5%;
}
.point_8 {
	left: 30.3%;
	top: 32.5%;
}
.point_9 {
	left: 32.2%;
	top: 25.7%;
}
.point_10 {
	left: 33.3%;
	top: 18.4%;
}
.point_11 {
	left: 35.5%;
	top: 27.9%;
}
.point_12 {
	left: 37.7%;
	top: 20.4%;
}
.point_13 {
	left: 41.4%;
	top: 24.1%;
}
.point_14 {
	left: 43%;
	top: 15.7%;
}
.point_15 {
	left: 43%;
	top: 36.7%;
}
.text {
	position: absolute;
	left: 11.4%;
	top: 35%;
}



/* why */
#why {
	padding-top: 6rem;
	background-image: url(assets/i/why_bg.jpg);
	background-position: center bottom;
	padding-bottom: 9.6rem;
	background-color: #efeae6;
	z-index: 1;
	background-repeat: no-repeat;
}
.why_h2 {
	text-align: left;
	max-width: 42rem;
}
.why_h2 h2 {
	line-height: 1.13;
}
.why_text {
	margin-top: 5.6rem;
}
.why_text ul {
	-webkit-column-count: 2;
	   -moz-column-count: 2;
	        column-count: 2;
	gap: 50%;
}
.why_text ul li {
    position: relative;
    padding-left: 1.8rem;
    margin-bottom: 1rem;
    display: inline-block;
    width: 100%;
}
.why_text ul li::before {
	position: absolute;
	display: block;
	content: "";
	width: 0.8rem;
	height: 0.625rem;
	background-image: url(assets/i/point.svg);
	background-size: cover;
	left: 0;
	top: 0.4rem;
}

.al_img .progressive {
	position: absolute;
}
.why_img_1 {
	left: -0.5rem;
	top: 21rem;
}
.why_img_2 {
	top: 7rem;
	left: 27%;
}
.why_img_3 {
	top: 20rem;
	left: 24%;
}
.why_img_4 {
	top: 36rem;
	left: 24%;
}
.why_img_5 {
	top: 13rem;
	left: 60.6%;
}
.why_img_6 {
	top: 4rem;
	left: 71%;
}
.why_img_7 {
	top: 19rem;
	left: 69%;
}

/* tren */
#tren {}
.tren_text {
	margin: 0 auto 0;
	max-width: 72rem;
	padding: 1.8rem 3rem;
	margin-bottom: 2rem;
	min-height: 30rem;
	border-radius: 0.5rem;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 3rem 3rem -4rem #A0A0A0;
	        box-shadow: 0 3rem 3rem -4rem #A0A0A0;
}
.tren_text_iside {
	max-width: 32rem;
}
.tren_text_iside p:first-child {
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	margin-bottom: 3.7rem;
}
.tren_text_iside em {
	font-style: normal;
	font-size: 2rem;
	font-family: var(--f2);
	font-weight: bold;
	line-height:1.25;
}
.tren_text_iside p {
	max-width: 24rem;
}
.tren_b1 {
	background-image: url(assets/i/tren_bg_1.jpg);
	color: #ffffff;
}
.tren_b2 {background-image: url(assets/i/tren_bg_2.jpg);}

.tren_btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: auto;
	max-width: 54rem;
}


.tren_btn_text {
	display: block;
	position: relative;
	max-width: 22rem;
	font-size: 0.8rem;
	padding: 1.3rem 1rem;
	background-color: #F0EAE6;
	border-radius: 0.5rem;
}
.tren_btn_text:after {
	content: "";
	position: absolute;
	display: block;
	background-image: url(assets/i/f_text_bg.svg);
	width: 26rem;
	height: 8.4rem;
	background-size: cover;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	z-index: -1;
}


.tren_btn .btn_wrap {
	margin-left: 6.5rem;
}
.tren_img_1 {
	right: 0;
	top: -8.5rem;
}
.tren_img_2 {
	right: -0.5rem;
	bottom: 11.5rem;
}
.tren_img_3 {
	bottom: 2.2rem;
	left: -0.5rem;
}


/* recall */
#recall {
	padding-top: 5.5rem;
	background-image: url(assets/i/recal_bg.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 8.5rem;
}
.recall_h2 {
	margin: auto;
	max-width: 50rem;
}
.recall_h2 h2 {
	margin-bottom: 0;
}
.recall_h2 p {
	font-size: 1.125rem;
	margin-top: 0.5rem;
}
.recall_slider {
	margin: auto;
	max-width: 57rem;
}
.one_slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2rem;
	background-image: url(assets/i/quot.png);
	background-repeat: no-repeat;
	background-position: right 2.5rem top 2.3rem;
	background-color: #F0EAE6;
	border-radius: 0.5rem;
	min-height: 27rem;
}
.left_column {
	width: 16rem;
	min-width: 16rem;
}
.avatar {}
.avatar img {
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	min-width: 9rem;
}
.title {
	margin-top: 1.6rem;
	font-weight: 600;
}
.city {
	margin-top: 0.3rem;
}
.city span {font-weight: 600;}
.position {
	margin-top: 0.2rem;
	font-size: 0.875rem;
}
.right_column {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	max-width: 31rem;
}
.blockquote {
	font-weight: 600;
	font-size: 1.323rem;
	margin-top: 1rem;
	line-height: 1.6;
}
.review {
	margin-top: 0.8rem;
	font-size: 0.9rem;
	line-height: 1.53;
}
.review p {margin:0;}
 
.active .review.big {display: block; }
 
 
.review.big{
	display: -webkit-box;
	-webkit-line-clamp: 10;
	-webkit-box-orient: vertical;
	overflow: hidden;	
} 

.see_full {display:none;} 
.big + .see_full {display:block;}
.active .see_full {display:none;}
.see_full {margin-top: 1rem;}

.see_full span {
    font-size: 0.9rem;
    color: #5785AC;
    border-bottom: 1px dotted #5785AC;
	cursor:pointer;
	-webkit-transition: all 250ms ease;
	-o-transition: all 250ms ease;
	transition: all 250ms ease;
}
.see_full span:hover {
	border-bottom: 1px dotted rgba(255,255,255,0.001);
}
.recall_slider .slick-arrow {
	text-indent: -9999px;
	background-color: #eae2dc;
	bottom: initial;
	z-index: 1;
	top: 11.5rem;
	height: 4.6rem;
	width: 2.3rem;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-box-shadow: initial;
	        box-shadow: initial;
	
}
.recall_slider .slick-next {
	right: -2.3rem;
	border-radius: 0 2.3rem 2.3rem 0;
	background-image: url(assets/i/next.svg);
}
.recall_slider .slick-prev {
	left: -2.3rem;
	border-radius: 2.3rem 0 0 2.3rem;
	background-image: url(assets/i/prev.svg);
}
.recall_slider .slick-arrow:hover {
	-webkit-filter: grayscale(0.5);
	        filter: grayscale(0.5);
}
.recall_btn {
	margin: 2.3rem auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 33rem;
}
.recall_btn_text {
	font-size: 0.9rem;
	width: 13rem;
	margin-right: 2rem;
}
.recall_btn_text strong{}
.recall_btn .btn_wrap{}

.recall_img_1 {
	bottom: 0rem;
	left: 0;
}
.recall_img_2 {
	right: -4.3rem;
	bottom: -4.5rem;
}


/* seleb */

#seleb {
	z-index: 5;
}
.seleb_h2 {
	margin: auto;
	max-width: 60rem;
}
.seleb_h2 h2 {
	margin: 0;
}
.seleb_h2 p {
	font-size: 1.125rem;
	margin-top: 0.5rem;
}
.seleb_gal_wrap {
	margin-top: 4.5rem;
	overflow: auto;
	padding-bottom: 2rem;
}
.seleb_gal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.seleb_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}
/*.seleb_pers {
	display: inline-block;
	width: 13rem;
	min-width: 13rem;
	margin: 0 0.25rem;
}*/
.seleb_name {
	display: block;
	text-align: center;
	margin-top: 1.2rem;
    font-weight: var(--f1ws);
}
.seleb_who {
	text-align: center;
	display: block;
	margin-top: 0.2rem;
	color: #929EA7;
}

.seleb_gal_wrap::-webkit-scrollbar{
  height: 10px;
  background-color:#F0EAE6;
  border-radius:5px;
}
.seleb_gal_wrap::-webkit-scrollbar-thumb{
  background-color:#C4A18B;
  height:10px;
  border-radius:5px;
}
.swiper-scrollbar-drag {
	background: #C4A18B;
}

.selrb_img_1 {
	right: 10rem;
	top: 1.5rem;
}


.swiper-container {margin-top:3.7rem; padding-bottom: 3.2rem;}
.swiper-scrollbar, .swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 50%;
	bottom: 3px;
	z-index: 50;
	height: 10px;
	width: 58rem;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	max-width: 80%;
}



/* lastblock */
#lastblock {
	background-image: url(assets/i/opf_bg.jpg);
	background-position: top -3.6rem center;
	padding-bottom: 22rem;
	z-index: 1;
}
.opf_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.opf_text {
	margin-top: 2.1rem;
	max-width: 34rem;
}
.opf_text em {
	font-style: normal;
	font-size: 1.75rem;
	line-height: 1.4;
	font-family: var(--f2);
	font-weight: 300;
}
.opf_text em strong, .opf_text strong em {font-weight:400;}
.opf_text p:last-child {
	width: 24rem;
	font-size: 1.125rem;
	line-height: 1.3;
}


.opf_form {
	width: 22rem;
	margin-top: 3.7rem;
	padding: 2.5rem 1.9rem;
	background-image: url(assets/i/form_bg.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.form .form-head {
	line-height: 1.2;
	font-size: 1.35rem;
}
.form-desk {
	font-size: 1.125rem;
	margin: 0rem 0 0.9rem;
}

.hideLabels .form-control {
	padding: 1.75rem 1rem 1.2rem;
}
.hideLabels .form-group label {
	/* top: 1.4rem; */
	color: #636773;
	margin-top: 0.4rem;
}

.form .btn {
	width: 14.5rem;
	margin: auto;
	display: block;
}
.agreement-check {
	position: relative;
	margin-top: 2.7rem;
}
a, a:focus, a:active {
	color: #D05730;
	border-bottom-color: #D05730;
}

.form_img_2 {
	right: -3rem;
	top: -4rem;
}



/* footer */
#footer {
	background: transparent;
	padding: 1.8rem 0;
	background-image: url(assets/i/logo_white.svg);
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: center bottom;
	background-color: #EBEBF0;
	z-index: 0;
	height: 9.5rem;
}
#footer_super {
	padding: 1.3rem 0;
	margin-top:-9.5rem;
}
.footer_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: auto;
	max-width: 76rem;
}
.footer_left {}
.footer_logo {}
.footer_logo a {
	color: #000000;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.footer_logo a img {
	margin-right: 1rem;
}
.footer_logo a span {
	font-size: 0.85rem;
	line-height: 1.2;
}

.footer_right {
	margin-right: 2rem;
	text-align: right;
}
.footer_phone {}
#footer_super .phone-content {
	display: block;
	color: #000000;
	font-size: 1rem;
}
#footer_super .phone-content:hover {
	color:#D05730;
}
#footer_super .link {
	color: #000000;
	border-bottom: 1px dotted;
}
#footer_super .link:hover {
	color:#D05730;
}
.social .soc {
	width: 2.25rem;
	height: 2.25rem;
	margin-right: 1rem;
}
.social .soc svg {
	width: 2.5rem;
	height: 2.5rem;
}
.form_img_1 {
	bottom: -9.7rem;
	right: 83vw;
}
.form_img_3 {
	right: -19rem;
	bottom: -31.7rem;
}

.b2b-copy {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0;
}
.b2b_col {
    text-align: right;
}
.footer_2 {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}


.footer_center {
	font-size: 0.85rem;
	padding: 0 2rem;
	text-align: right;
	flex-grow: 1;
}
.footer_adress {}
.footer_mode {
	font-weight: bold;
}


.btn_link {
	width:15rem;
}


.popup .form .form-head {
	line-height: 1.2;
	font-size: 1.8rem;
	margin-bottom: 1rem;
}



/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1149	Нетбуки
-- lg	1150-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/


@media (min-width: 2500px) {
#fact {padding-bottom: 38rem;}
#f_learn {background-size: contain;}
#recall {background-size: cover;}
#lastblock {background-size: cover;}	
.form_img_1 {
	bottom: -9.7rem;
	right: 88vw;
}
.form_img_3 {
	right: -26vw;
	bottom: -31.7rem;
}
}

/*
==============================
	xl 1699 - Декстопы	(1600)
==============================
*/
@media (max-width: 1699px) {
/* recall */
#recall {background-size: contain;}



}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
@media (max-width: 1599px) {
/* tren */	
.tren_img_2 {
	bottom: 4.5rem;
}
/* f_learn */
.f_img_1 {
	left: -9rem;
	top: 14rem;
}
/* mass */
.al_img .progressive.mass_img_2 img {
	height: 71vw;
}

}


/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
@media (max-width: 1399px) {
/* offer */	
#offer {padding: 7rem 0;}

/* mass */
.al_img .progressive.mass_img_2 img {
	height: 71vw;
}
/* f_learn */
.f_img_2 {
	right: -6.5rem;
}
/* why */
#why {
	padding-top: 4.7rem;
	background-repeat: no-repeat;
}
/* tren */
.tren_img_3 {
	bottom: 0.2rem;
}
/* seleb */
.selrb_img_1 {
	right: 5rem;
	top: 1.5rem;
}
#lastblock {
	background-position: top 1.4rem center;
	background-size: cover;
	padding-bottom: 7rem;
	background-repeat: no-repeat;
}

/* footer */
.footer_left {
	margin-left: 10vw;
}
.form_img_1 {
	bottom: -9.7rem;
	right: inherit;
	left: 0;
	/* width: 10vw; */
}
.al_img .progressive.form_img_1 img {
	width: 13vw;
}
.form_img_3 {
	right: -12rem;
	bottom: -15.7rem;
}
.al_img .progressive.form_img_3 img {
	width: 40vw;
}	


/* recall */	
.al_img .progressive.recall_img_2 img {
	width: 35vw;
}	

.al_img .progressive.recall_img_1 img {
	width: 14vw;
}	


}


/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {
.headding h2 {
	font-size: 2rem;
}
/* offer  */	
#offer {
	padding: 4rem 0;
	
}
.offer_wrap {
	max-width: 32rem;
}
.off_h1 h1 {
	font-size: 2rem;
	margin-bottom: 1.5rem;
}	
.off_h1 h1 del::before {
	width: 20rem;
	background-size: contain;
	background-repeat: no-repeat;
}	

/* fact */	
#fact {
	min-height: 40rem;
	background-size: cover;
}
.fact_l, .fact_r {
	width: 20rem;
}	
	
/* mass */	
.mass_text {padding: 0px 2rem;}	

.mass_img_1 {
	left: -62vw;
	top: -17rem;
}
.al_img .progressive.mass_img_1 img {
	width: 100vw;
}

/* f_learn */
.tabs_cont_wrap {
	margin: 3.5rem auto auto;
}
.f_text {
	margin-left: 0;
}

/* why */
#why {
	background-size: contain;
	padding-bottom: 3rem;
}
.why_text ul {
	gap: 33%;
}

/* tren */
.tren_img_3 {
	display: none;
}
.tren_img_2 {
	bottom: -1.5rem;
}
	
/* recall */	
#recall {
	padding-bottom: 2.5rem;
}
.recall_slider {
	margin: auto;
	max-width: 46rem;
}
.al_img .progressive.recall_img_2 img {
	width: 35vw;
}	

.al_img .progressive.recall_img_1 img {
	width: 14vw;
}	

/* seleb */
.selrb_img_1 {
	right: 2rem;
	top: 3.5rem;
}

/* lastblock */
#lastblock {
	background-position: top 7.4rem center;
}

.al_img .progressive.form_img_2  img {
	width: 44vw;
}
/**************************************/	
}


/*
==============================
	ml 1149 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1149px) {

/* fact */	
.fact_l, .fact_r {
	margin-left: 0;
}
.fact_r {
	margin-right: 0;
}	

/* f_learn */
.f_botton_text {margin-top: 3rem;}
.f1_logo {gap: 1rem;}
.al_img .progressive.f_img_2  img {
	width: 50vw;
}	
/* why */
.why_img_7 {
	display: none;
}

/* tren */
.tren_text {
	min-height: initial;
}
/* recall */
.recall_slider {
	max-width: 42rem;
}
/* selrb */
.selrb_img_1 {
	top: 5.5rem;
	z-index: 1;
}

/* opf */
.opf_text em {
	font-size: 1.75rem;
	line-height: 1.2;
}
.opf_text p:last-child {
	width: 21rem;
}
/***********************************/	
}	


/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {
/* offer */	
#offer {
    padding: 7rem 0 3rem;
	height: initial;
	min-height: inherit;
    background-position: center left -250px;
}
.offer_wrap {
    max-width: 100%;
}
.off_h1 {
    max-width: 30rem;
}
.off_sup_h1 {
    font-size: 1rem;
}
.time_place br {
    display: none;
}
#offer .mode {
    margin-top: 0rem;
    font-weight: bold;
}
#offer .adress {
    margin-top: 0.5rem;
}
.time_place {
	width: 33.5rem;
    padding: 1.5rem 2.25rem;
}
	
/* fact */	
#fact {
	padding-top: 2rem;
	min-height: 44rem;
	background-size: 155vw;
	background-repeat: no-repeat;
	padding-bottom: 0;
}
.fact_l, .fact_r {
    width: 34vw;
    padding: 1rem;
    font-size: 0.9rem;
    margin-top: 10rem;
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 0.2);
}

/* mass */
.mass_item {
    padding-bottom: 0.5rem;
}
.mass_text {
    padding: 0px 1.5rem;
}
.mass_text em {
    margin: 0.5rem 0 0.5rem;
    font-size: 1.125rem;
}
.mass_text p {
    font-size: 0.9rem;
}
.mass_img img {
	width: 18vw;
}
.mass_img_2 {
	right: -59vw;
	top: -14rem;
}

/* f_learn */
.tabs_btn_wrap {
	font-size: 1.5rem;
}

.f1_logo span {
	max-width: 46%;
}

.map_block {
	-webkit-transform: scale(0.8);
	    -ms-transform: scale(0.8);
	        transform: scale(0.8);
	-webkit-transform-origin: center left;
	    -ms-transform-origin: center left;
	        transform-origin: center left;
}

/* tren */
.tren_text_iside p:first-child {
	margin-bottom: 1.5rem;
}
.tren_text {
	padding: 1.5rem 1.5rem;
}
.tren_text_iside {
	max-width: 50%;
}
.tren_text_iside em {
	font-size: 1.5rem;
}
.tren_img_2 {
	right: -7.5rem;
	bottom: 9rem;
	z-index: 3;
}
.tren_img_2  img {-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);}

/* recall */
#recall {
	padding-top: 0rem;
	padding-bottom: 11rem;
}
.recall_btn {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* seleb */
.selrb_img_1 {
	display: none;
}
/*.seleb_pers {
     width: calc(100%/5 - 0.5rem);
    min-width: calc(100%/5 - 0.5rem);
 }*/
 .seleb_name {
    font-size: 1rem;
    line-height: 1.2;
}
.seleb_who {
    font-size: 0.9rem;
}
 
/* opf */
.opf_wrap {
	display: block;
}

.opf_form {
	position: absolute;
	top: 3rem;
	right: 0;
}
.opf_text p:last-child {
    font-size: 1rem;
}
#lastblock {
	height: 65rem;
	background-size: cover;
	background-position: bottom -13rem left calc(50% - 9rem);
}
.form_img_1, .form_img_2, .form_img_3 {display: none;}

.opf_form {
	-webkit-filter: drop-shadow(0 0 1rem rgba(0,0,0,0.1));
	        filter: drop-shadow(0 0 1rem rgba(0,0,0,0.1));
}

/* footer */
.footer_left {
	margin-left: 0;
}
/*************************/	
}


/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
.headding h2 {
	font-size: 1.75rem;
}
#header .phone {
    display: none;
}
/* offer */
.offer_wrap {
}
.off_h1 h1 {
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

.off_btn_text p::after {display: none;}
.off_btn_text {
	width: 100%;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1rem 1rem;
	background-image: initial;
	background-color: #ffffff;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.off_btn_text p {
    position: relative;
    font-size: 0.75rem;
    margin-left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0.5rem;
}
.off_btn_text .btn_wrap {
	-webkit-box-ordinal-group: 1;
	    -ms-flex-order: 0;
	        order: 0;
	width: 100%;
	text-align: center;
}
.btn_wrap .btn span {
	min-height: 2rem;
	min-width: 12rem;
}

.time_place {
	padding: 1rem 2rem;
	font-size: 0.8rem;
}

/* fact */
#fact {
	min-height: initial;
	background-size: 768px;
	background-position: center bottom;
	padding-bottom: 18rem;
}
.fact_wrap {margin-top: 2rem; display: block;}
.fact_l, .fact_r {
	width: 100%;
	padding: 0.5rem;
	margin-top: 0;
}
.fact_l {border-radius:0.5rem 0.5rem 0 0; padding-bottom:1rem}
.fact_r {border-radius: 0 0 0.5rem 0.5rem ; padding-top:0; margin-top:-1rem;}

/* mass */
#mass {
	padding-top: 3.5rem;
}
.mass_text {
	font-size: 0.9rem;
	text-align: center;
}
.mass_text em {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.mass_wrap {
	margin: 2rem auto auto;
	max-width: 500px;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.mass_item {
	width: 50%;
	padding-bottom: 0.5rem;
	background-color: #fff;
	padding-top: 1.5rem;
}

.mass_img img {
	width: 30vw;
}
.mass_img_1 {
	top: 1rem;
}
.mass_img_2 {
	top: 16rem;
}

/* f_learn */

#f_learn .container-fluid {
	position: relative;
	z-index: 2;
}
.f_text {
    margin-left: 0;
    max-width: 62%;
    margin-right: 0;
}
.f2_map {
	bottom: 0;
	top: initial;
	margin-top: -4rem;
}
.al_img.f2_map  .progressive img{
	max-height: 19rem;
}


.f_img {
	width: 100%;
	position: relative;
	margin-top: 3rem;
}
.f_img_2 {
	right: -7vw;
	top: 25rem;
}
.f1_logo {
	max-width: 490px;
}
.al_img .progressive.f_img_2 img {
	width: 90vw;
}

.f1_logo span {
	max-width: 30%;
}
.f1_logo span img {
	max-width: 80px;
	max-height: 45px;
}
.f_text_wrap {
	font-size: 0.9rem;
}
.f_text ul li::before {
	top: 0.3rem;
}
.f_text ul li {
	padding-left: 1.5rem;
}

div[data_tab="1"] .f_img {
	position: absolute;
	top: 0;
	margin-top: 0;
}
 .map_block {
	-webkit-transform: scale(0.5);
	    -ms-transform: scale(0.5);
	        transform: scale(0.5);
	-webkit-transform-origin: top left;
	    -ms-transform-origin: top left;
	        transform-origin: top left;
	position: absolute;
	left: 65%;
	z-index: -2;
	top: -3rem;
}




/* why */
#why {
	padding-bottom: 2rem;
	background-size: 41rem;
	background-position: bottom left calc(50% - -6rem);
}

.why_text ul li {
    display: block;
 
}
.why_text ul li:nth-child(7),.why_text ul li:nth-child(8)  {
    width: 40%;
}
.why_text {
	margin-top: 2.5rem;
	font-size: 0.9rem;
}
.why_text ul {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
/*.why_img_1, .why_img_2,.why_img_3,.why_img_4, .why_img_5, .why_img_6,.why_img_7 {display: none;}*/

.why_img_1 img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);} 
.why_img_2  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);}
.why_img_3  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);}
.why_img_4  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);} 
.why_img_5  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);}
.why_img_6  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);}
.why_img_7  img{ -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5);}


/* tren */
.al_img .progressive.tren_img_1 img {
	width: 9rem;
}
.tren_text_iside {max-width: 100%;}

.tren_text {
    padding: 1.5rem 1.5rem;
    position: relative;
    max-width: 436px;
    background-size: 436px auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 13rem;
    -webkit-box-shadow: 0 2rem 3rem -1rem #A0A0A0;
            box-shadow: 0 2rem 3rem -1rem #A0A0A0;
		font-size: 0.9rem;
}
.tren_b2 {
	padding-top: 1rem;
}
.tren_b2 em {
	display: block;
	width: 170px;
	height: 10.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-bottom: 1rem;
}
.tren_text_iside p {}



.tren_b1 {
	background-image: url(assets/i/tren_bg_1.jpg);
	color: #ffffff;
	background-color: #436190;
}

.tren_btn {
	display: block;
	max-width: 54rem;
	text-align: center;
}
.tren_btn_text {
	margin: 0 auto 2rem;
}
.tren_btn .btn_wrap {
	margin-left: initial;
	margin: auto;
	max-width: 13rem;
}
.tren_img_2 {
	right: -7.5rem;
	bottom: 0rem;
	z-index: 1;
}
/* recall */
.one_slide {
	display: block;
}
.left_column {
    width: 100%;
    min-width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.title {
    margin-top: 0;
 }
 .recall_info {
    padding-left: 1rem;
    text-align: left;
}

.recall_img_1 {display: none;}
.recall_img_2 {display: none;}

/* seleb */
#seleb {
	padding-top: 4rem;
}
.seleb_gal_wrap {
    padding-bottom: 1rem;
}
.seleb_gal_wrap {
	margin-top: 1.5rem;
}
/*.seleb_pers {
    width: calc(100%/3 - 0.5rem);
    min-width: calc(100%/3 - 0.5rem);
}*/
.seleb_name {
	font-size: 0.9rem;
}
.seleb_who {
	font-size: 0.8rem;
}


/* opf */
.opf_form {
	position: relative;
	top: initial;
	right: initial;
	margin: 0 0 0 auto;
}
.opf_text {
    margin-top: 0;
    max-width: 100%;
}
.opf_text em strong br, .opf_text strong em br {
	display:none;
}
.opf_text p:last-child {
	width: 100%;
}
#lastblock {
	height: initial;
	background-size: 1058px;
	background-position: bottom -9rem left calc(50% - 9rem);
	padding-bottom: 3rem;
}

.social .soc svg {
    width: 1.5rem;
    height: 1.5rem;
}
.social .soc {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1rem;
}

.opf_text p:last-child {
	font-size: 0.9rem;
}

.footer_wrap {
	flex-wrap: wrap;
}
.footer_center {
	text-align: center;
	order: 0;
	padding: 0;
	margin-bottom: 1rem;
	width: 100%;
}
.footer_left, .footer_right {order: 1;}

#footer {display:none;}
#footer_super {
	background: transparent;
	padding: 1.8rem 0;
	background-image: url(assets/i/logo_white.svg);
	background-repeat: no-repeat;
	background-size: auto 90%;
	background-position: center bottom;
	background-color: #EBEBF0;
	z-index: 0;
	margin-top: 0;
}

/*********************************/
}



@media (max-width: 610px) {
#header .logo a img {
    max-height: 2rem;
}
#seleb {
	padding-top: 2.5rem;
	padding-bottom: 4rem;
}	
.opf_form {margin: auto;}
	#lastblock {
	height: initial;
	background-size: 2108px;
	background-position: bottom left;
	padding-bottom: 3rem;
}

}

/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
.headding h2 {
	font-size: 1.5rem;
}
/* header */	
#header .logo a {
	padding: 1rem 1rem;
	font-size: 0.75rem;
	margin-left: -1rem;
	border-radius: 0 0.5rem 0.5rem 0rem;
}
/* offer */	
#offer {
    border: 0;
    border-radius: 0;
    padding-bottom: 4rem;
}
.off_sup_h1 {
    font-size: 0.8rem;
}
.off_h1 h1 {font-size: 1.5rem;}
.off_h1 {
}
.off_h1 br{
    display: none;
}

/* fact */	
.fact_wrap {margin-top: 1rem;}	
.mass_img_1 {display: none;}
.mass_img_2 {display: none;}

.mass_text {
	padding: 0px 0.5rem;
}
.mass_item {
	width: 50%;
	margin-bottom: 0rem;
	padding-bottom: 0.5rem;
}
.mass_wrap {
	margin: 2rem auto auto;
	max-width: ;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.mass_img img {
	width: 70%;
}
.tabs_btn_wrap {
	font-size: 1.125rem;
}
.tabs_cont_wrap {
	margin: 2rem auto auto;
}



.f2_map {
	margin-left: 50%;
	-webkit-transform: translateX(-41%);
	    -ms-transform: translateX(-41%);
	        transform: translateX(-41%);
}
.al_img.f2_map .progressive img {
	max-height: initial;
	width: 78vw;
	min-width: 19rem;
}
div[data_tab="1"] .f_botton_text {
	margin-top: 31vw;
}
.f_text {
	max-width: 60%;
}
.f1_logo span {
    max-width: calc(100% / 3 - 1rem);
    padding: 0.5rem;
    margin: 0.5rem;
}
.f1_logo {
    gap: 0rem;
}
.f1_logo span img {
    max-width: 80%;
    max-height: initial;
}
.f1_logo {
    max-width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.f_img_1 {
	left: -9rem;
	top: initial;
	bottom: 0;
}
.al_img .progressive.f_img_1 img {width: 69%;}

.f_count {
	margin-top: 1.5rem;
	font-size: 0.7rem;
}
.count_space {
	font-size: 1.125rem;
	padding: 0.25rem 0.5rem;
	min-width: 4rem;
}
/***********************************************************************/


.f_img_2 {
	bottom: initial;
	top: initial;
	top: 21rem;
}
.map_block {
	-webkit-transform: scale(0.4);
	    -ms-transform: scale(0.4);
	        transform: scale(0.4);
	left: 75%;
	top: 0rem;
}

/*****************************************************************************/
/* tren */
.tren_img_2 img {
	-webkit-transform: scale(0.4);
	    -ms-transform: scale(0.4);
	        transform: scale(0.4);
}
.tren_img_2 {
	right: -9.5rem;
	bottom: 12rem;
	z-index: 2;
}
	
/* why */	
#why {
	padding-bottom: 3rem;
}	
.why_text ul li:nth-child(7)  {
    width: 100%;
}
.why_text {
     font-size: 0.9rem;
}

/* tren */
.tren_img_1 {
	display: none;
}
.tren_text_iside em {
	font-size: 1.25rem;
}
.tren_text {font-size: 0.9rem;}

/* recall */
.left_column {
    display: block;
 
}
.recall_info {
    padding-left: 0rem;
    text-align: center;
    margin-top: 1rem;
}
.one_slide {
	padding: 1rem;
}
.recall_slider {
	max-width: calc(100% - 3rem);
}
.blockquote {
	font-weight: 600;
	font-size: 1.125rem;
	margin-top: 1rem;
	line-height: 1.2;
}
.review {
	font-size: 0.8rem;
}
.recall_btn {
	margin: 1rem auto 0;
	display: block;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}
.recall_btn_text {
	font-size: 0.9rem;
	width: 100%;
	margin-right: initial;
	margin-bottom: 1rem;
}
#recall {
	padding-top: 0rem;
	padding-bottom: 7rem;
}
.recall_btn .btn_wrap {
	max-width: 13rem;
	margin: auto;
}
/* seleb */
/*.seleb_pers {
    width: calc(100%/2 - 0.5rem);
    min-width: calc(100%/2 - 0.5rem);
}*/
#seleb {
	padding-bottom: 2rem;
}
/* opf */
#lastblock {
	background-size: 1798px;
	padding-top: 2rem;
}

.opf_text em {
	font-size: 1.5rem;
}

.opf_text {
	margin-top: 0;
	max-width: 100%;
}
.opf_form {
	width: 18rem;
	padding: 3.5rem 1rem 1.5rem;
}
.form .form-head {
	font-size: 1.125rem;
	font-weight: bold;
}
.form-desk {
	font-size: 1rem;
	margin: 0rem 0 0.9rem;
}
.agreement-check {
	position: relative;
	margin-top: 1rem;
}

.footer_left, .footer_right {
	width: 100%;
}
.footer_right {
	margin-right: 0;
	text-align: left;
}

.footer_logo {
	text-align: center;
}
.social {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.footer_right {
	text-align: center;
}
.b2b-copy {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin: 0;
	font-size: 0.7rem;
	margin-top: 0.5rem;
}
/************************************/	
}

@media (max-width: 440px) {
	.f_img_2 {
	top: 27rem;
}
.al_img .progressive.f_img_2 img {
	width: 74vw;
}
}




/*
==============================
	xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 359px) {
}

/* animate */

.mass_img_1, .form_img_1 {
	-webkit-transform-origin:bottom left;
	    -ms-transform-origin:bottom left;
	        transform-origin:bottom left;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
	-webkit-animation-duration: 7500ms; 
	        animation-duration: 7500ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-name: swing;
	        animation-name: swing;
	-webkit-animation-fill-mode: both, forwards;
	        animation-fill-mode: both, forwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}
.mass_img_2, .recall_img_2, .form_img_2, .form_img_3 {
	-webkit-transform-origin:bottom right;
	    -ms-transform-origin:bottom right;
	        transform-origin:bottom right;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
	-webkit-animation-duration: 10000ms; 
	        animation-duration: 10000ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-name: swing;
	        animation-name: swing;
	-webkit-animation-fill-mode: both, forwards;
	        animation-fill-mode: both, forwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}
.form_img_3 {-webkit-animation-duration: 7500ms;animation-duration: 7500ms; /* время действия */}

.f_img_2, .tren_img_2 {
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
	-webkit-animation-duration: 5000ms; 
	        animation-duration: 5000ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-name: top_bottom;
	        animation-name: top_bottom;
	-webkit-animation-fill-mode: both, forwards;
	        animation-fill-mode: both, forwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}

.why_img_1, .why_img_2, .why_img_3, .why_img_4, .why_img_5, .why_img_6, .why_img_7 {
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear; 
	-webkit-animation-duration: 10000ms; 
	        animation-duration: 10000ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-name: left_right;
	        animation-name: left_right;
	-webkit-animation-fill-mode: both, forwards;
	        animation-fill-mode: both, forwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}
.why_img_2 {-webkit-animation-duration: 8000ms;animation-duration: 8000ms;}
.why_img_3 {-webkit-animation-duration: 12000ms;animation-duration: 12000ms;}
.why_img_4 {-webkit-animation-duration: 10000ms;animation-duration: 10000ms;}
.why_img_5 {-webkit-animation-duration: 8000ms;animation-duration: 8000ms;}
.why_img_6 {-webkit-animation-duration: 12000ms;animation-duration: 12000ms;}
.why_img_7 {-webkit-animation-duration: 10000ms;animation-duration: 10000ms;}




@-webkit-keyframes swing {
  0% {
	 -webkit-transform:rotate(0);
	         transform:rotate(0);
  }
  25% {
    -webkit-transform:rotate(2deg);
            transform:rotate(2deg);
  }
  75% {
    -webkit-transform:rotate(-2deg);
            transform:rotate(-2deg);
  }
  100% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
}




@keyframes swing {
  0% {
	 -webkit-transform:rotate(0);
	         transform:rotate(0);
  }
  25% {
    -webkit-transform:rotate(2deg);
            transform:rotate(2deg);
  }
  75% {
    -webkit-transform:rotate(-2deg);
            transform:rotate(-2deg);
  }
  100% {
    -webkit-transform:rotate(0deg);
            transform:rotate(0deg);
  }
}


@-webkit-keyframes left_right {
  0% {
	 -webkit-transform:translateX(0);
	         transform:translateX(0);
  }
  25% {
    -webkit-transform:translateX(16px);
            transform:translateX(16px);
  }
  75% {
    -webkit-transform:translateX(-16px);
            transform:translateX(-16px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}


@keyframes left_right {
  0% {
	 -webkit-transform:translateX(0);
	         transform:translateX(0);
  }
  25% {
    -webkit-transform:translateX(16px);
            transform:translateX(16px);
  }
  75% {
    -webkit-transform:translateX(-16px);
            transform:translateX(-16px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}


@-webkit-keyframes top_bottom {
  0% {
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
  }
  25% {
    -webkit-transform:translateY(8px);
            transform:translateY(8px);
  }
  75% {
    -webkit-transform:translateY(-8px);
            transform:translateY(-8px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}


@keyframes top_bottom {
  0% {
	 -webkit-transform:translateY(0);
	         transform:translateY(0);
  }
  25% {
    -webkit-transform:translateY(8px);
            transform:translateY(8pxm);
  }
  75% {
    -webkit-transform:translateY(-8px);
            transform:translateY(-8px);
  }
  100% {
    -webkit-transform:translateX(0);
            transform:translateX(0);
  }
}



/* wow */
.animated * {
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease; 
	-webkit-animation-duration: 1000ms; 
	        animation-duration: 1000ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-fill-mode: backwards;
	        animation-fill-mode: backwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}


.off_sup_h1, .off_h1, .off_btn_text {
	-webkit-animation-name: fromLeft;
	        animation-name: fromLeft;
	-webkit-animation-timing-function: ease;
	        animation-timing-function: ease; 
	-webkit-animation-duration: 1000ms; 
	        animation-duration: 1000ms; /* время действия */
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms; /* время задержки */
	-webkit-animation-fill-mode: backwards;
	        animation-fill-mode: backwards; /* поведение до и после аниации */
	-webkit-animation-iteration-count: 1;
	        animation-iteration-count: 1; /* количество повторов */
	-webkit-animation-direction: normal;
	        animation-direction: normal /* направление анимации */
}
.off_h1 {-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.off_btn_text {
	-webkit-animation-delay: 500ms;
	        animation-delay: 500ms;
	-webkit-animation-name: fromBottom;
	        animation-name: fromBottom;
}


.animated h2 {-webkit-animation-name: fromTop;animation-name: fromTop;}

.animated.headding p {
	-webkit-animation-name: fade;
	        animation-name: fade;
	-webkit-animation-delay: 500ms;
	        animation-delay: 500ms; /* время задержки */
}

.animated .fact_l {
	-webkit-animation-delay: 0ms;
	        animation-delay: 0ms;
	-webkit-animation-name: fromBottom;
	        animation-name: fromBottom;
}
.animated .fact_r {
	-webkit-animation-delay: 500ms;
	        animation-delay: 500ms;
	-webkit-animation-name: fromBottom;
	        animation-name: fromBottom;
}

.animated .mass_item {-webkit-animation-name: fromLeft;animation-name: fromLeft;}
.animated .mass_item.el_2{-webkit-animation-delay: 250ms;animation-delay: 250ms;}
.animated .mass_item.el_3{-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.animated .mass_item.el_4{-webkit-animation-delay: 750ms;animation-delay: 750ms;}

.animated.why_text ul li{-webkit-animation-name: fromLeft;animation-name: fromLeft;}
.animated.why_text ul li:nth-child(2){-webkit-animation-delay: 125ms;animation-delay: 125ms;}
.animated.why_text ul li:nth-child(3){-webkit-animation-delay: 250ms;animation-delay: 250ms;}
.animated.why_text ul li:nth-child(4){-webkit-animation-delay: 375ms;animation-delay: 375ms;}
.animated.why_text ul li:nth-child(5){-webkit-animation-delay: 0ms;animation-delay: 0ms;}
.animated.why_text ul li:nth-child(6){-webkit-animation-delay: 125ms;animation-delay: 125ms;}
.animated.why_text ul li:nth-child(7){-webkit-animation-delay: 250ms;animation-delay: 250ms;}
.animated.why_text ul li:nth-child(8){-webkit-animation-delay: 375ms;animation-delay: 375ms;}


.animated.why_text ul li::before{-webkit-animation-name: fromLeft;animation-name: fromLeft; -webkit-animation-duration: 1500ms; animation-duration: 1500ms; 	-webkit-animation-fill-mode: both, forwards; 	animation-fill-mode: both, forwards;}
.animated.why_text ul li:nth-child(1)::before{-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.animated.why_text ul li:nth-child(2)::before{-webkit-animation-delay: 625ms;animation-delay: 625ms;}
.animated.why_text ul li:nth-child(3)::before{-webkit-animation-delay: 750ms;animation-delay: 750ms;}
.animated.why_text ul li:nth-child(4)::before{-webkit-animation-delay: 875ms;animation-delay: 875ms;}
.animated.why_text ul li:nth-child(5)::before{-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.animated.why_text ul li:nth-child(6)::before{-webkit-animation-delay: 625ms;animation-delay: 625ms;}
.animated.why_text ul li:nth-child(7)::before{-webkit-animation-delay: 750ms;animation-delay: 750ms;}
.animated.why_text ul li:nth-child(8)::before{-webkit-animation-delay: 875ms;animation-delay: 875ms;}


.animated .tren_text_iside p {-webkit-animation-name: fromBottom;animation-name: fromBottom;}
.animated .tren_text_iside p:nth-child(1) {-webkit-animation-name: fromRight;animation-name: fromRight;}


.animated .point_img {-webkit-animation-name: fromTop;animation-name: fromTop;}
.point_1 {-webkit-animation-duration: 500ms;animation-duration: 500ms; -webkit-animation-delay: 250ms; animation-delay: 250ms;}
.point_2 {-webkit-animation-duration: 250ms;animation-duration: 250ms; -webkit-animation-delay: 500ms; animation-delay: 500ms;}
.point_3 {-webkit-animation-duration: 750ms;animation-duration: 750ms;-webkit-animation-delay: 350ms;animation-delay: 350ms;}
.point_4 {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-delay: 400ms;animation-delay: 400ms;}
.point_5 {-webkit-animation-duration: 600ms;animation-duration: 600ms;-webkit-animation-delay: 250ms;animation-delay: 250ms;}
.point_6 {-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.point_7 {-webkit-animation-duration: 400ms;animation-duration: 400ms;-webkit-animation-delay: 400ms;animation-delay: 400ms;}
.point_8 {-webkit-animation-duration: 700ms;animation-duration: 700ms;-webkit-animation-delay: 600ms;animation-delay: 600ms;}
.point_9 {-webkit-animation-duration: 900ms;animation-duration: 900ms;-webkit-animation-delay: 450ms;animation-delay: 450ms;}
.point_10 {-webkit-animation-duration: 600ms;animation-duration: 600ms;-webkit-animation-delay: 550ms;animation-delay: 550ms;}
.point_11 {-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.point_12 {-webkit-animation-duration: 750ms;animation-duration: 750ms;-webkit-animation-delay: 3000ms;animation-delay: 3000ms;}
.point_13 {-webkit-animation-duration: 100ms;animation-duration: 100ms;-webkit-animation-delay: 500ms;animation-delay: 500ms;}
.point_14 {-webkit-animation-duration: 250ms;animation-duration: 250ms;-webkit-animation-delay: 600ms;animation-delay: 600ms;}
.point_15 {-webkit-animation-duration: 500ms;animation-duration: 500ms;-webkit-animation-delay: 250ms;animation-delay: 250ms;}






@-webkit-keyframes fromLeft {
  0% {
	 opacity:0; 
	 -webkit-transform:translateX(-16px); 
	         transform:translateX(-16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateX(0); 	
            transform:translateX(0);
  }
}






@keyframes fromLeft {
  0% {
	 opacity:0; 
	 -webkit-transform:translateX(-16px); 
	         transform:translateX(-16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateX(0); 	
            transform:translateX(0);
  }
}

@-webkit-keyframes fromRight {
  0% {
	 opacity:0; 
	 -webkit-transform:translateX(16px); 
	         transform:translateX(16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateX(0); 	
            transform:translateX(0);
  }
}

@keyframes fromRight {
  0% {
	 opacity:0; 
	 -webkit-transform:translateX(16px); 
	         transform:translateX(16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateX(0); 	
            transform:translateX(0);
  }
}
@-webkit-keyframes fromTop {
  0% {
	 opacity:0; 
	 -webkit-transform:translateY(-16px); 
	         transform:translateY(-16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateY(0); 	
            transform:translateY(0);
  }
}
@keyframes fromTop {
  0% {
	 opacity:0; 
	 -webkit-transform:translateY(-16px); 
	         transform:translateY(-16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateY(0); 	
            transform:translateY(0);
  }
}
@-webkit-keyframes fromBottom {
  0% {
	 opacity:0; 
	 -webkit-transform:translateY(16px); 
	         transform:translateY(16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateY(0); 	
            transform:translateY(0);
  }
}
@keyframes fromBottom {
  0% {
	 opacity:0; 
	 -webkit-transform:translateY(16px); 
	         transform:translateY(16px);
  }
  100% {
	opacity:1; 	
    -webkit-transform:translateY(0); 	
            transform:translateY(0);
  }
}

@-webkit-keyframes fade {
  0% {
	 opacity:0; 
  }
  100% {
	opacity:1; 	
  }
}

@keyframes fade {
  0% {
	 opacity:0; 
  }
  100% {
	opacity:1; 	
  }
}