/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Oswald:wght@300;400;500;600&display=swap'); */
@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Medium.woff2') format('woff2'),
        url('fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular.woff2') format('woff2'),
        url('fonts/Oswald-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Light.woff2') format('woff2'),
        url('fonts/Oswald-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Medium.woff2') format('woff2'),
        url('fonts/Oswald-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

/* ::selection {
	background: #F58210;
	color: #fff;
}

::-moz-selection {
	background: #F58210;
	color: #fff;
} */

.grecaptcha-badge {
	visibility: hidden;
 }

input,
textarea,
button {
	font-size: 15px;
	outline: none;
	border: none;
	font-family: 'Montserrat', -apple-system, Arial, sans-serif;
	font-weight: normal;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

input[type="button"] {
	-webkit-appearance: none
}

body {
	font-family: 'Montserrat', -apple-system, Arial, sans-serif;
	color: #0b1118;
	font-size: 15px;
	position: relative;
	font-weight: 400;
	background: #fff;
}

a {
	color: #f24a41;
	text-decoration: underline;
	transition: 0.2s;
}

a:hover {
	text-decoration: none;
}

.clear {
	clear: both
}

.const {
	width: 1320px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.fill-color{
	fill:#333;
}

header {
	width: 100%;
	padding-top: 20px;
	position: relative;
}

header:after {
	background: #CCC;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40%;
}
@media screen and (min-width: 1921px) {
    header:after {
    	background: #CCC;
    	content: "";
    	position: absolute;
    	top: 0;
    	right: 0;
    	height: 100%;
    	width: 42.5%;
    }   
}

.const.head-const {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.logo {
	width: 140px;
}

.logo svg {
	height: auto;
	width: 100%;
}

.logo img {
	display: none;
}

.menu-head-ul {
	list-style: none;
	display: flex;
}

.menu-head-ul li a {
	padding: 0 14px;
	color: #626A6F;
	font-size: 14px;
	text-decoration: none;
	font-weight: 500;
	transition: 0.3s;
}

.menu-head-ul li a:hover {
	color: #CCC;
}

.head-contact {
	display: flex;
	align-items: center;
}

.callback {
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 9px 26px;
	border: 2px solid #FFFFFF;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
}

.callback:hover {
	background: #fff;
	color: #CCC;
}

.phone-head {
	margin-left: 45px;
	color: #fff;
	font-size: 14px;
}

.phone-head a {
	font-weight: 500;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
}

.const.tiz-const {
	display: flex;
	justify-content: space-between;
	padding-top: 85px;
	padding-bottom: 85px;
}

.tiz-left {
	width: 50%;
	position: relative;
	margin-top: -25px;
}

.tiz-right {
	width: 50%;
}

.tiz-left h1 {
	font-family: "Oswald";
	font-weight: 500;
	font-size: 64px;
	color: #fff;
	text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
	-webkit-text-stroke: 1px #231F20;
	text-transform: uppercase;
	line-height: 1.5;
}

.tiz-left h1 span {
	color: #231F20;
	-webkit-text-stroke: unset;
}

.tiz-left p {
	color: #626A6F;
	margin-top: 25px;
	width: 100%;
	line-height: 1.75;
}

.tiz-right svg {
	width: 110%;
	position: relative;
	left: -10%;
}

.cta-tiz {
	background: #CCC;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 48px;
	color: #fff;
	text-decoration: none;
	margin-top: 60px;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
}

.cta-tiz:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #CCC;
}

.offer{
	display: flex;
	align-items: center;
	margin-top: 40px;
	flex-wrap: wrap;
	max-width: 500px;
}

.offer-r span{
	text-transform: uppercase;
	font-family: "Oswald";
    font-weight: 500;
	color: #fff;
    -webkit-text-stroke: 1px #231F20;
	font-size: 50px;
	text-shadow: 6px 2px 0px rgba(0, 0, 0, 0.1);
}

.offer-r{
	display: flex;
	flex-direction: column;
	line-height: 1.2;
}

.offer-r span:nth-of-type(2){
	color:#000000;
	font-size: 52px;
}

.offer-r small{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
}

.offer-b{
	font-size: 12.7px;
	color:#626A6F;
	margin-top: 16px;
	text-transform: uppercase;
	width: 100%;
}

.changer {
	background: #F7F7F7;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 1;
}

.changer .const {
	padding: 38px 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.changer-left {
	font-family: "Oswald";
	font-weight: 500;
	font-size: 40px;
	text-transform: uppercase;
	color: #231F20;
	text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
}

.changer-right {
	display: flex;
}

.changer-right span {
	width: 72px;
	height: 56px;
	display: block;
	border-radius: 10px;
	box-shadow: inset 4px 4px 0px rgba(0, 0, 0, 0.1);
	margin-right: 30px;
	transition: 0.3s;
	position: relative;
}

.changer-right span:last-child {
	margin-right: 0;
}

span.color-red {
	background: #fa3b40;
}

span.color-orange {
	background: #F58210;
}

span.color-yellow {
	background: #FECE09;
}

span.color-green {
	background: #339966;
}

span.color-blue {
	background: #0174F3;
}

span.color-purple {
	background: #5C40F4;
}

.changer-right span:hover,
.changer-right span.color-active {
	box-shadow: inset -4px -4px 0px rgba(0, 0, 0, 0.20);
	cursor: pointer;
}

.changer-right span:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(img/done.svg) no-repeat 50% 50%;
	background-size: 32px;
	content: "";
	visibility: hidden;
	opacity: 0.0;
	transform: scale(0.6);
	transition: 0.3s;
	filter: drop-shadow(2px 2px 0px rgba(0, 0, 0, 0.2));
}

.changer-right span.color-active:before {
	visibility: visible;
	opacity: 1.0;
	transform: scale(1.0);
}

.service {
	background: #CCC;
	position: relative;
}

.title-const {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 2;
	bottom: -200px;
	margin-top: -100px;
}

h2.service-h2 {
	background: #F7F7F7;
	border: 1px solid #231F20;
	box-sizing: border-box;
	border-radius: 30px;
	display: inline-block;
	font-family: "Oswald";
	font-weight: 500;
	font-size: 80px;
	color: #fff;
	text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
	-webkit-text-stroke: 1px #231F20;
	text-transform: uppercase;
	line-height: 1.5;
	width: 66%;
	text-align: center;
	padding: 8px 0 8px;
}

h2.service-h2 span {
	color: #231F20;
	-webkit-text-stroke: unset;
}

.service-const {
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: unset;
	bottom: -100px;
}

.service-block {
	background: #FFFFFF;
	border: 1px solid #231F20;
	box-sizing: border-box;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: 48.5%;
}

.service-head,
.service-head-revers {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 25px 70px 10px;
	z-index: 3;
	position: relative;
	border-bottom: 1px solid #231F20;
}

.service-head>div svg,
.service-head-revers>div svg {
	width: auto;
	height: 216px;
}

.service-head>div h3,
.service-head-revers>div h3 {
	font-family: "Oswald";
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	line-height: 1.5;
	text-transform: uppercase;
	color: #231F20;
}


.service-text {
	font-size: 16px;
	line-height: 1.6;
	color: #626A6F;
	opacity: 0.7;
	padding: 40px 70px 60px;
}

.tech-icons {
	background: #f7f7f7;
	padding: 170px 0 50px;
}

.tech-slider .owl-item div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tech-slider .owl-item {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tech-slider .owl-item img {
	width: auto;
	max-width: 90%;
	height: auto;
	max-height: 64px;
}

.folio {
	position: relative;
	z-index: 1;
}

.folio .const {
	padding-top: 100px;
	padding-bottom: 100px;
}

h2.folio-h2,
h2.team-h2,
h2.faq-h2,
h2.contacts-h2 {
	display: inline-block;
	font-family: "Oswald";
	font-weight: 500;
	font-size: 80px;
	color: #fff;
	text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
	-webkit-text-stroke: 1px #231F20;
	text-transform: uppercase;
	line-height: 1.5;
	text-align: center;
}

h2.folio-h2 span,
h2.team-h2 span,
h2.faq-h2 span,
h2.contacts-h2 span {
	color: #231F20;
	-webkit-text-stroke: unset;
}

h2.team-h2 {
	text-align: left;
	line-height: 1.1;
}

.folio-block {
	display: flex;
	padding-bottom: 10px;
}

.folio-left {
	width: 30%;
	padding-top: 64px;
	position: relative;
	right: -30px;
}

.folio-count {
	font-family: "Oswald";
	-webkit-text-stroke: 1px #231F20;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	position: absolute;
	top: -10px;
	left: 110px;
	user-select: none;
}

.folio-count span {
	font-size: 48px;
}

.folio-count i {
	font-style: normal;
}

.folio-block h4 {
	font-family: "Oswald";
	font-weight: 500;
	font-size: 24px;
	color: #231F20;
	text-transform: uppercase;
}

.folio-block p {
	font-size: 18px;
	line-height: 1.6;
	opacity: 0.7;
	padding: 40px 0;
	color: #626A6F;
}

.folio-price {
	background: #CCC;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 0;
	color: #fff;
	text-decoration: none;
	display: block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	width: 186px;
	text-align: center;
}

.folio-price:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #CCC;
	color: #231F20;
}

.folio-link {
	background: #FFF;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 0;
	color: #CCC;
	text-decoration: none;
	margin-top: 32px;
	display: block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	width: 186px;
	text-align: center;
}

.folio-link:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #CCC;
	color: #fff;
}

.folio-right {
	width: 75%;
}

.folio-right img {
	width: 100%;
	height: auto;
}

.folio-slider {
	margin-top: 30px;
	position: relative;
}

.folio-preslider {
	position: relative;
	padding: 0 80px;
}

.folio-slider .owl-nav {
	position: absolute;
	top: 50%;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.folio-slider .owl-nav>div {
	width: 48px;
	height: 48px;
	background: #CCC;
	border-radius: 50%;
	font-size: 0;
	position: relative;
}

.folio-slider .owl-nav .owl-prev {
	left: -70px;
}

.folio-slider .owl-nav .owl-next {
	right: -70px;
}

.folio-slider .owl-nav .owl-prev:before,
.folio-slider .owl-nav .owl-next:before {
	content: "";
	background: url(img/arr-slider.svg) no-repeat 50% 50%;
	height: 100%;
	width: 100%;
	background-size: contain;
	position: absolute;
	top: 0;
	transition: 0.3s;
}

.folio-slider .owl-nav .owl-prev:before {
	right: -14px;
}

.folio-slider .owl-nav .owl-prev:hover:before {
	right: -8px;
}

.folio-slider .owl-nav .owl-next:before {
	left: -14px;
	transform: rotate(180deg);
}

.folio-slider .owl-nav .owl-next:hover:before {
	left: -8px;
}

.folio-logo {
	display: flex;
	align-items: center;
	margin-top: 100px;
}

.folio-logo div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 16.6%;
}

.folio-logo div img, .folio-logo div source {
	width: auto;
	height: auto;
    max-width: 70%;
    max-height: 110px;
}

.folio-logo div picture{
	display: flex;
	align-items: center;
	justify-content: center;
}

.for-anim1,
.for-anim2 {
	display: inline-block;
}

.prices {
	background: #CCC;
	position: relative;
	box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.25);
}

.prices>.const {
	display: flex;
	position: relative;
	bottom: -60px;
}

.prices-left {
	width: 38%;
	margin-right: 6%;
}

h2.prices-h2,
h2.feedback-h2,
h2.pref-h2 {
	display: inline-block;
	font-family: "Oswald";
	font-weight: 500;
	font-size: 80px;
	color: #CCC;
	text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
	-webkit-text-stroke: 2px #fff;
	text-transform: uppercase;
	line-height: 1.25;
}

h2.prices-h2 span,
h2.feedback-h2 span,
h2.pref-h2 span {
	color: #fff;
	-webkit-text-stroke: unset;
}

.prices-left ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	margin-top: 30px;
	padding-left: 30px;
}

