/*
Theme Name: ФутуРус
Author: aka_Koren
Author URI: https://vk.com/aka_koren
Description: ФутуРус
Tags: ФутуРус
Text Domain: ФутуРус
*/
@font-face {font-family: Montserrat;src: url(fonts/Montserrat-Regular.woff) format('woff');font-weight: 400;font-style: normal;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat-Medium.woff) format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat-SemiBold.woff) format('woff');font-weight: 600;font-style: normal;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat-Bold.woff) format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: Montserrat;src: url(fonts/Montserrat-ExtraBold.woff) format('woff');font-weight: 800;font-style: normal;}
button:hover, input[type="submit"]:hover { cursor: pointer; }
input, button, select, textarea, a {
	font-family: Montserrat;
	transition: 250ms;
	text-decoration: none !important;
}
a { color: white; }
a:hover { text-decoration: underline; }
p { margin: 0 0 10px 0; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.ttu { text-transform: uppercase; }
.m0 { margin: 0; }
.p0 { padding: 0; }
.posr { position: relative; }
.mb0 { margin-bottom: 0 !important; }
.db { display: block; }
.dib { display: inline-block; }
img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
body, main, section, header, footer {
	font-family: Montserrat;
	font-weight: 400;
	background-color: #202020;
	color: white;
	line-height: 1.2;
}
*, *:hover, *:focus, *:active { outline: none !important; }
:root {
	--red: #E2000E;
}
.row {
	display: flex;
	flex-flow: row wrap;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	padding-top: 12px;
	z-index: 9;
	background-color: transparent;
}

header .wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .wrap .socials {
	display: inline-flex;
	vertical-align: middle;
	margin-right: 40px;
	gap: 16px;
}

header a img { transition: 250ms; }

header a:hover img { opacity: 0.8; }

header button {
	background-color: transparent;
	color: white;
	width: 250px;
	height: 62px;
	border: 2px solid white;
	border-radius: 8px;
	font-size: 20px;
}

header button:hover {
	background-color: white;
	color: #202020;
}

section#first {
	background-image: url(img/fbg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 1080px;
	overflow-x: hidden;
}

h1 {
	margin: 200px 0 24px 0;
	font-size: 82px;
	font-weight: 800;
}

#first img.thumb {
	max-width: unset;
	max-height: 1000px;
}

#first .text {
	margin-bottom: 60px;
	font-size: 32px;
	font-weight: 600;	
}

#first button {
	color: white;
	background-color: var(--red);
	border: 2px solid var(--red);
	width: 100%;
	max-width: 330px;
	height: 68px;
	border-radius: 8px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 120px;
}

#first button:hover { background-color: transparent; }

#first p.title {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 700;
}

#first .info {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 700px;
	gap: 20px;
	justify-content: space-between;
}

#first .info .block img {
	max-height: 82px;
	margin-bottom: 10px;
}

#first .info .block span {
	display: block;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: 700;
}

section#video {
	background-image: url(img/videobg.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 120px 0;
}

#video p.sub {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 500;
}

#video h2 {
	margin: 0 0 24px 0;
	font-size: 50px;
	font-weight: 800;
	max-width: 800px;
	line-height: 1.1;
}

#video .text {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.5;
}

section#advants { margin-bottom: 100px; }

#advants p.sub {
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 500;
}

#advants h2 {
	margin: 0 0 50px 0;
	font-size: 50px;
	font-weight: 800;
	max-width: 800px;
}

#advants .block { margin-bottom: 20px; }

#advants .block p.title {
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 800;
}

#advants .block p.text {
	margin-bottom: 0;
	font-size: 20px;
}

#advants .wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#advants .wrap .block { width: 48%; }

#advants .wrap .block:last-child { width: 100%; }

#advants img.thumb {
	object-fit: cover;
	height: 730px;
	border-radius: 16px;
}

section#revolution { margin-bottom: 120px; }

#revolution h2 {
	text-align: center;
	margin: 0 auto 60px auto;
	font-size: 50px;
	font-weight: 800;
	max-width: 1140px;
}

