//main styles
.main-wrapper {
    padding: 0 0 0 0;
	min-width: $min-width;
    width: 100%;
	position: relative;
	overflow: hidden;
	min-height:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-direction:column;
    -webkit-flex-direction:column;
    -ms-flex-direction: column;
	justify-content:flex-start;	
    -webkit-justify-content:flex-start;	
    -ms-flex-pack: start;
    transition: all 0.2s linear;
    
}  
 
.wrapper {
	min-width: 250px;
	max-width: $max-width;
	padding: 0 2rem;
	margin: 0 auto;      
	position: relative;    
	z-index: 2; 
	width: 100%; 
}  

ol {list-style-position: inside;}
/* titles */    
p{	
	padding: 0rem 0 1rem 0;
}
h1, .h1{
	@include font($font-size-h1,$line-height-h1,inherit);
	padding: 0rem 0 1rem 0px;
	font-weight: bold;
	 font-family: $font-title;
}
h2, .h2{
	@include font($font-size-h2,$line-height-h2,inherit);
	padding: 0rem 0 1rem 0;       
	font-weight: bold;  font-family: $font-title;
	strong {color:$red;}
}    
h3, .h3{
	@include font($font-size-h3,$line-height-h3,inherit); 
	padding: 0rem 0 1.3rem 0;       
	font-weight: bold; font-family: $font-title;
}
h4, .h4{
	@include font($font-size-h4,$line-height-h4,inherit);
	padding: 0rem 0 1rem 0;     
	font-weight: bold; font-family: $font-title;
}


.aligncenter {display: block;margin:0 auto;}
.alignleft {float: left;}
.alignright {float: right;}

/* text position */
.text-left{text-align: left!important}
.text-center{text-align: center!important}   
.text-right{text-align: right!important} 
.nowrap{white-space: nowrap!important;}
   
.wow {
    visibility: hidden;
}

/* loader */
/*.loaded .main-wrapper {visibility:hidden; opacity: 0;}      
.icon-load{position:fixed;width:100%;height:100%; top:0;left:0;display:none; background-color:#fff;z-index: 200;}
.loaded .icon-load{display:block;}
*/
/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content{	
	min-width: $min-width;
	text-align: left;
    width: 100%;  
	order: 2;  
    -webkit-order: 2;
	flex-grow: 1;
    -webkit-flex-grow: 1;   
display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex;
	flex-direction:column;
    -webkit-flex-direction:column;
    -ms-flex-direction: column;
	justify-content:flex-start;	
    -webkit-justify-content:flex-start;	
    -ms-flex-pack: start;
}         