.prices-left ul li {
	margin-bottom: 10px;
}

.prices-left ul li a {
	color: #231F20;
	font-family: "Oswald";
	font-weight: 300;
	font-size: 24px;
	text-decoration: none;
	text-transform: uppercase;
}

.prices-left ul li a svg {
	height: auto;
	width: 22px;
	margin-right: 15px;
}

.prices-left ul li a svg path {
	stroke: #231F20;
	transition: 0.3s;
}

.prices-left ul li a:hover {
	color: #fff;
}

.prices-left ul li a:hover svg path,
.prices-left ul li.active a svg path {
	stroke: #fff;
}

.prices-left ul li.active a {
	color: #fff;
	text-decoration: underline;
}

.prices-svg {
	margin-top: 30px;
}

.prices-svg svg {
	width: 100%;
	height: auto;
}

.prices-right {
	width: 56%;
	background: #FFFFFF;
	border: 1px solid #231F20;
	box-sizing: border-box;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	position: absolute;
	right: 0;
	transition: 0.3s;
}

.price-head {
	font-family: "Oswald";
	font-style: normal;
	font-weight: 500;
	font-size: 36px;
	text-transform: uppercase;
	color: #231F20;
	border-bottom: 1px solid #231F20;
	width: 100%;
	padding: 22px 40px 8px;
}

.price-desc {
	border-bottom: 1px solid #231F20;
	width: 100%;
	padding: 30px 40px;
	color: #626A6F;
	opacity: 0.7;
	font-size: 16px;
	line-height: 1.35;
}

.price-info {
	padding: 30px 40px;
	font-size: 18px;
	color: #231F20;
	line-height: 1.6;
	list-style: none;
}

.price-info li {
	position: relative;
	display: flex;
}

.price-info li svg {
	height: 12px;
	width: 8px;
	margin-right: 15px;
	position: relative;
	top: 8px;
}

.cta-price {
	background: #FFF;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 30px;
	color: #CCC;
	text-decoration: none;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	text-align: center;
}

.cta-price:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #CCC;
	color: #fff;
}

.price-foot {
	padding: 16px 40px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.price-time,
.price-price {
	color: #231F20;
	text-transform: uppercase;
	font-family: "Oswald";
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
}

.price-time span,
.price-price span {
	font-weight: 500;
	font-size: 24px;
}

.prices-block {
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	height: 0;
	transform: translate(0, -20px);
}

.prices-block.active {
	visibility: visible;
	opacity: 1.0;
	height: auto;
	transform: translate(0, 0);
}

.team {
	background: #f7f7f7;
	position: relative;
	z-index: 0;
}

.team-title {
	padding-top: 200px;
	display: flex;
	align-items: center;
}

.team-desc {
	padding-left: 130px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.65;
	color: #231F20;
}

.team-cont {
	display: flex;
	flex-wrap: wrap;
	padding-top: 100px;
	padding-bottom: 100px;
}

.team-block {
	width: 20%;
	padding-right: 10px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.25;
	color: #626A6F;
	margin-bottom: 4%;
	display: flex;
	flex-direction: column;
}

.team-photo {
	width: 146px;
	height: 146px;
	border: 1px solid #231F20;
	background: #fff;
	margin-bottom: 15px;
	position: relative;
	border-radius: 50%;
	transition: 0.4s;
}

.team-photo img {
	width: 100%;
	height: auto;
	filter: grayscale(1);
	transition: 0.5s;
	border-radius: 50%;
}

.team-photo:hover img {
	filter: grayscale(0);
}

.team-block h4 {
	font-family: "Oswald";
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	color: #231F20;
	margin-bottom: 4px;
	transition: 0.4s;
}

.team-photo svg {
	position: absolute;
	width: 320px;
	height: 250px;
	top: -60%;
	left: -60%;
	transition: 0.4s;
	transform: scale(0.7);
	opacity: 0.0;
	visibility: hidden;
}

.team-photo:hover svg {
	visibility: visible;
	opacity: 1.0;
	transform: scale(1.0);
}

.team-photo:hover {
	border: 1px solid #CCC;
}

.team-photo:hover ~ h4 {
	color: #CCC;
}

.feedback {
	background: #CCC;
	position: relative;
	box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.25);
	z-index: 2;
}

.feedback .const {
	bottom: -140px;
}

.fb-block {
	display: flex;
	align-items: center;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #231F20;
	box-sizing: border-box;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	margin-top: 20px;
}

.fb-svg {
	width: 40%;
}

.fb-svg svg {
	width: 100%;
	height: auto;
	position: relative;
	top: -20px;
	left: -40px;
}

.fb-text {
	width: 60%;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-top: 20px;
}

.fb-slide {
	font-size: 18px;
	color: #231F20;
	padding-left: 36px;
	padding-right: 36px;
}

.fb-slide .fb-video{
	width: 100%;
	height: 0;
	padding-bottom: 50%;
	position: relative;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
}

.fb-video a{
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	top:50%;
	margin-left: -30px;
	margin-top:-30px;
	left:50%;
	transition: 0.2s;
}

.fb-video a:hover{
	transform: scale(1.1);
	opacity: 0.8;
}

