@font-face {

	font-family: bigstem;

	src: url(../fonts/bigstem-regular.eot), url(../fonts/bigstem-regular.woff), url(../fonts/bigstem-regular.ttf);

}



@font-face {

	font-family: panton;

	src: url(../fonts/panton.eot), url(../fonts/panton.woff), url(../fonts/panton.ttf);

}



@font-face {

	font-family: panton-bold;

	src: url(../fonts/panton-bold.eot), url(../fonts/panton-bold.woff), url(../fonts/panton-bold.ttf);

}



@font-face {

	font-family: panton-light;

	src: url(../fonts/panton-light.eot), url(../fonts/panton-light.woff), url(../fonts/panton-light.ttf);

}



@font-face {

	font-family: panton-light-italic;

	src: url(../fonts/panton-light-italic.eot), url(../fonts/panton-light-italic.woff), url(../fonts/panton-light-italic.ttf);

}




* {

	margin: 0;

	padding: 0;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}



:focus {

	outline: 0;

	text-decoration: none;

}



* a {

	text-decoration: none;

}



* a:hover {

	text-decoration: none;

}



* a:focus {

	outline: 0;

	text-decoration: none;

}



body {

	overflow-x: hidden;

	background-color: #161616;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	padding: 0;

	margin: 0;

}



p {

	margin: 0;

	padding: 0;

	font-size: 1.6rem;

}



html {

	font-size: 10px;

}



@-webkit-keyframes anim {

	0 {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}



	20% {

		-webkit-transform: translateY(-5px) skewX(10deg);

		transform: translateY(-5px) skewX(10deg);

	}



	40% {

		-webkit-transform: translateY(10px) skewX(10deg);

		transform: translateY(10px) skewX(10deg);

	}



	50% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}



	100% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}

}



@keyframes anim {

	0 {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}



	20% {

		-webkit-transform: translateY(-5px) skewX(10deg);

		transform: translateY(-5px) skewX(10deg);

	}



	40% {

		-webkit-transform: translateY(10px) skewX(10deg);

		transform: translateY(10px) skewX(10deg);

	}



	50% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}



	100% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}

}



@-webkit-keyframes anim-2 {

	0 {

		-webkit-transform: translateX(0) skewX(10deg);

		transform: translateX(0) skewX(10deg);

	}



	20% {

		-webkit-transform: translateX(-5px) skewX(10deg);

		transform: translateX(-5px) skewX(10deg);

	}



	40% {

		-webkit-transform: translateX(10px) skewX(10deg);

		transform: translateX(10px) skewX(10deg);

	}



	50% {

		-webkit-transform: translateX(0) skewX(10deg);

		transform: translateX(0) skewX(10deg);

	}



	100% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}

}



@keyframes anim-2 {

	0 {

		-webkit-transform: translateX(0) skewX(10deg);

		transform: translateX(0) skewX(10deg);

	}



	20% {

		-webkit-transform: translateX(-5px) skewX(10deg);

		transform: translateX(-5px) skewX(10deg);

	}



	40% {

		-webkit-transform: translateX(10px) skewX(10deg);

		transform: translateX(10px) skewX(10deg);

	}



	50% {

		-webkit-transform: translateX(0) skewX(10deg);

		transform: translateX(0) skewX(10deg);

	}



	100% {

		-webkit-transform: translateY(0) skewX(10deg);

		transform: translateY(0) skewX(10deg);

	}

}