#revolution .wrap {
	display: flex;
	flex-flow: row wrap;
	border-radius: 24px;
	overflow: hidden;
}

#revolution .wrap .block {
	width: 50%;
	position: relative;
}

#revolution .wrap .block span {
	position: absolute;
	font-size: 50px;
	font-weight: 800;
	bottom: 32px;
	left: 36px;
}

#revolution .wrap .block:last-child span {
	left: unset;
	right: 36px;
	text-align: right;
}

section#mixing h2 {
	text-align: center;
	margin: 0 auto 60px auto;
	font-size: 50px;
	font-weight: 800;	
}

#mixing .wrap {
	height: 740px;
	overflow: hidden;
	position: relative;
}

#mixing .wrap img { max-height: unset; }

#mixing .wrap .block {
	position: absolute;
	z-index: 2;
	left: 120px;
	top: 40px;
	width: 260px;
}

#mixing .wrap .block[data-mix="2"] {
	left: unset;
	right: 0;
	top: 200px;
	text-align: right;
}

#mixing .wrap .block[data-mix="3"] {
	top: 380px;
	left: 0;
}

#mixing .wrap .block[data-mix="4"] {
	bottom: 80px;
	right: 0;
	left: unset;
	text-align: right;
	width: 390px;
	top: unset;
}

#mixing .wrap .block[data-mix="5"] {
	top: 0;
	left: unset;
	right: 70px;
	text-align: right;
}

#mixing .wrap .block:after {
	content: url(img/mix1point.svg);
	position: absolute;
	left: calc(100% - 1px);
	top: 37px;
}

#mixing .wrap .block[data-mix="2"]:after {
	content: url(img/mix2point.svg);
	position: absolute;
	left: -420px;
	top: 37px;
}

#mixing .wrap .block[data-mix="3"]:after {
	content: url(img/mix3point.svg);
	position: absolute;
	left: calc(100% - 1px);
	top: -77px;
}

#mixing .wrap .block[data-mix="4"]:after {
	content: url(img/mix4point.svg);
	position: absolute;
	left: -118px;
	top: 37px;
}

#mixing .wrap .block[data-mix="5"]:after {
	content: url(img/mix5point.svg);
	position: absolute;
	left: -306px;
	top: 37px;
}

#mixing .wrap .block p.title {
	padding-bottom: 10px;
	margin-bottom: 14px;
	position: relative;
	font-size: 24px;
	font-weight: 700;
}

#mixing .wrap .block p.title:after {
	position: absolute;
	content: '';
	bottom: 0;
	width: 100%;
	left: 0;
	height: 2px;
	background-color: white;
}

#mixing .wrap .block[data-mix="4"] p.title:after {
	width: 260px;
	left: unset;
	right: 0;
}

#mixing .wrap .block p.text { margin-bottom: 16px; }

#mixing .wrap .block[data-mix="4"] p.text {
	width: 300px;
	margin-left: auto;
}

#mixing .wrap .block a {
	font-size: 20px;
	font-weight: 500;
}

#mixing .wrap .block a:hover { color: var(--red); }

.mixpopup {
	display: none;
	position: fixed;
	z-index: 9;
	background-color: white;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 320px;
	height: 100%;
	max-height: 500px;
	padding: 16px;
	border-radius: 20px;
	color: black;
	border-radius: 16px;
	box-shadow: 0px 4px 25px 0px rgba(255, 153, 0, 0.45);
}

.mixpopup img {
	display: block;
	margin: 0 auto 24px auto;
	border-radius: 12px;
	max-width: 260px;
}

.mixpopup p.title {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
}

.mixpopup p.title a {
	width: 24px;
	height: 24px;
}

.mixpopup p.title a:hover { opacity: 0.7; }

.mixpopup p.text { margin-bottom: 0; }

section#offer .container {
	margin-bottom: 120px;
	background-color: white;
	color: black;
	border-radius: 24px;
	background-image: url(img/offer.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size: 50% 100%;
	min-height: 730px;
}

#offer .wrap {
	width: 50%;
	margin-left: auto;
	padding: 80px 100px;
}