.fb-video a svg{
	width: 100%;
	height: 100%;
}

.fb-slide p {
	position: relative;
	line-height: 1.65;
}

.fb-slide p:before {
	content: "";
	background: url(img/fb-quote.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 24px;
	height: 24px;
	position: absolute;
	top: -4px;
	left: -34px;
	transform: translate(50px, 0);
	opacity: 0.0;
	transition: 0.7s;
}

.fb-slide p:after {
	content: "";
	background: url(img/fb-quote.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 24px;
	height: 24px;
	position: absolute;
	bottom: -4px;
	right: -34px;
	transform: rotate(180deg) translate(50px, 0);
	opacity: 0.0;
	transition: 0.7s;
}

.fb-slider .owl-item.active .fb-slide p:before {
	transform: translate(0, 0);
	opacity: 1.0;
	transition-delay: 0.2s;
}

.fb-slider .owl-item.active .fb-slide p:after {
	transform: rotate(180deg) translate(0, 0);
	opacity: 1.0;
	transition-delay: 0.4s;
}

.fb-foot {
	margin-top: 40px;
	border-top: 1px solid #231F20;
	padding-top: 20px;
	display: flex;
}

.fb-foot span {
	width: 50%;
	display: block;
	color: #626A6F;
}

.fb-slider .owl-nav {
	position: absolute;
	top: -200px;
	right: -50px;
}

.fb-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	top: -60px;
}

.fb-count {
	font-family: "Oswald";
	-webkit-text-stroke: 1px #231F20;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 24px;
	color: transparent;
	margin: 0 40px;
	user-select: none;
	min-width: 70px;
	text-align: center;
}

.fb-count span {
	font-size: 36px;
}

.fb-count i {
	font-style: normal;
}

.fb-controls {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

.fb-prev,
.fb-next {
	width: 48px;
	height: 48px;
	background: #fff;
	border-radius: 50%;
	font-size: 0;
	position: relative;
	cursor: pointer;
}

.fb-prev {
	background: transparent;
}

.fb-prev:before,
.fb-next:before {
	content: "";
	background: url(img/arr-slider.svg) no-repeat 50% 50%;
	height: 100%;
	width: 100%;
	background-size: contain;
	position: absolute;
	top: 0;
	transition: 0.3s;
}

.fb-prev:before {
	right: -14px;
}

.fb-prev:hover:before {
	right: -8px;
}

.fb-next:before {
	left: -14px;
	transform: rotate(180deg);
}

.fb-next:hover:before {
	left: -8px;
}

.fb-slider .owl-stage {
	display: flex;
	align-items: center;
}

.faq .const {
	padding-top: 260px;
}

.faq-cont {
	display: flex;
	flex-direction: column;
	margin-top: 40px;
	position: relative;
}

.faq-block {
	background: #FFFFFF;
	border: 1px solid #231F20;
	box-sizing: border-box;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	padding: 19px 30px;
	margin-bottom: 25px;
	position: relative;
	width: 82%;
}

.faq-block-right {
	margin-left: auto;
}

.faq-block span {
	font-family: "Oswald";
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #231F20;
	display: inline-block;
	position: relative;
	padding-left: 40px;
	transition: 0.3s;
}

.faq-text {
	position: absolute;
	right: -20%;
	top: -1px;
	background: #FFFFFF;
	border: 1px solid #231F20;
	box-sizing: border-box;
	box-shadow: 18px 8px 0px rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	max-width: 80%;
	padding: 24px;
	z-index: 10;
	opacity: 0.0;
	visibility: hidden;
	transform: scale(0.0);
	transition: 0.5s;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #231F20;
}

.faq-text ol li{
	margin-left: 20px;
	margin-bottom: 14px;
}

.faq-block-right .faq-text {
	top: unset;
	left: 20%;
	bottom: -1px;
}

.faq-block span:before {
	position: absolute;
	content: "";
	background: url(img/plus.svg) no-repeat 50% 50%;
	background-size: contain;
	width: 20px;
	height: 20px;
	left: 0;
	top: 50%;
	margin-top: -10px;
}

.faq-block.active span {
	color: #fff;
}

.faq-block.active {
	background: #CCC;
	z-index: 20;
}

.faq-block.active span:before {
	background: url(img/minus.svg) no-repeat 50% 50%;
	background-size: contain;
	animation: changeplus 0.5s;
}

.faq-text.active {
	opacity: 1.0;
	visibility: visible;
	transform: scale(1.0);
}

.faq-block span:hover {
	color: #CCC;
	cursor: pointer;
}

.faq-block.active span:hover {
	color: #fff;
}

@keyframes changeplus {
	0% {
		transform: scale(0.5);
		opacity: 0.0;
	}

	100% {
		transform: scale(1);
		opacity: 1.0;
	}
}

.faq-two-svg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 290px;
	height: auto;
	z-index: 2;
	pointer-events: none;
}

.faq-two-svg svg {
	width: 100%;
	position: relative;
	height: auto;
	bottom: 20px;
}

.faq-one-svg {
	position: absolute;
	right: 0;
	top: 52px;
	width: 290px;
	height: auto;
	z-index: 2;
	pointer-events: none;
}

.faq-one-svg svg {
	width: 100%;
	position: relative;
	height: auto;
}

.contacts .const{
	padding-top: 100px;
	z-index: 0;
	display: flex;
	align-items: center;
	padding-bottom: 160px;
}

.map{
	height: 400px;
	width: 64%;
	position: relative;
}

.map > div#yamap{
	width: 100%;
	height: 100%;
}

.map-svg{
	width: 360px;
	height: auto;
	position: absolute;
	bottom:-32%;
	left: 17.9%;
	transition: 0.6s;
	pointer-events: none;
}

.map-svg svg{
	transition: 0.3s;
}
/* 
div#yamap:hover ~ .map-svg svg{
		-webkit-mask-image: -webkit-gradient(linear, right 30%, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
} */

.contacts-block{
	padding-left: 40px;
}

[class*="ymaps-2"][class*="-ground-pane"]{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter:grayscale(100%);
	transition: filter 0.5s;
}

.map:hover [class*="ymaps-2"][class*="-ground-pane"]{
filter: unset;
}

.contacts-h2{
	margin-bottom: 30px;
}

.contacts-line{
	display: flex;
	align-items: flex-start;
	font-size: 16px;
color: #626A6F;
margin-bottom: 18px;
}

.contacts-line div{
	width: 50%;
}

.contacts-line div:first-child{
	display: flex;
	align-items: flex-start;
}

.contacts-line div svg{
	height: 22px;
	width: 22px;
	margin-right: 8px;
	position: relative;
	top:-2px
}

.contacts-line div a{
	color:inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	transition: 0.3s;
}

.contacts-line div a:hover{
	border-bottom: 1px solid rgba(0,0,0,0.5);
}

.contacts-line div:last-child{
	font-size: 16px;
	text-transform: uppercase;
	color: #231F20;
	word-break: break-all;
}

.map-tag {
	position: absolute;
	left: -30px;
	top: -50px;
	width: 70px;
	height: 70px;
}
.prefooter{
	background: #CCC;
	position: relative;
	box-shadow: inset 4px 4px 14px rgba(0, 0, 0, 0.25);
}

.prefooter .const{
	display: flex;
	padding-top: 80px;
	padding-bottom: 20px;
}

.pref-left{
	width: 56%;
}

.pref-right{
	width: 44%;
	position: relative;
	margin-top:-100px;
}

.pref-right svg{
	width: 100%;
	height: auto;
}

h2.pref-h2{
	font-size: 64px;
}

.pref-left p{
	font-weight: 500;
font-size: 18px;
line-height: 1.65;
color: #231F20;
margin-top: 30px;
margin-bottom: 30px;
}


.pref-cta-l {
	background: #fff;
	border: 2px solid #fff;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 34px;
	color: #CCC;
	text-decoration: none;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	text-align: center;
	margin-right: 40px;
}

.pref-cta-l:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #231F20;
}

.pref-cta-r {
	background: #CCC;
	border: 2px solid #fff;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 12px 34px;
	color: #fff;
	text-decoration: none;
	margin-top: 10px;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s;
	text-align: center;
}

.pref-cta-r:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #CCC;
}

footer{
	background: #231F20;
}

footer .const{
	display: flex;
	padding-top: 80px;
	padding-bottom: 80px;
	flex-wrap: wrap;
}

footer .const > div{
width: 23.333%;
}

footer div.foot-left{
	width: 30%;
	padding-right: 50px;
}

.logo-foot {
	width: 160px;
}

.logo-foot svg {
	height: auto;
	width: 100%;
}

