@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700|Roboto:300,500,700&subset=cyrillic');
@font-face {
	font-family: El;
	src: url('../fonts/ElegantIcons.woff') format('woff');
}
body, html {
	overflow-x: hidden;
}
a {
	text-decoration: none;
}
.call-me-btn {
	cursor: pointer;
}
.popup-callBack {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 60vw;
	transform: translate(-50%,-50%);
	transition: all .2s linear;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	background: #ffffff;
}
.popup-callBack .wrap {
	padding: 20px 30px;
}
.popup-callBack .wrap h2 {
	font: 300 18px Roboto, sans-serif;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.popup-callBack .close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	overflow: hidden;
}
.popup-callBack .close:hover {
	opacity: .6;
}
.popup-callBack .close:before {
	content: "\274C";
	display: inline-block;
	transition: all .2s linear;
}
.popup-callBack .wrap form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.popup-callBack .wrap form input {
	width: calc((100% / 3) - 30px);
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	outline: none;
}
.popup-callBack .wrap form input.button-calc {
	display: inline-block;
	align-self: center;
	border-color: #ed3833;
	text-transform: uppercase;
	border-radius: 6px;
	cursor: pointer;
	transition: all .2s linear;
}
.popup-callBack .wrap form input.button-calc:hover {
	color: #ffffff;
	background: #ed3833;
}
.popup-callBack.active {
	opacity: 1;
	visibility: visible;
}
.popup-cb-bg {
	position: fixed;
	left: 0;
	top: 0;
	background: #0000009c;
	width: 100vw;
	padding-top: 100vh;
	cursor: pointer;
	z-index: 99;
	opacity: 0;
	transition: all .2s linear;
	visibility: hidden;
}
.popup-cb-bg.active {
	opacity: 1;
	visibility: visible;
}
.popup-partner {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 40vw;
	transform: translate(-50%,-50%);
	transition: all .2s linear;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	background: #ffffff;
}
.popup-partner.active {
	opacity: 1;
	visibility: visible;
}
.popup-partner .wrap {
	padding: 20px 30px;
}
.popup-partner .wrap h2 {
	font: 300 18px Roboto, sans-serif;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.popup-partner .wrap form {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
}
.popup-partner .wrap form label {
	width: 100%;
	margin-bottom: 15px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	font: 300 12px Roboto, sans-serif;
}
.popup-partner .wrap form label input {
	padding: 5px 10px;
	outline: none;
}
.popup-partner .wrap form input.button-calc {
	display: inline-block;
	border-color: #ed3833;
	text-transform: uppercase;
	border-radius: 2px;
	padding: 5px 40px;
	align-self: flex-end;
	cursor: pointer;
	transition: all .2s linear;
}
.popup-partner .wrap form input.button-calc:hover {
	color: #ffffff;
	background: #ed3833;
}
.popup-partner .wrap form label select {
	height: 26px;
	border-radius: 0;
	-webkit-appearance: none;
	line-height: 1em;
	/* for FF */
	-moz-appearance: none;
	text-indent: 0.01px; 
	text-overflow: '';
	/* for IE */
	-ms-appearance: none;
	appearance: none!important;
	outline: none;
	padding-left: 10px;
}

.popup-partner .wrap form label select::-ms-expand {
	display: none;
}
.popup-partner .close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	overflow: hidden;
}
.popup-partner .close:hover {
	opacity: .6;
}
.popup-partner .close:before {
	content: "\274C";
	display: inline-block;
	transition: all .2s linear;
}
.popup-pt-bg {
	position: fixed;
	left: 0;
	top: 0;
	background: #0000009c;
	width: 100vw;
	padding-top: 100vh;
	cursor: pointer;
	z-index: 99;
	opacity: 0;
	transition: all .2s linear;
	visibility: hidden;
}
.popup-pt-bg.active {
	opacity: 1;
	visibility: visible;
}
.header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	transition: all .2s linear;
	z-index: 90;
}
.header .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 5px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	transition: all .2s linear;
}
.header.fixed {
	background: #ffffff;
	box-shadow: 13px 19px 33px -17px #212121;
}
.header.fixed .wrap {
	padding: 5px 0;
	margin-bottom: -10px;
	margin-top: -10px;
}
.header .wrap .logo {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	transition: all .2s linear;
	background: #ffffff;
    border: 3px solid #ed3833;
}
.header .wrap .logo:hover {
	opacity: .8;
}
.header .wrap .logo img:nth-of-type(1) {
	margin-right: 60px;
	background: #fff;
	padding: 10px;
	/*box-shadow: 0 1px 1px #ffffff;*/
}
.header .wrap .logo img {
	transition: all .2s linear;
	padding: 10px;
	background: #ffffff;
}
.header.fixed .wrap .logo img:nth-of-type(1) {
	margin-right: 30px;
	transform: translate(0,5px);
	width: 60px;
	box-shadow: 0 1px 1px #ffffff;
}
.header.fixed .wrap .logo img:nth-of-type(2) {
	width: 90px;
}
.header.fixed .wrap .logo {
	background: transparent;
	border: none;
}
.header .wrap .main-menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.header .wrap .main-menu li {
	margin-left: 30px;
}
.header .wrap .main-menu li:nth-of-type(1) {
	margin-left: 0;
}
.header .wrap .main-menu li a {
	display: inline-block;
	padding-bottom: 7px;
	position: relative;
	transition: all .2s linear;
	text-transform: uppercase;
	color: #ffffff;
	/*opacity: .8;*/
	font: 300 12px Roboto, sans-serif;
	letter-spacing: 1px;
}
.header.fixed .wrap .main-menu li a {
	font: 500 12px Roboto, sans-serif;
	color: #0a0a0a;
}
.header .wrap .main-menu li a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0px;
	padding-top: 2px;
	background: #f20102;
	transition: all .2s linear;
}
.header.fixed .wrap .main-menu li a:before {
	/*background: #0a0a0a;*/
}
.header .wrap .main-menu li a:hover:before {
	width: 100%;
}
.header .wrap .main-menu li.lang {
	margin-left: 60px;
	position: relative;
	width: 40px;
	padding-right: 10px;
	padding-top: 20px;
	cursor: pointer;
}
.header .wrap .main-menu li.lang:after {
	content: "\43";
	position: absolute;
	right: -7px;
	top: 50%;
	font-family: El;
	transform: translate(0,-55%);
	color: #f20102;
	transition: all .2s linear;
}
.header.fixed .wrap .main-menu li.lang:after {
	color: #0a0a0a;
}
.header .wrap .main-menu li.lang.open:after {
	transform: translate(0,-65%) rotate(180deg);
}
.header .wrap .main-menu li.lang a {
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translate(-50%,0%);
	visibility: hidden;
	opacity: 0;
	padding-bottom: 0;
}
.header .wrap .main-menu li.lang.open a.alternate {
	top: 100%;
	transform: translate(-50%,0%);
	visibility: visible;
	opacity: 1;
}
.header .wrap .main-menu li.lang a.active {
	visibility: visible;
	opacity: 1;
	z-index: -1;
}
.header .wrap .main-menu li.lang.open a.active {
	z-index: 1;
}
.smart {
	display: none;
}
.sandwich-right-bar {
	position: relative;
}
.sandwich-right-bar .nav-toggle {
	position: fixed;
/*	top: 50px;
right: 50px;*/
display: inline-block;
width: 35px;
height: 25px;
z-index: 15;
transition: all .2s ease-in-out;
}
.sandwich-right-bar .nav-toggle span { 
	position: absolute; 
	left: 0; 
	top: 10px; 
}
.sandwich-right-bar a.nav-toggle:before { 
	display: none;
	opacity: 0;
	visibility: hidden;
}
.sandwich-right-bar .nav-toggle span, 
.sandwich-right-bar .nav-toggle span:before,
.sandwich-right-bar .nav-toggle span:after {
	position: absolute;
	display: block;
	content: '';
	height: 2px;
	width: 30px;
	background: #fff;
	border-radius: 1px;
	cursor: pointer;
}
.sandwich-right-bar .nav-toggle span:before {
	top: -10px;
}
.sandwich-right-bar .nav-toggle span:after {
	bottom: -10px; 
}
.sandwich-right-bar .nav-toggle span, .sandwich-right-bar .nav-toggle span:before, .nav-toggle span:after {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.sandwich-right-bar .nav-toggle.active {
	right: 37vw;
}
.sandwich-right-bar .nav-toggle.active span {
	background-color: transparent;
}
.sandwich-right-bar .nav-toggle.active span:before, .sandwich-right-bar  .nav-toggle.active span:after {
	top: 0;
}
.sandwich-right-bar .nav-toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.sandwich-right-bar .nav-toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.sandwich-right-bar .right-menu {
	position: fixed;
	top: 0;
	z-index: 999;
	right: -35vw;
	width: calc(35vw - 100px);
	height: calc(100vh - 30vh);
	background: #000000be;
	padding: 15vh 50px;
	text-align: center;
	opacity: 0;
	transition: all .4s ease-in-out;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.sandwich-right-bar .right-menu.active {
	right: 0;
	opacity: 1;
}
.sandwich-right-bar .right-menu a {
	color: #fff;
	text-transform: uppercase;
	font-size: 36px;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.sandwich-right-bar .right-menu a:before {
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	width: 0px;
	background: #fff;
	transition: all .2s ease-in-out;
	bottom: 0;
	left: 0;
}
.sandwich-right-bar .right-menu a:hover:before {
	width: 80%;
}
/* end header */
/* hero */
.hero {
	position: relative;
	width: 100%;
	height: 100vh;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
	background: #0a0a0a;
}
.hero .lay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 86%;
	z-index: 0;
	overflow: hidden;
	background: url(../img/hero-lay-1.jpg) 50% / cover no-repeat;
	filter: brightness(.6);
}
.hero .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	z-index: 1;
	color: #ffffff;
}
.hero .wrap .left {
	width: 52%;
	border: 7px solid #ee1b24;
	background: #00000047;
}
.hero .wrap .left .inner-wrap {
	padding: 40px;
}
.hero .wrap .left .inner-wrap .slider {
	padding: 180px 0 160px;
}
.hero .wrap .left .inner-wrap .slider .navs {
	width: 80px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.hero .wrap .left .inner-wrap .slider .navs a {
	width: 50%;
	padding-top: 50px;
	position: relative;
	transition: all .2s linear;
}
.hero .wrap .left .inner-wrap .slider .navs a:hover {
	background: #ffffff1a;
}
.hero .wrap .left .inner-wrap .slider .navs a.left-arrow:before {
	content: "\34";
	display: block;
	position: absolute;
	font-family: El;
	color: #88898d;
	font-size: 45px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.hero .wrap .left .inner-wrap .slider .navs a.right-arrow:before {
	content: "\35";
	display: block;
	position: absolute;
	font-family: El;
	color: #88898d;
	font-size: 45px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.hero .wrap .left .slider .slide-wrapper {
	min-height: 230px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: flex-end;
	align-items: flex-end;
}
.hero .wrap .left .slider .slide-wrapper .slide {
	width: 100%;
	opacity: 0;
	visibility: hidden;
	display: none;
	transition: all .2s linear;
}
.hero .wrap .left .slider .slide-wrapper .slide .title {
	font: 300 36px Roboto, sans-serif;
	line-height: 1.2em;
	margin-bottom: 30px;
	letter-spacing: 1px;
}
.hero .wrap .left .slider .slide-wrapper .slide .text {
	font: 300 22px Roboto, sans-serif;
	line-height: 1.2em;
	letter-spacing: 1px;
	width: 65%;
}
.hero .wrap .left .slider .slide-wrapper .slide.active {
	display: block;
}
.hero .wrap .left .slider .slide-wrapper .slide.active.op {
	opacity: 1;
	visibility: visible;
}
.hero .wrap .left .bot-menu ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.hero .wrap .left .bot-menu ul li {
	margin-right: 40px;
}
.hero .wrap .left .bot-menu ul li a {
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	padding-bottom: 7px;
	outline: none;
	padding: 10px;
	background: none;
	font: 300 12px Roboto, sans-serif;
}
.hero .wrap .left .bot-menu ul li a:before,
.hero .wrap .left .bot-menu ul li a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hero .wrap .left .bot-menu ul li a:before {
	bottom: 0;
	left: 0;
	border-left: 1px solid #ee1b24;
	border-top: 1px solid #ee1b24;
	-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
}
.hero .wrap .left .bot-menu ul li a:after {
	top: 0;
	right: 0;
	border-right: 1px solid #ee1b24;
	border-bottom: 1px solid #ee1b24;
	-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
}
.hero .wrap .left .bot-menu ul li a:hover:before,
.hero .wrap .left .bot-menu ul li a:hover:after{
	height: 100%;
	width: 100%;
	opacity: 1;
}
.hero .wrap .left .bot-menu ul li a:hover:before {
	-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}
.hero .wrap .left .bot-menu ul li a:hover:after {
	-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}

.hero .wrap .left .bot-menu a.call {
	position: relative;
	width: 40px;
	min-height: 40px;
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 50%;
	padding: 0;
	transition: all .3s linear;
}
.hero .wrap .left .bot-menu a.call:hover {
	animation: ring .4s linear;
}
@keyframes ring {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(-35deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(35deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.hero .wrap .left .bot-menu a.call:before {
	position: absolute;
	content: "\e090";
	font-family: El;
	color: #ffffff;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	opacity: 1;
	border:none;
	width: 50%;
	height: 50%;
	font-size: 1.6em;
}
.hero .wrap .left .bot-menu a.call:hover:before {
	width: 50%;
	height: 50%;
}
.hero .wrap .left .bot-menu a.call:after {
	display: none;
}
.hero .wrap .right {
	width: 48%;
}
.hero .wrap .right .inner-wrap {
	padding-left: 80px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
	height: 100%;
}
.hero .wrap .right .inner-wrap .title {
	padding-bottom: 130px;
	line-height: 1.5em;
	font: 300 16px Roboto, sans-serif;
	letter-spacing: 1px;
}
.hero .wrap .right .inner-wrap .partner-link {
	-ms-align-self: flex-end;
	align-self: flex-end;
	padding: 20px;
	border: 5px solid #fd0002;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	background: none;
	position: relative;
	font: 300 11px Roboto, sans-serif;
	transition: all .3s linear;
	cursor: pointer;
}
.hero .wrap .right .inner-wrap .partner-link:hover {

}
.hero .wrap .right .inner-wrap .partner-link:before,
.hero .wrap .right .inner-wrap .partner-link:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.hero .wrap .right .inner-wrap .partner-link:before {
	bottom: -5px;
	left: -5px;
	border-left: 5px solid #ffffff;
	border-top: 5px solid #ffffff;
	-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
}
.hero .wrap .right .inner-wrap .partner-link:after {
	top: -5px;
	right: -5px;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
}
.hero .wrap .right .inner-wrap .partner-link:hover:before,
.hero .wrap .right .inner-wrap .partner-link:hover:after{
	height: calc(100% + 10px);
	width: calc(100% + 10px);
	opacity: 1;
}
.hero .wrap .right .inner-wrap .partner-link:hover:before {
	-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}
.hero .wrap .right .inner-wrap .partner-link:hover:after {
	-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
}
/* end hero */
/* About */
.about {
	background: #0a0a0a;
	color: #ffffff;
}
.about .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 0 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.about .wrap > div {
	width: 50%;
}
.about .wrap .left .inner  {
	padding-bottom: 55px;
	border-bottom: 1px solid #232323;
	width: 80%;
}
.about .wrap .left .inner h1 {
	font: 24px Roboto, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 40px;
}
.about .wrap .left .inner p {
	font: 300 12px Roboto, sans-serif;
	letter-spacing: 1px;
	line-height: 1.4em;
}
.about .wrap .left .bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-top: 40px;
}
.about .wrap .left .bottom .item {
	width: 26%;
	margin-right: 45px;
}
.about .wrap .left .bottom .item h3 {
	font: 26px Roboto, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.about .wrap .left .bottom .item p {
	font: 12px Roboto, sans-serif;
	line-height: 1.5em;
}
.about .wrap .right .inner-wrap {
	padding-left: 15px;
}
.about .wrap .right .inner-wrap .top-sched {
	margin-bottom: 12px;
	background: #e5e5e5;
	min-height: 200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.about .wrap .right .inner-wrap .top-sched .wrapper {
	padding: 10px 30px;
	flex: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .lines {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 70%;
	align-items: flex-end;
	padding: 0 8px;
	margin-bottom: 12px;
	justify-content: space-between;
	border-bottom: 2px solid #cacaca;
	color: #2e3764;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .lines .line {
	width: 10.7%;
	text-align: center;
	background: #959595;
	position: relative;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .lines .line.norm {
	background: #021a42;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .lines .line.max {
	background: #e40000;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .lines .point {
	position: absolute;
	left: 50%;
	top: -22px;
	font: 12px Roboto, sans-serif;
	transform: translate(-50%,0);
}
.about .wrap .right .inner-wrap .top-sched .wrapper .nums {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 16px;
}
.about .wrap .right .inner-wrap .top-sched .wrapper .nums .num {
	font: 12px Roboto, sans-serif;
	color: #5a544f;
}
.h-1 {
	height: 1%;
}
.h-2 {
	height: 2%;
}
.h-3 {
	height: 3%;
}
.h-4 {
	height: 4%;
}
.h-5 {
	height: 5%;
}
.h-6 {
	height: 6%;
}
.h-7 {
	height: 7%;
}
.h-8 {
	height: 8%;
}
.h-9 {
	height: 9%;
}
.h-10 {
	height: 10%;
}
.h-11 {
	height: 11%;
}
.h-12 {
	height: 12%;
}
.h-13 {
	height: 13%;
}
.h-14 {
	height: 14%;
}
.h-15 {
	height: 15%;
}
.h-16 {
	height: 16%;
}
.h-17 {
	height: 17%;
}
.h-18 {
	height: 18%;
}
.h-19 {
	height: 19%;
}
.h-20 {
	height: 20%;
}
.h-21 {
	height: 21%;
}
.h-22 {
	height: 22%;
}
.h-23 {
	height: 23%;
}
.h-24 {
	height: 24%;
}
.h-25 {
	height: 25%;
}
.h-26 {
	height: 26%;
}
.h-27 {
	height: 27%;
}
.h-28 {
	height: 28%;
}
.h-29 {
	height: 29%;
}
.h-30 {
	height: 30%;
}
.h-31 {
	height: 31%;
}
.h-32 {
	height: 32%;
}
.h-33 {
	height: 33%;
}
.h-34 {
	height: 34%;
}
.h-35 {
	height: 35%;
}
.h-36 {
	height: 36%;
}
.h-37 {
	height: 37%;
}
.h-38 {
	height: 38%;
}
.h-39 {
	height: 39%;
}
.h-40 {
	height: 40%;
}
.h-41 {
	height: 41%;
}
.h-42 {
	height: 42%;
}
.h-43 {
	height: 43%;
}
.h-44 {
	height: 44%;
}
.h-45 {
	height: 45%;
}
.h-46 {
	height: 46%;
}
.h-47 {
	height: 47%;
}
.h-48 {
	height: 48%;
}
.h-49 {
	height: 49%;
}
.h-50 {
	height: 50%;
}
.h-51 {
	height: 51%;
}
.h-52 {
	height: 52%;
}
.h-53 {
	height: 53%;
}
.h-54 {
	height: 54%;
}
.h-55 {
	height: 55%;
}
.h-56 {
	height: 56%;
}
.h-57 {
	height: 57%;
}
.h-58 {
	height: 58%;
}
.h-59 {
	height: 59%;
}
.h-60 {
	height: 60%;
}
.h-61 {
	height: 61%;
}
.h-62 {
	height: 62%;
}
.h-63 {
	height: 63%;
}
.h-64 {
	height: 64%;
}
.h-65 {
	height: 65%;
}
.h-66 {
	height: 66%;
}
.h-67 {
	height: 67%;
}
.h-68 {
	height: 68%;
}
.h-69 {
	height: 69%;
}
.h-70 {
	height: 70%;
}
.h-71 {
	height: 71%;
}
.h-72 {
	height: 72%;
}
.h-73 {
	height: 73%;
}
.h-74 {
	height: 74%;
}
.h-75 {
	height: 75%;
}
.h-76 {
	height: 76%;
}
.h-77 {
	height: 77%;
}
.h-78 {
	height: 78%;
}
.h-79 {
	height: 79%;
}
.h-80 {
	height: 80%;
}
.h-81 {
	height: 81%;
}
.h-82 {
	height: 82%;
}
.h-83 {
	height: 83%;
}
.h-84 {
	height: 84%;
}
.h-85 {
	height: 85%;
}
.h-86 {
	height: 86%;
}
.h-87 {
	height: 87%;
}
.h-88 {
	height: 88%;
}
.h-89 {
	height: 89%;
}
.h-90 {
	height: 90%;
}
.h-91 {
	height: 91%;
}
.h-92 {
	height: 92%;
}
.h-93 {
	height: 93%;
}
.h-94 {
	height: 94%;
}
.h-95 {
	height: 95%;
}
.h-96 {
	height: 96%;
}
.h-97 {
	height: 97%;
}
.h-98 {
	height: 98%;
}
.h-99 {
	height: 99%;
}
.h-100 {
	height: 100%;
}
.about .wrap .video {
	width: 88%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.about .wrap .video .lay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/video-lay.jpg) 50% / cover no-repeat;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
}
.about .wrap .video.active .lay {
	opacity: 0;
	visibility: hidden;
}
.about .wrap .video .play {
	position: absolute;
	width: 60px;
	height: 60px;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
	z-index: 1;
	border: 6px solid #ffffff78;
}
.about .wrap .video .play:hover {
	opacity: .6;
}
.about .wrap .video.active .play {
	opacity: 0;
	visibility: hidden;
}
.about .wrap .video .play:after {
	content: "\49";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font-family: El;
	font-size: 60px;
	line-height: 1em;
	color: #fff;
	left: 47%;
	top: 47%;
	transform: translate(-50%,-50%);
}
.about .wrap .video video {
	max-width: 100%;
	cursor: pointer;
}
/* end About */
/* Brand */
.about-brand {
	background: #f3f3f3;
	color: #0a0a0a;
}
.about-brand .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 50px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.about-brand .wrap > div {
	width: 50%;
}
.about-brand .wrap .right .inner  {
	padding-bottom: 55px;
	border-bottom: 1px solid #232323;
	width: 80%;
}
.about-brand .wrap .right .inner h1 {
	font: 24px Roboto, sans-serif;
	letter-spacing: 1px;
	padding-bottom: 40px;
}
.about-brand .wrap .right .inner p {
	font: 300 12px Roboto, sans-serif;
	letter-spacing: 1px;
	line-height: 1.4em;
}
.about-brand .wrap .right .bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding-top: 40px;
}
.about-brand .wrap .right .bottom .item {
	width: 26%;
	margin-right: 45px;
}
.about-brand .wrap .right .bottom .item h3 {
	font: 26px Roboto, sans-serif;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.about-brand .wrap .right .bottom .item p {
	font: 12px Roboto, sans-serif;
	line-height: 1.5em;
}
.about-brand.m .wrap .left .inner-wrap {
	padding-right: 85px;
}
.about-brand .wrap .left .inner-wrap {
	padding-right: 25px;
}
.about-brand .wrap .left .inner-wrap .top-sched {
	margin-bottom: 12px;
	background: #e5e5e5;
	min-height: 200px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper {
	padding: 10px 30px;
	flex: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	justify-content: flex-end;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .lines {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	height: 70%;
	align-items: flex-end;
	padding: 0 8px;
	margin-bottom: 12px;
	justify-content: space-between;
	border-bottom: 2px solid #cacaca;
	color: #2e3764;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .lines .line {
	width: 10.7%;
	text-align: center;
	background: #959595;
	position: relative;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .lines .line.norm {
	background: #021a42;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .lines .line.max {
	background: #e40000;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .lines .point {
	position: absolute;
	left: 50%;
	top: -22px;
	font: 12px Roboto, sans-serif;
	transform: translate(-50%,0);
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .nums {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 0 16px;
}
.about-brand .wrap .left .inner-wrap .top-sched .wrapper .nums .num {
	font: 12px Roboto, sans-serif;
	color: #5a544f;
}
.about-brand .wrap .video {
	width: 88%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.about-brand .wrap .video .lay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/video-lay.jpg) 50% / cover no-repeat;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
}
.about-brand .wrap .video.active .lay {
	opacity: 0;
	visibility: hidden;
}
.about-brand .wrap .video .play {
	position: absolute;
	width: 60px;
	height: 60px;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
	z-index: 1;
	border: 6px solid #ffffff78;
}
.about-brand .wrap .video .play:hover {
	opacity: .6;
}
.about-brand .wrap .video.active .play {
	opacity: 0;
	visibility: hidden;
}
.about-brand .wrap .video .play:after {
	content: "\49";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font-family: El;
	font-size: 60px;
	line-height: 1em;
	color: #fff;
	left: 47%;
	top: 47%;
	transform: translate(-50%,-50%);
}
.about-brand .wrap .video video {
	max-width: 100%;
	cursor: pointer;
}
/* end Brand */
/* services */
.services {
	background: #0a0a0a;
	padding: 75px 0;
}
.services .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
	color: #f3f3f3;
}
.services .wrap h2 {
	font: 500 24px Roboto, sans-serif;
	margin-bottom: 30px;
}
.services .wrap .items {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.services .wrap .items .item {
	width: calc((100% / 5) - 66px);
	/* background: #e8e8e8; */
	/* color: #0a0a0a; */
	box-shadow: 0 0 3px #ccc;
	padding: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	transition: all .3s linear;
	cursor: pointer;
	position: relative;
}
.services .wrap .items .item:hover {
	background: #e8e8e8; 
	color: #0a0a0a; 
	box-shadow: 13px 19px 33px -17px rgba(133,133,133,1)
}
.services .wrap .items .item:hover a {
	opacity: 1;
	visibility: visible;
}
.services .wrap .items .item h4 {
	font: 700 14px Roboto, sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.services .wrap .items .item a {
	position: absolute;
	left: 50%;
	bottom: 3px;
	color: #0a0a0a;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
	transform: translate(-50%,0);
	font: 700 10px Roboto, sans-serif;
}
.services .wrap .items .item .img {
	width: 55px;
	padding-top: 55px;
	margin-bottom: 22px;
}
.services .wrap .items .item:nth-of-type(1) .img {
	background: url(../img/azs-icon.png) 50% / contain no-repeat;
}
.services .wrap .items .item:nth-of-type(2) .img {
	background: url(../img/tank-icon.png) 50% / contain no-repeat;
}
.services .wrap .items .item:nth-of-type(3) .img {
	background: url(../img/gas-icon.png) 50% / contain no-repeat;
}
.services .wrap .items .item:nth-of-type(4) .img {
	background: url(../img/coffee-logo.png) 50% / contain no-repeat;
}
.popup-service {
	width: 85vw;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	transition: all .2s linear;
	background: #ffffff;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
}
.popup-service.active {
	opacity: 1;
	visibility: visible;
}
.popup-service-bg {
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0%;
	top: 0%;
	transition: all .2s linear;
	background: #0000009c;
	z-index: 9998;
	opacity: 0;
	visibility: hidden;
	cursor: pointer;
}
.popup-service-bg.active {
	opacity: 1;
	visibility: visible;
}
.popup-service .wrap {
	padding: 30px;
}
.popup-service .close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 25px;
	height: 25px;
	z-index: 1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	overflow: hidden;
}
.popup-service .close:hover {
	opacity: .6;
}
.popup-service .close:before {
	content: "\274C";
	display: inline-block;
	transition: all .2s linear;
}
.popup-service .wrap h2 {
	font: 700 18px Roboto, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0a0a0a;
	margin-bottom: 25px;
}
.popup-service .wrap .title {
	font: 400 14px Roboto, sans-serif;
	letter-spacing: 1px;
	color: #0a0a0a;
	margin-bottom: 25px;
}
.popup-service .wrap p {
	font: 300 14px Roboto, sans-serif;
	color: #0a0a0a;
}
/* end services */
/* partners */
.partners {
	background: #f3f3f3;
	padding: 75px 0;
}
.partners .wrap {
	max-width: 1340px;
	width: 100%;
	margin: 0 auto;
}
.partners .wrap .main {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	color: #0a0a0a;
	margin-bottom: 80px;
}
.partners .wrap .main .left {
	width: 50%;
}
.partners .wrap .main .right {
	width: 50%;
}
.partners .wrap .main .left h2 {
	font: 500 24px Roboto, sans-serif;
	margin-bottom: 30px;
}
.partners .wrap .main .left p {
	font: 300 14px Roboto, sans-serif;
	line-height: 1.4em;
	letter-spacing: 1px;
}
.partners .wrap .video {
	width: 88%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.partners .wrap .video .lay {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../img/video-lay.jpg) 50% / cover no-repeat;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
}
.partners .wrap .video.active .lay {
	opacity: 0;
	visibility: hidden;
}
.partners .wrap .video .play {
	position: absolute;
	width: 60px;
	height: 60px;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	opacity: 1;
	visibility: visible;
	transition: all .2s linear;
	z-index: 1;
	border: 6px solid #ffffff78;
}
.partners .wrap .video .play:hover {
	opacity: .6;
}
.partners .wrap .video.active .play {
	opacity: 0;
	visibility: hidden;
}
.partners .wrap .video .play:after {
	content: "\49";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	font-family: El;
	font-size: 60px;
	line-height: 1em;
	color: #fff;
	left: 47%;
	top: 47%;
	transform: translate(-50%,-50%);
}
.partners .wrap .video video {
	max-width: 100%;
	cursor: pointer;
}
.partners .wrap .infographics {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.partners .wrap .infographics h2 {
	width: 100%;
	font: 700 24px Roboto;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 40px;
	letter-spacing: 1px;
}
.partners .wrap .infographics .item {
	width: calc((100% / 4) - 15px);
	margin-bottom: 30px;
}
.partners .wrap .infographics .item .img {
	width: 50%;
	padding-top: 50%;
	border-radius: 50%;
	border: 1px solid #ed1b24;
	margin: 0 auto 10px;
	transition: all .2s linear;
}
.partners .wrap .infographics .item:nth-of-type(1) .img {
	background: url(../img/team-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(1):hover .img {
	background: url(../img/team-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(2) .img {
	background: url(../img/fuel-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(2):hover .img {
	background: url(../img/fuel-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(3) .img {
	background: url(../img/logo-avia-black.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(3):hover .img {
	background: url(../img/logo-avia-black.png) 50% / 60% no-repeat, #ffffff;
}
.partners .wrap .infographics .item:nth-of-type(4) .img {
	background: url(../img/marketing-Icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(4):hover .img {
	background: url(../img/marketing-Icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(5) .img {
	background: url(../img/recruitment-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(5):hover .img {
	background: url(../img/recruitment-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(6) .img {
	background: url(../img/sysadmin-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(6):hover .img {
	background: url(../img/sysadmin-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(7) .img {
	background: url(../img/profit-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(7):hover .img {
	background: url(../img/profit-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item:nth-of-type(8) .img {
	background: url(../img/risk-icon.png) 50% / 60% no-repeat;
}
.partners .wrap .infographics .item:nth-of-type(8):hover .img {
	background: url(../img/risk-icon.png) 50% / 60% no-repeat,#ffffff;
}
.partners .wrap .infographics .item p {
	text-align: center;
	font: 700 12px Roboto, sans-serif;
	text-transform: uppercase;
}
.practice h2 {
	width: 100%;
	font: 700 24px Roboto;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1px;
	margin: 40px 0 20px;
}
.practice .head {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding-bottom: 15px;
}
.practice .head > div {
	cursor: pointer;
	width: 50%;
	text-align: center;
	font: 300 18px Roboto;
	transition: all .2s linear;
	padding: 7px 0;
}
.practice .head > div.active, .practice .head > div:hover {
	background: #ed1b24;
	color: #ffffff;
	font-weight: 500;
}
.practice .tab {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all .2s linear;
}
.practice .tab.active {
	display: block;
}
.practice .tab.active.op {
	opacity: 1;
	visibility: visible;
}
.practice .tab .inwrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
}
.practice .tab .inwrap .item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 30px;
	transition: all .2s linear;
}
.practice .tab .inwrap .item:hover {
	background: #ffffff;
}
.practice .tab .inwrap .item .img {
	width: 15%;
	padding-top: 80px;
}
.practice .tab .inwrap .item:nth-of-type(1) .img {
	background: url(../img/mc-logo.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item:nth-of-type(2) .img {
	background: url(../img/raddison.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item:nth-of-type(3) .img {
	background: url(../img/kfc.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item:nth-of-type(4) .img {
	background: url(../img/hm.png) 50% / contain no-repeat;
}
.practice .tab2 .inwrap .item:nth-of-type(1) .img {
	background: url(../img/bosh.png) 50% / contain no-repeat;
}
.practice .tab2 .inwrap .item:nth-of-type(2) .img {
	background: url(../img/vianor.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item:nth-of-type(3) .img {
	background: url(../img/kfc.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item:nth-of-type(4) .img {
	background: url(../img/hm.png) 50% / contain no-repeat;
}
.practice .tab .inwrap .item .info {
	width: 75%;
	font: 300 14px Roboto, sans-serif;
}
.practice .tab .inwrap .item .info .sub {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 15px;
	justify-content: space-between;

}
.practice .tab .inwrap .item .info .sub .it {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	width: calc((100% / 4) - 10px);
	text-align: center;
}
.practice .tab .inwrap .item .info .sub .it p {
	flex:1;
}
.practice .tab .inwrap .item .info .sub .it .ins {
	text-align: center;
	font-size: 26px;
	font-weight: 700;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: column;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1em;
	flex: 1;
}
.practice .tab .inwrap .item .info .sub .it .ins span {
	font-weight: 300;
	font-size:12px;
}
.take {
	text-align: center;
	margin: 30px 0 0;
	font: 500 20px Roboto, sans-serif;
}
.cd-image-container {
	position: relative;
	width: 90%;
	max-width: 768px;
	margin: 0em auto;
}
.cd-image-container img {
	display: block;
}

.cd-image-label {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #ffffff;
	padding: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity: 0;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
	visibility: hidden;
}
.is-visible .cd-image-label {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.comparison {
	padding: 30px 0 0;
}
.comparison img {
	max-width: 100%;
}
.cd-resize-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.cd-resize-img img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: auto;
	max-width: none;
}
.cd-resize-img .cd-image-label {
	right: auto;
	left: 0;
}
.is-visible .cd-resize-img {
	width: 50%;
	-webkit-animation: cd-bounce-in 0.7s;
	-moz-animation: cd-bounce-in 0.7s;
	animation: cd-bounce-in 0.7s;
}

@-webkit-keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@-moz-keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
@keyframes cd-bounce-in {
	0% {
		width: 0;
	}
	60% {
		width: 55%;
	}
	100% {
		width: 50%;
	}
}
.cd-handle {
	position: absolute;
	height: 44px;
	width: 44px;
	left: 50%;
	top: 50%;
	margin-left: -22px;
	margin-top: -22px;
	border-radius: 50%;
	background: #dc717d url("../img/cd-arrows.svg") no-repeat center center;
	cursor: move;
	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0) scale(0);
	-moz-transform: translate3d(0, 0, 0) scale(0);
	-ms-transform: translate3d(0, 0, 0) scale(0);
	-o-transform: translate3d(0, 0, 0) scale(0);
	transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable {
	background-color: #445b7c;
}
.is-visible .cd-handle {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	-moz-transform: translate3d(0, 0, 0) scale(1);
	-ms-transform: translate3d(0, 0, 0) scale(1);
	-o-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
	-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
	-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
	transition: transform 0.3s 0.7s, opacity 0s 0.7s;
}
.advantages {
	padding: 80px 0 55px;
}
.advantages h2 {
	font: 500 24px Roboto, sans-serif;
	color: #ed1b24;
	margin-bottom: 35px;
}
.advantages .items {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.advantages .items .item {
	background: #ffffff;
	width: calc((100% / 3) - 10px);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
}
.advantages .items .item .double {
	padding: 30px 20px 30px 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.advantages .items .item .double .left .num {
	font: 300 72px Roboto, sans-serif;
	margin-right: 30px;
}
.advantages .items .item .double .right h3 {
	font: 500 14px Roboto, sans-serif;
	color: #ed1b24;
	line-height: 1em;
	text-transform: uppercase;
	margin-bottom: 15px;
}
.advantages .items .item .double .right p {
	font: 300 12px Roboto, sans-serif;
	color: #0a0a0a;
	line-height: 1.3em;
}
.downloads {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.downloads .link {
	margin-right: 30px;
}
.downloads .link:hover {
	box-shadow: 13px 19px 33px -17px #212121;
}
.downloads .link:hover .text {
	background: #ffffff;
	color: #0a0a0a;
}
.downloads .link:nth-of-type(3) {
	margin-right: 0;
}
.downloads .link {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	transition: all .2s linear;
}
.downloads .link .text {
	padding: 17px 20px;
	display: inline-block;
	background: #0a0a0a;
	text-transform: uppercase;
	font: 12px Roboto, sans-serif;
	transition: all .2s linear;
	color: #ffffff;
}
.downloads .link:nth-of-type(1) .img {
	background: url(../img/docs-icon.png) 50% / 45% no-repeat, #ed1b24;
	width: 50px;
	transition: all .2s linear;
}
/*.downloads .link:nth-of-type(2) .img {
	background: url(../img/present-icon.png) 50% / 45% no-repeat, #ed1b24;
	transition: all .2s linear;
	width: 50px;
	}*/
	.downloads .link:nth-of-type(2) .img {
		background: #ed1b24;
		width: 50px;
		transition: all .2s linear;
		position: relative;
	}

	.downloads .link:nth-of-type(2) .img:before {
		position: absolute;
		content: "\e090";
		font-family: El;
		color: #ffffffe0;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 1;
		border: none;
		line-height: 1em;
		font-size: 1.3em;
	}
	/* end partners */
	/* feedback */
	.feedback {
		background: #0a0a0a;
		padding: 80px 0 70px;
		color: #ffffff;
	}
	.feedback .wrap {
		max-width: 1340px;
		width: 100%;
		margin: 0 auto;
	}
	.feedback .wrap .main {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}
	.feedback .wrap .main .left {
		width: 26%;
	}

	.feedback .wrap .main h2 {
		font: 24px Roboto, sans-serif;
		color: #ffffff;
		letter-spacing: 1px;
		margin-bottom: 40px;
	}
	.feedback .wrap .main p {
		font: 300 14px Roboto, sans-serif;
		letter-spacing: 2px;
		line-height: 2.5em;
	}
	.feedback .wrap .main .right {
		width: 66%;
	}
	.feedback .wrap .main .right .items {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.feedback .wrap .main .right .items .item {
		position: relative;
		width: calc((100%/2) - 20px);
		margin-bottom: 20px;
		padding-top: 28%;
		overflow: hidden;
	}
	.feedback .wrap .main .right .items .item .lay {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height:100%;
		background: url(../img/vid-2-lay.jpg) 50% / cover no-repeat;
		z-index: 1;
		filter: brightness(.6);
	}
	.feedback .wrap .main .right .items .item .play {
		position: absolute;
		width: 60px;
		height: 60px;
		cursor: pointer;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		border-radius: 50%;
		opacity: 1;
		visibility: visible;
		transition: all .2s linear;
		z-index: 1;
		border: 6px solid #ffffff78;
	}
	.feedback .wrap .main .right .items .item .play:hover {
		opacity: .6;
	}
	.feedback .wrap .main .right .items .item .play:after {
		content: "\49";
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		font-family: El;
		font-size: 60px;
		line-height: 1em;
		color: #fff;
		left: 47%;
		top: 47%;
		transform: translate(-50%,-50%);
	}
	.feedback .wrap .main .right .items .item video {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	.feedback .wrap .faq {
		padding-top: 50px;
	}
	.feedback .wrap .faq h2 {
		font: 300 24px Roboto, sans-serif;
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.feedback .wrap .faq h2 span {
		font: 300 18px Roboto, sans-serif;
	}
	.feedback .wrap .faq form {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		-ms-align-items: flex-end;
		align-items: flex-end;
	}
	.feedback .wrap .faq form label {
		width: calc((100% / 4) - 20px);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: column;
		font: 100 14px Roboto, sans-serif;
		position: relative;
		color: #ffffff;
	}
	.feedback .wrap .faq form label input {
		margin-top: 8px;
		display: inline-block;
		transition: all .2s linear;
	}
	.feedback .wrap .faq form label input:hover,.feedback .wrap .faq form label input:focus {
		background: #ffffff0f;
	}
	.feedback .wrap .faq form input {
		padding: 14px 20px;
		outline: none;
		border: 1px solid #ffffff;
		background: #0a0a0a;
		color: #ffffff;
		text-transform: uppercase;
	}
	.feedback .wrap .faq form .subm {
		cursor: pointer;
	}
	.feedback .wrap .faq form .subm input {
		padding: 10px 20px;
		border: 4px solid #ed1b24;
		letter-spacing: 1px;
		background: none;
		transition: all .3s linear;
		position: relative;
		margin-top: 0;
	}
	.feedback .wrap .faq form .subm:before,
	.feedback .wrap .faq form .subm:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		opacity: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 1;
	}
	.feedback .wrap .faq form .subm:before {
		bottom: 0px;
		left: 0px;
		border-left: 4px solid #ffffff;
		border-top: 4px solid #ffffff;
		-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
		-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
		transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	}
	.feedback .wrap .faq form .subm:after {
		top: 0px;
		right: 0px;
		border-right: 4px solid #ffffff;
		border-bottom: 4px solid #ffffff;
		-webkit-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
		-o-transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
		transition: 0s ease opacity .8s, .2s ease width .4s, .2s ease height .6s;
	}
	.feedback .wrap .faq form .subm:hover:before,
	.feedback .wrap .faq form .subm:hover:after{
		height: calc(100%);
		width: calc(100%);
		opacity: 1;
	}
	.feedback .wrap .faq form .subm:hover:before {
		-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
		-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
		transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	}
	.feedback .wrap .faq form .subm:hover:after {
		-webkit-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
		-o-transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
		transition: 0s ease opacity 0s, .2s ease height, .2s ease width .2s;
	}
	/* end feedback */
	/* map */
	.map-area {
		background: #f3f3f3;
		padding-top: 70vh;
		position: relative;
	}
	.map-area .current-map {
		position: absolute;
		clip-path: polygon(100% 0%, 100% 0%, 0% 100%, 0% 0%);
		left: 0;
		top: 0;
		width: 50%;
		height: 100%;
		z-index: 2;
	}
	.map-area .eu-map {
		position: absolute;
		background: gray;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}
	.map-area .contacts {
		width: 380px;
		background: #ffffff;
		box-shadow: 0px 0px 10px 0px rgba(1, 0, 0, 0.21);
		position: absolute;
		left: 40%;
		top: 40%;
		transform: translate(-60%,-60%);
		z-index: 3;
	}
	.map-area .contacts .wrap {
		padding: 40px;
	}
	.map-area .contacts .wrap .double {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		margin-bottom: 25px;
	}
	.map-area .contacts .wrap .double:nth-of-type(1) {
		margin-bottom: 40px;
		justify-content: space-between;
	}
	.map-area .contacts .wrap .double:nth-of-type(2) a {
		max-width: 80%;
	}
	.map-area .contacts .wrap .double:nth-of-type(4) {
		margin-bottom: 0;
	}
	.map-area .contacts .wrap h2 {
		font: 700 24px Roboto, sans-serif;
		letter-spacing: 1px;
	}
	.map-area .contacts .wrap .line {
		height: 1px;
		background: #cccccc;
		width: 30%;
	}
	.map-area .contacts .wrap h2 span {
		color: #ed1b24;
	}
	.map-area .contacts .wrap .icon {
		position: relative;
		width: 30px;
		margin-right: 15px;
	}
	.map-area .contacts .wrap .double:nth-of-type(2) .icon:before {
		content: "\e01d";
		display: block;
		position: absolute;
		font-family: El;
		font-size: 20px;
		color: #0a0a0a;
		left: 0;
		top: 50%;
		transform: translate(0,-50%);
	}
	.map-area .contacts .wrap .double:nth-of-type(3) .icon:before {
		content: "\e090";
		display: block;
		position: absolute;
		font-family: El;
		font-size: 20px;
		color: #0a0a0a;
		left: 0;
		top: 50%;
		transform: translate(0,-50%);
	}
	.map-area .contacts .wrap .double:nth-of-type(4) .icon:before {
		content: "\e076";
		display: block;
		position: absolute;
		font-family: El;
		font-size: 20px;
		color: #0a0a0a;
		left: 0;
		top: 50%;
		transform: translate(0,-50%);
	}
	.map-area .contacts .wrap .double a {
		color: #0a0a0a;
		font: 500 10px Montserrat, sans-serif;
		position: relative;
	}
	.map-area .contacts .wrap .double a:before {
		content: "";
		position: absolute;
		display: block;
		left: 0;
		bottom: -3px;
		padding-top: 1px;
		background: #ed1b24;
		transition: all .2s linear;
		width: 0px;
	}
	.map-area .contacts .wrap .double a:hover:before {
		width: 80%;
	}
	.map-area .contacts .wrap .double .split {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: column;
	}
	.map-area .contacts .wrap .double .split a {
		display: inline-block;
		margin-bottom: 5px;
	}

	/* end map */
	/* footer */
	.footer {
		background: #f3f3f3;
		padding: 10px 0;
	}
	.bearcode-copyright .double-tab {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		text-decoration: none;
		transition: all .2s linear;
	}
	.bearcode-copyright .double-tab:hover {
		opacity: .6;
	}
	.bearcode-copyright {
		max-width: 140px;
	}
	.bearcode-copyright .logo {
		background: url(https://bearcode.com.ua/image/catalog/bearcode_black.png) 50% / contain no-repeat;
		width: 50px;
		padding-top: 30px;
		margin-right: 10px;
		display: block;
	}
	.bearcode-copyright .text {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-flow: column;
		font-size: 12px;
		align-items: center;
		text-decoration: none;
		color: #0a0a0a;
		font-weight: 700;
	}
	.footer .wrap {
		max-width: 1340px;
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		-ms-align-items: center;
		color: #0a0a0a;
		align-items: center;
	}
	.footer .wrap .logo {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.footer .wrap .copy {
		font: 300 12px Roboto, sans-serif;
		letter-spacing: 1px;
	}
	.footer .wrap .logo img:nth-of-type(1) {
		margin-right: 60px;
	}
	.footer .wrap .links {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.footer .wrap .links a {
		width: 30px;
		padding-top: 30px;
		position: relative;
		margin-right: 40px;
		transition: all .2s linear;
	}
	.footer .wrap .links a:hover {
		opacity: .6;
	}
	.footer .wrap .links a:last-child {
		margin-right: 0;
	}
	.footer .wrap .links a:before {
		content: "\e093";
		position: absolute;
		font-family: El;
		font-size: 20px;
		line-height: 1em;
		left: 50%;
		color: #0a0a0a;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.footer .wrap .links a:nth-of-type(2):before {
		content: "\e09d";
	}
	/* end footer */
	/* adaptive */
	@media screen and (max-width: 1440px) {
		.header .wrap,.hero .wrap,.about .wrap, .about-brand .wrap,.services .wrap,.partners .wrap,.feedback .wrap,.footer .wrap {
			max-width: 90%;
		}
		.footer .wrap .links a:before {
			font-size: 16px;
		}
		.hero .wrap .left .inner-wrap .slider {
			padding: 90px 0 100px;
		}
		.hero .wrap .left {
			border-width: 4px;
		}
		.hero .wrap .right .inner-wrap .partner-link {
			padding: 15px;
			border-width: 3px;
		}
		.hero .wrap .right .inner-wrap .title {
			padding-bottom: 100px;
		}
		.hero .wrap .right .inner-wrap .partner-link:before, .hero .wrap .right .inner-wrap .partner-link:after {
			border-width: 3px;
		}
		.hero .wrap .right .inner-wrap .partner-link:before {
			bottom: -3px;
			left: -3px;
		}
		.hero .wrap .right .inner-wrap .partner-link:after {
			top: -3px;
			right: -3px;
		}
		.hero .wrap .right .inner-wrap .partner-link:hover:before, .hero .wrap .right .inner-wrap .partner-link:hover:after {
			height: calc(100% + 6px);
			width: calc(100% + 6px);
		}
	}
	@media screen and (max-width: 1024px) {
		.header .wrap .logo img:nth-of-type(1) {
			margin-right: 10px;
		}
		.header .wrap .logo img {
			transform: scale(.8);
		}
		.header .wrap .main-menu li.lang {
			margin-left: 30px;
			padding-top: 20px;
		}
		.header .wrap .main-menu li a {
			/*font-size: 14px;*/
		}
		.header .wrap .main-menu li {
			margin-left: 15px;
		}
		.header .wrap .main-menu ul {
			/*margin-top: 7px;*/
		}
		.hero .wrap .left .slider .slide-wrapper .slide .title {
			font-size: 36px;
		}
		.hero .wrap .left .inner-wrap .slider {
			padding: 0px 0 60px;
		}
		.hero .wrap .left .bot-menu ul li {
			margin-right: 15px;
		}
		.hero .wrap .right .inner-wrap .title {
			padding-bottom: 60px;
			line-height: 1.4em;
			font-size: 16px;
		}
		.about .wrap .right .inner-wrap {
			padding-left: 10px;
		}
		.about .wrap .left .bottom .item {
			margin-right: 20px;
		}
		.about .wrap .left .inner {
			padding-bottom: 35px;
			width: 90%;
		}
		.about .wrap .left .bottom {
			padding-top: 20px;
		}
		.about-brand .wrap .right .bottom {
			padding-top: 20px;
		}
		.about-brand .wrap .left .inner-wrap {
			padding-right: 40px;
		}
		.about-brand .wrap .right .inner {
			padding-bottom: 25px;
			width: 90%;
		}
		.about-brand .wrap .right .bottom .item {
			margin-right: 20px;
		}
		.services .wrap .items .item {
			width: calc((100% / 4) - 76px);
		}
		.partners {
			padding: 30px 0;
		}
		.advantages {
			padding: 30px 0 45px;
		}
	}
	@media screen and (max-width: 922px) {
		.hero .wrap .left .bot-menu ul {

		}
		.advantages .items {
			flex-flow: column;
			justify-content: flex-start;
		}
		.advantages .items .item {
			width: 80%;
			margin-bottom: 20px;
		}
		.advantages .items .item:nth-of-type(2) {
			-ms-align-self: center;
			align-self: center;
		}
		.advantages .items .item:nth-of-type(3) {
			-ms-align-self: flex-end;
			align-self: flex-end;
		}
		.downloads {
			flex-flow: column;
			-ms-align-items: center;
			align-items: center;
		}
		.downloads .link {
			width: 70%;
			justify-content: space-between;
			margin-right: 0;
			margin-bottom: 20px;
		}
		.downloads .link .text {
			flex:1;
			font-size: 18px;
		}
		.feedback .wrap .main {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.feedback .wrap .main .left {
			width: 100%;
			margin-bottom: 30px;
		}
		.feedback .wrap .main h2 {
			margin-bottom: 20px;
		}
		.feedback {
			padding: 30px 0;
		}
		.feedback .wrap .main p {
			line-height: 1.5em;
		}
		.feedback .wrap .main .right {
			width: 100%;
		}
		.footer .wrap {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
			justify-content: space-around;
		}
		.footer .wrap .logo {
			order: 0;
			margin-bottom: 15px;
		}
		.footer .wrap .links {
			order: 1;
		}
		.footer .wrap .copy {
			order: 2;
			width: 50%;
		}
		.bearcode-copyright {
			order: 3;
		}
	}
	@media screen and (max-width: 768px) {
		.header .wrap .logo {
			/*flex-flow: column;*/
		}
		.header .wrap {
			padding-top: 15px;
		}
		.header .wrap .logo img:nth-of-type(1) {
			margin-right: 0;
		}
		.hero .wrap .left .slider .slide-wrapper .slide .title {
			font-size: 28px;
		}
		.hero .wrap .left .slider .slide-wrapper .slide .text {
			font-size: 18px;
			width: 100%
		}
		.hero .wrap .left .bot-menu ul {
			justify-content: space-around;
		}
		.hero .wrap .left .bot-menu ul .links {
			flex-flow: column;
		}
		.hero .wrap .left .bot-menu ul li {
			margin-right: 0;
			margin-bottom: 10px;
		}
		.header .wrap .main-menu > ul > li {
			display: none;
		}
		.header .wrap .main-menu li.smart, .header .wrap .main-menu li.lang  {
			display: block;
		}
		.header .wrap .main-menu li.smart {
			margin-left: 30px;
		}
		.header .wrap .main-menu li.smart a {
			padding-bottom: 0;
		}
		.header .wrap .main-menu > ul {
			-webkit-flex-direction: row-reverse;
			-moz-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			-o-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}
		.sandwich-right-bar .right-menu > li{
			margin-left: 0!important;
		}
		.header .wrap .main-menu li a {
			font-size: 18px
		}
		.header .wrap .main-menu li.lang {
			padding-top: 30px;
		}
		.hero .wrap .right .inner-wrap .partner-link {
			-ms-align-self: stretch;
			align-self: stretch;
			text-align: center;
			font-size: 16px
		}
		.hero .wrap .right .inner-wrap {
			padding-left: 35px;
		}
		.hero .wrap .left {
			border-width: 2px;
		}
		.about .wrap {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}
		.about .wrap > div {
			width: 100%;
		}
		.about .wrap .left {
			margin-bottom: 30px;
		}
		.about-brand .wrap {
			-webkit-flex-direction: column-reverse;
			-moz-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			-o-flex-direction: column-reverse;
			flex-direction: column-reverse;
			padding-top: 40px;
		}
		.about-brand .wrap > div {
			width: 100%;
		}
		.about-brand .wrap .right {
			margin-bottom: 30px;
		}
		.services .wrap .items {
			-webkit-flex-wrap: wrap;
			-moz-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			-o-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.services .wrap .items .item {
			margin-bottom: 20px;
			width: calc((100% / 2) - 76px);
		}
		.partners .wrap .main {
			flex-flow: column;
		}
		.partners .wrap .main {
			flex-flow: column;
		}
		.partners .wrap .main .left {
			width: 100%;
		}
		.partners .wrap .video {
			width: 100%;
		}
		.advantages h2 {
			text-align: center;
		}
		.advantages .items {
			-ms-align-items: center;
			align-items: center;
		}
		.advantages .items .item:nth-of-type(3) {
			-ms-align-self: center;
			align-self: center;
		}
		.feedback .wrap .faq form {
			flex-flow: column;
		}
		.feedback .wrap .faq form label {
			width: 100%;
			margin-bottom: 20px;
		}
		.map-area {
			padding-top: 50vh;
		}
		.map-area .contacts {
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}
		.downloads .link {
			width: 80%;
		}
		.footer .wrap .logo img:nth-of-type(1) {
			margin-right: 0;
		}
		.footer .wrap .logo img {
			transform: scale(.7);
		}
	}
	@media screen and (max-width: 660px) {
		.hero .wrap {
			flex-flow: column;
			padding-top: 130px;
			-ms-align-items: center;
			align-items: center;
		}
		.hero .wrap .right {
			width: 100%;
		}
		.hero .wrap .left {
			width: 70%;

		}
		.hero {
			min-height: 100vh;
			height: auto;
		}
		.hero .wrap .right .inner-wrap {
			padding-left: 0;
			padding-top: 30px;
		}
		.hero .wrap .right .inner-wrap .title {
			text-align: center;
		}
		.hero .wrap .right .inner-wrap .title {
			padding-bottom: 20px;
		}
		.hero .wrap .left .bot-menu ul .links {
			-webkit-flex-direction: row;
			-moz-flex-direction: row;
			-ms-flex-direction: row;
			-o-flex-direction: row;
			flex-direction: row;
		}
		.hero .wrap .left .inner-wrap {
			padding: 30px;
		} 
		.hero .wrap .right .inner-wrap .partner-link {
			-ms-align-self: center;
			align-self: center;
		}
	}
	@media screen and (max-width: 480px) {
		.hero .wrap .left {
			width: 100%;
		}
		.hero .wrap .left .slider .slide-wrapper {
			min-height: 170px;
		}
		.hero .wrap .left .bot-menu ul .links {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
		}
		.header .wrap .logo img {
			transform: scale(1);
			width: 50%;
		}
		.header .wrap .logo {
			width: 35vw;
		}
		.header .wrap .logo img:nth-of-type(1) {
			width: 25%;
			margin-right: 15px;
		}
		.sandwich-right-bar .nav-toggle.active {
			right: 0;
			z-index: 1000;
		}
		.sandwich-right-bar .right-menu {
			width: calc(100vw - 40px);
			padding: 15vh 20px;
			background: #000000eb;
			right:-100vw;
		}
		.hero .wrap .left {
			background: #000000ba;
		}
		.about .wrap .left .inner p {
			font-size: 16px;
		}
		.about .wrap .left .bottom {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-align-items: center;
			align-items: center;
		}
		.about .wrap .left .bottom .item {
			width: 60%;
			text-align: center;
			margin-right: 0;
			margin-bottom: 20px;
		}
		.about .wrap .left .bottom .item h3 {
			margin-bottom: 0;
		}
		.about .wrap .left .bottom .item p {
			font-size: 16px;
		}
		.about .wrap .left .inner {
			text-align: center;
			margin: 0 auto;
		}
		.about-brand .wrap .right .bottom {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			-ms-align-items: center;
			align-items: center;
		}
		.about-brand .wrap .right .bottom .item {
			width: 60%;
			text-align: center;
			margin-right: 0;
			margin-bottom: 20px;
		}
		.about-brand .wrap .right .bottom .item h3 {
			margin-bottom: 0;
		}
		.about-brand .wrap .right .bottom .item p {
			font-size: 16px;
		}
		.about-brand .wrap .right .inner {
			text-align: center;
			margin: 0 auto;
		}
		.about-brand .wrap .left .inner-wrap {
			padding-right: 0;
		}
		.services .wrap .items .item {
			width: calc((100% / 1) - 40px);
		}
		.bearcode-copyright .double-tab {
			flex-flow: column;
		}
		.bearcode-copyright {
			max-width: 85px;
		}
		.advantages .items .item {
			width: 100%;
		}
		.downloads .link {
			width: 100%;
		}
		.feedback .wrap .main .right .items .item {
			width: 100%;
			padding-top: 50%;
		}
		.map-area .current-map {
			width: 100%;
		}
		.map-area .contacts {
			width: 50%;
		}
		.map-area .contacts {
			left: 100%;
			top: 50%;
			height: 100%;
			transform: translate(-100%,-50%);
		}
		.map-area .contacts .wrap {
			padding: 15px;
			display: flex;
			height: 100%;
			box-sizing: border-box;
			flex-flow: column;
			justify-content: center;
		}
		.map-area .contacts .wrap .line {
			width: 0;
		}
		.map-area .contacts .wrap .icon {
			margin-right: 5px;
		}
		.map-area .contacts .wrap .double:nth-of-type(1) {
			margin-bottom: 20px;
		}
		.map-area .contacts .wrap .double a {
			font-size: 14px;
		}
		.footer .wrap .copy {
			width: 100%;
			margin: 20px 0;
			text-align: center;
		}
		.footer .wrap .copy {
			font-size: 14px;
		}
		.map-area {
			padding-top: 70vh;
		} 
	}
	/* height */
	@media screen and (max-height: 900px) {
		.hero .wrap .left .inner-wrap .slider {
			padding: 80px 0 90px;
		}

	}
	@media screen and (max-height: 768px) {
		.hero .wrap .left .slider .slide-wrapper {
			min-height: 190px;
		}
		.hero .wrap .left .inner-wrap .slider {
			padding: 0px 0 60px;
		}

	}