#offer p.sub {
	margin-bottom: 12px;
	font-size: 24px;
}

#offer h2 {
	margin: 0 0 40px 0;
	font-size: 50px;
	font-weight: 800;
}

#offer form {
	padding-bottom: 70px;
	position: relative;
}

#offer input {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	height: 56px;
	padding: 0 24px;
	font-size: 20px;
	font-weight: 500;
	color: black;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid black;
}

#offer input[type="submit"] {
	background-color: var(--red);
	border-color: var(--red);
	width: 240px;
	color: white;
	margin-bottom: 0;
}

#offer input[type="submit"]:hover {
	color: black;
	background-color: transparent;
}

#offer p.policy {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
}

section#future { margin-bottom: 100px; }

#future h2 {
	text-align: center;
	margin: 0 auto 60px auto;
	font-size: 50px;
	font-weight: 800;
	max-width: 1200px;
}

#future .block {
	position: relative;
	margin-bottom: 20px;
}

#future .block span {
	position: absolute;
	font-size: 36px;
	font-weight: 800;
	bottom: 32px;
	left: 30px;
	text-transform: uppercase;
}

section#designs { margin-bottom: 80px; }

#designs h2 {
	margin: 0 0 24px 0;
	font-size: 50px;
	font-weight: 800;
}

#designs p {
	margin-bottom: 60px;
	font-size: 20px;
	line-height: 1.4;
}

#designs button {
	width: 98%;
	height: 64px;
	position: relative;
	background-color: var(--red);
	border: 2px solid var(--red);
	color: white;
	font-size: 20px;
	font-weight: 600;
	border-radius: 8px;
}

#designs button:hover { background-color: transparent; }

#designs button:after {
	position: absolute;
	content: 'ЖМИ!';
	right: -36px;
	top: -50px;
	width: 114px;
	height: 46px;
	background-color: white;
	color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 4px;
	font-size: 24px;
	font-weight: 600;
	border-radius: 12px;
	transform: rotate(30deg);
}

#designs img {
	margin-bottom: 40px;
	height: 400px;
	object-fit: cover;
	border-radius: 16px;
}

section#contact { margin-bottom: 70px; }

#contact .container {
	color: black;
	background-color: white;
	padding: 80px;
	border-radius: 24px;
}

#contact h2 {
	margin: 0 0 60px 0;
	font-size: 46px;
	font-weight: 800;
	line-height: 1.3;
}

#contact form { padding-bottom: 70px; }

#contact input {
	width: 100%;
	max-width: 600px;
	height: 56px;
	margin-bottom: 40px;
	padding: 0 24px;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid black;
	font-size: 20px;
	font-weight: 500;
}

#contact input[type="submit"] {
	width: 260px;
	height: 60px;
	background-color: var(--red);
	border-color: var(--red);
	color: white;
	margin-bottom: 0;
}

#contact input[type="submit"]:hover {
	color: black;
	background-color: transparent;
}

#contact p.policy {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
}

#contact .wrap {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin-bottom: 30px;
}

#contact .wrap h3 {
	margin: 0 0 8px 0;
	font-size: 40px;
	font-weight: 800;
}

#contact .wrap span { font-size: 20px; }

section#about { margin-bottom: 100px; }

#about img {
	margin-bottom: 24px;
	border-radius: 16px;
}

#about p.title {
	margin-bottom: 16px;
	font-size: 32px;
	line-height: 1.3;
	font-weight: 800;
	max-width: 740px;
}

#about p.text {
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 1.3;
	max-width: 740px;
}

section#models { margin-bottom: 120px; }

#models h2 {
	margin: 0 0 12px 0;
	padding-right: 120px;
	font-size: 50px;
	font-weight: 800;
}

#models p.sub {
	padding-right: 120px;
	margin-bottom: 40px;
	font-size: 20px;
}

#models .slider {
	width: calc(100% + 28px);
	margin-left: -14px;
}

#models .slick-arrow {
	left: unset;
	top: -60px;
	right: 14px;
}

#models .slick-arrow.slick-prev { right: 70px; }