.foot-left p{
	font-size: 14px;
line-height: 1.65;
color: #F7F7F7;
margin-top: 20px;
margin-bottom: 20px;
}

footer a{
	color:#CCC;
	text-decoration: underline;
}

.foot_soc{
	display: flex;
	align-content: center;
	margin-top: 20px;
}

.foot_soc a{
	width: 32px;
	height: 32px;
	display: block;
	transition: 0.2s;
	margin-right: 16px;
}

.foot_soc a:hover{
	transform: translateY(-3px);
}

.foot_soc a:last-child{
	margin-right: 0;
}

.foot_soc a svg{
	width: 100%;
	height: 100%;
}

.foot-menu{
	line-height: 2.0;
	color:#fff;
}

.footer-a{
	text-transform: uppercase;
	color: #CCC;
}

.foot-menu ul{
	list-style: none;
}

.foot-menu ul li a{
	color:#fff;
	text-decoration: none;
}

.foot-menu ul li a:hover{
	color:#CCC;
}

footer .const > div.footer-recaptcha{
	width: 100%;
	margin-top: 40px;
	font-size: 14px;
	color:rgba(255,255,255,0.5);
}

.scroll-percent {
    box-sizing: content-box;
    position: fixed;
    bottom: 24px;
    left: 24px;
    height: 60px;
    width: 60px;
    color: #CCC;
    background: #FFFFFF;
	box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25); 
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 500;
	font-size: 18px; 
	border-radius: 50%;
}

.go-up{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color:#CCC;
	background-image: url(img/arr-up.svg);
	background-size: 18px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	transform: scale(0.5);
	visibility: hidden;
	opacity: 0.0;
	transition: 0.2s;
}

.scroll-percent:hover .go-up{
	transform: scale(1.0);
	visibility: visible;
	opacity: 1.0;
	cursor: pointer;
}

body .fancybox-content{
	padding: 0;
	background: transparent;
	overflow:visible;
}

.modal-body{
	width: 600px;
	border: 2px solid #231F20;
	border-radius: 30px;
	position: relative;
	background: #fff;
}

.modal-head{
	background: #CCC;
	font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-size: 40px;
text-transform: uppercase;
color: #FFFFFF;
text-shadow: 8px 4px 0px rgba(0, 0, 0, 0.1);
padding:16px 40px;
border-top-left-radius: 28px;
border-top-right-radius: 28px;
border-bottom: 2px solid #231F20;
}

body .fancybox-slide--html .fancybox-close-small{
	color: #fff;
    padding: 0;
    right: 20px;
	top: 28px;
	filter: drop-shadow(3px 2px 0px rgba(0, 0, 0, 0.15));
}

.modal-content{
	padding: 16px 40px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	position: relative;
	z-index: 2;
}

.modal-content p{
	margin-top: 10px;
	font-size: 16px;
line-height: 1.5;
color: #626A6E;
margin-bottom: 20px;
}

.modal-form input[type="text"],.modal-form input[type="phone"]{
	color: #000000;
	border-bottom:2px solid #626A6E;
	padding:5px 0;
	font-size: 22px;
	display: block;
	width: 90%;
	margin-bottom: 40px;
	font-family: 'Oswald';
	font-weight: 300;
	background: transparent;
}

.modal-form{
	position: relative;
	display: block;
	overflow: hidden;
	margin:0;
}

.modal-form input[type="text"]:focus, .modal-form input[type="phone"]:focus{
	color: #CCC;
	border-bottom:2px solid #CCC;
}

.modal-form input.inp-error{
	color:tomato
}

.form-footer{
	display: flex;
	padding-bottom: 20px;
	align-items: center;
}

.modal-svg{
	position: absolute;
	width: 500px;
	height: 400px;
	bottom:-100px;
	right:-220px;
	pointer-events: none;
}

.modal-svg svg{
	height: 100%;
	width: 100%;
	transition: 0.35s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.form-footer div{
	font-size: 15px;
	line-height: 1.45;
	color: #626A6E;
}

.fancybox-slide--complete .modal-svg{
	animation: modal-wave 2.8s linear infinite;
}

@keyframes modal-wave{
	0%{
		transform: translate(0,0);
	}
	25%{
		transform: translate(-4px,2px);
	}
	50%{
		transform: translate(0,0);
	}
	75%{
		transform: translate(4px,-2px);
	}
	100%{
		transform: translate(0,0);
	}
}

.cta-form {
	background: #FFF;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 34px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s all;
	text-align: center;
	margin-right: 40px;
}

.cta-form:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #CCC;
	color: #fff;
}

.modal-form select{
	display: block;
	width: 90%;
	border:1px solid #626A6E;
	color:#626A6E;
	padding:8px 10px;
	border-radius: 0;
	font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-size: 22px;
margin-bottom: 30px;
outline: none;
}

.modal-form label{
	font-family: 'Oswald';
font-style: normal;
font-weight: normal;
font-size: 30px;
text-transform: uppercase;
color: #231F20;
display: inline-block;
margin-bottom: 16px;
}

.cta-form-next {
	background: #FFF;
	border: 2px solid #CCC;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 18px;
	text-transform: uppercase;
	padding: 10px 34px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	box-shadow: 18px 8px 0 rgba(0, 0, 0, 0.1);
	transition: 0.3s all;
}

.cta-form-next:hover {
	box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.05);
	background: #fff;
	color: #CCC;
}

.form-step{
	width: 100%;
	height: 100%;
	top:0;
	left:0;
position: absolute;
visibility: hidden;
opacity: 0.0;
transform: translate(600px,0);
transition: transform 0.5s ease-in-out, opacity 0.3s ease, visibility 0.4s;
}

.form-step.active{
	display: block;
	position: relative;
	opacity: 1.0;
	visibility: visible;
	transform:translate(0,0);
}

.form-group{
	height: 150px;
}

.lefter{
	transform:translate(-600px,0);
}

.modal-msg{
	display: flex;
    background: rgba(0,0,0,0.1);
    padding: 14px;
	align-items: center;
	margin-bottom: 0;
	overflow: hidden;
	height: 0;
	visibility: hidden;
	opacity: 0.0;
	transition: 0.2s;
	position: relative;
	transform: translate(0,50px);
	border-radius: 12px;
}

.modal-msg.active{
	height: auto;
	visibility: visible;
	opacity:1.0;
	transform: translate(0,0);
	margin-bottom: 10px;
}

.modal-msg svg{
	margin-right: 14px;
}

svg.hidden{
	display: inherit
}

.modal-svg.active svg{
	transform: translate(500px, -250px);
	opacity: 0.0;
	visibility: hidden;
}

.open-menu{
	display: none;
}

/******************
Смена цвета 
******************/

.fill-color{
	transition: fill 0.2s ease;
}

.after-color:after, .bg-color, .folio-slider .owl-nav>div{
	transition: all 0.2s;
} 

/* Красный */

body.body-red .fill-color{
	fill:#FA3B40;
}

body.body-red .modal-form input[type="text"]:focus, body.body-red .modal-form input[type="phone"]:focus{
	color: #FA3B40;
	border-bottom:2px solid #FA3B40;
}

body.body-red .stroke-color{
	stroke:#FA3B40;
}

body.body-red .bg-color, body.body-red .after-color:after, body.body-red .folio-slider .owl-nav>div, body.body-red .faq-block.active, body.body-red .pref-cta-r{
	background-color:#FA3B40;
}

body.body-red .text-hover-color:hover, body.body-red .font-color, body.body-red .foot-left a, body.body-red .text-hover-color a:hover, body.body-red .team-photo:hover ~ h4{
	color:#FA3B40;
}

body.body-red .button-color{
	background: #FA3B40;
    border: 2px solid #FA3B40;
}

body.body-red .button-color:hover, body.body-red .pref-cta-r:hover{
	background: #fff;
	color:#FA3B40;
}

body.body-red .border-hover-color{
	border: 2px solid #FA3B40;
	color:#FA3B40;
}

body.body-red .border-hover-color:hover{
	color:#fff;
	background: #FA3B40;
}

body.body-red .faq-block.active span:hover {
	color: #fff;
}

body.body-red .team-photo:hover{
	border:1px solid #FA3B40;
}

/* Оранжевый */

body.body-orange .fill-color{
	fill:#F58210;
}

body.body-orange .modal-form input[type="text"]:focus, body.body-orange .modal-form input[type="phone"]:focus{
	color: #F58210;
	border-bottom:2px solid #F58210;
}

body.body-orange .stroke-color{
	stroke:#F58210;
}

