@font-face {
  font-family: 'Just Me Again Down Here';
  src: url('../fonts/JustMeAgainDownHere-Regular.ttf') format('truetype');
  font-display:block;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Betina';
  src: url('../fonts/Betina.ttf') format('truetype');
}

* {
	box-sizing: border-box;
}
*:focus {
    outline: none; 
}
body{
	min-width: 360px;
	min-height: 360px;
	margin:0;
	height:100%;
	font-family: 'Inter', sans-serif;
	color:#fff;
	position: fixed;
	width: 100%;
}
a{
	text-decoration:none;
}
@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent;
  }
}
.natamari-logo{
	max-width:204px;
}
.natamari-logo img{
	width: 100%;
}
.purple{
	color:#D9B8FF;
}
.darkpurple{
	color:#93278f;
}
.button{
	display:block;
}
.button-wrap{
	position:relative;
}
.button-text{
	position:absolute;
	font-family: 'Just Me Again Down Here', sans-serif;
	font-weight: 400;
	font-size: 32px;
	line-height: 130%;
	text-align: center;
	color: #000000;
	margin: 0 auto;
    left: 0;
    right: 0;
}
.button .button-bg path.main-frame{
	transition: fill .5s ease;
	fill:#AD8DDB;
}
.button:hover .button-bg path.main-frame{
	fill:#D9B8FF;
}
.header,.socials{
	position:fixed;
	z-index:10;
}
.header{
	top:30px;
	display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 160px;
	transition:0.5s;
	opacity:1;
	align-items:center;
}
.header.hidden{
	opacity:0;
}
.contact-link{
	position:relative;
	max-width: 200px;
    width: 100%;
    text-align: right;
}
.contact-link a{
	font-family: 'Just Me Again Down Here', sans-serif;	
	font-size: 32px;
	line-height: 130%;
	color: #FFF;
}
.contact-link .phone-numb{
	position:absolute;
	font-weight: 700;
	font-size: 22px;
	display: flex;
	align-items: center;
	color: #9568B3;
	right:0;
}
.socials{
	left:160px;
	bottom: 30px;
	display: flex;
    flex-direction: column;
}
.socials .ln{
	margin-bottom:18px;
}
.socials>a svg path{
	transition: fill .5s ease;
}
.socials>a.ln svg path,.socials>a.tg svg path.bg{
	fill:transparent;
}
.socials>a.ln:hover svg path,.socials>a.tg:hover svg path.bg{
	fill:#AD8DDB;
}
.slider{
	height:100%;
	background: radial-gradient(83.21% 83.21% at 47.85% 83.21%, #2B1843 0%, #000000 100%);
}

.slider .swiper-pagination-vertical.swiper-pagination-bullets{
    bottom: 30px;
    top: initial;
    right: 160px;
    transform: none;
}
.slider .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
	background:#fff;
	opacity:1;
	margin:12px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.slider .swiper-pagination-bullet-active:before{
	content: "";
	background: no-repeat center/contain url(../img/circle.svg);
	padding:10px;
}
.slide{
	height:100vh;
	display: flex;
    align-items: center;
    justify-content: center;
}
.hands{
	background: no-repeat center/contain url(../img/hands.png);
	height: 100%;
	width: 100%;
	max-width: 1187px;
	max-height: 532px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.neon-logo{
	margin:20px 0;
	animation: neon 5s cubic-bezier(0.4, 0, 1, 1) infinite;
}
@keyframes neon {
	0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
		opacity: .99;
		filter: brightness(1);
	}
	50%, 75%{
		filter: brightness(2);	
	}
	20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
		opacity: 0.6;
	}
}
.slide video{
	height:100%;
	width:100%;
	object-fit: cover;
}
.text-wrap-inside{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;
    max-width: 554px;
}
.white-logo,.cd-headline{
	margin-bottom:40px;
}
.cd-headline{
	width:100%;
}
.cd-headline.push{
	height:30px;
}
.cd-headline.push img {
	opacity: 0;
	display: inline-block;
	position: absolute;
	left: 0;
	right:0;
	margin: 0 auto;
}
.cd-headline.push img.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  -moz-animation: push-in 0.6s;
  animation: push-in 0.6s;
}
.cd-headline.push img.is-hidden {
  -webkit-animation: push-out 0.6s;
  -moz-animation: push-out 0.6s;
  animation: push-out 0.6s;
}
@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    -ms-transform: translateX(10%);
    -o-transform: translateX(10%);
    transform: translateX(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -moz-transform: translateX(110%);
    -ms-transform: translateX(110%);
    -o-transform: translateX(110%);
    transform: translateX(110%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.text-wrap-inside .cd-words-wrapper{
	display: flex;
    height: 100%;
    align-items: center;
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
	overflow: hidden;
}
.cd-headline.type .cd-words-wrapper::after {
  /* vertical bar */
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}
.cd-headline.type .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}
.cd-headline.type b {
  visibility: hidden;
}
.cd-headline.type b.is-visible {
  visibility: visible;
}
.cd-headline.type i {
  position: absolute;
  visibility: hidden;
  font-style: initial;
}
.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
.contact-header{
	font-weight: 700;
	font-size: 50px;
	line-height: 130%;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align:center;
}
.contact-header .cd-words-wrapper{
	color:#D9B8FF;
	position:relative;
	display:block;
	height:65px;
}

.header__list,.content__list {
	font-weight: 600;
	overflow: hidden;
}
.header__list{
	font-family: 'Just Me Again Down Here', sans-serif;
	font-size: 32px;
	line-height: 130%;
	height: 50px;
	font-weight: 400;
	margin-bottom:12px;
}
.content__list{
	font-weight: 700;
	font-size: 32px;
	text-transform: uppercase;
	height:60px;
	position:relative;
}
.content__list:before,.content__list:after{
	content:"";	
	height: 100%;
	width:18px;
	position: absolute;
	top: 0;
	animation-name: opacity;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.content__list:before{
	background:no-repeat center/contain url(../img/left-h.svg);
}
.content__list:after{
	background:no-repeat center/contain url(../img/right-h.svg);
	right: 0;
}
.slide2{
	flex-direction:column;
	justify-content:end;
}
.slide2.swiper-slide-active .container__list{
	animation-name: change;
}

.container__list {
	text-align: center;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	padding:0 40px;
}
@keyframes change {
	0%, 23%, 100% {
		transform:translate3d(0,0,0);
	}
	26%,48% {
		transform:translate3d(0,-33%,0);
	}
	51%,73% {
		transform:translate3d(0,-66%,0);
	}
	76%,98% {
		transform:translate3d(0,-33%,0);
	}
}
@keyframes opacity {
  0%, 100% {opacity:0;}
  50% {opacity:1;}
}

.container__list__item {
	line-height: 50px;
	height:50px;
	margin: 0;
}

.content__list .container__list__item {
	line-height:60px;
	height:60px;
}
.weare-header{
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom:120px;
	width: 29%;
	position:relative;
}
.location-text{
    position: absolute;
    font-size: 16px;
    color: #D9B8FF;
    font-family: 'Inter', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    right: 0;
}
.weare-header span{
	display:block;
	line-height:1;
}
.weare-header .left-head{
	text-align:left;
}
.weare-header .right-head{
	text-align:right;
}
.weare-list{
	display: flex;
    text-align: center;
	width:76%;
	justify-content:space-between;
	margin-bottom: 40px;
}
.weare-list .weare-item{
	width:24%;
}
.weare-list .weare-item:nth-child(2){
	width:36%;
}
.weare-list .weare-item:nth-child(3),.weare-list .weare-item:nth-child(4){
	width:18%;
}
.weare-item .digit{
	font-weight: 700;
	font-size: 40px;
	line-height: 130%;
	text-transform: uppercase;
}
.weare-item .text{
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: #D9B8FF;
}
.windows{
	position:relative;
	width: 100%;
    height: 100%;
	margin-bottom:10%;
}
.window{
	background: no-repeat center/contain url(../img/window.svg);
	max-width: 661px;
	max-height: 432px;
    height: 100%;
    width: 100%;
	position:absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.slide3 .window:nth-child(1){
	bottom:60px;
	left:10%;
}
.slide3 .window:nth-child(2){
	bottom:195px;
	right:10%;
}
.slide3 .window:nth-child(3){
	bottom:165px;
	right:5%;
}
.slide3 .window:nth-child(4){
	bottom:30px;
	left:26%;
}
.slide3 .window:nth-child(5){
	bottom:6px;
	left:32%;
}
.slide3 .window:nth-child(6){
	bottom:90px;
	left: 18%;
}
.slide3 .window:nth-child(7){
	bottom:208px;
	right:20%;
}
.slide3.swiper-slide-active .window:nth-child(1){
	animation: opacity1 1s;
}
.slide3.swiper-slide-active .window:nth-child(2){
	animation: opacity2 1s;	
}
.slide3.swiper-slide-active .window:nth-child(3){
	animation: opacity3 1s;	
}
.slide3.swiper-slide-active .window:nth-child(4){
	animation: opacity4 1s;	
}
.slide3.swiper-slide-active .window:nth-child(5){
	animation: opacity5 1s;	
}
.slide3.swiper-slide-active .window:nth-child(6){
	animation: opacity6 1s;	
}
.slide3.swiper-slide-active .window:nth-child(7){
	animation: opacity7 1s;	
}
@keyframes opacity1 {
	0%{
		opacity: 0;
	}
	13% {
		opacity: 0;
	}
	14% {
		opacity: 1;
	}
}
@keyframes opacity2 {
	0%{
		opacity: 0;
	}
	27% {
		opacity: 0;
	}
	28% {
		opacity: 1;
	}
}
@keyframes opacity3 {
	0%{
		opacity: 0;
	}
	41% {
		opacity: 0;
	}
	42% {
		opacity: 1;
	}
}
@keyframes opacity4 {
	0%{
		opacity: 0;
	}
	55% {
		opacity: 0;
	}
	56% {
		opacity: 1;
	}
}
@keyframes opacity5 {
	0%{
		opacity: 0;
	}
	69% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
}
@keyframes opacity6 {
	0%{
		opacity: 0;
	}
	83%{
		opacity: 0;
	}
	84% {
		opacity: 1;
	}
}
@keyframes opacity7 {
	0%{
		opacity: 0;
	}
	97%{
		opacity: 0;
	}
	98% {
		opacity: 1;
	}
}
.window .window-wrap{
	position:absolute;
}
.slide3 .window:nth-child(6) .window-wrap{
	position:absolute;
	bottom:40px;
	right:45px;
}
.slide3 .window:nth-child(6) .window-header{
	text-align:right;
}
.slide3 .window:nth-child(6) .window-list{
	text-align:right;
	margin-bottom:20px;
}
.slide3 .window:nth-child(7) .window-wrap{
	position:absolute;
	bottom:70px;
	left:40px;
}
.slide3 .window:nth-child(7) .window-wrap .window-header{
	margin-bottom: 20px;
}
.slide3 .window:nth-child(7) img{
	position:absolute;
	right: -120px;
    top: -7px;
}
.window-list{
	font-size: 16px;
	line-height: 150%;
	color: #000;
}
.window-header{
	font-weight: 700;
	font-size: 28px;
	line-height: 100%;
	text-transform: uppercase;
	color: #000;
}
.window-header span{
	display:block;
}
.reviews-wrap{
	display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 846px;
	justify-content:center;
	height:100%;
}
.swiper.reviews-slider{
	width:100%;
	background: no-repeat center/contain url(../img/review-bg.svg);
	height:485px;
	padding: 8% 16% 11% 15%;
}
.review {
    display: flex;
    flex-direction: column;
}
.reviews-title{
	margin-bottom:16px;
	font-weight: 700;
	font-size: 50px;
	line-height: 130%;
	text-align: center;
	text-transform: uppercase;
}
.review-text{
	font-size: 16px;
	line-height: 20px;
	color: #000000;
	margin: 25px 38px 16px;
}
.review-text span{
	display:block;
}
.review-author{
	font-size: 14px;
	line-height: 20px;
	margin: 0 38px;
}
.swiper.reviews-slider .swiper-button-prev{
	left:35px;
}
.swiper.reviews-slider .swiper-button-next{
	right:45px;
}
.swiper.reviews-slider .swiper-button-prev svg, .swiper.reviews-slider .swiper-button-next svg{
	height:100%;
}
.swiper.reviews-slider .swiper-button-prev:after,.swiper.reviews-slider .swiper-button-next:after{
	content: none;
}
.contact-form{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	width: 100%;
    max-width: 482px;
}
.contact-form .hidden{
	display:none;
}
.contact-form input,.contact-form textarea{
	font-family: 'Just Me Again Down Here', 'Betina';
	font-size: 32px;
	border: 0;
	width:100%;
	line-height:1;
	margin-bottom:18px;
	outline: none;
	padding: 10px 45px 20px;
}
.contact-form input{
	height: 55px;
}
.contact-form textarea{
    height: 128px;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
	color: #171414;	
}
.form-wrapper{
	display: flex;
	position:relative;
}
.form-wrapper img{
	position:absolute;
    right: -20px;
    top: -20px;
	z-index:-1;
}
.input-name{
	background: no-repeat center/contain url(../img/name.svg);
}
.input-email{
	background: no-repeat center/contain url(../img/email.svg);
}
.input-message{
	resize:none;
	background: no-repeat center/contain url(../img/message.svg);
}
.contact-form .input-submit{
	background: none;
    padding: 0;
    height: 38px;
    width: 137px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
.contact-wrapper{
	width:820px;
}
.button-sm path.main-frame {
	transition: fill .5s ease;
	fill:#AD8DDB;	
}
.button-sm:hover path.main-frame{
	fill:#D9B8FF;
}
.popup-wrapper{
	display:flex;
    align-items: center;
    justify-content: center;
	height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
	z-index:-1;
    background: rgb(43 24 67 / 60%);
	transition:0.6s;
	opacity:0;
}
.popup-wrapper.active{
    z-index: 10;
	opacity:1;
}
.popup{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup img{
	width: 100%;
    padding: 10px;
}
.popup-message{
	position:absolute;
	text-align:center;
	font-family: 'Just Me Again Down Here', sans-serif;
	font-size: 32px;
	line-height: 30px;
	color: #000;
}
.popup-message span{
	display:block;
}
.popup .close{
	position: absolute;
    width: 100%;
    max-width: 13px;
    cursor: pointer;
    right: 6%;
    top: 8.5%;
    padding: 0;
}

.popup-wrapper .popup {
	animation-name: anim-close;
}
.popup-wrapper.active .popup {
    animation-name: anim-open;
}
.popup-wrapper.active .popup, .popup-wrapper .popup {
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.mob{
	display:none;
}

@keyframes anim-open {
	0% { opacity: 0; -webkit-transform: translate3d(400px, 0, 0) scale3d(1.4, 0, 1); transform: translate3d(400px, 0, 0) scale3d(1.4, 0, 1); }
	100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
}
@keyframes anim-close {
	0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
	20% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
	100% { opacity: 0; -webkit-transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); transform: translate3d(-400px, 0, 0) scale3d(1.4, 0, 1); }
}


.arrow-bg{
	transition:0.5s;
	opacity:0;
}
.swiper-button-prev:hover .arrow-bg,.swiper-button-next:hover .arrow-bg{
	opacity:1;
}
.head{
	margin:18px 0 35px;
	position:relative;
	display: flex;
    justify-content: center;
}
.head img{
	z-index:1;
}
.head .circle{
	position:absolute;
	border-radius:50%;
	opacity:0.5;
}
.head .circle.circle1{
	width:630px;
	height:630px;
	background: linear-gradient(180deg, rgba(189, 84, 221, 0.5) 0%, rgba(0, 0, 0, 0) 61.88%);
	top:35%;
}
.head .circle.circle2{
	width:606px;
	height:606px;
	background: linear-gradient(180deg, #AD8DDB 0%, rgba(0, 0, 0, 0) 61.88%);
	top: 38%;
}


.slide2.swiper-slide-active .head img{
	animation: fadeinhead1 1.5s;
}
.slide2.swiper-slide-active .head .circle2{
	animation: fadeinhead2 1s;	
}
.slide2.swiper-slide-active .head .circle1{
	animation: fadeinhead3 1s;	
}
@keyframes fadeinhead1 {
	0%{
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeinhead2 {
	0% {
		opacity: 0;
	}
	50%{
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}
@keyframes fadeinhead3 {
	0% {
		opacity: 0;
	}
	25%{
		opacity: 0;
	}
	100% {
		opacity: 0.5;
	}
}


@media only screen and (max-width : 1600px) {
	.slide3 .window:nth-child(7){
		right:33%;
	}
}
@media only screen and (max-width : 1500px) {
	.header{
		padding: 0 30px;
	}
	.socials{
		left:30px;
	}
	.slider .swiper-pagination-vertical.swiper-pagination-bullets{
		right:30px;
	}
}
@media only screen and (max-width : 1439px) {
	.slide3 .window:nth-child(7){
		right:40%;
	}
}
@media only screen and (max-width : 1200px) {
	.hands{
		margin:0 20px;
	}
	.window{
		max-width:580px;
		max-height:360px;
		width:80%;
	}
	.desc{
		display:none;
	}
	.mob{
		display:block;
	}
	.slide3 .window:nth-child(7) .window-wrap,.slide3 .window:nth-child(6) .window-wrap{
		display:none;
	}
	.slide3 .window:nth-child(7){
		background: no-repeat center/contain url(../img/window7.svg);
		right: 15%;
		top: 17%;
		bottom: initial;
	}
	.slide3 .window:nth-child(7) img{
		right: -20%;
		top: 20%;
		width: 80%;
		max-width: 462px;
	}
	.slide3 .window:nth-child(6){
		background: no-repeat center/contain url(../img/window6.svg);
		top: 34%;
		left: 21%;
		bottom: initial;
	}
	.slide3 .window:nth-child(5){
		top: 23%;
		left: 8%;
		bottom:initial;
	}
	.slide3 .window:nth-child(4){
		left: 0;
		top: 43%;
		bottom: initial;
	}
	.slide3 .window:nth-child(3){
	    top: 41%;
		bottom: initial;
	}
	.slide3 .window:nth-child(2){
		top: 46%;
		bottom: initial;
	}
	.slide3 .window:nth-child(1){
		left: -6%;
		top: 40%;
		bottom: initial;
	}
	.windows{
		margin-bottom:0;
	}
}
@media (orientation: landscape) and (max-width : 1200px) {
	.slide3 .window:nth-child(6){
		top:38%;
	}
	.slide3 .window:nth-child(7){
		top:12%;
	}
	.slide3 .window:nth-child(7) img{
		right: -27%;
		top: 16%;
	}
	.head img{
		width:75%;
	}
	.head .circle.circle1{
		width:472px;
		height:472px;
	}
	.head .circle.circle2{
		width:454px;
		height:454px;
	}
}
@media (orientation: landscape) and (max-width : 1200px) and (max-height : 780px){
	.window{
		max-width: 450px;
		max-height: 265px;
	}
	.slide3 .window:nth-child(7) img{
		right: -33%;
	}
}
@media (orientation: portrait) and (max-width : 1024px) {
	.content__list{
		font-size:24px;
	}
	.hands{
		background: no-repeat center/contain url(../img/hands-mobile.png);
		max-width:initial;
		max-height:initial;
	}
	.weare-list{
		flex-direction: column;
		align-items: center;		
		max-width:570px;
	}
	.slider .swiper-pagination-bullet-active:before{
		padding: 18px;
	}
	.slider .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
		margin:16px 0;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet{
		width:15px;
		height:15px;
	}
	.socials svg{
		width:44px;
		height:44px;
	}
	.socials .ln{
		margin-bottom:44px;
	}
	.weare-header{
		width: 100%;
		max-width:360px;
		margin: 20% 0 10px;
	}
	.weare-list .weare-item{
		width:30%;
		position:relative;
		right:16%;
	}
	.weare-list .weare-item:nth-child(2){
		width:50%;
		left:16%;
		max-width: 180px;
	}
	.weare-list .weare-item:nth-child(3){
		width:40%;		
	}
	.weare-list .weare-item:nth-child(4){
		width:40%;
		left:16%;
	}
	.swiper.reviews-slider{
		background: no-repeat center/contain url(../img/review-bg-m.svg);
		padding: 17% 19% 17% 19%;
		max-width:90%;
		width:100%;
		height:initial;
	}
	.reviews-wrap{
		height: 846px;
	}
	.reviews-title{
		display:none;
	}
	.review-text,.review-author{
		font-size: 20px;
		line-height:24px;
		margin: 30px 0;
	}
	.swiper.reviews-slider .swiper-button-prev{
		left: 39%;
		bottom: 4%;
		top: initial;
	}
	.swiper.reviews-slider .swiper-button-next{
		right:39%;
		bottom: 4%;
		top:initial;
	}
	.contact-header{
		font-size:28px;
	}
	.contact-header .cd-words-wrapper{
		height:34px;
	}
	.form-wrapper{
		justify-content:center;
	}
	.form-wrapper img{
		display:none;
	}
	.head img{
		width:75%;
	}
	.head .circle.circle1{
		width:472px;
		height:472px;
	}
	.head .circle.circle2{
		width:454px;
		height:454px;
	}
}
@media (orientation: landscape) and (max-width : 1024px) {
	.slide3 .window:nth-child(6){
		top: 40%;
	}
	.weare-header{
		margin-bottom:60px;
	}
	.window{
		max-width: 480px;
		max-height: 260px;
	}
	.slide3 .window:nth-child(7) img{
		right: -4%;
		top: 20%;
		max-width: 300px;
	}
	.slide3 .window:nth-child(6){
		left:0;
	}
	.head{
		margin-bottom:0;
	}
	.head .circle.circle2{
		width:303px;
		height:303px;
	}
	.head .circle.circle1{
		width:315px;
		height:315px;
	}
	.head img{
		width:65%;
	}
}
@media (orientation: portrait) and (max-width : 900px) and (min-height : 1000px) {
	.slide3 .window:nth-child(6){
		top:36%;
	}
}
@media (orientation: landscape) and (max-width : 900px) {
	.window{
		max-height: 200px;
	}
	.slide3 .window:nth-child(6) {
		left: -7%;
		top: 44%;
	}
	.slide3 .window:nth-child(7) img{
		right: 10%;
		top: 44%;
		max-width: 220px;
	}
	.head{
		display:none;
	}
	.slide2{
		justify-content:center;
	}
	.weare-header{
		font-size:30px;
		margin: 30px 0 50px;
	}
	.location-text{
		font-size:14px;
	}
	.weare-item .text{
		font-size:14px;
	}
	.header{
		top:10px;
	}
	.reviews-title{
		display:none;
	}
	.swiper.reviews-slider{
		height: 340px;
		padding: 7% 28% 9% 27%;
	}
	.review-text,.review-author{
		font-size: 12px;
		margin: 0 0 10px;
		line-height: 1.2;
	}
	.swiper.reviews-slider .swiper-button-next{
		right:20%;
	}
	.swiper.reviews-slider .swiper-button-prev{
		left:20%;
	}
	.neon-logo{
		display:none;
	}
	.form-wrapper{
		justify-content:center;
	}
	.contact-form input, .contact-form textarea{
		margin-bottom:0;
	}
	.contact-header{
		font-weight: 700;
		font-size: 20px;
		text-align: center;
		line-height: 1;
		margin-bottom:20px;
	}
	.slide6,.slide5{
		padding-bottom:20px;
	}
}
@media (orientation: landscape) and (max-width : 900px) and (max-height : 600px){
	.slide6, .slide5{
		align-items: center;
		padding-bottom: 0;
	}
}
@media (orientation: landscape) and (max-width : 800px) {
	.swiper.reviews-slider{
		padding: 7% 25% 10% 25%;
	}
	.swiper.reviews-slider .swiper-button-next{
		right: 18%;
	}
	.swiper.reviews-slider .swiper-button-prev{
		left: 18%;
	}
}
@media (orientation: portrait) and (max-width : 920px) {
	.slide3 .window:nth-child(6){
		top: 43%;
	}
}
@media (orientation: portrait) and (max-width : 768px) {
	.swiper.reviews-slider{
		padding: 20% 18% 18% 18.5%;
	}
	.review-text, .review-author{
		margin: 0 0 10px;
	}
	.weare-item .text{
		font-size:13px;
	}
	.weare-item .digit{
		font-size:32px;
	}
	.weare-list{
		margin-bottom:30px;
		max-width: 380px;
	}
	.cd-headline.type .cd-words-wrapper{
		height: 36px;
	}
	.weare-header{
		font-size:32px;
		margin-top: 25%;
		margin-bottom:10px;
		max-width:230px;
	}
	.location-text{
		font-size:14px;
	}
	.slide3 .window:nth-child(7) img{
		top: 22%;
	}
}
@media (orientation: landscape) and (max-width : 740px) {
	.slide2 .text{
		width:85%;
	}
	.content__list{
		font-size:20px;
	}
	.header{
		padding:0 20px;
	}
	.slider .swiper-pagination-vertical.swiper-pagination-bullets{
		right:20px;
		bottom:20px;
	}
	.socials{
		left:20px;
	}
	.slide3 .window:nth-child(7){
		right: -15%;
		top: 18%;
	}
	.slide3 .window:nth-child(6){
		left: -20%;
	}
	.weare-header{
		font-size: 24px;
		margin: 60px 0 20px;
	}
	.weare-item .text{
		font-size:12px;
	}
	.weare-item .digit{
		font-size:30px;
	}
	.swiper.reviews-slider{
		padding: 6% 29% 8% 28%;
		height: 280px;
	}
	.swiper.reviews-slider .swiper-button-prev{
		left:17%;
	}
	.swiper.reviews-slider .swiper-button-next{
		right:17%;
	}
	.review-text{
		font-size:11px;
	}
	.contact-form{
		max-width:340px;
	}
	.contact-form input{
		height:40px;
	}
	.contact-form input, .contact-form textarea{
		font-size:24px;
		padding: 10px 10px 20px 35px;
	}
	.contact-form textarea {
		height: 100px;
	}
}
@media (orientation: portrait) and (max-width : 720px) {
	.white-logo{
		width:100%;
	}
	.cd-headline.push img{
		max-height:20px;
	}
	.container__list{
		padding:0 20px;
	}
	.slide3 .window:nth-child(6){
		left:13%;
	}
	.swiper.reviews-slider{
		padding: 22% 15% 20% 15%;
		height: 830px;
	}
	.cd-headline.push{
		height:20px;
	}
	.white-logo, .cd-headline{
		margin-bottom:30px;
	}
	.review{
		justify-content:center;
	}
}
@media (orientation: landscape) and (max-width: 667px){
	.slide3 .window:nth-child(6){
		top: 40%;
	}
	.swiper.reviews-slider{
		padding: 7% 26% 8% 25%;
	}
}
@media (orientation: portrait) and (max-width : 660px) {
	.swiper.reviews-slider{
		padding: 23% 13% 21% 14%;
		height: auto;
	}
}
@media (orientation: portrait) and (max-width : 640px) {
	.swiper.reviews-slider{
		padding: 18% 18% 17% 18.5%;
	}	
	.review-text, .review-author{
		font-size:16px;
		line-height:20px;
	}
}
@media (orientation: portrait) and (max-width : 600px) {
	.review-author{
		margin-top:0;
	}
	.contact-form{
		width:90%;
	}
	.contact-form input, .contact-form textarea{
		margin-bottom:0;
	}
	.contact-form textarea{
		padding-top:15px;
	}
	.swiper.reviews-slider{
		padding: 22% 15% 18% 16.5%;
	}
	.content__list{
		max-width:90%;
		margin:0 auto;
	}
	.content__list .container__list__item{
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		line-height:1;
	}
	.container__list__item span{
		margin:0 5px;
	}
	.socials svg{
		width: 30px;
		height: 30px;
	}
	.socials .ln{
		margin-bottom:24px;
	}
	.weare-header{
		margin: 25% 0 10px;
		font-size: 26px;
		max-width: 200px;
	}
	.weare-item .text{
		font-size:12px;
	}
	.weare-list .weare-item:nth-child(2){
		width:45%;
	}
	.head .circle.circle2{
		width:303px;
		height:303px;
	}
	.head .circle.circle1{
		width:315px;
		height:315px;
	}
	.head img{
		width:65%;
	}
	.slide3 .window:nth-child(7) img{
		top: 50%;
	}
	.slide3 .window:nth-child(6){
		right: 1%;
		left: initial;
	}
	.slide3 .window:nth-child(5){
		right: 4%;
		left: initial;
	}
	.slide3 .window:nth-child(7){
		top: 10%;
	}
}
@media (orientation: portrait) and (max-width : 560px) {
	.swiper.reviews-slider{
		padding: 21% 14.5% 20% 14.5%;
	}
}
@media (orientation: portrait) and (max-width : 560px) and (min-height : 700px) {
	.slide3 .window:nth-child(7){
		top:12%;
	}
}
@media (orientation: portrait) and (max-width : 520px) {
	.slide3 .window:nth-child(7) img{
		right: -18%;
	}
	.socials svg{
		width:24px;
		height:24px;
	}
	.socials .ln{
		margin-bottom:24px;
	}
	.swiper-pagination-clickable .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.white-logo{
		width:80%;
	}
	.cd-headline.push img{
		max-height: 16px;
	}
	.button{
		width:80%;
		margin:0 auto;
	}
	.button-text{
		font-size:24px;
		line-height: initial;
	}
	.button-bg{
		width:100%;
	}
	.slider .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{
		margin:12px 0;
	}
	.slide3 .window:nth-child(7){
		top: 10%;
	}
	.slide3 .window:nth-child(6){
		top:26%;
	}
	.slide3 .window:nth-child(5) {
		right: initial;
		left: 14%;
		top: 35%;
	}
	.slide3 .window:nth-child(4){
		top: 16%;
	}
	.slide3 .window:nth-child(3){
		top:29%;
	}
	.slide3 .window:nth-child(2){
		top: 40%;
		right: 0;
	}
	.slide3 .window:nth-child(1){
		left: 5%;
		top: 38%;
		right: initial;
	}
	.weare-header{
		font-size: 28px;
		max-width:200px;
	}
	.weare-item .digit{
		font-size:22px;
	}
	.weare-item .text{
		font-size:12px;
	}
	.weare-list{
		margin-bottom:20px;
	}
	.weare-list .weare-item{
		width:50%;
	}
	.swiper.reviews-slider {
		padding: 21% 18% 19% 17%;
	}
	.review-text, .review-author{
		font-size:13px;
		margin: 0 0 10px;
		line-height:initial;
	}
	.review-text{
		line-height:1.3;
	}
	.slider .swiper-pagination-vertical.swiper-pagination-bullets{
		right:20px;
		bottom:20px;
	}
	.socials{
		left:20px;
		bottom:20px;
	}
	.swiper.reviews-slider .swiper-button-next,.swiper.reviews-slider .swiper-button-prev{
		bottom: 3%;
	}
	.contact-form textarea{
		height:120px;
	}
	.contact-form input, .contact-form textarea{
		font-size:24px;
	}
	.header{
		padding: 0 20px;
	}
	.natamari-logo{
		width:40%;
	}
}
@media (orientation: portrait) and (max-width : 520px) and (min-height : 640px) {
	.slide3 .window:nth-child(6) {
		top: 31%;
	}
	.weare-list .weare-item:nth-child(2){
		width: 50%;
	}
	.weare-header{
		margin: 15% 0 10px;
	}
	.contact-form input {
		height: 54px;
	}
	.contact-form input, .contact-form textarea{
		font-size:30px;
		padding-top: 10px;
	}
}
@media (orientation: portrait) and (max-width : 480px) {
	.swiper.reviews-slider {
		padding: 20% 16% 18% 16%;
	}
}
@media (orientation: portrait) and (max-width : 460px) {
	.swiper.reviews-slider {
		padding: 21% 15% 17% 16%;
	}
}
@media (orientation: portrait) and (max-width : 440px) {
	.swiper.reviews-slider {
		padding: 21% 14% 19% 14%;
	}
}
@media (orientation: portrait) and (max-width : 420px) {
	.slide3 .window:nth-child(6){
		top: 35%;
	}
	.slide3 .window:nth-child(7){
		top:9%;
	}
	.weare-header{
		margin: 20% 0 10px;
	}
	.weare-list .weare-item:nth-child(2){
		width: 70%;
	}
	.weare-list .weare-item:nth-child(4){
		width: 50%;
	}
	.swiper.reviews-slider {
		padding: 23% 12% 21% 13%;
	}
	.contact-form textarea{
		height: 100px;
		padding-top: 10px;
	}
	.contact-header{
		font-size:24px;
	}
	.contact-link a{
		font-size: 26px;
	}
	.contact-link .phone-numb{
		font-size:18px;
	}
	.header__list{
		font-size: 26px;
	}
	.swiper.reviews-slider .swiper-button-next, .swiper.reviews-slider .swiper-button-prev{
		bottom:4%;
		height: 35px;
	}
	.weare-list{
		margin-bottom:10px;
	}
	.weare-item .digit{
		font-size:20px;
	}
	.windows{
		margin-bottom:5%;
	}
}
@media (orientation: portrait) and (max-width : 400px) {
	.swiper.reviews-slider {
		padding: 22% 12% 21% 13%;
	}	
	.review-text, .review-author{
		font-size:12px;
	}
	.weare-header{
		font-size:20px;
		max-width:150px;
	}
}
@media (orientation: portrait) and (max-width : 420px) and (min-height : 780px) {
	.slide3 .window:nth-child(6){
		top:31%;
	}
}
@media (orientation: portrait) and (max-width : 380px) {
	.swiper.reviews-slider{
		padding: 24% 14% 21% 14%;
	}
	.review-text, .review-author{
		font-size:11px;
	}
}
@media (orientation: portrait) and (max-width : 360px) {
	.swiper.reviews-slider .swiper-button-next, .swiper.reviews-slider .swiper-button-prev{
		bottom:5%;
	}
}
@media (orientation: portrait) and (max-width : 360px) and (min-height : 700px) {
	.slide3 .window:nth-child(6){
		top:30%;
	}
}