#models .slick-slide { margin: 0 14px; }

#models .model {
	border-radius: 16px;
	background: #2F2F2F;
	padding: 32px 24px;
}

#models .model p.title {
	margin-bottom: 24px;
	font-size: 36px;
	font-weight: 800;
}

#models .model .info {
	min-height: 200px;
	margin-bottom: 20px;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between;
	gap: 24px 0;
}

#models .model .info .block { width: 49%; }

#models .model .info .block:first-child { width: 100%; }

#models .model .info .block span {
	display: block;
	margin-bottom: 2px;
	font-size: 18px;
}

#models .model .info .block p {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 600;
}

#models .model .price {
	margin-bottom: 0;
	font-size: 28px;
	font-weight: 800;
}

section#buynow .container {
	margin-bottom: 120px;
	background-color: white;
	color: black;
	border-radius: 24px;
	padding: 80px;
}

#buynow h2 {
	margin: 0 0 40px 0;
	font-size: 50px;
	font-weight: 800;
}

#buynow p.sub {
	margin-bottom: 28px;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
}

#buynow p.text {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
}

#buynow form { padding-bottom: 70px; }

#buynow input {
	width: 100%;
	max-width: 600px;
	height: 56px;
	margin-bottom: 30px;
	padding: 0 24px;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid black;
	font-size: 20px;
	font-weight: 500;
}

#buynow input[type="submit"] {
	width: 260px;
	height: 60px;
	background-color: var(--red);
	border-color: var(--red);
	color: white;
	margin-bottom: 0;
}

#buynow input[type="submit"]:hover {
	color: black;
	background-color: transparent;
}

#buynow p.policy {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 500;
}

footer { padding-bottom: 80px; }

footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: column;
	gap: 12px;
}

footer a:hover { color: var(--red); }

footer a img { transition: 250ms; }

footer a:hover img { opacity: 0.8; }

footer ul a { font-size: 20px; }

footer .block {
	display: inline-flex;
	flex-flow: column;
	gap: 8px;
	margin-right: 70px;
}

footer .block:last-child { margin-right: 0; }

footer .block span { margin-bottom: 4px; }

footer .block a {
	font-size: 24px;
	font-weight: 700;
}

footer .line {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 30px;
	margin-bottom: 18px;
}

footer .socials {
	display: flex;
	flex-flow: row wrap;
	gap: 10px;
	width: 96px;
}

footer button {
	width: 210px;
	height: 58px;
	color: white;
	border: 2px solid white;
	background-color: transparent;
	border-radius: 8px;
	font-weight: 600;
	font-size: 16px;
}

footer button:hover {
	color: #202020;
	background-color: white;
}

footer p.madeby {
	text-align: right;
	margin-bottom: 0;
}

#popup {
	display: none;
	position: fixed;
	z-index: 99999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

#popup .wrap {
	background-color: white;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 560px;
	padding: 60px 40px 10px 40px;
	border-radius: 20px;
	color: black;
}

#popup .wrap a.closepopup {
	position: absolute;
	top: 16px;
	right: 16px;
	line-height: 1;
	font-size: 24px;
	color: #4B4B4B;
	font-weight: 600;
	border-radius: 100%;
}

#popup .wrap a.closepopup:hover { opacity: 0.8; }

#popup p.title {
	margin-bottom: 40px;
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
}

#popup form { padding-bottom: 70px; }

#popup form input {
	display: block;
	width: 100%;
	margin-bottom: 24px;
	height: 56px;
	padding: 0 24px;
	font-size: 20px;
	font-weight: 500;
	color: black;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid black;
}

#popup form input[type="submit"] {
	background-color: var(--red);
	border-color: var(--red);
	width: 250px;
	color: white;
	margin-bottom: 0;
}

#popup form input[type="submit"]:hover {
	color: black;
	background-color: transparent;
}

#popup p.policy {
	font-size: 14px;
	font-weight: 500;
}