@-webkit-keyframes circle {

	0 {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	10% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	20% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	30% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	40% {

		-webkit-transform: scale(.2);

		transform: scale(.2);

	}



	50% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	60% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	70% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



@keyframes circle {

	0 {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	10% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	20% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	30% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	40% {

		-webkit-transform: scale(.2);

		transform: scale(.2);

	}



	50% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	60% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	70% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



@-webkit-keyframes circle-2 {

	0 {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	10% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	20% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	30% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	40% {

		-webkit-transform: scale(.2);

		transform: scale(.2);

	}



	50% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	60% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	70% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



@keyframes circle-2 {

	0 {

		-webkit-transform: scale(1);

		transform: scale(1);

	}



	10% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	20% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	30% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	40% {

		-webkit-transform: scale(.2);

		transform: scale(.2);

	}



	50% {

		-webkit-transform: scale(.4);

		transform: scale(.4);

	}



	60% {

		-webkit-transform: scale(.6);

		transform: scale(.6);

	}



	70% {

		-webkit-transform: scale(.8);

		transform: scale(.8);

	}



	100% {

		-webkit-transform: scale(1);

		transform: scale(1);

	}

}



.overlay {

	position: absolute;

	top: 0;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	width: 1920px;

	height: 6585px;

	background-image: url(../img/xpress.png);

	background-size: cover;

	opacity: .4;

	z-index: 15;

	display: none;

}



.container {

	width: 1170px;

	max-width: 1170px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin: 0 auto;

}



.menu {

	width: 390px;

	height: 100%;

	position: fixed;

	top: 0;

	right: 0;

	background-color: #161616;

	padding-top: 55px;

	z-index: -1;

	padding-left: 25px;

}



.menu .close-menu {

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: .5;

}



.menu .close-menu:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: 1;

}



.menu ul {

	margin-top: 45px;

}



.menu ul li {

	list-style-type: none;

}



.menu ul li a {

	color: rgba(255, 255, 255, .5);

	font-family: Panton;

	font-size: 15px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	line-height: 25px;

	letter-spacing: .32px;

	-webkit-transition: all .15s;

	transition: all .15s;

	margin-bottom: 52px;

	display: inline-block;

	position: relative;

}



.menu ul li a span {

	position: absolute;

	top: 20px;

	left: 14px;

	width: 300px;

	color: rgba(255, 255, 255, .5);

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	letter-spacing: .24px;

	display: inline-block;

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: 0;

}



.menu ul li a span:before {

	content: '';

	position: absolute;

	top: 10px;

	width: 4px;

	height: 4px;

	left: -13px;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	background-color: #ff4646;

}



.menu ul li a:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	color: #fff;

}



.menu ul li a:hover span {

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: 1;

}



.menu ul li .active {

	color: #fff;

}



.perspective {

	-webkit-perspective: 1000px;

	perspective: 1000px;

}



.transform {
	-webkit-transition: all .55s ease;
	transition: all .55s ease;

	/* transform: translateZ(-250px) translateX(-305px) translateY(-11%);
	-webkit-transform: translateZ(-250px) translateX(-305px) translateY(-11%);
	-moz-transform: translateZ(-250px) translateX(-305px) translateY(-11%);
	-ms-transform: translateZ(-250px) translateX(-305px) translateY(-11%);
	-o-transform: translateZ(-250px) translateX(-305px) translateY(-11%); */
}



.closed-menu {

	-webkit-transition: all .55s ease;

	transition: all .55s ease;

	-webkit-transform: translateZ(0) translateX(0) translateY(0);

	transform: translateZ(0) translateX(0) translateY(0);

}



.header {

	background-image: url(../img/header-bg.jpg);

	background-size: cover;

	background-position: center;

	position: relative;

	overflow: hidden;

}



.header .container {

	position: relative;

	height: 100%;

}



.header__top-block {

	padding-top: 34px;

	padding-left: 6px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	width: 100%;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	position: relative;

	z-index: 3;

}



.header__top-block .logo-block {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.header__top-block .logo-block p {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 20px;

	max-width: 260px;

	margin-left: 30px;

}



.header__top-block_logo {

	background-color: #ff4646;

	color: #fff;

		font-family: bigstem, sans-serif;

	/* font-family: 'Roboto', sans-serif; */

	font-weight: 400;

	font-size: 28px;

	text-transform: uppercase;

	letter-spacing: .56px;

	padding: 10px 18px;

	display: inline-block;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.header__top-block_logo span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

}



.header__top-block .buttons-block {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.header__top-block .buttons-block .socials {

	display: flex;

}



.header__top-block .buttons-block .phone {

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	letter-spacing: .32px;

	margin-right: 38px;

}



.header__top-block .buttons-block .callback {

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	display: inline-block;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	border: 1px rgba(255, 255, 255, .3) solid;

	padding: 15px 25px;

	padding-top: 15px;

	margin-right: 32px;

	position: relative;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__top-block .buttons-block .callback:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	border: 1px #ff4646 solid;

}



.header__top-block .buttons-block .callback:hover:after {

	opacity: 1;

}



.header__top-block .buttons-block .callback:after {

	content: '';

	position: absolute;

	top: -1px;

	left: -1px;

	width: 101%;

	height: 103%;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: 0;

}



.header__top-block .buttons-block .callback span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: rgba(255, 255, 255, .8);

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 13px;

	letter-spacing: .28px;

	position: relative;

	z-index: 3;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__top-block .buttons-block .menu-button {

	position: relative;

	display: block;

	height: auto;

	height: 30px;

	position: relative;

	top: -1px;

	left: 2px;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__top-block .buttons-block .menu-button:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__top-block .buttons-block .menu-button:hover .one {

	top: 3px;

	-webkit-transition: all .15s;

	transition: all .15s;

	background-color: #fff;

}



.header__top-block .buttons-block .menu-button:hover .two {

	-webkit-transition: all .15s;

	transition: all .15s;

	background-color: #fff;

}



.header__top-block .buttons-block .menu-button:hover .three {

	top: -3px;

	-webkit-transition: all .15s;

	transition: all .15s;

	background-color: #fff;

	position: relative;

}



.header__top-block .buttons-block .menu-button .one {

	display: block;

	width: 31px;

	height: 1px;

	background-color: rgba(255, 255, 255, .3);

	position: relative;

	margin-top: 7px;

	left: -1px;

	-webkit-transition: all .15s;

	transition: all .15s;

	top: 0;

}



.header__top-block .buttons-block .menu-button .two {

	display: block;

	width: 31px;

	height: 1px;

	background-color: rgba(255, 255, 255, .3);

	position: relative;

	margin-top: 9px;

	left: -3px;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__top-block .buttons-block .menu-button .three {

	display: block;

	width: 31px;

	height: 1px;

	background-color: rgba(255, 255, 255, .3);

	position: relative;

	margin-top: 9px;

	left: -5px;

	-webkit-transition: all .15s;

	transition: all .15s;

	top: 0;

}



.header__content-block {

	padding-top: 85px;

	padding-left: 32px;

	width: 100%;

	padding-bottom: 77px;



}



.header__content-block .translate {

	position: relative;

	top: -60px;

	left: 250px;

}



.header__content-block p {

	color: #fff;

	/* font-family: panton-light-italic, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-style: italic;

	font-size: 15px;

	line-height: 25px;

	letter-spacing: .32px;

	padding-left: 14px;

}



.header__content-block h1 {

	position: relative;

	min-height: 234px;

	width: 75%;

	margin-top: 15px;

}



.header__content-block h1 .one {

	display: inline-block;

	-webkit-transform: skewX(-13deg);

	-ms-transform: skewX(-13deg);

	transform: skewX(-13deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	padding: 9px 36px;

	padding-top: 6px;

	padding-bottom: 12px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	background-color: #fff;

	color: #161616;

	/* font-family: panton-light-italic, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-style: italic;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

	position: relative;

	z-index: 5;

}



.header__content-block h1 .one span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

}



.header__content-block h1 .two {

	z-index: 4;

	display: inline-block;

	position: absolute;

	top: 73px;

	left: -17px;

	-webkit-transform: skewX(-13deg);

	-ms-transform: skewX(-13deg);

	transform: skewX(-13deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	padding: 9px 36px;

	padding-top: 6px;

	padding-bottom: 12px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	background-color: #fff;

	color: #161616;

	/* font-family: panton-light-italic, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-style: italic;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

}



.header__content-block h1 .two span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

}



.header__content-block h1 .three {

	z-index: 3;

	display: inline-block;

	position: absolute;

	top: 148px;

	left: -34px;

	-webkit-transform: skewX(-13deg);

	-ms-transform: skewX(-13deg);

	transform: skewX(-13deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	padding: 9px 36px;

	padding-left: 30px;

	padding-right: 42px;

	padding-top: 6px;

	padding-bottom: 12px;

	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	box-shadow: 0 5px 10px rgba(0, 0, 0, .05);

	background-color: #fff;

	color: #161616;

	/* font-family: panton-light-italic, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-style: italic;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

}



.header__content-block h1 .three span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

}



.header__content-block h1 .four {

	position: absolute;

	bottom: 0;

	left: -20px;

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 18px;

	letter-spacing: .28px;

}



.header__content-block h1 .five {

	position: absolute;

	bottom: 0;

	left: 230px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.header__content-block h1 .five .text {

	width: 285px;

	height: 55px;

	background-image: url(../img/prim.png);

	margin-left: 15px;

	background-repeat: no-repeat;

}



.header__content-block .show {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	padding: 14px 56px;

	padding-bottom: 20px;

	padding-right: 65px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #ff4646;

	background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

	background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

	background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

	margin-top: 78px;

	position: relative;

	left: -23px;

	z-index: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__content-block .show:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__content-block .show:after {

	content: '';

	position: absolute;

	top: -6px;

	left: 0;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	width: 100%;

	height: 100%;

	-webkit-box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

	box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

	background-color: #ff4646;

	background-color-background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

}



.header__content-block .show span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	position: relative;

	z-index: 5;

}



.header__content-block .show .image {

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: -10px;

	right: 0;

	z-index: 5;

}



.header__content-block .show-2 {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	padding: 14px 40px;

	padding-bottom: 20px;

	padding-right: 40px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	margin-left: 30px;

	border: 1px rgba(255, 255, 255, .1) solid;

	background-color: transparent;

	background-image: none;

	margin-top: 76px;

	position: relative;

	left: -23px;

	z-index: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.header__content-block .show-2:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.header__content-block .show-2:after {

	display: none;

}



.header__content-block .show-2 img {

	-webkit-transform: skewX(15deg);

	-ms-transform: skewX(15deg);

	transform: skewX(15deg);

	width: 28px;

	height: 28px;

	margin-left: 20px;

	opacity: .5;

	position: relative;

	top: 5px;

}



.header__content-block .show-2 span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	position: relative;

	top: 3px;

	z-index: 5;

	opacity: .5;

}



.header__content-block .show-2 .image {

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: 0;

	right: 0;

	z-index: 5;

}



.header__content-block .image {

	position: absolute;

	top: 100px;

	right: -240px;

}



.header__content-block .papers-img {

	position: absolute;

	top: 150px;

	right: -230px;

	z-index: 30;

}



.header .link {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.header .link .prof {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 50px;

	margin-left: 30px;

}



.header .link .prof span {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

}



.header .link .prof p {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 20px;

}



.header .il {

	opacity: .3;

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	position: relative;

	top: 10px;

	left: -28px;

}



.header .il a {

	text-decoration: underline;

	color: #fff;

}



.header .digits {

	height: 110px;

	width: 100%;

	color: #fff;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	background-color: #191919;

}



.header .digits .text {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: .28px;

	padding-top: 24px;

	margin-right: 140px;

}



.header .digits .digits-item {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding-top: 0;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	position: relative;

	margin-right: 40px;

	width: 250px;

}



.header .digits .digits-item:last-child {

	margin-right: 0;

}



.header .digits .digits-item:last-child p {

	margin-left: 13px;

}



.header .digits .digits-item .spincrement {

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 48px;

	font-weight: 400;

	text-transform: uppercase;

}



.header .digits .digits-item .spincrement span {

	font-size: 24px;

}



.header .digits .digits-item p {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 20.2px;

	margin-left: 43px;

	margin-top: 5px;

}



.header .digits .digits-item p span {

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

}



.header .digits .digits-item .imgs {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	margin-left: 20px;

}



.header .digits .digits-item .imgs .image:first-child {

	position: relative;

	top: 10px;

}



.header .digits .digits-item .imgs .image:last-child {

	position: relative;

	top: 20px;

	left: 15px;

}



.header .digits .digits-item a {

	display: block;

	color: rgba(255, 255, 255, .1);

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	text-decoration: underline;

	letter-spacing: .28px;

	margin-left: 30px;

}



.target {

	background-color: #F3F3F3;

	padding-top: 73px;

	padding-bottom: 100px;

}



.target h2 {

	width: 100%;

	text-align: center;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

}



.target .target-content {

	width: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	margin-top: 127px;

}



.target .target-content .target-item {

	-webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, .08);

	box-shadow: 0 5px 35px rgba(0, 0, 0, .08);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	width: 34%;

	margin-right: 5px;

	min-height: 157px;

	position: relative;

	display: flex;

	align-items: center;

}



.target .target-content .target-item:first-child {

	width: 33%;

}



.target .target-content .target-item .text {

	position: relative;

	width: 100%;

	display: inline-block;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 20px;

	margin-left: 20px;

}



.target .target-content .target-item .text span {

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

}



.target .target-content .target-item:last-child {

	margin-right: 0;

	width: 31%;

}



.target .target-content .target-item:last-child .image {

	left: 0;

}



.target .target-content .target-item:nth-child(2) .text {

	margin-left: 67px;

	margin-right: 10px;

}



.target .target-content .target-item .image {

	max-width: 100px;

}



.target .target-content .target-item .image img {

	max-height: 100px;

	margin-left: 10px;

}



.target .target-content .target-item:before {

	content: '';

	position: absolute;

	top: 20px;

	left: 20px;

	width: 10px;

	height: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #f5f5f5;

}



.how {
	background-color: #1a1a1a;
	/* overflow: hidden; */
}



.how .container {
	height: 100%;
	display: flex;
   flex-wrap: nowrap;
}

.content-img{
	position: absolute;
	max-height: 850px;
   right: 5%;
	z-index: 10;
	height: 100%;
	margin-top: 4%;
}

.content-img img{
	height: 130%;
	object-fit: cover;
	width: auto;
}

.how .bg {
	padding-top: 75px;
}

.container-after{
	display: flex;
	flex-direction: column;
} 



.how .bg h2 {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

}



.how .bg p {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 22px;

	line-height: 35px;

	letter-spacing: .88px;

	margin-top: 3px;

	padding-left: 3px;

}



.how .bg .how-tabs {

	position: relative;

}



.how .bg .how-tabs .img {

	position: absolute;

	top: -200px;

	right: 240px;

	z-index: 10;

}



.how .bg .how-tabs-nav {

	margin-top: 40px;

	padding-left: 32px;

}



.how .bg .how-tabs-nav ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	list-style-type: none;

}



.how .bg .how-tabs-nav ul li {

	margin-right: 30px;

}



.how .bg .how-tabs-nav ul li a {

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	display: inline-block;

	padding: 14px 50px;

	border: 1px solid rgba(255, 255, 255, .1);

	padding-bottom: 20px;

	padding-right: 60px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	position: relative;

	left: -23px;

	z-index: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.how .bg .how-tabs-nav ul li a:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.how .bg .how-tabs-nav ul li a span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: rgba(255, 255, 255, .5);

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 18px;

	line-height: 35px;

	letter-spacing: .32px;

	position: relative;

	z-index: 5;

}



.how .bg .show {

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	display: inline-block;

	padding: 14px 56px;

	padding-bottom: 20px;

	padding-right: 60px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #ff4646;

	background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

	background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

	background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

	position: relative;

	left: -23px;

	z-index: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.how .bg .show:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.how .bg .show span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 18px;

	line-height: 35px;

	letter-spacing: .32px;

	position: relative;

	z-index: 5;

}



.how .bg .next {

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	display: inline-block;

	padding: 23px 35px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #fff;

	position: absolute;

	top: 285px;

	right: 380px;

	z-index: 30;

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.how .bg .next:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.how .bg .next span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 16px;

	letter-spacing: .32px;

	position: relative;

	z-index: 5;

}



.how .bg .next img {

	margin-left: 30px;

}



.how .bg .prev {

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	display: inline-block;

	padding: 23px 35px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #fff;

	position: absolute;

	top: 285px;

	right: 380px;

	z-index: 30;

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.how .bg .prev:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.how .bg .prev span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 16px;

	letter-spacing: .32px;

	position: relative;

	z-index: 5;

}



.how .bg .prev img {

	margin-right: 30px;

	position: relative;

	top: 5px;

}



.how .bg .how-tabs-pane {

	display: none;

}



.how .bg .how-tabs-pane .caption {

	color: #fff;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 18px;

	line-height: 35px;

	letter-spacing: .72px;

	margin-top: 35px;

	padding-left: 4px;

}



.how .bg .how-tabs-pane ul {

	list-style-type: none;

	margin-top: 40px;

}



.how .bg .how-tabs-pane ul li {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	width: 960px;

	border-bottom: 1px rgba(255, 255, 255, .1) solid;

	padding-top: 28px;

	padding-bottom: 28px;

}



.how .bg .how-tabs-pane ul li:first-child {

	border-top: 1px rgba(255, 255, 255, .1) solid;

}



.how .bg .how-tabs-pane ul li:nth-child(2) {

	padding-top: 10px;

	padding-bottom: 10px;

}



.how .bg .how-tabs-pane ul li:nth-child(2) .image {

	margin-left: -15px;

}



.how .bg .how-tabs-pane ul li:nth-child(3) {

	padding-top: 10px;

	padding-bottom: 10px;

}



.how .bg .how-tabs-pane ul li:nth-child(3) .image {

	position: relative;

	top: 12px;

}



.how .bg .how-tabs-pane ul li:nth-child(3) .text {

	margin-left: 15px;

}



.how .bg .how-tabs-pane ul li:nth-child(4) {

	padding-top: 15px;

	padding-bottom: 0;

}



.how .bg .how-tabs-pane ul li:nth-child(4) .image {

	margin-left: -10px;

	position: relative;

	top: 5px;

}



.how .bg .how-tabs-pane ul li:nth-child(4) .text {

	margin-left: 10px;

	margin-top: -21px;

}



.how .bg .how-tabs-pane ul li:nth-child(5) {

	padding-top: 15px;

	padding-bottom: 0;

}



.how .bg .how-tabs-pane ul li:nth-child(5) .image {

	margin-left: -10px;

	margin-top: 20px;

}



.how .bg .how-tabs-pane ul li:nth-child(5) .text {

	margin-left: -5px;

	margin-top: -50px;

}



.how .bg .how-tabs-pane ul li .text {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 20px;

	letter-spacing: .64px;

	margin-left: 33px;

}



.how .bg .how-tabs-pane .asd {

	list-style-type: none;

	margin-top: 40px;

}



.how .bg .how-tabs-pane .asd li {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	width: 960px;

	border-bottom: 1px rgba(255, 255, 255, .1) solid;

	padding-top: 28px;

	padding-bottom: 28px;

	position: relative;

	left: -30px;

}



.how .bg .how-tabs-pane .asd li:first-child {

	border-top: 1px rgba(255, 255, 255, .1) solid;

}



.how .bg .how-tabs-pane .asd li:first-child .image {

	position: relative;

	left: -30px;

}



.how .bg .how-tabs-pane .asd li .image {

	width: 172px;

	text-align: center;

	margin-left: -40px !important;

}



.how .bg .how-tabs-pane .asd li .text {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 20px;

	letter-spacing: .64px;

	margin-left: 20px !important;

}



.how .bg .how-tabs-pane .asd li .text .capt {

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	margin-bottom: 10px;

}



.how .after {

	padding-top: 39px;

	position: relative;

	z-index: 5;

}



.how .after:before {

	content: '';

	position: absolute;

	top: 2px;

	left: 0;

	width: 100%;

	height: 221px;

	background-color: #f3f3f3;

	z-index: -1;

}



.how .after .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 18px;

	line-height: 35px;

	letter-spacing: .72px;

}



.how .after ul {

	margin-top: 11px;

	list-style: none;

}



.how .after ul li {

	margin: 0;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 16px;

	line-height: 20px;

	letter-spacing: .64px;

	padding: 0;

	padding-left: 32px;

	margin-bottom: 15px;

	position: relative;

}



.how .after ul li:before {

	content: '';

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 0;

	width: 16px;

	height: 16px;

	background-image: url(../img/Forma_1.png);

}



.how .bg .active {

	display: block;

}



.how .bg .faded {

	opacity: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.how .bg .faded.in {

	opacity: 1;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what {

	background-color: #fff;

	padding-top: 75px;

	padding-bottom: 80px;

}



.what h2 {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

	width: 100%;

	text-align: center;

}



.what .what-items {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	width: 100%;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}



.what .what-items .what-item {

	width: 33.33%;

	margin-bottom: 60px;

}



.what .what-items .what-item .image {

	height: 213px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

}



.what .what-items .what-item .text {

	text-align: center;

	position: relative;

	z-index: 5;

}



.what .what-items .what-item .text .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 16px;

	line-height: 20px;

	letter-spacing: .64px;

}



.what .what-items .what-item .text a {

	color: #38a0f8;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 20px;

	text-decoration: underline;

	letter-spacing: .56px;

	position: relative;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what .what-items .what-item .text a:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what .what-items .what-item .text a:hover .hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	visibility: visible;

	opacity: 1;

}



.what .what-items .what-item .text a .hover {

	position: absolute;

	top: -28px;

	left: 136px;

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what .what-items .what-item .text p {

	opacity: .7;

	color: #2e2e2e;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 20px;

	letter-spacing: .56px;

}



.what .what-items .item-1 .image {

	position: relative;

	top: 50px;

}



.what .what-items .item-2 .image {

	position: relative;

	top: 30px;

}



.what .what-items .item-3 .image {

	position: relative;

	top: 40px;

}



.what .what-items .item-4 .image {

	height: 150px;

}



.what .what-items .item-5 .image {

	height: 150px;

}



.what .what-items .item-6 .image {

	height: 150px;

}



.what .btn-area {

	width: 100%;

	padding-top: 20px;

	text-align: center;

}



.what .btn-area a {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	padding: 14px 56px;

	padding-bottom: 20px;

	padding-right: 65px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	background-color: #ff4646;

	background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

	background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

	background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

	position: relative;

	z-index: 0;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what .btn-area a:hover {

	-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.what .btn-area a:after {

	content: '';

	position: absolute;

	top: -6px;

	left: 0;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	width: 100%;

	height: 100%;

	-webkit-box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

	box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

	background-color: #ff4646;

	background-color-background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

}



.what .btn-area a span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	position: relative;

	text-transform: uppercase;

	z-index: 5;

}



.what .btn-area a .image {

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: -10px;

	right: 0;

	z-index: 5;

}



.testimonials {
	background-color: #f3f3f3;
	padding-top: 73px;
	padding-bottom: 97px;
	overflow: hidden;
}



.testimonials .container {

	position: relative;

}



.testimonials h2 {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

	width: 100%;

}



.testimonials p {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 23px;

	margin-top: 3px;

	letter-spacing: .96px;

}



.testimonials .swiper-button-next {

	position: absolute;

	top: 50px;

	right: 0;

	background: url(../img/next-arrow.png);

	height: 70px;

	width: 70px;

	background-size: cover;

	background-position: center;

}



.testimonials .swiper-button-prev {

	position: absolute;

	top: 50px;

	right: 100px;

	left: auto;

	background: url(../img/prev-arrow.png);

	height: 70px;

	width: 70px;

	background-size: cover;

	background-position: center;

}



.testimonials .disabled {

	pointer-events: none;

	opacity: .4;

}



.testimonials .swiper-container {

	margin-top: 64px;

}



.testimonials .swiper-container .swiper-slide {

	height: 240px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #242424;

	margin-right: 30px;

	position: relative;

	overflow: hidden;

}



.testimonials .swiper-container .swiper-slide:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: rgba(255, 255, 255, .8);

	-webkit-transition: all .15s;

	transition: all .15s;

	opacity: 1;

	visibility: visible;

	z-index: 10;

}



.testimonials .swiper-container .swiper-slide-active:before {

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.testimonials .swiper-container .swiper-slide-next:before {

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.testimonials .swiper-container .swiper-nexxt:before {

	opacity: 0;

	visibility: hidden;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.testimonials .testimonials-item {

	width: 100%;

	height: 100%;

}



.testimonials .testimonials-item .category {

	position: absolute;

	top: 22px;

	left: 24px;

	background-color: rgba(255, 255, 255, .1);

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	letter-spacing: .56px;

	padding: 13px 17px;

}



.testimonials .testimonials-item .time {

	position: absolute;

	right: 25px;

	top: 36px;

	color: #fefefe;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 22px;

	letter-spacing: .56px;

}



.testimonials .testimonials-item .name {

	position: absolute;

	bottom: 17px;

	left: 23px;

	color: #fefefe;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 22px;

	letter-spacing: .56px;

}



.testimonials .testimonials-item .name span {

	display: block;

}



.testimonials .testimonials-item .name a {

	color: #fefefe;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	display: inline-block;

	border-bottom: 1px rgba(255, 255, 255, .2) solid;

	font-size: 15px;

	line-height: 22px;

	letter-spacing: .56px;

}



.testimonials .blag {

	padding-left: 23px;

	padding-top: 24px;

}



.testimonials .blag .image {

	width: 138px;

	height: 195px;

	overflow: hidden;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.testimonials .blag .image img {

	width: 100%;

	height: 100%;

}



.testimonials .blag .category {

	top: 22px;

	left: auto;

	right: 100px;

}



.testimonials .blag .name {

	bottom: 48px;

	left: auto;

	right: 38px;

}



.testimonials .blag .name span {

	max-width: 140px;

}



.testimonials .blag .name a {

	display: inline-block;

	margin-top: 25px;

}



.testimonials .video-test .open-button {

	display: block;

	width: 58px;

	height: 56px;

	background-color: #ff4646;

	-webkit-border-radius: 8px;

	border-radius: 8px;

	position: absolute;

	top: 50%;

	left: 50%;

	-webkit-transform: translateX(-50%) translateY(-50%) skewX(-10deg);

	-ms-transform: translateX(-50%) translateY(-50%) skewX(-10deg);

	transform: translateX(-50%) translateY(-50%) skewX(-10deg);

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.testimonials .video-test {

	background-image: url(../img/test-1.png);

	background-size: cover;

	background-position: center;

}



.testimonials .test-2 {

	background-size: cover;

	background-position: center;

}



.graph {

	background-color: #fff;

	padding-top: 73px;

	padding-bottom: 100px;

}



.graph .container {

	width: 1250px;

	max-width: 1250px;

}



.graph h2 {

	width: 100%;

	text-align: center;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

	margin-bottom: 65px;

}



.exp {

	position: relative;

	background-color: #fff;

	padding-top: 75px;

}



.exp .container {

	position: relative;

	background-image: url(../img/author.jpg);

	background-repeat: no-repeat;

	min-height: 630px;

}



.exp h2 {

	position: relative;

	right: -100px;

	text-align: left;

	width: 100%;

	margin-left: 350px;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

}



.exp .image-1 {

	position: absolute;

	left: 30px;

	top: -10px;

}



.exp .image-1 img {

	position: relative;

	z-index: 5;

}



.exp .image-1 .podr {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	width: 300px;

	height: 60px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: absolute;

	top: 380px;

	right: -20px;

	z-index: 6;

	padding-left: 50px;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.exp .image-1 .podr:hover .arrow {

	-webkit-animation: anim-2 1.5s linear infinite;

	animation: anim-2 1.5s linear infinite;

}



.exp .image-1 .podr span {

	display: inline-block;

	position: relative;

	left: -10px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 60px;

	letter-spacing: .72px;

}



.exp .image-1 .podr .arrow {

	display: inline-block;

	position: absolute;

	right: 23px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 60px;

	letter-spacing: .72px;

}



.exp .image-1 .podr:after {

	content: '';

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: 0;

	right: 40px;

	width: 23px;

	height: 60px;

	background-image: url(../img/shadow.png);

}



.exp .image-1 .capt {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	padding: 14px 56px;

	padding-bottom: 20px;

	padding-right: 30px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #f3f3f3;

	position: absolute;

	top: 280px;

	right: -120px;

	z-index: 1;

	padding-left: 50px;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.exp .image-1 .capt span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 25px;

	letter-spacing: .72px;

}



.exp .image-2 {

	position: absolute;

	top: 0;

	right: 0;

}



.exp .image-2 img {

	position: relative;

	z-index: 5;

}



.exp .image-2 .podr {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	width: 300px;

	height: 60px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: absolute;

	top: 500px;

	right: 130px;

	z-index: 6;

	padding-left: 50px;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.exp .image-2 .podr:hover .arrow {

	-webkit-animation: anim-2 1.5s linear infinite;

	animation: anim-2 1.5s linear infinite;

}



.exp .image-2 .podr span {

	display: inline-block;

	position: relative;

	left: -10px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 60px;

	letter-spacing: .72px;

}



.exp .image-2 .podr .arrow {

	display: inline-block;

	position: absolute;

	right: 23px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 60px;

	letter-spacing: .72px;

}



.exp .image-2 .podr:after {

	content: '';

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: 0;

	right: 40px;

	width: 23px;

	height: 60px;

	background-image: url(../img/shadow.png);

}



.exp .image-2 .capt {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	padding: 14px 35px;

	padding-bottom: 20px;

	text-align: right;

	min-width: 230px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #f3f3f3;

	position: absolute;

	top: 350px;

	left: -760px;

	z-index: 1;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.exp .image-2 .capt span {

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 23px;

	line-height: 25px;

	letter-spacing: .72px;

}



.price {

	background-image: url(../img/price-bg.jpg);

	background-size: cover;

	background-position: center;

	padding-top: 84px;

	padding-bottom: 100px;

}



.price h2 {

	color: #fff;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	letter-spacing: 1.92px;

	position: relative;

	left: -5px;

}



.price .price-content {

	-webkit-box-shadow: 0 20px 35px rgba(0, 0, 0, .05);

	box-shadow: 0 20px 35px rgba(0, 0, 0, .05);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	width: 100%;

	margin-top: 63px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding-bottom: 43px;

}



.price .price-content .left {

	width: 735px;

	padding-left: 66px;

	padding-top: 70px;

	position: relative;

}



.price .price-content .left:after {

	content: '';

	position: absolute;

	right: -20px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	height: 434px;

	width: 20px;

	background-image: url(../img/shadow_line.png);

}



.price .price-content .left .top-block {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.price .price-content .left .top-block .price-block span {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 15px;

	letter-spacing: .64px;

}



.price .price-content .left .top-block .price-block .val {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	text-transform: uppercase;

	letter-spacing: 1.92px;

	margin-top: 8px;

}



.price .price-content .left .top-block .itog {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-left: 10px;

	position: relative;

	top: -37px;

}



.price .price-content .left .top-block .itog img {

	position: relative;

	top: 20px;

	left: 35px;

}



.price .price-content .left .top-block .itog .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 15px;

	letter-spacing: .64px;

}



.price .price-content .left .top-block .itog .descr {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	letter-spacing: .64px;

	margin-top: 10px;

}



.price .price-content .left .bottom-block .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 15px;

	letter-spacing: .64px;

	margin-top: -15px;

}



.price .price-content .left .bottom-block ul {

	list-style-type: none;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	padding-left: 10px;

	margin-top: 10px;

}



.price .price-content .left .bottom-block ul li {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.price .price-content .left .bottom-block ul li:first-child {

	width: 40%;

}



.price .price-content .left .bottom-block ul li:first-child span {

	position: relative;

	left: 35px;

}



.price .price-content .left .bottom-block ul li:nth-child(2n) span {

	position: relative;

	left: 38px;

}



.price .price-content .left .bottom-block ul li:last-child {

	margin-top: 15px;

}



.price .price-content .left .bottom-block ul li:last-child img {

	position: relative;

	left: -9px;

}



.price .price-content .left .bottom-block ul li:last-child span {

	position: relative;

	left: 13px;

}



.price .price-content .left .bottom-block ul span {

	display: inline-block;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 20px;

}



.price .price-content .right {

	padding: 0 55px;

	margin-top: 110px;

	width: 435px;

}



.price .price-content .right .input-form {

	margin-bottom: 30px;

	position: relative;

	width: 100%;

	height: 60px;

}



.price .price-content .right .input-form:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 60px;

	background-color: #f3f3f3;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	border: 0;

}



.price .price-content .right .input-form:last-child:before {

	background-image: url(../img/phone-call.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.price .price-content .right .input-form:before {

	content: '';

	position: absolute;

	top: 22px;

	left: 25px;

	width: 15px;

	height: 16px;

	background-image: url(../img/user.png);

	background-position: center;

	z-index: 3;

}



.price .price-content .right .input-form input {

	width: 100%;

	height: 60px;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 30px;

	letter-spacing: .64px;

	padding-left: 65px;

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

	z-index: 10;

	background-color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.price .price-content .right .input-form input:focus::-webkit-input-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.price .price-content .right .input-form input:focus::-moz-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.price .price-content .right .input-form input:focus:-ms-input-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.price .price-content .right .input-form input:focus::placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.price .price-content .right .button-form {

	position: relative;

}



.price .price-content .right .button-form:before {

	content: '';

	position: absolute;

	bottom: -5px;

	left: -1px;

	width: 100%;

	height: 70px;

	background-color: #ff4646;

	background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

	background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

	background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-border-radius: 8px;

	border-radius: 8px;

}



.price .price-content .right .button-form .callbacks {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	border: 0;

	width: 100%;

	height: 70px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-border-radius: 8px;

	border-radius: 8px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-transition: all .15s;

	transition: all .15s;

	cursor: pointer;

	display: none;

}



.price .price-content .right .button-form .callbacks:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

}



.price .price-content .right .button-form .callbacks span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	cursor: pointer;

}



.price .price-content .right .button-form button {

	border: 0;

	width: 100%;

	height: 70px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-border-radius: 8px;

	border-radius: 8px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-transition: all .15s;

	transition: all .15s;

	cursor: pointer;

}



.price .price-content .right .button-form button:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

}



.price .price-content .right .button-form button span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	cursor: pointer;

}



.all-courses {

	background-color: #fff;

	padding-top: 77px;

	padding-bottom: 88px;

}



.all-courses .container {

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.all-courses h2 {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 48px;

	line-height: 70px;

	letter-spacing: 1.92px;

	position: relative;

	left: -5px;

}



.all-courses .cour {

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #f3f3f3;

	height: 170px;

	width: 678px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	padding-left: 40px;

}



.all-courses .cour span {

	display: inline-block;

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 18px;

	letter-spacing: .72px;

}



.all-courses .cour a {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	min-width: 250px;

	height: 60px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	z-index: 6;

	text-align: center;

	margin-right: 30px;

	padding-left: 40px;

	-webkit-transition: all .15s;

	transition: all .15s;

	position: relative;

}



.all-courses .cour a:last-child {

	min-width: 170px;

	width: 170px;

}



.all-courses .cour a:hover {

	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

	box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

	-webkit-transition: all .15s;

	transition: all .15s;

}



.all-courses .cour a:before {

	content: '';

	position: absolute;

	top: 49%;

	-webkit-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	left: 26px;

	width: 9px;

	height: 9px;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	background-color: #6db26d;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

}



.all-courses .cour a span {

	display: inline-block;

	position: relative;

	left: -10px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 60px;

	letter-spacing: .72px;

}



.contacts {

	height: 741px;

	position: relative;

}



.contacts #map {

	width: 100%;

	height: 100%;

	background-image: url(../img/map.png);

	background-size: cover;

	background-position: center;

}



.contacts .marker {

	width: 123px;

	height: 58px;

	position: absolute;

	top: 291px;

	right: 31.5%;

	background-image: url(../img/marker.png);

	background-size: cover;

	background-position: center;

}



.contacts .container {

	position: absolute;

	top: 0;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	transform: translateX(-50%);

	height: 100%;

	z-index: 10;

}



.contacts .map-info {

	position: absolute;

	top: 57%;

	-webkit-transform: translateY(-50%) skewX(-10deg);

	-ms-transform: translateY(-50%) skewX(-10deg);

	transform: translateY(-50%) skewX(-10deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	left: 35px;

	width: 420px;

	height: 380px;

	-webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .05);

	box-shadow: 0 7px 20px rgba(0, 0, 0, .05);

	background-color: #fff;

	z-index: 5;

}



.contacts .map-info .content {

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	padding-left: 33px;

	padding-top: 53px;

}



.contacts .map-info .content .adress {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.contacts .map-info .content .adress .text {

	margin-top: -13px;

	margin-left: 17px;

}



.contacts .map-info .content .adress span {

	color: rgba(40, 40, 40, .3);

	font-size: 15px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	line-height: 25px;

}



.contacts .map-info .content .adress p {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

}



.contacts .map-info .content .phone {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.contacts .map-info .content .phone .text {

	margin-top: 20px;

	margin-left: 8px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

}



.contacts .map-info .content .phone .icon {

	margin-top: 26px;

	position: relative;

	left: -9px;

}



.contacts .map-info .content .phone span {

	color: rgba(40, 40, 40, .3);

	font-size: 15px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	line-height: 25px;

}



.contacts .map-info .content .phone p {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: 0;

}



.contacts .map-info .content .phone .phone-text {

	display: block;

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: -5px;

}



.contacts .map-info .content .phone .cons {

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	color: #658bf8;

	text-decoration: underline;

}



.contacts .map-info .content .mail {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}



.contacts .map-info .content .mail .text {

	margin-top: 20px;

	margin-left: 8px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

}



.contacts .map-info .content .mail .icon {

	margin-top: 26px;

	position: relative;

	left: -9px;

}



.contacts .map-info .content .mail span {

	color: rgba(40, 40, 40, .3);

	font-size: 15px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	line-height: 25px;

}



.contacts .map-info .content .mail p {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: 0;

}



.contacts .map-info .content .mail .phone-text {

	display: block;

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: -5px;

}



.contacts .map-info .content .mail .cons {

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	color: #658bf8;

	text-decoration: underline;

}



.contacts .map-info .content .schedule {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	position: relative;

	left: -20px;

}



.contacts .map-info .content .schedule .text {

	margin-top: 20px;

	margin-left: 10px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

}



.contacts .map-info .content .schedule .icon {

	margin-top: 26px;

	position: relative;

	left: -9px;

}



.contacts .map-info .content .schedule span {

	color: rgba(40, 40, 40, .3);

	font-size: 15px;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	line-height: 25px;

}



.contacts .map-info .content .schedule p {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: 0;

}



.contacts .map-info .content .schedule .phone-text {

	display: block;

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	margin-top: -5px;

}



.contacts .map-info .content .schedule .cons {

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	color: #658bf8;

	text-decoration: underline;

}



.contacts .plash {

	position: absolute;

	top: 61%;

	-webkit-transform: translateY(-50%) skewX(-10deg);

	-ms-transform: translateY(-50%) skewX(-10deg);

	transform: translateY(-50%) skewX(-10deg);

	-webkit-border-radius: 10px;

	border-radius: 10px;

	left: 60px;

	width: 420px;

	height: 380px;

	-webkit-box-shadow: 0 7px 20px rgba(0, 0, 0, .05);

	box-shadow: 0 7px 20px rgba(0, 0, 0, .05);

	background-color: #fff;

	z-index: 0;

}



.footer {

	background-color: #fff;

	padding-top: 38px;

	padding-bottom: 10px;

}



.footer .container {

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

}



.footer .container .copy {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

}



.footer .container .social {

	display: none;

}



.footer .container .social ul {

	list-style-type: none;

	font-size: 0;

}



.footer .container .social ul li {

	display: inline-block;

}



.footer .container .social ul li:last-child a {

	margin-right: 0;

}



.footer .container .social ul li a {

	width: 38px;

	height: 38px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-right: 15px;

}



.footer .container .social ul li .viber {

	background-color: #7d3dae;

}



.footer .container .social ul li .telegram {

	background-color: #40a9e4;

}



.footer .container .social ul li .whats {

	background-color: #5fcd6c;

}



.footer .container .social ul li .facebook {

	background-color: #4267b2;

}



.footer .container .leadme {

	color: #282828;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

}



.footer .container .leadme img {

	margin-left: 22px;

}



.hidden {

	width: 0;

	height: 0;

	overflow: hidden;

}



.callback-ok {

	width: 470px;

	height: 355px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: relative;

	margin: 0 auto;

}



.callback-ok .mfp-close {

	display: none;

}



.callback-ok .popup-close {

	position: absolute;

	top: -30px;

	right: -30px;

}



.callback-ok .image {

	padding-top: 33px;

	text-align: center;

	width: 100%;

}



.callback-ok .image img {

	position: relative;

	left: 15px;

}



.callback-ok .caption {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 23px;

	font-weight: 300;

	line-height: 20px;

	text-align: center;

	margin-top: 30px;

}



.callback-ok .descr {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 20px;

	text-align: center;

	margin-top: 15px;

}



.callback-popup {

	width: 440px;

	height: 490px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: relative;

	margin: 0 auto;

	padding-top: 50px;

}



.callback-popup .mfp-close {

	display: none;

}



.callback-popup .popup-close {

	position: absolute;

	top: -30px;

	right: -30px;

}



.callback-popup h2 {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 32px;

	text-align: center;

	letter-spacing: 1.28px;

}



.callback-popup p {

	max-width: 270px;

	margin: 0 auto;

	text-align: center;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	letter-spacing: .64px;

	margin-top: 10px;

}



.callback-popup form {

	width: 100%;

	padding: 0 55px;

	margin-top: 35px;

}



.callback-popup form .input-form {

	margin-bottom: 30px;

	position: relative;

	width: 100%;

	height: 60px;

}



.callback-popup form .input-form:after {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 60px;

	background-color: #f3f3f3;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	border: 0;

}



.callback-popup form .input-form:last-child:before {

	background-image: url(../img/phone-call.png);

	background-size: contain;

	background-repeat: no-repeat;

}



.callback-popup form .input-form:before {

	content: '';

	position: absolute;

	top: 22px;

	left: 25px;

	width: 15px;

	height: 16px;

	background-image: url(../img/user.png);

	background-position: center;

	z-index: 3;

}



.callback-popup form .input-form input {

	width: 100%;

	height: 60px;

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 30px;

	letter-spacing: .64px;

	padding-left: 65px;

	position: absolute;

	top: 0;

	left: 0;

	border: 0;

	z-index: 10;

	background-color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.callback-popup form .input-form input:focus::-webkit-input-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.callback-popup form .input-form input:focus::-moz-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.callback-popup form .input-form input:focus:-ms-input-placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.callback-popup form .input-form input:focus::placeholder {

	color: transparent;

	-webkit-transition: all .15s;

	transition: all .15s;

}



.callback-popup form .button-form {

	position: relative;

}



.callback-popup form .button-form:before {

	content: '';

	position: absolute;

	bottom: -5px;

	left: -1px;

	width: 100%;

	height: 70px;

	background-color: #ff4646;

	background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

	background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

	background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-border-radius: 8px;

	border-radius: 8px;

}



.callback-popup form .button-form button {

	border: 0;

	width: 100%;

	height: 70px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-border-radius: 8px;

	border-radius: 8px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-transition: all .15s;

	transition: all .15s;

	cursor: pointer;

}



.callback-popup form .button-form button:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

}



.callback-popup form .button-form button span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 35px;

	letter-spacing: .32px;

	cursor: pointer;

}



.info-popup {

	width: 600px;

	min-height: 550px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: relative;

	margin: 0 auto;

	padding-top: 50px;

	padding-left: 20px;

	padding-right: 20px;

}



.info-popup .mfp-close {

	display: none;

}



.info-popup .popup-close {

	position: absolute;

	top: -30px;

	right: -30px;

}



.info-popup h2 {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 32px;

	text-align: center;

	letter-spacing: 1.28px;

}



.info-popup p {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 25px;

	letter-spacing: .64px;

	margin-top: 20px;

}



.video-popup {

	width: 900px;

	height: 600px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	position: relative;

	margin: 0 auto;

}



.video-popup iframe,

.video-popup video {

	width: 100%;

	height: 100%;

	border: 0;

	-webkit-border-radius: 10px;

	border-radius: 10px;

}



.video-popup .mfp-close {

	display: none;

}



.video-popup .popup-close {

	position: absolute;

	top: -30px;

	right: -30px;

}



.mfp-zoom-in.mfp-bg {

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

	opacity: 0;

}



.mfp-zoom-in.mfp-ready.mfp-bg {

	opacity: .8;

}



.mfp-zoom-in .mfp-with-anim {

	-webkit-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	opacity: 0;

	-webkit-transform: scale(.8);

	-ms-transform: scale(.8);

	transform: scale(.8);

}



.mfp-zoom-in.mfp-ready .mfp-with-anim {

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}



.mfp-zoom-in.mfp-removing.mfp-bg {

	opacity: 0;

}



.mfp-zoom-in.mfp-removing .mfp-with-anim {

	-webkit-transform: scale(.8);

	-ms-transform: scale(.8);

	transform: scale(.8);

	opacity: 0;

}



.input-form.error {

	-webkit-transition: all .15s;

	transition: all .15s;

}



.input-form.error:after {

	-webkit-transition: all .15s;

	transition: all .15s;

	background-color: pink !important;

}



.inf-popup {

	height: 947px;

	background-color: #fff;

	margin: 0 auto;

	width: 100vw;

}



.inf-popup .mfp-close {

	display: none;

}



.inf-popup .popup-close {

	position: absolute;

	top: 40px;

	right: 0;

	z-index: 10;

	width: 40px;

	height: 40px;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	border: 2px rgba(0, 0, 0, .15) solid;

}



.inf-popup .popup-close svg {

	width: 14px;

	height: 14px;

}



.inf-popup .container {

	position: relative;

}



.inf-popup .popup-content {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	padding-top: 30px;

	width: 100%;

}



.inf-popup .popup-content .text {

	margin-left: 70px;

	padding-top: 17px;

	width: 100%;

}



.inf-popup .popup-content .text .exp-title {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	letter-spacing: .72px;

	margin-bottom: 40px;

}



.inf-popup .popup-content .text ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	list-style-type: none;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	-ms-flex-pack: justify;

	justify-content: space-between;

	width: 100%;

	padding-right: 50px;

}



.inf-popup .popup-content .text ul li {

	padding-left: 27px;

	position: relative;

	margin-bottom: 35px;

	width: 50%;

}



.inf-popup .popup-content .text ul li:before {

	content: '';

	position: absolute;

	top: 2px;

	left: 0;

	width: 11px;

	height: 11px;

	background-color: #ff4646;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}



.inf-popup .popup-content .text ul li .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 14px;

	letter-spacing: .56px;

	display: block;

}



.inf-popup .popup-content .text ul li .descr {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 22px;

	letter-spacing: .56px;

	display: block;

	margin-top: 10px;

	margin-bottom: 10px;

}



.inf-popup .popup-bottom {

	background-color: #f3f3f3;

	padding-top: 70px;

	padding-bottom: 28px;

}



.inf-popup .popup-bottom ul {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	list-style-type: none;

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	width: 100%;

	padding-right: 50px;

}



.inf-popup .popup-bottom ul .last {

	padding-left: 0;

}



.inf-popup .popup-bottom ul .last:before {

	display: none;

}



.inf-popup .popup-bottom ul li {

	padding-left: 27px;

	position: relative;

	margin-bottom: 35px;

	width: 33.33%;

	min-height: 10px;

}



.inf-popup .popup-bottom ul li:before {

	content: '';

	position: absolute;

	top: 2px;

	left: 0;

	width: 11px;

	height: 11px;

	background-color: #ff4646;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}



.inf-popup .popup-bottom ul li .podr {

	-webkit-transform: skewX(-15deg);

	-ms-transform: skewX(-15deg);

	transform: skewX(-15deg);

	display: inline-block;

	width: 339px;

	height: 60px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	background-color: #fff;

	z-index: 6;

	padding-left: 50px;

	-webkit-transition: all .15s;

	transition: all .15s;

	transition: all .15s;

}



.inf-popup .popup-bottom ul li .podr:hover .arrow {

	-webkit-animation: anim-2 1.5s linear infinite;

	animation: anim-2 1.5s linear infinite;

}



.inf-popup .popup-bottom ul li .podr span {

	display: inline-block;

	position: relative;

	left: -10px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 15px;

	line-height: 60px;

	letter-spacing: .72px;

}



.inf-popup .popup-bottom ul li .podr .arrow {

	display: inline-block;

	position: absolute;

	right: 23px;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 17px;

	line-height: 60px;

	letter-spacing: .72px;

}



.inf-popup .popup-bottom ul li .podr:after {

	content: '';

	display: inline-block;

	-webkit-transform: skewX(13deg);

	-ms-transform: skewX(13deg);

	transform: skewX(13deg);

	position: absolute;

	top: 0;

	right: 40px;

	width: 23px;

	height: 60px;

	background-image: url(../img/shadow.png);

}



.inf-popup .popup-bottom ul li .capt {

	color: #161616;

	/* font-family: panton-bold, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 700;

	font-size: 14px;

	letter-spacing: .56px;

	display: block;

}



.inf-popup .popup-bottom ul li .descr {

	color: #161616;

	/* font-family: panton-light, sans-serif;

	font-weight: 400; */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 14px;

	line-height: 22px;

	letter-spacing: .56px;

	display: block;

	margin-top: 10px;

}



.inf-popup .popup-bottom ul li .descr span {

	display: inline-block;

	margin-right: 25px;

	margin-bottom: 5px;

}



.inf-popup .popup-bottom ul li .descr span img {

	margin-right: 7px;

}



.inf-popup .popup-bottom ul li .imgs {

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	-ms-flex-align: center;

	align-items: center;

	margin-top: 10px;

}



.inf-popup .popup-bottom ul li .imgs img {

	margin-right: 20px;

}



#yuri .popup-bottom {

	padding-bottom: 130px;

}


@media screen and (max-width: 1626px){
	.content-img{
		right: 10px;
	}
}





@media screen and (max-width: 1440px){
	.how .container{
		justify-content: space-between;
		align-items: end;
	}

	.content-text{
		max-width: 700px;
	}
	
	.content-img{
		max-width: 400px;
		width: 100%;
    	height: auto;
	}

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

	.how .container-after{
		align-items: start;
	}
}

@media screen and (max-width: 1090px){
	.content-text{
		max-width: 100%;
	}

	.content-img{
		display: none;
	}
}


@media only screen and (max-width:576px) {

	.target .target-content {

		margin-top: 37px;

	}



	.price .price-content .right .input-form {

		display: none;

	}



	.header .digits .digits-item p {

		width: 160px;

	}



	.price .price-content .right .button-form button {

		display: none;

	}



	.price .price-content .right .button-form .callbacks {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

	}



	.mfp-container {

		padding: 0;

	}



	.inf-popup .popup-bottom ul li .podr {

		width: 292px;

	}



	.inf-popup {

		height: auto;

	}



	.inf-popup .popup-content {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.inf-popup .popup-close {

		right: 10px;

	}



	.inf-popup .popup-content .text {

		margin-left: 10px;

	}



	.inf-popup .popup-content .text ul {

		padding-right: 0;

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}



	.inf-popup .popup-content .text ul li {

		width: 100%;

	}



	.inf-popup .popup-bottom ul {

		padding: 0;

		padding-left: 20px;

	}



	.inf-popup .popup-bottom ul li {

		width: 100%;

	}



	.header .digits .digits-item {

		margin-top: 30px;

	}



	.target .target-content .target-item {

		margin-left: 0 !important;

		margin-bottom: 40px;

		padding: 20px;

		text-align: center;

		flex-direction: column;

	}



	.target .target-content .target-item .image {

		-webkit-transform: none;

		-ms-transform: none;

		transform: none;

		top: -40px;

		left: 0 !important;

	}



	.how .bg {

		background-image: none;

	}



	.how {

		background-image: url(../img/how-bg.jpg);

		padding-top: 50px;

	}



	.how .bg .how-tabs-pane ul li {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.how .bg .how-tabs-pane ul li .text {

		margin: 20px 0 0 !important;

		padding: 0 !important;

		width: 100% !important;

	}



	.how .after:before {

		height: 321px;

	}



	.how .bg .how-tabs-pane .asd li .text {

		margin-left: 0 !important;



	}



	.how .bg .how-tabs-pane ul li .image {

		top: 0 !important;

	}



	.how .bg .how-tabs-pane .after {

		padding-left: 10px;

	}



	.how .bg .how-tabs-pane .asd li {

		left: 0 !important;

	}



	.how .bg .how-tabs-pane .asd li .text br {

		display: none;

	}



	.how .bg .how-tabs-pane ul li:nth-child(2) .image {

		margin-left: 15px !important;

	}



	.how .bg .how-tabs-pane .asd li .image {

		left: 0 !important;

	}



	.target .target-content .target-item {

		width: 100%;

	}



	.target .target-content .target-item .text {}



	.how {

		display: block;

		min-height: 2100px;

	}



	.how .bg .how-tabs-pane .asd li {

		width: 100%;

	}



	.how .bg {

		width: 100%;

		height: auto;

		padding: 0;

	}



	.how .bg .how-tabs .img {

		display: none;

	}



	.how .bg .how-tabs-nav ul {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-pack: justify;

		-webkit-justify-content: space-between;

		-ms-flex-pack: justify;

		justify-content: space-between;

		-webkit-box-align: center;

		-webkit-align-items: center;

		-ms-flex-align: center;

		align-items: center;

	}



	.how .bg .how-tabs-nav ul li a {

		padding: 10px 0 !important;

		width: 100%;

		text-align: center;

		margin: 0 !important;

	}



	.how .bg .how-tabs-nav ul li a:after {

		display: none;

	}



	.how .bg .how-tabs-pane .after:before {

		height: 450px;

	}



	.how .bg .how-tabs-pane ul li .text {

		font-size: 13px;

	}



	.how .bg .how-tabs-pane ul li {

		width: 100%;

		padding: 50px 0 !important;

		padding-left: 0 !important;

	}



	.how .bg .how-tabs-nav ul li {

		margin-right: 0;

		width: 50%;

	}



	.how .bg .how-tabs-pane .after ul li {

		padding: 10px 0 !important;

		padding-left: 30px !important;

		margin-bottom: 0;

	}



	.header .link .prof {

		display: none;

	}



	.target h2 {

		font-size: 28px;

		line-height: 30px;

	}



	.target .target-item .pod-2 {

		display: none;

	}



	.target .target-item .pod-1 {

		display: none;

	}



	.target .target-item {

		height: auto;

	}



	.target .target-item .pod-3 {

		width: 100%;

		position: static;

		padding: 0;

		height: auto;

		-webkit-transform: none;

		-ms-transform: none;

		transform: none;

		padding-left: 10px;

		padding-right: 10px;

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.target .target-item .pod-3 .caption br {

		display: none;

	}



	.target .target-item .pod-3 .descr br {

		display: none;

	}



	.target .target-item .pod-3 .image {

		display: none;

	}



	.what {

		display: block;

		padding-top: 180px;

	}



	.what .what-items .what-item {

		width: 100%;

		margin-bottom: 0;

	}



	.what .what-items .what-item:last-child {

		margin-bottom: 30px;

	}



	.what h2 {

		font-size: 35px;

		line-height: 48px;

	}



	.exp {

		display: block;

	}



	.exp .image-1 {

		position: relative;

		margin-top: 20px;

		top: 0;

		left: 0;

	}



	.exp .container {

		background-position: bottom left;

		min-height: 550px;

		width: 100%;

		background-size: 150%;

	}



	.exp h2 {

		right: 0;

		margin-left: 30px;

		margin-right: 20px;

		font-size: 32px;

		line-height: 48px;

	}



	.exp .image-1 .podr {

		right: 17px;

	}



	.exp .image-2 .capt {

		display: none;

	}



	.exp .image-1 .capt {

		display: none;

	}



	.exp .image-2 {

		position: absolute;

		top: 0;

		left: 0;

		margin-top: 0;

	}



	.exp .image-2 .podr {

		right: 30px;

		top: 450px;

	}



	.price {

		display: block;

	}



	.price h2 {

		font-size: 35px;

		line-height: 48px;

	}



	.price .price-content .left {

		width: 100%;

	}



	.price .price-content .left {

		padding-left: 20px;

	}



	.price .price-content .left .top-block .itog {

		display: none;

	}



	.price .price-content {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.price .price-content .left .bottom-block {

		margin-top: 30px;

	}



	.price .price-content .left .bottom-block ul {

		padding-left: 0;

	}



	.price .price-content .left .bottom-block ul li {

		width: 100% !important;

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-webkit-align-items: center;

		-ms-flex-align: center;

		align-items: center;

		margin-bottom: 30px;

	}



	.price .price-content .left .bottom-block ul li:nth-child(2n) span {

		left: 35px;

	}



	.price .price-content .left .bottom-block ul li:first-child span {

		left: 27px;

	}



	.price .price-content .left .bottom-block ul li:first-child img {

		position: relative;

		left: -10px;

	}



	.price .price-content .left .bottom-block ul li .text {

		width: 200px;

		-webkit-flex-shrink: 0;

		-ms-flex-negative: 0;

		flex-shrink: 0;

	}



	.price .price-content .left .bottom-block ul {

		margin-top: 40px;

	}



	.price .price-content .right {

		padding: 0 20px;

		margin-top: 20px;

	}



	.price .price-content {

		margin-top: 43px;

	}



	.price .price-content .left .bottom-block ul li:nth-child(2) {

		margin-left: -30px;

	}



	.testimonials h2 {

		font-size: 35px;

		line-height: 48px;

	}



	.power .img-1,

	.power .img-2,

	.power .img-3 {

		display: none;

	}



	.power .power-items {

		padding-left: 10px;

		padding-right: 10px;

	}



	.power .power-items .power-item {

		position: relative !important;

	}



	.power .power-items .power-item img {

		display: block !important;

	}



	.program .caption-block p {

		font-size: 14px;

	}



	.program .caption-block p br {

		display: none;

	}



	.header .il {

		left: 0;

	}



	html {

		overflow-x: hidden;

	}



	.target {

		display: block;

	}



	.target-item {

		width: 100% !important;

	}



	.target .target-item .text {

		width: 100%;

	}



	.callback-ok {

		width: 100%;

		height: 400px;

	}



	.callback-ok .popup-close {

		right: 0;

	}



	.video-popup {

		width: 100%;

		height: 500px;

	}



	.video-popup .popup-close {

		right: 0;

	}



	section {

		display: none;

	}



	footer {

		display: none;

	}




	.menu {

		width: 100%;

	}



	.menu .close-menu {

		padding-left: 30px;

	}



	.menu ul li a {

		padding-left: 30px;

	}



	.header {

		background-position: 1650px center;

	}



	.container {

		width: 320px;

	}



	.header__top-block {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.header__top-block .logo-block p {

		font-size: 13px;

		line-height: 17px;

		margin-left: 24px;

	}



	.header__content-block {

		padding-top: 65px;

	}





	.header__content-block .translate {

		position: relative;

		top: -120px;

		left: 0;

	}



	.header__content-block h1 .one {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block h1 .two {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block h1 .three {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block .show {

		padding: 14px 21px;

		padding-right: 40px;

		padding-left: 40px;

	}



	.header__content-block .show span {

		font-size: 18px;

	}



	.header__content-block .play {

		display: none;

	}



	.header .digits {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		padding-right: 0;

		padding-top: 20px;

		height: auto;

	}



	.header .digits .digits-item {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px;

	}



	.header__top-block .buttons-block .menu-button {

		position: absolute;

		top: 40px;

		right: 0;

		left: auto;

	}



	.header__top-block .buttons-block .callback {

		padding: 15px 50px;

		padding-top: 0;

		margin-right: 0;

		padding-top: 15px;

		margin-top: 20px;

		width: 55%;

	}



	.header__top-block .buttons-block .callback span {

		font-size: 11px;

	}



	.header__top-block .buttons-block .phone {

		margin-top: 20px;

		font-size: 11px;

		margin-right: 0;

	}



	.about {

		display: block;

	}



	.about .image {

		padding-left: 0;

		margin: 0 auto;

	}



	.about .text {

		padding-left: 0;

	}



	.about-2 {

		display: block;

		height: 1245px;

	}



	.about-2 .container {

		width: 100%;

	}



	.about-2 .container .line-1 {

		height: auto;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .container .line-1 .about-block {

		width: 100%;

	}



	.about-2 .line-one {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		height: auto;

	}



	.about-2 .line-one .one {

		height: 250px;

		width: 100%;

	}



	.about-2 .line-one .two {

		width: 100%;

		height: 250px;

	}



	.about-2 .line-one .three {

		width: 100%;

		height: 250px;

	}



	.about-2 .container .line-1 .about-block img {

		display: none;

	}



	.about-2 .line-two {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .line-two .four {

		width: 100%;

		height: 250px;

	}



	.about-2 .line-two .five {

		width: 100%;

		height: 250px;

		background-size: auto;

	}



	.about-2 .container .line-1 .about-block {

		padding-top: 15px;

		padding-left: 30px;

	}



	.about-2 .container .line-1 .about-block .number {

		margin-top: 10px;

	}



	.about-2 .container .line-1 .block-2 {

		margin-left: 0;

	}



	.about-2 .container .line-2 .block-3 {

		width: 100%;

		padding-top: 20px;

		position: relative;

		top: 180px;

		padding-left: 30px;

	}



	.about-2 .container .line-2 {

		height: auto;

	}



	.about-2 .container .line-2 {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .container .line-2 .block-4 {

		width: 100%;

		padding-left: 30px;

		position: relative;

		top: 100px;

		height: 250px;

	}



	.managym {

		display: block;

	}



	.managym .text {

		width: 100%;

	}



	.base-sect {

		display: block;

	}



	.base-sect .text .caption {

		width: 93%;

		margin-left: 10px;

	}



	.base-sect .text .caption .text {

		padding-left: 15px;

	}



	.base-sect .text .caption .text span {

		font-size: 22px;

	}



	.base-sect .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.base-sect .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.base-sect .text {

		padding-left: 0;

	}



	.base-sect .image {

		display: none;

	}



	.base-sect .text a {

		width: 100%;

	}



	.projector {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.projector .image {

		display: none;

	}



	.projector .text .caption {

		width: 93%;

	}



	.projector .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.projector .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.projector .text a {

		width: 100%;

	}



	.bepublic {

		display: block;

	}



	.bepublic {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.bepublic .image {

		display: none;

	}



	.bepublic .text .caption {

		width: 93%;

	}



	.bepublic .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.bepublic .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.bepublic .text a {

		width: 100%;

	}



	.ns {

		display: block;

	}



	.ns {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.ns .image {

		display: none;

	}



	.ns .text .caption {

		width: 93%;

	}



	.ns .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.ns .text .caption .text span {

		font-size: 15px;

	}



	.ns .text .descrt {

		margin-top: 100px;

		position: static;

	}



	.ns .text a {

		width: 100%;

	}



	.tt {

		display: block;

	}



	.tt {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.tt .image {

		display: none;

	}



	.tt .text .caption {

		width: 93%;

	}



	.tt .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.tt .text .caption .text span {

		font-size: 15px;

	}



	.tt .text .descrt {

		margin-top: 70px;

		position: static;

	}



	.tt .text a {

		width: 100%;

	}



	.xpress {

		display: block;

	}



	.xpress {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.xpress .image {

		display: none;

	}



	.xpress .text .caption {

		width: 93%;

	}



	.xpress .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.xpress .text .caption .text span {

		font-size: 15px;

	}



	.xpress .text .descrt {

		margin-top: 100px;

		position: static;

	}



	.xpress .text a {

		width: 100%;

	}



	.xpress .text {

		padding-right: 0;

	}



	.companies {

		display: block;

	}



	.companies h2 {

		font-size: 30px;

		line-height: 40px;

	}



	.managym .text p {

		font-size: 40px;

	}



	.companies .companies-block .company {

		width: 50%;

	}



	.testimonials {

		display: block;

	}



	.testimonials .swiper-container .swiper-slide {

		margin-right: 0;

	}



	.testimonials .swiper-container {

		overflow: hidden;

	}



	.header__content-block .show .image {

		display: none;

	}



	.testimonials .blag .category {

		right: 22px;

	}



	.testimonials .swiper-container {

		margin-top: 150px;

	}



	.testimonials .swiper-button-prev {

		bottom: 280px;

		top: auto;

	}



	.testimonials .swiper-button-next {

		bottom: 280px;

		top: auto;

	}



	.testimonials .blag .name {

		right: 6px;

	}



	.course {

		display: block;

	}



	.course .image {

		display: none;

	}



	.course .text {

		width: 100%;

	}



	.course .text .exp-block ul li {

		width: 100%;

	}



	.course .text .spec ul li {

		width: 100%;

	}



	.course .text .spec {

		padding-left: 14px;

	}



	.course .text .spec ul li:last-child {

		margin-top: 0;

	}



	.course .text .buttons {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.course .text .buttons a {

		margin-bottom: 20px;

		margin-top: 10px;

	}



	.contacts {

		display: block;

	}



	.contacts .map-info {

		width: 95%;

		left: 10px;

	}



	.contacts .plash {

		left: 30px;

		width: 95%;

	}



	.footer {

		display: block;

	}



	.footer .container {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

	}



	.footer .copy {

		margin-bottom: 30px;

	}



	.callback-popup {

		width: 100%;

	}



	.callback-popup .popup-close {

		right: 0;

	}



	.about-2 .container .line-2 .block-3 p {

		max-width: 240px;

	}



	.about-2 .container .line-2 .block-4 p {

		max-width: 240px;

	}



	.program {

		height: auto;

		padding-bottom: 50px;

	}



	.program .program-content .program-nav {

		display: none;

	}



	.program .caption-block {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.program .caption-block h2 {

		font-size: 29px;

		line-height: 48px;

		text-align: center;

	}



	.show {

		-webkit-transform: skewX(-15deg);

		-ms-transform: skewX(-15deg);

		transform: skewX(-15deg);

		display: inline-block;

		padding: 14px 35px;

		padding-bottom: 20px;

		-webkit-border-radius: 6px;

		border-radius: 6px;

		background-color: #ff4646;

		background-image: -webkit-gradient(linear, left top, right top, from(#c63333), to(#da5656));

		background-image: -webkit-linear-gradient(left, #c63333 0, #da5656 100%);

		background-image: linear-gradient(to right, #c63333 0, #da5656 100%);

		margin-top: 59px;

		position: relative;

		left: 0;

		z-index: 0;

		-webkit-transition: all .15s;

		transition: all .15s;

		margin: 0 auto;

		margin-top: 30px;

	}



	.show:hover {

		-webkit-box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

		box-shadow: 0 0 17px 4px rgba(255, 99, 99, .65);

		-webkit-transition: all .15s;

		transition: all .15s;

	}



	.show:after {

		content: '';

		position: absolute;

		top: -6px;

		left: 0;

		-webkit-border-radius: 6px;

		border-radius: 6px;

		width: 100%;

		height: 100%;

		-webkit-box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

		box-shadow: 0 10px 25px rgba(255, 70, 70, .35);

		background-color: #ff4646;

		background-color-background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	}



	.show span {

		display: inline-block;

		-webkit-transform: skewX(13deg);

		-ms-transform: skewX(13deg);

		transform: skewX(13deg);

		color: #fff;

		/* font-family: panton, sans-serif; */

		font-family: 'Roboto', sans-serif;

		font-weight: 400;

		font-size: 15px;

		line-height: 35px;

		letter-spacing: .32px;

		position: relative;

		z-index: 5;

	}



	.show .image {

		-webkit-transform: skewX(13deg);

		-ms-transform: skewX(13deg);

		transform: skewX(13deg);

		position: absolute;

		bottom: 4px;

		right: -50px;

		z-index: 5;

		top: auto;

	}



	.program .caption-block .dlit-block {

		margin-left: 30px;

	}



	.program .caption-block .right span {

		margin-left: 30px;

	}



	.program .program-content .program-text .program-tab-pane {

		width: 100%;

	}



	.program {

		background-size: cover;

		background-position: 0 center;

		background: #f2f4f8 url(../img/program-bg.jpg);

	}



	.header__content-block .image {

		display: none;

	}



	.header__content-block .block .hund span {

		display: none;

	}



	.header__content-block h1 {

		width: 100%;

	}



	.header__content-block h1 .one {

		font-size: 17px !important;

		line-height: 40px;

		left: -3px;

	}



	.header__content-block h1 .two {

		font-size: 17px !important;

		line-height: 40px;

		top: 46px;

		left: -15px;

	}



	.header__content-block h1 .three {

		font-size: 15px !important;

		line-height: 40px;

		top: 89px;

		left: -25px;

	}



	.header__content-block .show span {

		width: 180px;

	}



	.header__content-block .show {

		margin-top: -50px;

	}



	.header__content-block .block .hund {

		display: none;

	}



	.header__content-block .consult {

		margin-top: 10px;

	}



	.header .digits .digits-item:last-child {

		left: -10px;

	}



	.graph {

		display: block;

	}



	.graph .container {

		width: 100%;

		max-width: 100%;

		padding: 0 20px;

	}



	.graph h2 {

		margin-bottom: 35px;

		font-size: 28px;

		line-height: 30px;

	}



	.graph .what-graph img {

		max-width: 100%;

	}



	.how .bg h2 {

		font-size: 35px;

		line-height: 48px;

	}



	.how .bg .next {

		top: auto;

		bottom: -80px;

		right: auto;

		left: 50%;

		-webkit-transform: translateX(-50%) skewX(-10deg);

		-ms-transform: translateX(-50%) skewX(-10deg);

		transform: translateX(-50%) skewX(-10deg);

		width: 168px;

	}



	.how .bg .prev {

		top: auto;

		bottom: -80px;

		right: auto;

		left: 50%;

		-webkit-transform: translateX(-50%) skewX(-10deg);

		-ms-transform: translateX(-50%) skewX(-10deg);

		transform: translateX(-50%) skewX(-10deg);

		width: 168px;

	}



	.who {

		display: block;

	}



	.who h2 {

		font-size: 31px;

		line-height: 39px;

	}



	.who-img {

		display: none;

	}



	.who .who-content .line-1 {

		padding: 0;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.who .who-content .line-2 {

		padding: 0;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		margin-top: 0;

	}



	.who-item {

		margin-bottom: 30px;

	}



	.who-item .image {

		width: 125px;

		-webkit-flex-shrink: 0;

		-ms-flex-negative: 0;

		flex-shrink: 0;

	}



	.who-item .text {

		left: 0 !important;

	}



	.who .who-content .line-1 .who-item .text .descr br {

		display: none;

	}



	.who .who-content .line-2 .who-item .text .descr br {

		display: none;

	}



	.power {

		display: block;

	}



	.power h2 {

		font-size: 31px;

		line-height: 39px;

	}



	.all-courses {

		display: none;

	}



	.prices {

		display: block;

	}



	.prices .prices-content .dollar {

		display: none;

	}



	.prices .prices-content .prices-tab-pane .left-block {

		padding-right: 0;

		width: 100%;

	}



	.prices .prices-content .prices-tab-pane .right-block {

		display: none;

	}



	.prices .prices-content .prices-nav ul li a {

		margin-left: 0;

	}



	.prices .prices-content .prices-tab-pane .bottom-block .formm {

		display: none;

	}



	.prices .prices-content .prices-tab-pane {

		padding-left: 10px;

		padding-right: 10px;

		padding-top: 10px;

		padding-bottom: 10px;

	}



	.prices .prices-content #two .left-block {

		padding-right: 0;

	}



	.prices .prices-content #two .left-block:after {

		display: none;

	}



	.prices .prices-content #two .left-block .caption {

		font-size: 31px;

		line-height: 39px;

	}



	.prices .prices-content #two .left-block .price {

		margin-top: 20px;

	}



	.prices .prices-content #two .left-block .order {

		margin-left: 0;

		margin-top: 0;

	}



	.prices .prices-content #two .left-block .mest {

		margin-left: 0;

		margin-top: 20px;

	}



	.prices .prices-content #two .left-block .mest .image {

		width: 100px;

	}



	.prices .prices-content #two .left-block .price .start .image {

		width: 100px;

	}



	.prices .prices-content #two .left-block .price .start {

		margin-bottom: 20px;

	}



	.prices .prices-content #three {

		padding-right: 0;

	}



	.prices .prices-content #three .form {

		width: 300px;

	}



	.power .container {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

	}



	.power .power-item {

		background-color: #191919;

		position: static;

		-webkit-border-radius: 10px;

		border-radius: 10px;

		min-height: 230px;

		height: auto;

		padding-bottom: 25px;

		width: 100%;

		margin-bottom: 50px;

	}



	.power .power-item img {

		display: none;

	}



	.power .power-item:before {

		display: none;

	}



	.power .power-item:after {

		display: none;

	}



	.power .power-item .tooltip {

		position: static;

		opacity: 1;

		visibility: visible;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

		transform: translateY(0);

		width: 100%;

		padding-right: 39px;

		padding-bottom: 35px;

		height: auto;

		padding: 0;

		width: 100%;

		height: 100%;

		padding: 15px 15px;

	}



	.power .power-item .tooltip img {

		display: block;

	}



	.power .power-item .tooltip .img {

		top: 6px;

		right: 10px;

	}



	.power .power-item .tooltip:after {

		display: none;

	}



	.power .power-item .text {

		padding-left: 10px !important;

		padding-right: 10px !important;

	}



	.power .image {

		position: static !important;

	}



	.power .btn-area .podr {

		padding: 14px 26px;

		padding-bottom: 14px;

	}



	.power .power-item .bg {

		display: none;

	}



	.power {

		height: auto;

	}



	.power .image {

		position: absolute;

		top: 0;

		left: -30%;

	}



	.prices .prices-content .prices-tab-pane .top-block .descr {

		line-height: 35px;

		margin-top: 20px;

		margin-bottom: 20px;

	}



	.prices .prices-content .prices-tab-pane .top-block .join-course {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		-ms-flex-direction: column;

		flex-direction: column;

		height: auto;

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

		-ms-flex-align: start;

		align-items: flex-start;

		padding-top: 30px;

		padding-right: 30px;

		padding-bottom: 30px;

	}



	.prices .prices-content .prices-tab-pane .top-block .join-course .text {

		margin-left: 0;

		margin-top: 20px;

	}



	.prices .prices-content .prices-tab-pane .top-block .join-course .input {

		display: none;

	}



	.prices .prices-content .prices-tab-pane .top-block .join-course .pricess {

		margin-left: 0;

		margin-top: 20px;

	}



	.contacts {

		height: 439px;

	}



	.contacts .container {

		top: -39px;

	}



	.footer .container .leadme {

		margin-top: 30px;

	}



	.slick-next {

		width: 30px;

		height: 30px;

		background-image: url(../img/slider-btn.png);

		background-size: cover;

		position: absolute;

		top: auto;

		bottom: -30px;

		right: 25%;

		-webkit-transform: translateX(-50%);

		-ms-transform: translateX(-50%);

		transform: translateX(-50%);

		z-index: 200;

	}



	.slick-next:before {

		display: none;

	}



	.slick-next:hover {

		background-image: url(../img/slider-btn.png);

		background-size: cover;

	}



	.slick-prev {

		width: 30px;

		height: 30px;

		background-image: url(../img/slider-btn.png) !important;

		background-size: cover !important;

		-webkit-transform: rotate(180deg) translateX(-50%);

		-ms-transform: rotate(180deg) translateX(-50%);

		transform: rotate(180deg) translateX(-50%);

		top: auto;

		bottom: -30px;

		left: 30%;

		z-index: 200;

	}



	.slick-prev:before {

		display: none;

	}



	html {

		overflow-x: hidden;

	}



	.video-popup {

		width: 100%;

		height: 500px;

	}



	.video-popup .popup-close {

		right: 0;

	}



	section {

		display: none;

	}



	footer {

		display: none;

	}


	.menu {

		width: 100%;

	}



	.menu .close-menu {

		padding-left: 30px;

	}



	.menu ul li a {

		padding-left: 30px;

	}



	.container {

		width: 320px;

	}



	.header__top-block {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.header__top-block .logo-block p {

		font-size: 13px;

		line-height: 17px;

		margin-left: 24px;

	}



	.header__content-block {

		padding-top: 65px;

	}



	.header__content-block h1 .one {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block h1 .two {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block h1 .three {

		font-size: 30px;

		padding: 9px 16px;

		padding-top: 6px;

		padding-bottom: 6px;

	}



	.header__content-block .show {

		padding: 14px 21px;

		padding-right: 40px;

		padding-left: 40px;

	}



	.header__content-block .show span {

		font-size: 18px;

	}



	.header__content-block .play {

		display: none;

	}



	.header .digits {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		padding-right: 0;

		padding-top: 20px;

		height: auto;

	}



	.header .digits .digits-item {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

		width: 100%;

		margin-right: 0;

		margin-bottom: 30px;

	}



	.header__top-block .buttons-block .menu-button {

		position: absolute;

		top: 40px;

		right: 0;

		left: auto;

	}



	.header__top-block .buttons-block {

		width: 100%;

		flex-direction: column;

	}



	.header__top-block .buttons-block .socials {

		flex-direction: column;

	}



	.header__top-block .buttons-block .callback {

		padding: 15px 5px !important;

		display: inline-block;

		padding-top: 0;

		margin-right: 0;

		padding-top: 15px;

		margin-top: 20px;

		text-align: center;

	}



	.header__top-block .buttons-block .callback span {

		font-size: 11px;

	}



	.header__top-block .buttons-block .phone {

		margin-top: 20px;

		font-size: 11px;

	}



	.header .link {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.header .link .show-2 {

		margin-top: 30px;

		padding: 10px 20px;

		left: -50px;

	}



	.header .digits .text {

		margin: 0 auto;

		padding-left: 20px;

	}



	.about {

		display: block;

	}



	.about .image {

		padding-left: 0;

		margin: 0 auto;

	}



	.about .text {

		padding-left: 0;

	}



	.about-2 {

		display: block;

		height: 1245px;

	}



	.about-2 .container {

		width: 100%;

	}



	.about-2 .container .line-1 {

		height: auto;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .container .line-1 .about-block {

		width: 100%;

	}



	.about-2 .line-one {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		height: auto;

	}



	.about-2 .line-one .one {

		height: 250px;

		width: 100%;

	}



	.about-2 .line-one .two {

		width: 100%;

		height: 250px;

	}



	.about-2 .line-one .three {

		width: 100%;

		height: 250px;

	}



	.about-2 .container .line-1 .about-block img {

		display: none;

	}



	.about-2 .line-two {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .line-two .four {

		width: 100%;

		height: 250px;

	}



	.about-2 .line-two .five {

		width: 100%;

		height: 250px;

		background-size: auto;

	}



	.about-2 .container .line-1 .about-block {

		padding-top: 15px;

		padding-left: 30px;

	}



	.about-2 .container .line-1 .about-block .number {

		margin-top: 10px;

	}



	.about-2 .container .line-1 .block-2 {

		margin-left: 0;

	}



	.about-2 .container .line-2 .block-3 {

		width: 100%;

		padding-top: 20px;

		position: relative;

		top: 180px;

		padding-left: 30px;

	}



	.about-2 .container .line-2 {

		height: auto;

	}



	.about-2 .container .line-2 {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.about-2 .container .line-2 .block-4 {

		width: 100%;

		padding-left: 30px;

		position: relative;

		top: 100px;

		height: 250px;

	}



	.managym {

		display: block;

	}



	.managym .text {

		width: 100%;

	}



	.base-sect {

		display: block;

	}



	.base-sect .text .caption {

		width: 93%;

		margin-left: 10px;

	}



	.base-sect .text .caption .text {

		padding-left: 15px;

	}



	.base-sect .text .caption .text span {

		font-size: 22px;

	}



	.base-sect .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.base-sect .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.base-sect .text {

		padding-left: 0;

	}



	.base-sect .image {

		display: none;

	}



	.base-sect .text a {

		width: 100%;

	}



	.projector {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.projector .image {

		display: none;

	}



	.projector .text .caption {

		width: 93%;

	}



	.projector .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.projector .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.projector .text a {

		width: 100%;

	}



	.bepublic {

		display: block;

	}



	.bepublic {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.bepublic .image {

		display: none;

	}



	.bepublic .text .caption {

		width: 93%;

	}



	.bepublic .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.bepublic .text .descrt {

		margin-top: 80px;

		position: static;

	}



	.bepublic .text a {

		width: 100%;

	}



	.ns {

		display: block;

	}



	.ns {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.ns .image {

		display: none;

	}



	.ns .text .caption {

		width: 93%;

	}



	.ns .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.ns .text .caption .text span {

		font-size: 15px;

	}



	.ns .text .descrt {

		margin-top: 100px;

		position: static;

	}



	.ns .text a {

		width: 100%;

	}



	.tt {

		display: block;

	}



	.tt {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.tt .image {

		display: none;

	}



	.tt .text .caption {

		width: 93%;

	}



	.tt .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.tt .text .caption .text span {

		font-size: 15px;

	}



	.tt .text .descrt {

		margin-top: 70px;

		position: static;

	}



	.tt .text a {

		width: 100%;

	}



	.xpress {

		display: block;

	}



	.xpress {

		display: block;

		padding-top: 80px;

		padding-bottom: 80px;

	}



	.xpress .image {

		display: none;

	}



	.xpress .text .caption {

		width: 93%;

	}



	.xpress .text .caption .descr {

		right: 0;

		width: 320px;

		text-align: center;

		top: auto;

		bottom: -60px;

		left: 7px;

	}



	.xpress .text .caption .text span {

		font-size: 15px;

	}



	.xpress .text .descrt {

		margin-top: 100px;

		position: static;

	}



	.xpress .text a {

		width: 100%;

	}



	.xpress .text {

		padding-right: 0;

	}



	.companies {

		display: block;

	}



	.companies h2 {

		font-size: 30px;

		line-height: 40px;

	}



	.managym .text p {

		font-size: 40px;

	}



	.companies .companies-block .company {

		width: 50%;

	}



	.testimonials {

		display: block;

	}



	.testimonials .swiper-container .swiper-slide {

		margin-right: 0;

	}



	.testimonials .swiper-container {

		overflow: hidden;

	}



	.header__content-block .show .image {

		display: none;

	}



	.testimonials .blag .category {

		right: 22px;

	}



	.testimonials .swiper-container {

		margin-top: 150px;

	}



	.testimonials .swiper-button-prev {

		bottom: 280px;

		top: auto;

	}



	.testimonials .swiper-button-next {

		bottom: 280px;

		top: auto;

	}



	.testimonials .blag .name {

		right: 6px;

	}



	.course {

		display: block;

	}



	.course .image {

		display: none;

	}



	.course .text {

		width: 100%;

	}



	.course .text .exp-block ul li {

		width: 100%;

	}



	.course .text .spec ul li {

		width: 100%;

	}



	.course .text .spec {

		padding-left: 14px;

	}



	.course .text .spec ul li:last-child {

		margin-top: 0;

	}



	.course .text .buttons {

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.course .text .buttons a {

		margin-bottom: 20px;

		margin-top: 10px;

	}



	.contacts {

		display: block;

	}



	.contacts .map-info {

		width: 95%;

		left: 10px;

	}



	.contacts .plash {

		left: 30px;

		width: 95%;

	}



	.footer {

		display: block;

	}



	.footer .container {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

	}



	.footer .copy {

		margin-bottom: 30px;

	}



	.callback-popup {

		width: 100%;

	}



	.callback-popup .popup-close {

		right: 0;

	}



	.about-2 .container .line-2 .block-3 p {

		max-width: 240px;

	}



	.about-2 .container .line-2 .block-4 p {

		max-width: 240px;

	}



	.header__content-block h1 .four {

		display: none;

	}



	.header__content-block h1 .five {

		display: none;

	}



	.header__content-block .papers-img {

		display: none;

	}

}



@media(min-width:577px) and (max-width:1365px) {

	html {

		overflow-x: hidden;

		zoom: 60%;

	}

}



@media(min-width:769px) and (max-width:1365px) {

	html {

		overflow-x: hidden;

		zoom: 80%;

	}

}



.mobile-btn {

	display: block;

	border: 0;

	width: 80%;

	margin: 0 auto;

	margin-top: 30px;

	height: 56px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-border-radius: 8px;

	border-radius: 8px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-transition: all .15s;

	transition: all .15s;

	cursor: pointer;

	text-align: center;

}



.mobile-btn:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

}



.mobile-btn span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 55px;

	letter-spacing: .32px;

	cursor: pointer;

	text-align: center;

}



.mobile-btn-1 {

	display: block;

	border: 0;

	width: 90%;

	margin: 0 auto;

	margin-top: 30px;

	height: 56px;

	background-image: -webkit-gradient(linear, left top, right top, from(#e23636), to(#ff6363));

	background-image: -webkit-linear-gradient(left, #e23636 0, #ff6363 100%);

	background-image: linear-gradient(to right, #e23636 0, #ff6363 100%);

	-webkit-border-radius: 8px;

	border-radius: 8px;

	-webkit-transform: skewX(-10deg);

	-ms-transform: skewX(-10deg);

	transform: skewX(-10deg);

	-webkit-transition: all .15s;

	transition: all .15s;

	cursor: pointer;

	text-align: center;

}



.mobile-btn-1:hover {

	-webkit-transition: all .15s;

	transition: all .15s;

	-webkit-box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

	box-shadow: 0 16px 17px 4px rgba(255, 99, 99, .65);

}



.mobile-btn-1 span {

	display: inline-block;

	-webkit-transform: skewX(10deg);

	-ms-transform: skewX(10deg);

	transform: skewX(10deg);

	color: #fff;

	/* font-family: panton, sans-serif; */

	font-family: 'Roboto', sans-serif;

	font-weight: 400;

	font-size: 15px;

	line-height: 55px;

	letter-spacing: .32px;

	cursor: pointer;

	text-align: center;

}



.ymaps-2-1-69-ground-pane {

	-webkit-filter: grayscale(100%);

	filter: grayscale(100%);

}



form .privacy-form {

	/* font-family: panton-light, sans-serif;

 */

	font-family: 'Roboto', sans-serif;

	font-weight: 300;

	font-size: 12px;

	max-width: 100%;

	padding: 10px 0 20px;

	line-height: 14px;

}



form .privacy-form a {

	text-decoration: underline;

}



.callback-popup {

	height: auto;

}




/* ! */
html, body {
    margin: 0;
    padding: 0;
    height: auto;
    transition: height 0.5s ease;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
}

.main-wrapper {
    transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
    transform-origin: top left;
    -webkit-transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
    -moz-transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
    -ms-transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
    -o-transition: transform 0.5s ease, border-radius 0.5s ease, box-shadow 0.5s ease;
}

body.menu-open .main-wrapper {
    transform: translate(0, 40px) scale(0.75);
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0, 40px) scale(0.75);
    -moz-transform: translate(0, 40px) scale(0.75);
    -ms-transform: translate(0, 40px) scale(0.75);
    -o-transform: translate(0, 40px) scale(0.75);
}

body .menu{
    right: -20%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

body.menu-open .menu{
    z-index: 10;
    right: 0;
}

@media screen and (max-width: 1540px) {
   body.menu-open .main-wrapper {
		transform: translate(0, 40px) scale(0.73);
		-webkit-transform: translate(0, 40px) scale(0.73);
		-moz-transform: translate(0, 40px) scale(0.73);
		-ms-transform: translate(0, 40px) scale(0.73);
		-o-transform: translate(0, 40px) scale(0.73);
}
}

@media screen and (max-width: 768px) {
    body.menu-open .main-wrapper {
        transform: translate(-185px, 40px) scale(0.84);
        -webkit-transform: translate(-185px, 40px) scale(0.84);
        -moz-transform: translate(-185px, 40px) scale(0.84);
        -ms-transform: translate(-185px, 40px) scale(0.84);
        -o-transform: translate(-185px, 40px) scale(0.84);
}
}
/* ! */