/* */
.btn { transition: all 0.3s linear;display: inline-flex; align-items:center; justify-content: center; position: relative;vertical-align: middle; 
	height: 4.867rem; padding: 0.5rem 2.6rem; font-family: $base-font-family; text-align: center; cursor: pointer;backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; 
color: #FDFDFD;font-size: 1.413rem; line-height: 1.2; font-weight: 500; box-shadow: none; 
background: $red;  text-transform: uppercase; 
border: 1px solid $red; border-radius: 3rem; 
	&:hover {color:$red;  }   
	&:hover:active, &:hover:focus {color:$red; }
  	&:disabled { border: solid 1px #b7b7b7;cursor: default; background: transparent; color: #b7b7b7; }
} 
.btn-bord { color: #FDFDFD; border: 1px solid $red; background:  transparent;
    &:hover {background:$red; color:#fff; }  
    &:hover:focus, &:hover:active {color:#fff; }
} 


.form_row {margin-bottom: 3.9rem;}
.form_label {display: block; font-weight: 500; font-size: 1.717rem; color: #F5F5F5;}
.form_btn { margin-top: -0.6rem; display: flex;align-items: center;justify-content: space-between;} 

label.error {font-size: 1.4rem; position: absolute; color: #B50000;top:100%; left:2.9rem;right:0;line-height: 1.6rem; font-weight: 300;}
 
.form_anim {position: relative;
	.form-control {}
	.form-control:focus + .form_label, .form-control:focus ~ .form_label {opacity: 0.6; font-size: 1.3rem; top: -0.8rem; } 
	.form_label {position: absolute; top:1.5rem; left: 0rem; right:0;pointer-events: none;transition: all 0.3s linear;}
	&.filled {
		.form_label {opacity: 0.6; font-size: 1.3rem;top:-0.8rem; }
	}

	input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{ 
    -webkit-text-fill-color: #fff; 
    transition: background-color 5000s ease-in-out 0s;
}
}
.form_anim .form-control.error ~ .form_label {color: red;} 
.form_anim span.error {padding: 0.4rem 0px 0px 0rem; position: absolute; left:0px; 
	top:100%; font-size: 1.4rem;  
	font-style: normal;  text-align: left;  color: red;}
 
.form_cols {display: flex; flex-wrap:wrap; margin:0 -1rem;
	&_item {width:50%; padding: 0 1rem;} 
}

.form-control{ transition: all 0.3s linear; position: relative; padding: 1rem 0rem; text-overflow: ellipsis;overflow: hidden;display:block;width:100%;  
height:5rem; font-size: 1.717rem; color:#fff; line-height:1.2; font-family: $base-font-family;   
background:transparent; border:none; border-bottom: 1px solid #4E4E4E; 
}   
  
.form-control:focus, .form-control:hover { } 
.form-control.error {border-color:red;}
textarea.form-control {height: 12.6rem; resize:none;}         
.form-control::-webkit-input-placeholder {color: #F5F5F5; opacity: 1;}
.form-control:-moz-placeholder {color: #F5F5F5; opacity: 1;}      
.form-control::-moz-placeholder {color: #F5F5F5; opacity: 1;} 
.form-control:-ms-input-placeholder {color: #F5F5F5; opacity: 1;}   

.checks {
	&_item {line-height: 0; position: relative;
		label {display: inline-flex; cursor: pointer; position: relative;}
		input {position: absolute; opacity: 0;} 
		&_txt {padding-left:3.9rem; position:relative;font-size: 1.517rem;line-height: 2.1rem; color:#EEF1F3;
			&:before {width: 2.1rem; height: 2.1rem; border: 1px solid rgba(217,217,217,0.4); content:'';position: absolute;  left:0;top:50%; margin-top:-1rem;}
		} 
		input:checked + .error + .checks_item_txt:before { background:url(../svg/checkbox.svg) no-repeat center; background-size: 1.2rem;}
        input:checked + .checks_item_txt:before { background:url(../svg/checkbox.svg) no-repeat center; background-size: 1.2rem;}
        .error{
            display: block;
            padding: 0.9rem 0px 0px 0rem;
            position: absolute;
            left: 0px;
            top: 100%;
            font-size: 1.4rem;
            font-style: normal;
            text-align: left;
            color: red;
        }
	}
}

/*---------------------------------------*/ 
.icon { fill: currentColor; vertical-align: middle; max-width: 100%; max-height: 100%; display: inline-block; }
.icon-str { fill: none; stroke: currentColor; vertical-align: middle; max-width: 100%; max-height: 100%; display: inline-block; }
 
/*-----------------------------*/ 
.section-welcome {position: relative; } 
.welcome {padding:32.7rem 0 8.2rem;position: relative;
	&_bg {position: absolute; top:0;left:0;z-index: 0;width:100%;height: 100%;
		picture {height: 100%;}
		img {width:100%;height: 100%; object-fit: cover; object-position: top;}
        video {width:100%;height: 100%; object-fit: cover; object-position: top;}
		&:before {content: '';position: absolute;left:0;right:0;bottom: 0;top: 4rem;background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);}
		&:after {opacity: 0.23; content: '';position: absolute;left:0;right:0;top: 0rem; height: 45.2rem; background: linear-gradient(180deg, #FE4337 0%, rgba(0, 0, 0, 0) 100%);}
	}
	h1 {
		strong {color:$red;}
	}
	&_cont {max-width: 111.5rem; display: flex;align-items: flex-end; flex-direction: row-reverse; justify-content: space-between;}
	&_bot {max-width: 112.9rem; margin-top: 5.2rem; position: relative; display: flex;gap:3.5rem;padding-top: 3.7rem; flex-wrap:wrap; align-items: center;border-top:1px solid rgba(255,255,255,0.2);
		&:before {content:'';position: absolute;top:-1px;left:0;height: 1px; background: $red;width:29.2rem;}
	}
	&_txt {font-family:$font-cond; font-size: 2.996rem; line-height: 1; text-transform: uppercase;letter-spacing: 0.11em;
		p {padding-bottom: 0px;}
	}
	.btn-play {    margin-bottom: 0.2rem;}
}
.btn-play {   padding-left: 0.6rem;width:7.8rem;height: 7.8rem; position: relative; display: flex; background:$red;color:#FCFCFC; border-radius: 50%;align-items: center;justify-content: center;
	svg {width: 1.8rem;height: 2rem;}
	&:before {animation: pulse 2s infinite 0.5s; content:'';position: absolute;top:-2.5rem;left: -2.5rem;bottom:-2.5rem;right:-2.5rem; opacity: 0.1; border-radius: 50%;border: 1px solid $red;}
	&:after {animation: pulse 2s infinite; content:'';position: absolute;top:-1.3rem;left: -1.3rem;bottom:-1.3rem;right:-1.3rem; opacity: 0.3; border-radius: 50%;border: 1px solid $red;}
	&:hover {transform: scale(1.1); } 
}  
@keyframes pulse {
  0% {    box-shadow: 0 0 0 0 rgba(234,40,36, 0.8);  }
  70% {    box-shadow: 0 0 0 10px rgba(234,40,36, 0);  }  
  100% {    box-shadow: 0 0 0 0 rgba(234,40,36, 0);  } 
}
.sidescroll {position: absolute;gap:1.6rem; bottom:6rem;right:5.4rem; transform: rotate(90deg); transform-origin: right;display: flex;align-items: flex-end;
	span {font-family:$font-cond;display: inline-block;font-size: 1.6rem;font-weight: 500;line-height: 1;letter-spacing: 0.11em;}
	&:after {content:'';height: 1px;margin-bottom: 0.5rem; background: rgba(252,252,252,0.2);width:10.8rem;}
}
 
/* */
.section-info { padding: 6rem 0 13.2rem;}
.info {text-align: center;margin:0 auto;max-width: 88rem;
	&:before {content:'';margin:0 auto 2.5rem; background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:4rem;height: 4rem;}
	&_txt {font-family:$font-cond;font-size: 6.5rem;font-weight: 500;text-transform: uppercase; line-height: 5.9rem;letter-spacing: 0.11em;
		strong {color:$red;font-weight: 500;}
	}
}
 
/* */
.smtitle {color:$red;font-family: "DM Mono", monospace;font-weight: 500;font-size: 1.322rem;
	span {color:#fff;}
}
.section-about {position: relative; padding: 2.5rem 0 0rem; background: url(../img/aboutbg.jpg) no-repeat top; background-size: 100%;
	&:after {opacity: 0.2; z-index: 0;height: 45%; background: linear-gradient(0deg, #FE4337 0%, rgba(0, 0, 0, 0) 100%); content:'';position: absolute;left:0;right:0;bottom: 0;}
	.smtitle {font-size: 1.222rem;    margin-left: 1.2rem;}  
	.wrapper {max-width: 137.8rem;}
	&:before {margin-left: -63rem;  bottom: -1.6rem; background: url(../svg/bguz.svg);background-size: contain; content:'';position: absolute;left:50%;width:6.922rem;height: 6.298rem;}
} 
.about {padding-bottom: 10.1rem; padding-top: 8.5rem; 
	&_title { margin-bottom: -14.2rem;   margin-right: -1.6%;display: flex; position: relative; align-items: center;font-family: $font-cond;font-size: 29.2rem;font-weight: 500;line-height: 1;letter-spacing: 0.07em;
		&_txt { margin-bottom: 14.3rem; background: linear-gradient(180deg, #FFFFFF 0%, #C6DDDE 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
		&_left {position: relative;z-index: 1; 
			&:before {content:''; position: absolute;left:0;top:-4rem; background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:6rem;height: 6rem;}
		} 
		&_right {position: relative;z-index: 1;}
		&_cntr {position: relative;z-index: 0; flex:1; margin: 0 -5.7148% 0 -6.9148%;} 
		&_img {position: relative; 
			&:before {content:'';display: block;padding-bottom: 139.284%;}
			img {position: absolute;top:0;left:0; width:100%;height: 100%;object-fit: cover;}
		}
	}
	&_img {position: absolute;text-align: center; max-width: 100%; width:50.1rem;width: 36.36%; margin:0 auto;bottom:0rem;right:47rem;left:0; z-index: 2;}
	&_cont {margin-left:auto; max-width: 45rem;} 
	&_txt {max-width: 39rem; letter-spacing: -0.05px; font-weight: 500;font-size: 1.5rem;line-height: 2.2rem;
		p {padding: 0;} 
	}
}
.numbs {display: flex;margin:4rem 0 4.1rem;font-family: 'Druk Condensed';font-weight: 950;
	&_item {padding-right: 1.7rem;    margin-right: 1.7rem; display: flex;gap:0.6rem; border-right:1px solid #f5f5f51a; align-items: flex-end;
		&:last-child {border:none; padding: 0;margin:0;}
		&_big {color:$red;font-size: 7.8rem;line-height: 0.9;}
		&_sm {margin-bottom: 0.9rem; font-size: 1.8rem;line-height: 1.4rem;}
	}
}

/* */
.section_title {text-align: center;margin-bottom: 7.4rem;
	&:after {width:8.155rem;height:0.255rem; background: $red;content:'';display: block;margin:3.8rem auto 0;}
	h2, .h2 {font-size: 3.058rem;}
}

/* */
.section-services {padding: 18.7rem 0 6.9rem 0; }
.services {
	&_slider {overflow: visible;
		.swiper-slide { }
	}
	&_item {
		&_img {position: relative; overflow: hidden;
			&:before {content:''; display: block;padding-bottom: 133.5%;}
			img {transition: all 0.3s linear;width:100%;height: 100%;object-fit: cover;position: absolute; top:0;left:0;filter: grayscale(1);}
		}
		&_title {position: absolute; bottom: 0;left:0;right:0; padding: 2.5rem 3.2rem;color:#fff; text-transform: uppercase;
			font-family:$font-cond;font-size: 4.4rem;font-weight: 500;line-height: 0.91;letter-spacing: 0.5rem;
			&:before {margin-bottom: 2rem; content:'';background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:3.8rem;height: 3.8rem;}
			p {padding: 0;} 
		}
		&:hover .services_item_img img {transform: scale(1.1);}
	} 
}
.swiper-nav {display: flex;align-items: center; margin-top:5.6rem;
	.swiper-button-prev, .swiper-button-next {position: relative;top:0;left:0;right:0; margin:0;z-index: 0;
		&:hover {z-index: 1;}
	}
	.swiper-button-next {margin:0 20px 0 -1px;}
	.swiper-scrollbar {flex:1;} 
}

/* */  
.section-studios {padding: 7rem 0;overflow: hidden;}
.studios {max-width: 144.4rem; margin:0 auto;    padding-top: 1.8rem;
	&_item { position: relative; margin-top: 9.7rem;
		&:nth-child(odd) {
			.studios_item_cont { background: #fff; color:#000;}
			.studios_item_num {color:#000;}
			.studios_item_title { color:$red;} 
		}
		&_num {margin-bottom: 0.5rem; line-height: 1;color:$red;font-size: 3.801rem;letter-spacing: 0.07em;font-family:$font-cond; font-weight: 500;}
		&_title { margin-left: -0.6rem; margin-bottom: 2.7rem;font-family:$font-title;font-size: 11.6rem;font-weight: 700;line-height: 0.9;letter-spacing: 0.07em;}
		&_txt {font-weight: 500;font-size: 1.461rem; line-height: 2rem; max-width: 30.8rem;
			p {padding-bottom: 2.1rem;}
			ul {list-style: none; font-family:$font-cond; font-weight: 500; font-size: 2.121rem;line-height: 1.2;letter-spacing: 0.11em;
				li {position: relative; padding-left: 3.5rem; margin-bottom: 1.15rem;
					&:before {position: absolute;left:0;top:50%; margin-top:-1.2rem; content:'';background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:2.4rem;height: 2.4rem;}
				} 
			}
		}
		&_preview {position: relative;z-index: 1;}
		&_img {position: relative;
			&:before {content:''; display: block;padding-bottom: 111.1%;}
			img {width:100%;height: 100%;object-fit: cover;position: absolute; top:0;left:0; }
		} 
		&_cont {position: relative;z-index: 0; padding: 0 6%;}
	} 
	&_slider {
		.swiper-button-next, .swiper-button-prev { left:auto; border-color: $red; background:$red;width:10.2rem;height:9.8rem;
			svg {    width: 2rem; height: 3.1rem;  stroke-width: 1.6px;}
		}
		.swiper-button-prev {right:10.2rem;}

	}
}

/* */
.section-customers {padding: 8rem 0;
	.wrapper {max-width: 100%;}
}
.customers {
	&_slider {overflow: visible;max-width: 106.8rem;margin:0 auto;    padding-top: 0.4rem;
		.swiper-slide {width:25.1rem;}
	} 
	&_item {
		&_img {	position: relative; overflow: hidden;
			&:before {content:''; display: block;padding-bottom: 134.5%;}
			img {transition: all 0.3s linear;width:100%;height: 100%;object-fit: cover;position: absolute; top:0;left:0;filter: grayscale(1);}
			&:after {position: absolute;left:1rem;bottom:1rem;content:'';background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:2.385rem;height: 2.385rem;}
		}
		&_cont {padding-top:2.1rem; display: flex; justify-content: space-between;font-weight: 500;font-size: 1.004rem; text-shadow: 0px 2.51028px 84.0944px #000000;}
		&_num {}
		&_name {}
		&:hover .customers_item_img img {transform: scale(1.1);}
	}
}

/* */
.section-review {position: relative; background: #000; margin: 10rem 0 15.1rem;z-index: 1;
	&:before {margin-left: -45.5rem;  bottom: -3.2rem; background: url(../svg/bguz.svg);background-size: contain; content:'';position: absolute;left:50%;width:6.922rem;height: 6.298rem;}
}
.review {position: relative; padding: 15.7rem 0 16.5rem; text-align: center;
	&_img {position: absolute;
		&:before {content:''; display: block;padding-bottom: 154.84%;}
		&1 { left: -0.8rem; top: -7.1rem; transform: rotate(-5.29deg);width:23.348rem; width: 19%;}
		&2 {right: -4.1rem;    bottom: -11.1rem; transform: rotate(6.91deg);width:25.135rem; width: 20.3%;
			&:before {padding-bottom: 153.2%;}
		}
		img {width:100%;height: 100%;object-fit: cover;position: absolute; top:0;left:0;}
	}
	&_cont {margin:0 auto; position: relative;z-index: 2;max-width: 60rem;
		&:before {content:'';display: block;margin:0 auto 1.8rem; width: 3.4rem;height: 3.1rem; background: url(../svg/quote.svg) no-repeat center; background-size: 100%;}
	}
	&_txt {font-family: $font-cond; text-transform: uppercase;font-size: 4rem;font-weight: 500;line-height: 3.6rem;letter-spacing: 0.112em; margin-bottom: 4rem;
		p {padding: 0;} 
	}
	&_author {font-weight: 500;font-size: 1.461rem; }
}

/* */
.section-faq {padding: 7rem 0 5.2rem; position: relative;z-index: 0;  
	&:before {filter: blur(14.0089rem);content:'';z-index: 0; position: absolute; right: 50%; margin-right: -108rem;top: -37rem; width: 68rem; height: 68rem;opacity: 0.34;border-radius: 50%; background: #EA2824;}
	&:after {filter: blur(23.4rem);content:'';z-index: 0; position: absolute; left: 50%;margin-left: -103rem;bottom:-13rem; width: 89.6rem; height: 89.6rem;opacity: 0.34;border-radius: 50%; background: #EA2824;}
} 
.faq {display: flex;
	&_title {width: 42.5%; min-width: 42.5%;padding-top: 3.5rem;
		h2 {line-height: 0.95;text-transform: uppercase;}
	}
	&_cont {max-width: 68rem;} 
	&_list {
		&_item {border-bottom: 1px solid #343434;color:#EEF1F3; padding: 0.6rem 0;
			&:last-child {border:none;}
			&.open {
				.faq_list_q svg {transform: rotate(180deg);} 
			}
		}
		&_q {font-weight: 500;gap:1rem;cursor: pointer; font-size: 1.917rem;line-height: 1.21;padding: 2.7rem 0 2.5rem; display: flex; justify-content: space-between;
			svg {width:1.7rem; min-width:1.7rem;height: 1rem; stroke: #F5F5F5;  margin-top: 0.8rem;}
		}
		&_ans {display: none;padding:0 0 2.5rem; color:rgba(238,241,243,0.7); font-size: 1.617rem; line-height: 1.42;max-width: 65.5rem;
			p {padding-bottom: 2.05rem;} 
		}
	}
}

/* */
.section-feedback {padding: 7rem 0 16.2rem;}
.feedback {max-width: 103rem;margin:0 auto;
	&_title {margin-bottom: 8.7rem;
		&:before {content:'';margin:0 auto 5.6rem; background: url(../svg/uz.svg) no-repeat center;background-size: 100%; display: block;width:6.2rem;height: 6.2rem;}
		h2 {text-align: center;font-size: 5.184rem;    line-height: 0.955;}
	}
}

/* */
.section-appeal {padding: 14.3rem 0 22.4rem; background: url(../img/appealbg.jpg) no-repeat top; background-size: cover;margin-bottom: -10.1rem;
	.wrapper {max-width: 134.3rem;} 
}
.appeal {    max-width: 127.4rem;display: flex; text-align: center; align-items: center; font-size:27.267rem; font-family: $font-cond; font-weight: 500; line-height: 1;
	strong {color:$red; font-weight: 500; }
	&_txt {letter-spacing: 1.1rem; margin-bottom: -2.8rem;}
	&_left {position: relative;z-index: 1; 
		.appeal_txt { background: linear-gradient(180deg, #FFFFFF 0%, #C6DDDE 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
	} 
	&_right {position: relative;z-index: 1;}
	&_cntr {position: relative;z-index: 0; flex:1; margin:0 -3.463% 0 -7.1%;} 
	&_img {position: relative; 
		&:before {content:'';display: block;padding-bottom: 117.3%;}
		img {position: absolute;top:0;left:0; width:100%;height: 100%;object-fit: cover;}
	}
}

/* */

@media screen and (min-width: 1441px) {  
	.customers_slider { max-width: 134.4rem;}
}
@media screen and (min-width: 1660px) {  
	.customers_slider { max-width: 162rem;}
}

@media screen and (max-width: 1359px) {  
	.review_img1 { left: 0.2rem; top: -8.1rem;}
	.review_img2 { right: 0.9rem;}
	.about_title { font-size: 28.2rem;}
	.about_cont {max-width: 42rem;}
	.about_img { right: 42rem;}
	.faq_cont {  max-width: 70rem;}
	.appeal { font-size: 26.267rem;}
} 
@media screen and (max-width: 1279px) {   
	.sidescroll { right: 2.4rem;}
	.welcome_cont, .welcome_bot { margin-right: 5rem;}
	h1, .h1 { font-size: 7.333rem;}
	h2, .h2 { font-size: 3.8rem;}
	.info { max-width: 75rem;}
	.info_txt {font-size: 5.58rem; line-height: 0.9;}
	.customers_slider { padding: 0.4rem 3rem 0;}
	.appeal {font-size: 21.267rem;}
	.studios_item_title { font-size: 9.6rem;}
	.about { padding-top: 4.5rem;}
	.about_title {  font-size: 21.2rem;margin-bottom: -11.2rem;}
	.about_title_txt { margin-bottom: 8.3rem;}

} 

@media screen and (max-width: 1023px) {  
	.sidescroll {display: none;}
	.welcome { padding: 32.7rem 0 6.2rem;}
	.welcome_cont { margin-right: 1rem;}
	.welcome_txt { font-size: 2.6rem;}
	.welcome_bot { margin-right: 0rem; justify-content: space-between;}
	h1, .h1 { font-size: 5.333rem;}
	h2, .h2 { font-size: 3.2rem;}
	.info { max-width: 62rem;}
	.info_txt {font-size: 4.58rem;}
	.section-about { padding: 5.8rem 0 0rem;}
	.section-about .smtitle {margin:0; text-align: center;}
	.about {padding-top: 0;}
	.about_title {display: block; text-align: center;}
	.about_img {position: relative; right:0;width: 49%; left: -8px; text-align: center;}
	.about_cont {margin:1.7rem 0 0;max-width: 100%;}
	.about_title {font-size: 18.2rem;    margin-right: 0;margin-bottom: -2.5rem;}
	.about_txt {max-width: 100%;}
	.about_title_left:before {display: none;}
	.about_title_txt {  margin-bottom: 0;}
	.about_title_img:before { padding-bottom: 109.284%;}
	.about_title_cntr {margin: -3.6rem auto -5.1rem;    width: 54.9%;}
	.about_title_img img { object-position: top;}
	.section-services {  padding: 9.2rem 0 6.9rem 0;}
	.services_slider .swiper-slide {width:274px;}
	.section_title {margin-bottom: 5.2rem;}
	.section_title:after {margin: 2.6rem auto 0;}
	.studios_item_title { margin-left: -0.3rem; margin-bottom: 2rem; font-size: 7rem;}
	.studios_item_cont {padding: 0 15px;}
	.section-review { margin: 9rem 0 9.1rem;}
	.review_img1 {    left: 2.5rem;    top: -4.1rem; min-width: 10.4rem;}
	.review_img2 {    right: 2.1rem;bottom: -8.2rem; min-width: 13.3rem;}

	.faq {display: block;
		&_title {width: 100%; text-align: center;} 
		&_cont {max-width: 100%;} 
	}
	.faq_list_ans {max-width: 100%;} 
	.feedback_title h2 {font-size: 3.2rem;}
	.section-appeal {margin-bottom: 0; padding: 14.3rem 0 18.4rem;}
	.appeal {display: block; text-align: center;font-size: 18.2rem;	}
	.appeal_cntr {margin: -2.2rem auto -4.7rem; width: 54.9%;}
	.appeal_txt {margin:0;}
	.appeal_img:before { padding-bottom: 109.2%;}
	.numbs_item { flex: 1; justify-content: center;}
}
@media screen and (min-width: 768px) {   
	.studios {position: relative;
		&:before {top:9.5rem;z-index: 2; right:50%; margin-right:-72rem; background: url(../svg/bguz3.svg); background-size: contain; content:'';position: absolute;width:8.9rem;height: 7.1rem;}
		&_item {display: flex; align-items: center; justify-content: space-between; position: relative;
			&:before {background: url(../svg/bguz2.svg);background-size: contain; content:'';position: absolute;width:9.2rem;height: 6.4rem;}
			&:nth-child(even) {
				&:before {z-index: 2; top:51.7%; right:50%; margin-right:-75.5rem;}
			}
			&:nth-child(odd) {flex-direction: row-reverse; align-items: stretch;
				&:before {left:50%;margin-left:-66.4rem;bottom:6.6rem;}
				.studios_slider {
					.swiper-button-next, .swiper-button-prev {right:auto; left:10.2rem;background:$red;width:10.2rem;height:9.8rem;}
					.swiper-button-prev {right:auto;left:0;}
				} 
				.studios_item_cont {margin-bottom: 9.8rem;margin-top: -3.9rem; display: flex;flex-direction: column; justify-content: center;
					&:before {content:'';position: absolute; background: #fff;bottom: 0;right:-61.5%;left:-1000px;top:-4.7rem;z-index: -1;}
				}
			}
			&_cont {flex:1; max-width: 70.7rem;}
			&_preview {width: 47.65%; min-width: 47.65%;}
			
		}
	}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	.studios_item_preview {    width: 48.65%;    min-width: 48.65%;}
	.studios_item_cont { max-width: 36.9rem;}
}
@media screen and (max-width: 767px) {
	.wrapper {padding: 0 14px;} 
	h1, .h1 { font-size: 3rem;}
	h2, .h2 { font-size: 2.4rem;}
	.section_title h2, .section_title .h2 { font-size: 2.4rem;}
	.section-welcome {z-index:0;}
	.welcome_bg {height: 126%;}
	.welcome { padding: 31.1rem 0 2.585rem;}
	.welcome_cont {display: block; text-align: center;margin-right: 0;}
	.welcome_bot {display: block; text-align: center;margin-top: 0.9rem;padding-top: 1.8rem;}
	.welcome_bot:before {width:100%;}
	.welcome_txt { font-size: 2rem; margin-bottom: 2.5rem;}
	.welcome .btn-play {margin:0 auto 3.1rem; padding-left: 0.5rem; width: 5.911rem; height: 5.911rem;
		svg {width: 1.4rem; height: 1.8rem;}
	}
	.section-info { padding: 3.4rem 0 4.2rem; position: relative;z-index: 1;}
	.info_txt {font-size: 3rem;}
	.info:before { margin: 0 auto 2.2rem;}
	.section-about { background-size: auto 443px; background-position: 44% top;}
	.section-about .smtitle {font-size: 1rem;} 
	.section-about:after { height: 72%;}
	.about { padding-bottom: 8.5rem;}
	.about_title { font-size: 9rem;}
	.about_txt {font-size: 1.3rem; line-height: 2rem;}
	.numbs {margin: 3.8rem 0 3.7rem;}
	.numbs_item {    padding-right: 1.5rem;    margin-right: 1.5rem;gap: 0.5rem;}
	.numbs_item_big { font-size: 6rem;}
	.numbs_item_sm {margin-bottom: 0.4rem; font-size: 1.4rem; line-height: 1.106rem;}
	.section-services { padding: 9.2rem 0 2.2rem 0;}
	.services_item_img:before { padding-bottom: 133.0%;}
	.services_item_title {font-size: 3rem; letter-spacing: 0.35rem;padding: 2.7rem 1.4rem;}
	.services_item_title:before {  margin-bottom: 1.5rem;}
	.swiper-nav {  margin-top: 5.2rem;}
	.smtitle {font-size: 1.112rem;}
	.section-studios { padding: 4rem 0 2rem;}
	.studios_item_title {font-size: 6rem;margin-bottom: 1.9rem;}
	.studios {padding-top: 2.4rem;}
	.studios_item {margin-top:0;}
	.studios_item_cont { padding: 31px 15px 30px;}
	.studios_item_num { margin-bottom: 0.95rem;} 
	.studios_item_txt { font-size: 1.3rem; line-height: 1.8rem;}
	.studios_item_txt p { padding-bottom: 2.7rem;}
	.studios_item_txt ul {font-size: 2rem;}
	.studios_item_txt ul li {margin-bottom: 1.3rem;}
	.section-customers {  padding: 2.3rem 0;}
	.customers_item_img:before { padding-bottom: 132.5%;}
	.customers_item_cont { padding-top: 1.7rem;font-size: 0.724rem;font-size: 0.924rem;}
	.review { padding: 15.7rem 0 20.8rem;}
	.review_txt {letter-spacing: 0.11em;font-size: 3rem;line-height: 2.898rem; margin: 0 -5px 39px;}
	.review_cont:before { margin: 0 auto 2rem;}
	.section-faq { padding: 3.2rem 0 2.6rem;}
	.faq_list_item { padding: 0 0 0.9rem 0;}
	.faq_list_q {padding: 2.1rem 0 2.1rem;font-size: 1.6rem;line-height: 1.936rem;}
	.faq_list_ans {font-size: 1.3rem;line-height: 1.8rem;padding: 0 0.7rem 1.7rem 0;
		p {padding-bottom: 2rem;}
	} 
	.section-feedback { padding: 3rem 0 8.2rem;}
	.feedback_title {    margin-bottom: 2.9rem;}
	.feedback_title h2 {font-size: 2.4rem;line-height: 1.14;}
	.feedback_title:before { margin: 0 auto 1.5rem;width: 4.4rem;    height: 4.4rem;}
	.form_cols_item {width:100%;}
	.form_row { margin-bottom: 2.2rem;}
	.form_btn {flex-direction: column; gap: 2.6rem;   margin-top: 3.6rem;}
	textarea.form-control { height: 17.4rem;} 
	.section-appeal { padding: 5.7rem 0 3rem; height: 44.3rem; background-size: auto 443px;}
 	.appeal {font-size: 8rem; }
 	.appeal_txt { letter-spacing: 0.3rem;}
}
@media screen and (max-width: 519px) {
	.customers_slider {margin:0 -14px; padding: 0.4rem 0rem 0;}
	.customers_slider .swiper-slide {width: 18.1rem;} 
}