a#up {
	display: none;
	position: fixed;
	z-index: 9;
	width: 50px;
	height: 50px;
	background-color: black;
	border-radius: 100%;
	bottom: 40px;
	right: calc(50% - 860px);
	text-align: center;
	line-height: 50px;
}

a#up:hover { opacity: 0.6; }

form { position: relative; }

.wpcf7-not-valid-tip, .wpcf7-spinner { display: none !important; }

input.wpcf7-not-valid { border-color: var(--red) !important; }

.wpcf7-response-output {
	position: absolute !important;
	margin: 0 !important;
	bottom: 20px !important;
}

@media(min-width: 1px) and (max-width: 1799px) { a#up { right: 40px; } }

@media(min-width: 1200px) and (max-width: 1579px) {
	h1 { font-size: 60px; }
	#video h2, #advants h2, #revolution h2, section#mixing h2, #offer h2, #future h2, #models h2, #buynow h2 { font-size: 42px; }
	#advants .block p.title { font-size: 22px; }
	#advants .block p.text { font-size: 18px; }
	#revolution .wrap .block span { font-size: 40px; }
	#offer .wrap { padding: 80px 40px; }
	#future .block span, #models .model p.title, #models .model .price { font-size: 24px; }
	#designs h2, #contact h2 { font-size: 36px; }
	#contact .wrap img { width: 100px; }
	#contact .wrap h3 { font-size: 30px; }
	#contact .wrap span, #models p.sub { font-size: 16px; }
	#about p.title { font-size: 24px; }
	#models .model { padding: 24px 16px; }
	#models .model .info { min-height: 180px; }
	#models .model .info .block span, footer .block span { font-size: 12px; }
	#models .model .info .block p, footer .block a { font-size: 18px; }
	footer .block { margin-right: 20px; }
}

@media(min-width: 992px) and (max-width: 1199px) {
	h1 { font-size: 60px; }
	#video h2, #advants h2, #revolution h2, section#mixing h2, #offer h2, #future h2, #models h2, #buynow h2 { font-size: 42px; }
	#advants .block p.title { font-size: 22px; }
	#advants .block p.text { font-size: 18px; }
	#revolution .wrap .block span { font-size: 40px; }
	#offer .wrap { padding: 80px 40px; }
	#future .block span, #models .model p.title, #models .model .price { font-size: 24px; }
	#designs h2, #contact h2 { font-size: 36px; }
	#contact .wrap img { width: 100px; }
	#contact .wrap h3 { font-size: 30px; }
	#contact .wrap span, #models p.sub { font-size: 16px; }
	#about p.title { font-size: 24px; }
	#models .model { padding: 24px 16px; }
	#models .model .info { min-height: 180px; }
	#models .model .info .block span, footer .block span { font-size: 12px; }
	#models .model .info .block p, footer .block a { font-size: 18px; }
	footer .block { margin-right: 20px; }
	#advants img.thumb { height: 600px; }
	#contact .container { padding: 30px; }
	footer ul {
		text-align: right;
		margin-bottom: 40px;
	}
	#mixing img.hidden-sm {
		width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	#mixing .wrap {
		margin-top: 40px;
		margin-bottom: 40px;
		height: auto;
	}
	#mixing .wrap .blocks {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		border-radius: 24px;
		background-color: #2f2f2f;
		padding: 32px 16px 0 16px;
	}
	#mixing .wrap .block {
		position: relative;
		top: unset !important;
		bottom: unset !important;
		right: unset !important;
		left: unset !important;
		padding-left: 48px;
		padding-right: 36px;
		width: 100% !important;
		text-align: left !important;
	}
	#mixing .wrap .block:before {
		content: attr(data-mix);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		height: 36px;
		background-color: white;
		border-radius: 100%;
		font-size: 20px;
		color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-weight: 600;
		margin: auto;
	}
	#mixing .wrap .block p.title:after, #mixing .wrap .block:after { content: none !important; }
	#mixing .wrap .block a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 24px;
		height: 24px;
	}
	#mixing .wrap .block p.title {
		font-size: 20px;
		padding-bottom: 0;
		width: 100% !important;
	}
	#mixing .wrap .block p.text {
		width: 100% !important;
		margin-bottom: 30px;
		font-size: 14px;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	h1 { font-size: 38px; }
	#video h2, #advants h2, #revolution h2, section#mixing h2, #offer h2, #future h2, #models h2, #buynow h2, #revolution .wrap .block span { font-size: 30px; }
	#advants .block p.title { font-size: 22px; }
	#advants .block p.text { font-size: 18px; }
	#offer .wrap { padding: 80px 40px; }
	#models .model p.title, #models .model .price, #first .text, #first .info .block span { font-size: 24px; }
	#designs h2, #contact h2 { font-size: 36px; }
	#contact .wrap img { width: 100px; }
	#contact .wrap h3 { font-size: 30px; }
	#contact .wrap span, #models p.sub, #future .block span { font-size: 16px; }
	#about p.title { font-size: 24px; }
	#models .model { padding: 24px 16px; }
	#models .model .info { min-height: 180px; }
	#models .model .info .block span, footer .block span { font-size: 12px; }
	#models .model .info .block p, footer .block a { font-size: 18px; }
	#contact .text, #buynow p.text { margin-bottom: 20px; }
	footer .block { margin-right: 20px; }
	#advants .wrap .block:last-child { width: 48%; }
	#advants img.thumb {
		height: auto;
		margin-bottom: 20px;
	}
	#contact .container { padding: 30px; }
	footer { padding-bottom: 60px; }
	footer ul {
		text-align: right;
		margin-bottom: 40px;
	}
	section#offer .container { background-size: 40% 100%; }
	#offer .wrap { width: 60%; }
	#mixing img.hidden-xs {
		width: 48%;
		display: inline-block;
		vertical-align: top;
	}
	#mixing .wrap {
		margin-top: 40px;
		margin-bottom: 40px;
		height: auto;
	}
	#mixing .wrap .blocks {
		display: inline-block;
		width: 50%;
		vertical-align: top;
		border-radius: 24px;
		background-color: #2f2f2f;
		padding: 32px 16px 0 16px;
	}
	#mixing .wrap .block {
		position: relative;
		top: unset !important;
		bottom: unset !important;
		right: unset !important;
		left: unset !important;
		padding-left: 48px;
		padding-right: 36px;
		width: 100% !important;
		text-align: left !important;
	}
	#mixing .wrap .block:before {
		content: attr(data-mix);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		height: 36px;
		background-color: white;
		border-radius: 100%;
		font-size: 20px;
		color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-weight: 600;
		margin: auto;
	}
	#mixing .wrap .block p.title:after, #mixing .wrap .block:after { content: none !important; }
	#mixing .wrap .block a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 24px;
		height: 24px;
	}
	#mixing .wrap .block p.title {
		font-size: 20px;
		padding-bottom: 0;
		width: 100% !important;
	}
	#mixing .wrap .block p.text {
		width: 100% !important;
		margin-bottom: 30px;
		font-size: 14px;
	}
}