body.body-orange .bg-color, body.body-orange .after-color:after, body.body-orange .folio-slider .owl-nav>div, body.body-orange .faq-block.active, body.body-orange .pref-cta-r{
	background-color:#F58210;
}

body.body-orange .text-hover-color:hover, body.body-orange .font-color, body.body-orange .foot-left a, body.body-orange .text-hover-color a:hover, body.body-orange .team-photo:hover ~ h4{
	color:#F58210;
}

body.body-orange .button-color{
	background: #F58210;
    border: 2px solid #F58210;
}

body.body-orange .button-color:hover, body.body-orange .pref-cta-r:hover{
	background: #fff;
	color:#F58210;
}

body.body-orange .border-hover-color{
	border: 2px solid #F58210;
	color:#F58210;
}

body.body-orange .border-hover-color:hover{
	color:#fff;
	background: #F58210;
}

body.body-orange .faq-block.active span:hover {
	color: #fff;
}

body.body-orange .team-photo:hover{
	border:1px solid #F58210;
}

/* Желтый */

body.body-yellow .fill-color{
	fill:#FECE09;
}

body.body-yellow .modal-form input[type="text"]:focus, body.body-yellow .modal-form input[type="phone"]:focus{
	color: #FECE09;
	border-bottom:2px solid #FECE09;
}

body.body-yellow .stroke-color{
	stroke:#FECE09;
}

body.body-yellow .bg-color, body.body-yellow .after-color:after, body.body-yellow .folio-slider .owl-nav>div, body.body-yellow .faq-block.active, body.body-yellow .pref-cta-r{
	background-color:#FECE09;
}

body.body-yellow .text-hover-color:hover, body.body-yellow .font-color, body.body-yellow .foot-left a, body.body-yellow .text-hover-color a:hover, body.body-yellow .team-photo:hover ~ h4{
	color:#FECE09;
}

body.body-yellow .button-color{
	background: #FECE09;
    border: 2px solid #FECE09;
}

body.body-yellow .button-color:hover, body.body-yellow .pref-cta-r:hover{
	background: #fff;
	color:#FECE09;
}

body.body-yellow .border-hover-color{
	border: 2px solid #FECE09;
	color:#FECE09;
}

body.body-yellow .border-hover-color:hover{
	color:#fff;
	background: #FECE09;
}

body.body-yellow .faq-block.active span:hover {
	color: #fff;
}

body.body-yellow .team-photo:hover{
	border:1px solid #FECE09;
}

/* Зеленый */

body.body-green .fill-color{
	fill:#339966;
}

body.body-green .modal-form input[type="text"]:focus, body.body-green .modal-form input[type="phone"]:focus{
	color: #339966;
	border-bottom:2px solid #339966;
}

body.body-green .stroke-color{
	stroke:#339966;
}

body.body-green .bg-color, body.body-green .after-color:after, body.body-green .folio-slider .owl-nav>div, body.body-green .faq-block.active, body.body-green .pref-cta-r{
	background-color:#339966;
}

body.body-green .text-hover-color:hover, body.body-green .font-color, body.body-green .foot-left a, body.body-green .text-hover-color a:hover, body.body-green .team-photo:hover ~ h4{
	color:#339966;
}

body.body-green .button-color{
	background: #339966;
    border: 2px solid #339966;
}

body.body-green .button-color:hover, body.body-green .pref-cta-r:hover{
	background: #fff;
	color:#339966;
}

body.body-green .border-hover-color{
	border: 2px solid #339966;
	color:#339966;
}

body.body-green .border-hover-color:hover{
	color:#fff;
	background: #339966;
}

body.body-green .faq-block.active span:hover {
	color: #fff;
}

body.body-green .team-photo:hover{
	border:1px solid #339966;
}

/* Голубой */

body.body-blue .fill-color{
	fill:#0174F3;
}

body.body-blue .modal-form input[type="text"]:focus, body.body-blue .modal-form input[type="phone"]:focus{
	color: #0174F3;
	border-bottom:2px solid #0174F3;
}

body.body-blue .stroke-color{
	stroke:#0174F3;
}

body.body-blue .bg-color, body.body-blue .after-color:after, body.body-blue .folio-slider .owl-nav>div, body.body-blue .faq-block.active, body.body-blue .pref-cta-r{
	background-color:#0174F3;
}

body.body-blue .text-hover-color:hover, body.body-blue .font-color, body.body-blue .foot-left a, body.body-blue .text-hover-color a:hover, body.body-blue .team-photo:hover ~ h4{
	color:#0174F3;
}

body.body-blue .button-color{
	background: #0174F3;
    border: 2px solid #0174F3;
}

body.body-blue .button-color:hover, body.body-blue .pref-cta-r:hover{
	background: #fff;
	color:#0174F3;
}

body.body-blue .border-hover-color{
	border: 2px solid #0174F3;
	color:#0174F3;
}

body.body-blue .border-hover-color:hover{
	color:#fff;
	background: #0174F3;
}

body.body-blue .faq-block.active span:hover {
	color: #fff;
}

body.body-blue .team-photo:hover{
	border:1px solid #0174F3;
}

/* Фиолетовый */

body.body-purple .fill-color{
	fill:#5C40F4;
}

body.body-purple .modal-form input[type="text"]:focus, body.body-purple .modal-form input[type="phone"]:focus{
	color: #5C40F4;
	border-bottom:2px solid #5C40F4;
}

body.body-purple .stroke-color{
	stroke:#5C40F4;
}

body.body-purple .bg-color, body.body-purple .after-color:after, body.body-purple .folio-slider .owl-nav>div, body.body-purple .faq-block.active, body.body-purple .pref-cta-r{
	background-color:#5C40F4;
}

body.body-purple .text-hover-color:hover, body.body-purple .font-color, body.body-purple .foot-left a, body.body-purple .text-hover-color a:hover, body.body-purple .team-photo:hover ~ h4{
	color:#5C40F4;
}

body.body-purple .button-color{
	background: #5C40F4;
    border: 2px solid #5C40F4;
}

body.body-purple .button-color:hover, body.body-purple .pref-cta-r:hover{
	background: #fff;
	color:#5C40F4;
}

body.body-purple .border-hover-color{
	border: 2px solid #5C40F4;
	color:#5C40F4;
}

body.body-purple .border-hover-color:hover{
	color:#fff;
	background: #5C40F4;
}

body.body-purple .faq-block.active span:hover {
	color: #fff;
}

body.body-purple .team-photo:hover{
	border:1px solid #5C40F4;
}

.menu-mobile{
	display: none;
}

.modal-form button{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px;
	background-color: #fff;
}