@media(min-width: 1px) and (max-width: 767px) {
	header img.logo { height: 40px; }
	header .wrap .socials { margin-right: 10px; }
	header .wrap .socials img { height: 32px; }
	header button {
		width: auto;
		height: auto;
		border: none;
	}
	#first img.thumb {
		max-width: 100%;
		max-height: 400px;
	}
	h1 {
		margin-top: 0;
		font-size: 32px;
	}
	#first button {
		width: 220px;
		height: 52px;
		font-size: 16px;
	}
	#first .info .block img { max-height: 60px; }
	section#advants, section#revolution, section#about, section#models, section#offer .container, section#designs { margin-bottom: 60px; }
	section#buynow .container {
		margin-bottom: 80px;
		padding: 40px 20px;
	}
	section#video { padding: 20px 0 60px 0; }
	#video h2, #advants h2, #revolution h2, section#mixing h2, #offer h2, #future h2, #models h2, #buynow h2, #revolution .wrap .block span, #designs h2, #contact h2 { font-size: 26px; }
	#advants .block p.title, #video .text { font-size: 16px; }
	#advants .block p.text { font-size: 14px; }
	#offer .wrap { padding: 80px 40px; }
	#models .model p.title, #models .model .price, #first .text, #first .info .block span, #buynow p.sub { font-size: 18px; }
	section#contact { overflow-x: hidden; }
	#contact .wrap img { width: 100px; }
	#contact .wrap h3 { font-size: 30px; }
	#contact .wrap span, #models p.sub, #future .block span, #buynow p.text, footer ul a { font-size: 16px; }
	#revolution .wrap .block { width: 100%; }
	#revolution .wrap .block:last-child span {
		text-align: left;
		right: unset;
		left: 36px;
	}
	#future .block img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	#designs button { margin-bottom: 20px; }
	#about p.title { font-size: 24px; }
	#models .model { padding: 24px 16px; }
	#models .model .info { min-height: 180px; }
	#models .model .info .block span, footer .block span { font-size: 12px; }
	#models .model .info .block p, footer .block a, #offer p.sub { font-size: 18px; }
	#contact .text, #buynow p.text { margin-bottom: 20px; }
	footer .block {
		width: 100%;
		display: flex;
		margin: 0 0 30px 0;
	}	
	#advants img.thumb {
		height: auto;
		margin-bottom: 20px;
	}
	#contact .container { padding: 30px 10px; }
	footer { padding-bottom: 60px; }
	footer ul { margin-bottom: 40px; }
	section#offer .container {
		background-size: 100% 240px;
		background-position: center top;
		padding-top: 240px;
	}
	#contact h2 { margin-bottom: 30px; }
	#models h2, #models p.sub { padding-right: 0; }
	#models p.sub { margin-bottom: 60px; }
	#models .slick-arrow { top: -30px; }
	#offer .wrap {
		width: 100%;
		padding: 32px 16px;
	}
	#contact img {
		height: 40px;
		margin-bottom: 20px;
	}
	footer .socials img { height: 30px; }
	footer button {
		width: 180px;
		height: 50px;
		font-size: 14px;
	}
	a#up {
		transform: scale(0.7);
		bottom: 10px;
		right: 20px;
	}
	footer img.logo {
		height: 40px;
		margin-bottom: 20px;
	}
	footer .line {
		flex-flow: column;
		margin-bottom: 40px;
	}
	footer p.madeby { text-align: left; }
	p.policy { font-size: 14px !important; }
	#popup .wrap {
		max-width: 100%;
		max-height: 100%;
		border-radius: 0;
		padding: 60px 20px 10px 20px;
	}
	#popup p.title { font-size: 24px; }
	#designs button { width: 90%; }
	#designs button:after {
		right: -56px;
		top: -38px;
		transform: scale(0.7) rotate(30deg);
	}
	#mixing .container { padding: 0; }
	section#mixing h2 {
		margin-bottom: 0;
		padding: 0 15px;
	}
	#mixing .wrap {
		margin-top: -20px;
		height: auto;
	}
	#mixing .wrap .blocks {
		border-radius: 24px;
		background-color: #2f2f2f;
		padding: 32px 16px;
		position: relative;
		margin-top: -260px;
		z-index: 9;
	}
	#mixing .wrap .block {
		position: relative;
		top: unset !important;
		bottom: unset !important;
		right: unset !important;
		left: unset !important;
		padding-left: 48px;
		padding-right: 36px;
		width: 100% !important;
		text-align: left !important;
	}
	#mixing .wrap .block:before {
		content: attr(data-mix);
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 36px;
		height: 36px;
		background-color: white;
		border-radius: 100%;
		font-size: 20px;
		color: black;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		font-weight: 600;
		margin: auto;
	}
	#mixing .wrap .block p.title:after, #mixing .wrap .block:after { content: none !important; }
	#mixing .wrap .block a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 24px;
		height: 24px;
	}
	#mixing .wrap .block p.title {
		font-size: 20px;
		padding-bottom: 0;
		width: 100% !important;
	}
	#mixing .wrap .block p.text {
		width: 100% !important;
		margin-bottom: 30px;
		font-size: 14px;
	}
}