.modal-form button:disabled{
	color:transparent;
	background-image: url(img/d.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 20px;
	background-color: #fff;
}

/******************
Анимация
******************/

@media screen and (min-width: 1180px) {
	.folio-slider .owl-item .folio-left {
		transform: translate(250px, 0);
		transition: 1.0s;
		opacity: 0.0;
	}
	
	.folio-slider .owl-item.active .folio-left {
		transform: translate(0, 0);
		opacity: 1.0;
	}
	
	.folio-slider .owl-item .folio-left .for-anim1 {
		transform: translate(150px, 0) scale(0.8);
		transition: 0.7s ease-in-out;
		transition-delay: 0.25s;
		opacity: 0.0;
	}
	
	.folio-slider .owl-item.active .folio-left .for-anim1 {
		transform: translate(0, 0) scale(1.0);
		opacity: 1.0;
	}
	
	.folio-slider .owl-item .folio-left .for-anim2 {
		transform: translate(150px, 0) scale(0.8);
		transition: 0.7s ease-in-out;
		transition-delay: 0.4s;
		opacity: 0.0;
	}
	
	.folio-slider .owl-item.active .folio-left .for-anim2 {
		transform: translate(0, 0) scale(1.0);
		opacity: 1.0;
	}
	
	.folio-slider .owl-item .folio-left p {
		transform: translate(150px, 0);
		transition: 0.7s ease-in-out;
		transition-delay: 0.15s;
		opacity: 0.0;
	}
	
	.folio-slider .owl-item.active .folio-left p {
		transform: translate(0, 0);
		opacity: 1.0;
	}
	.service-head.foranim > div svg{
		transform:rotate(-15deg) scale(0.8);
		transition: transform 0.5s;
	}

	.service-head-revers.foranim > div svg{
		transform:rotate(15deg) scale(0.8);
		transition: transform 0.5s;
	}

	.service-head.foranim.anim-active div svg, .service-head-revers.foranim.anim-active div svg{
		transform:rotate(0) scale(1.0);
	}

	.service-head.foranim div h3, .service-head-revers.foranim div h3{
		transform: translate(0,30px);
		opacity: 0.0;
		transition: transform 0.4s 0.15s, opacity 0.3s 0.15s;
	}
	.service-head.foranim.anim-active div h3, .service-head-revers.foranim.anim-active div h3{
		transform: translate(0,0);
		opacity: 1.0;
	}

	.folio-logo div.foranim {
		transform:scale(0.5);
		transition: transform 0.4s;
	}

	.folio-logo div.foranim:nth-child(1){
		transition-delay: 0.05s;
	}

	.folio-logo div.foranim:nth-child(2){
		transition-delay: 0.1s;
	}

	.folio-logo div.foranim:nth-child(3){
		transition-delay: 0.15s;
	}

	.folio-logo div.foranim:nth-child(4){
		transition-delay: 0.2s;
	}

	.folio-logo div.foranim:nth-child(5){
		transition-delay: 0.25s;
	}

	.folio-logo div.foranim:nth-child(6){
		transition-delay: 0.3s;
	}

	.folio-logo div.foranim.anim-active{
		transform: scale(1.0);
	}

	.prices-left ul.foranim li{
		transform: translate(100px,0);
		transition: transform 0.3s ease, opacity 0.2s ease-in-out;
		opacity: 0.0;
	}

	.prices-left ul.foranim li:nth-child(1){
		transition-delay: 0.1s;
	}
	.prices-left ul.foranim li:nth-child(2){
		transition-delay: 0.2s;
	}
	.prices-left ul.foranim li:nth-child(3){
		transition-delay: 0.3s;
	}
	.prices-left ul.foranim li:nth-child(4){
		transition-delay: 0.4s;
	}

	.prices-left ul.foranim.anim-active li{
		transform: translate(0,0);
		opacity: 1.0;
	}

	.prices-svg.foranim, .faq-one-svg.foranim, .faq-two-svg.foranim, .pref-right.foranim{
		transform:scale(0.8);
		opacity: 0.0;
		transition: transform 0.4s ease-in-out, opacity 0.4s;
	}

	.prices-svg.foranim.anim-active, .faq-one-svg.foranim.anim-active, .faq-two-svg.foranim.anim-active, .pref-right.foranim.anim-active{
		opacity: 1.0;
		transform: scale(1.0);
	}

	.team-cont.foranim .team-block h4{
		transform: translate(0,20px);
		opacity: 0.0;
		transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
	}

	.team-cont.foranim.anim-active .team-block h4{
		transform: translate(0,0);
		opacity: 1.0;
	}

	.team-cont.foranim .team-block .team-photo{
		transform:scale(0.6);
		opacity: 0.0;
		transition: transform 0.4s ease-in-out, opacity 0.4s;
	}
	.team-cont.foranim .team-block:nth-child(2) .team-photo{transition-delay: 0.08s;}
	.team-cont.foranim .team-block:nth-child(3) .team-photo{transition-delay: 0.12s;}
	.team-cont.foranim .team-block:nth-child(4) .team-photo{transition-delay: 0.16s;}
	.team-cont.foranim .team-block:nth-child(5) .team-photo{transition-delay: 0.20s;}
	.team-cont.foranim .team-block:nth-child(6) .team-photo{transition-delay: 0.24s;}
	.team-cont.foranim .team-block:nth-child(7) .team-photo{transition-delay: 0.28s;}
	.team-cont.foranim .team-block:nth-child(8) .team-photo{transition-delay: 0.32s;}
	.team-cont.foranim .team-block:nth-child(9) .team-photo{transition-delay: 0.36s;}
	.team-cont.foranim .team-block:nth-child(10) .team-photo{transition-delay: 0.40s;}
	.team-cont.foranim .team-block:nth-child(11) .team-photo{transition-delay: 0.44s;}
	.team-cont.foranim .team-block:nth-child(12) .team-photo{transition-delay: 0.48s;}
	.team-cont.foranim .team-block:nth-child(13) .team-photo{transition-delay: 0.52s;}
	.team-cont.foranim .team-block:nth-child(14) .team-photo{transition-delay: 0.56s;}
	.team-cont.foranim .team-block:nth-child(15) .team-photo{transition-delay: 0.60s;}
	.team-cont.foranim .team-block:nth-child(16) .team-photo{transition-delay: 0.64s;}

	.team-cont.foranim.anim-active .team-block .team-photo{
		transform:scale(1.0);
		opacity: 1.0;
	}
.faq-block.foranim{
	transform: translate(-40px,0);
	opacity: 0.8;
	transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out;
}
.faq-block.foranim:nth-child(7){
	transform: translate(40px,0);
}
.faq-block.foranim:nth-child(8){
	transform: translate(40px,0);
}
.faq-block.foranim:nth-child(9){
	transform: translate(40px,0);
}
.faq-block.foranim:nth-child(10){
	transform: translate(40px,0);
}

.faq-block.foranim.anim-active{
	transform: translate(0,0);
	opacity: 1.0;
}

.contacts-block.foranim .contacts-line{
	transform: translate(-50px,0);
	opacity: 0.4;
	transition: transform 0.4s ease-in-out, opacity 0.3s ease-in-out;
}

.contacts-block.foranim .contacts-line:nth-child(2){
	transition-delay: 0.05s;
}

.contacts-block.foranim .contacts-line:nth-child(3){
	transition-delay: 0.1s;
}

.contacts-block.foranim .contacts-line:nth-child(4){
	transition-delay: 0.15s;
}

.contacts-block.foranim .contacts-line:nth-child(5){
	transition-delay: 0.2s;
}

.contacts-block.foranim .contacts-line:nth-child(6){
	transition-delay: 0.25s;
}

.contacts-block.foranim.anim-active .contacts-line{
	transform: translate(0,0);
	opacity: 1.0;
}
}

/******************
Адаптив
******************/

@media screen and (max-width: 1400px) {
	.tiz-right svg{
		max-width: 100%;
	}
	.faq-cont{
		padding-left:20px;
		padding-right: 20px;
	}
}

@media screen and (max-width: 1340px) {
.const{
	width: 1120px;
}

.folio-left{
	width: 35%;
}
.folio-right{
	width: 65%;
}
.team-photo{
	width: 120px;
	height: 120px;
}

.team-photo svg {
    position: absolute;
    width: 250px;
    height: 200px;
    top: -60%;
	left: -55%;
}

h2.prices-h2, h2.feedback-h2, h2.pref-h2, h2.folio-h2, h2.team-h2, h2.faq-h2, h2.contacts-h2, h2.service-h2{
	font-size: 60px;
}

.prices-right{
	width: 62%;
}

.prices-left{
	width: 30%;
}
.team-title{
	padding-top: 270px;
}
.team-block h4{
	font-size: 18px;
}
.faq-block span{
	font-size: 22px;
}
.map-svg{
	left: 9.6%;
}
.pref-left{
	width: 65%;
}
.pref-right{
	width: 35%;
}
.prefooter .const{
	padding-top: 20px;
}
.pref-right{
	margin-top: 0;
}
}

@media screen and (max-width: 1140px) {
.const{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.map{
	height: 300px;
}
.map-svg{
	width: 300px;
	bottom: -44%;
    left: 15%;
}
.service-head, .service-head-revers, .service-text{
	padding-left: 40px;
	padding-right: 40px;
}
.prices-right{
	right: 20px;
}
.fb-svg{
	width: 30%;
}
.fb-text{
	width: 70%;
}
.fb-svg svg{
	left: 0;
}
.fb-slide{
	font-size: 16px;
}
.faq-block span{
	font-size: 18px;
}
.faq-one-svg, .faq-two-svg{
	width: 240px;
}
.changer-right span{
	width: 60px;
	height: 44px;
}
.tiz-left h1{
	font-size: 56px;
}
.pref-left p{
	margin-top: 20px;
	margin-bottom: 20px;
}
.service-head>div svg, .service-head-revers>div svg{
	height: 180px;
}
.price-time span, .price-price span{
	font-size: 20px;
}
}

@media screen and (max-width: 1000px) {
	h2.prices-h2, h2.feedback-h2, h2.pref-h2, h2.folio-h2, h2.team-h2, h2.faq-h2, h2.contacts-h2, h2.service-h2{
		font-size: 44px;
	}
	.map-svg{
		left: 50%;
		margin-left: -220px;
	}
	header:after{
		width: 50%;
	}

	.menu-head{
		display: none;
	}

	.open-menu{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 42px;
		height: 42px;
		position: fixed;
		top:20px;
		right:20px;
		background-color: #ccc;
		z-index: 1001;
		border-radius: 50%;
	}
	
	.open-menu span{
		width: 60%;
		background: #fff;
		height: 3px;
		display: block;
		border-radius: 99px;
		position: relative;
		transition: 0.3s ease;
	}
	
	.open-menu span:before{
		content:'';
		width: 100%;
		background: #fff;
		height: 3px;
		display: block;
		border-radius: 99px;
		position: absolute;
		top:-7px;
		transition: 0.3s ease-in-out;
	}
	
	.open-menu span:after{
		content:'';
		width: 100%;
		background: #fff;
		height: 3px;
		display: block;
		border-radius: 99px;
		position: absolute;
		bottom:-7px;
		transition: 0.3s ease-in-out;
	}
	
	.open-menu span.active:before{
	transform: rotate(45deg) translate(5px,5px);
	}
	.open-menu span.active:after{
		transform: rotate(-45deg) translate(5px,-5px);
	}
	
	.open-menu span.active{
		background: transparent;
	}
	
	.callback-mobile{
		position: absolute;
		top:20px;
		left:20px;
		background: transparent;
		border: 2px solid #CCC;
		font-family: "Oswald";
		font-weight: 400;
		font-size: 16px;
		text-transform: uppercase;
		padding: 7px 18px;
		color: #CCC;
		text-decoration: none;
		margin-top: 0;
		display: block;
		transition: 0.3s;
		text-align: center;
	}

	.menu-mobile{
		position: fixed;
		top:0;
		left:0;
		background: rgba(255,255,255,0.86);
		width: 100%;
		height: 100%;
		z-index: 999;
		display: flex;
		padding: 20px;
		-webkit-backdrop-filter: blur(0px);
		backdrop-filter: blur(0px);
		opacity: 0.0;
		visibility: hidden;
		transition: 0.3s;
	}
	.menu-mobile ul{
		list-style: none;
		text-align: left;
		transform: translate(100px,0);
		opacity: 0.0;
		transition: 0.5s;
		margin-top: 50px;
	}

	.menu-mobile.active ul{
		transform: translate(0,0);
		opacity: 1.0;
	}

	.menu-mobile ul li{
		margin: 10px 0;
	}

	.menu-mobile ul li a{
		color:#231F20;
		text-decoration: none;
		font-size: 22px;
		padding: 10px 0;
		display: inline-block;
	}
	.menu-mobile.active{
		visibility: visible;
		opacity: 1.0;
		-webkit-backdrop-filter: blur(5px);
		backdrop-filter: blur(5px);
	}

	.phone-head{
		margin-left: 25px;
	}
	.head-contact{
		margin-right: 50px;
	}
	.changer-left{
		display: none;
	}
	.tiz-left h1{
		font-size: 44px;
	}
	.cta-tiz{
		margin-top: 40px;
	}
	.title-const{
		bottom:unset;
		margin-top: 0;
		padding-top: 40px;
	}
	h2.service-h2{
		width: 50%;
	}
	.service-const{
		bottom:-50px;
	}
	.service-const{
		flex-wrap: wrap;
	}
	.service-block{
		width: 100%;
	}
	.service-head, .service-head-revers{
		align-items: center;
		justify-content: start;
	}
	.service-head>div svg, .service-head-revers>div svg{
		margin-right: 40px;
	}
	.service-block{
		margin-bottom: 40px;
	}
	.service-block:last-child{
		margin-bottom: 0;
	}
	.service-head-revers div:first-child{
		order:2;
	}
	.service-head-revers div:last-child{
		order:1;
	}
	.service-text{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.folio-block{
		flex-wrap: wrap;
		justify-content: center;
	}
	.folio-left{
		width: 100%;
		margin-bottom: 50px;
		order:2;
	}
	.folio-right{
		width: 80%;
		order:1;
		padding-top: 40px;
	}
	.folio-block p{
		padding: 30px 0;
	}
	.folio-link{
		margin-top: 0;
		margin-left: 30px;
	}
	.folio-count {
		left:unset;
		top: -100px;
		right: 20px;
	}
	.folio-logo{
		margin-top: 60px;
	}
	.folio .const{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.prices-left{
		width: 30%;
	}
	.prices-right{
		width: 64%;
	}
	.const{
		padding-left: 20px;
		padding-right: 20px;
	}

	.prices-left ul{
		padding-left: 0;
	}

	.price-info{
		font-size: 16px;
	}
	.price-info li svg{
		top:6px;
	}

	.price-info{
		max-height: 300px;
		overflow-y: scroll;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.prices-left ul li a{
		font-size: 18px;
	}
	.prices-left ul li a svg{
		width: 18px;
	}
	.cta-price{
		font-size: 16px;
		padding:12px 20px;
	}
	.team-cont{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.team-block{
		width: 25%;
	}
	.prices>.const{
		bottom:-40px;
	}
	.team-title{
		flex-wrap: wrap;
	}
	.team-desc{
		padding-left: 0;
		margin-top: 20px;
	}
	.prefooter .const{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	footer .const > div.foot-left{
		padding-right: 0;
		width: 100%;
		margin-bottom: 40px;
	}

	footer .const{
		flex-wrap: wrap;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	footer .const > div{
		width: 33.333%;
	}

	.folio-logo div img {
		max-width: 70%;
		max-height: 80px;
	}

	.fb-slider .owl-stage {
		display: inline-block;
		align-items: unset;
	}

	.fb-slide{
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.fb-svg{
		display: none;
	}
	.fb-text{
		width: 100%;
	}

	.fb-text{
		padding-left: 20px;
		padding-right: 20px;
	}
	.tech-icons{
		padding-top: 120px;
	}

	.callback{
		display: none;
	}

	.modal-svg {
		position: absolute;
		width: 300px;
		height: 200px;
		bottom: -20px;
		right: -70px;
	}

}

@media screen and (max-width: 810px) {
	.modal-head{
		font-size: 30px;
	}
	body .fancybox-slide--html .fancybox-close-small{
		padding: 6px;
		top:18px
	}
	.modal-form label{
		font-size: 24px;
	}
	.team-block{
		width: 33.333%;
	}
	.fb-header{
		flex-wrap: wrap;
	}
	.feedback .const {
		bottom: -60px;
	}
	.fb-controls{
		margin-top: 20px;
	}
	.fb-header{
		top:unset
	}

	.faq .const{
		padding-top: 120px;
	}
	.faq-one-svg, .faq-two-svg{
		display: none;
	}
	.faq-block{
		width: 100%;
	}
	.faq-text, .faq-block-right .faq-text{
		right:-1px;
		bottom:unset;
		top:-1px;
		left:unset;
	}
	.contacts-line{
		flex-wrap: wrap;
	}
	.contacts-line div{
		width: 100%;
		margin-bottom: 14px;
	}

	.contacts-line div:first-child{
		margin-bottom: 10px;
	}
	.contacts .const{
		padding-top: 60px;
	}

	.prices>.const{
		flex-wrap: wrap;
	}

	.prices-left{
		width: 100%;
	}

	.prices-svg{
		display: none;
	}
	.prices-right{
		position: relative;
		right: unset;
		left:unset;
		width: 100%;
		margin-top: 20px;
	}
	.prices-left ul{flex-wrap: wrap;flex-direction: unset;}
	.prices-left ul li{
		width: 50%;
	}
	.team-title{
		padding-top: 120px;
	}
	.faq-block span{
		text-align: left;
	}

	.map-svg {
		left: 50%;
		margin-left: -130px;
		width: 180px;
    	bottom: -10%;
	}
	.contacts .const{
		padding-bottom: 60px;
	}
	.faq-block span{
		font-size: 16px;
	}
	.faq-block span:before{
		width: 16px;
		height: 16px;
		left: 0;
		top: 50%;
		margin-top: -8px;
	}
	.faq-cont{
		padding-left: 0;
		padding-right: 0;
	}

	.tiz-right{
		width: 40%;
	}

	.tiz-right svg{
		left: 0;
	}

	header:after{
		width: 45%;
	}

	.tiz-left{
		width: 55%;
	}
	.tiz-left h1{
		font-size: 36px;
	}
	h2.service-h2{
		width: auto;
		padding-left: 40px;
		padding-right: 40px;
	}
	.service-head>div svg, .service-head-revers>div svg{
		height: 150px;
	}
	.for-anim1, .for-anim2{
		display: block;
	}
	.folio-link{
		margin-left: 0;
		margin-top: 30px;
	}

	.preconst{
		overflow: hidden;
	}
	.preconst>div{
			max-width: 100%;
			padding-bottom: 20px;
			margin-bottom: -20px;
			overflow-x: scroll;
			-webkit-overflow-scrolling: touch;
			-webkit-mask-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 9px,#000 18px,#000 calc(100% - 18px),rgba(0,0,0,.25) calc(100% - 9px),transparent);
			mask-image: linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 9px,#000 18px,#000 calc(100% - 18px),rgba(0,0,0,.25) calc(100% - 9px),transparent);
	}
	.folio-logo div{
		min-width: 150px;
	}
	.team-cont{
		flex-wrap: nowrap;
	}
	.team-block{
		min-width: 200px;
	}
	.team{
		padding-bottom: 60px;
	}
	.team-block h4{
		font-size: 16px;
	}
	.price-foot{
		flex-wrap: wrap;
	}
	.price-time, .price-price{
		width: 50%;
	}
	.cta-price{
		width: 100%;
		margin-bottom: 30px;
	}
	.price-time span, .price-price span{
		font-size: 18px;
	}
	h2.prices-h2, h2.feedback-h2, h2.pref-h2, h2.folio-h2, h2.team-h2, h2.faq-h2, h2.contacts-h2, h2.service-h2{
		font-size: 32px;
	}
	.contacts .const{
		display: flex;
		flex-wrap: wrap;
	}
	.map{
		width: 100%;
		order:2;
		height: 240px;
	}
	.contacts-block{
		width: 100%;
		padding-left: 0;
		order:1;
		margin-bottom: 20px;
	}
	.map-svg{
		bottom:-24%
	}
	h2.prices-h2, h2.feedback-h2, h2.pref-h2{
		-webkit-text-stroke: 1px #fff;
	}
	footer .const > div{
		width: 50%;
	}
	footer .const > div:nth-child(2){
		display: none;
	}
	.modal-body, .fancybox-content{
		width: 100%;
	}
	.modal-svg{
		display: none;
	}
	.modal-form input[type="text"], .modal-form input[type="phone"], .modal-form select{
		font-size: 18px;
		width: 100%;
	}

	h2.service-h2, .tiz-left h1, h2.folio-h2, h2.team-h2, h2.faq-h2, h2.contacts-h2, h2.prices-h2, h2.feedback-h2, h2.pref-h2{
		text-shadow: 5px 2.5px 0px rgba(0, 0, 0, 0.1);
	}

	.offer-l:after{
		width: 110px;
		height: 110px;
	}

	.offer-l{
		width: 126px;
		height: 126px;
	}

	.offer-l span{
		font-size: 70px;
	}

	.offer-r span:nth-of-type(2){
		font-size: 42px;
	}

	.offer-r small{
		font-size: 11.5px;
	}

	.offer-r span{
		font-size: 40px;
	}
	
}

@media screen and (max-width: 520px) {
	.scroll-percent{
		bottom: 100px;
		right: 25px;
		left:unset;
		display: none;
	}

	.changer-right span {
		width: 44px;
		height: 32px;
	}
	.changer-right span:before{
		background-size: 24px;
	}
	.service-head>div svg, .service-head-revers>div svg{
		height: 120px;
	}
	.service-head>div h3, .service-head-revers>div h3{
		font-size: 28px;
	}
	.folio-preslider {
		position: relative;
		padding: 0 0;
	}
	.folio-slider .owl-nav{
		display: none;
	}
	.folio-block p{
		padding-top: 15px;
		padding-bottom: 20px;
		font-size: 16px;
	}
	.folio-left{
		padding-top: 20px;
		margin-bottom: 0;
	}
	.folio-block{
		padding:2px;
		padding-bottom: 10px;
	}
	.folio-right{
		width: 100%;
		padding-top: 20px;
	}
	.prices-left ul li{
		width: 100%;
	}
	.price-info {
		max-height: unset;
		overflow-y: scroll;
	}
	.pref-cta-r{
		margin-top: 30px;
	}
	.faq-text{
		width: 85%;
	}
	header:after{
		height: 78px;
		width: 56%;
	}

	.const.tiz-const{
		flex-wrap: wrap;
	}
	.tiz-right{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		order:1;
		margin-bottom: 40px;
	}
	.tiz-left{
		width: 100%;
		order:2;
	}

	.tiz-right svg{
		max-width: 80%;
	}

	.pref-left p{
		font-size: 16px;
	}
	.changer-right{
		padding-left: 15px;
		padding-right: 15px;
	}
	.changer-right span{
		margin-right: 15px;
	}
	.const.tiz-const{
		padding-bottom: 75px;
	}
	.modal-content p{
		font-size: 14px;
	}
	.form-footer div{
		font-size: 14px;
	}
}

@media screen and (max-width: 420px) {
	.tiz-right svg{
		max-width: 92%;
	}

	.fb-slide .fb-video{
		padding-bottom: 62%;
	}

	.const.tiz-const{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.fb-slide{
		padding-left: 15px;
		padding-right: 15px;
	}

	.fb-slide p:before{
	width: 12px;
    height: 12px;
    position: absolute;
    top: 0;
    left: -15px;
	}

	.fb-slide p:after{
		width: 12px;
		height: 12px;
		position: absolute;
		bottom: 4px;
		right: -15px;
}

	body .fancybox-slide--html .fancybox-close-small{
		right: 10px;
		top:13px;
	}
	.modal-head, .modal-content{
		padding-left: 16px;
		padding-right: 16px;
	}

	.modal-form label{
		font-size: 20px;
	}

	.modal-form input[type="text"], .modal-form input[type="phone"], .modal-form select{
		margin-bottom: 20px;
	}

	.cta-form, .cta-form-next{
		padding:8px 20px;
	}

	.form-footer{
		flex-wrap: wrap;
	}

	.form-footer div{
		margin-top: 20px;
	}

	.team-block{
		font-size: 14px;
	}

	header:after{
		width: 100%;
	}

	.const.head-const{
		justify-content: flex-start;
	}
	.head-contact{
		margin-right: 0;
	}

	.phone-head{
		margin-left: 20px;
	}

	.logo {
		width: 38px;
	}
	
	.logo svg {
		display: none;
	}
	
	.logo img {
		display: block;
		height: auto;
		width: 100%;
	}
	.modal-head {
		font-size: 22px;
		text-shadow: 3px 1.5px 0px rgba(0, 0, 0, 0.1);
	}
	.service-head, .service-head-revers{
		padding-left: 20px;
		padding-right: 20px;
	}
	.service-head>div svg, .service-head-revers>div svg{
		height: 60px;
		margin-right: 24px;
	}
	.service-head>div h3, .service-head-revers>div h3, .price-head{
		font-size: 24px;
	}
	.service-text{
		padding:20px;
	}
	.price-desc, .price-info{
		padding: 20px;
	}
	.price-head{
		padding-left: 20px;
		padding-right: 20px;
	}
	.price-info li svg{
		min-width: 8px;
	}
	.price-time, .price-price, .price-time span, .price-price span{
		font-size: 16px;
	}
	.price-foot{
		align-items: start;
	}
	.faq-block{
		padding:14px 18px;
	}
	.faq-block span{
		padding-left: 26px;
	}

	.faq-block{
		display: flex;
		flex-direction: column;
	}

	.faq-text{
		top:unset;
		right:unset;
		width: 100%;
		position: relative;
		max-width: 100%;
		height: 0;
		overflow: hidden;
		transform: scale(1.0);
		padding:0;
		border:unset;
		background: unset;
		box-shadow: unset;
		margin-top: 0;
		border-radius: 0;
		border-top:1px solid transparent;
		color:#fff;
	}

	.faq-text.active{
		position: relative;
		height: auto;
		margin-top: 10px;
		padding-top: 10px;
		border-top:1px solid #fff;
	}

	.changer-right{
		flex-wrap: wrap;
	}
	.changer .const{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.changer-right span {
		width: 32px;
		height: 32px;
		border-radius: 50%;
		box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.1);
	}

	.changer-right span:hover, .changer-right span.color-active {
		box-shadow: inset -2px -2px 0px rgba(0, 0, 0, 0.20);
		cursor: pointer;
	}

	.changer-right span:before{
		background-size: 18px;
	}
	.folio-count {
		left: unset;
		top: -86px;
		right: 0;
	}
	.folio-count span{
		font-size: 38px;
	}
	.folio-left{
		right:0;
	}
	footer .const > div{
		width: 100%;
	}

	footer .const .foot-menu:last-child{
		margin-top: 20px;
	}

	.pref-right{
		display: none;
	}
	.pref-left{
		width: 100%;
	}
	
	.folio-logo div {
		min-width: 100px;
	}
	.folio-logo div img{
		max-height: 60px;
	}
}