@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProLight.eot');
    src: url('../fonts/GothamProLight.eot') format('embedded-opentype'),
         url('../fonts/GothamProLight.woff2') format('woff2'),
         url('../fonts/GothamProLight.woff') format('woff'),
		 url('../fonts/GothamProLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProRegular.eot');
    src: url('../fonts/GothamProRegular.eot') format('embedded-opentype'),
         url('../fonts/GothamProRegular.woff2') format('woff2'),
         url('../fonts/GothamProRegular.woff') format('woff'),
		 url('../fonts/GothamProRegular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamProBold.eot');
    src: url('../fonts/GothamProBold.eot') format('embedded-opentype'),
         url('../fonts/GothamProBold.woff2') format('woff2'),
         url('../fonts/GothamProBold.woff') format('woff'),
         url('../fonts/GothamProBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'GothamPro';
    src: url('../fonts/GothamPro-Medium.eot');
    src: url('../fonts/GothamPro-Medium.eot') format('embedded-opentype'),
         url('../fonts/GothamPro-Medium.woff') format('woff'),
         url('../fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

/************************* reset *************************/
html{
	height: 100%;
	margin: 0;
	padding: 0;width: 100%;
	background: #fff;
}
body{
	height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	line-height: 30px;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
h1, h2, h3, h4, p, ul, li, a, span, div, input, textarea, select, form, fieldset, button, dl, dd, dt, figure, figcaption, blockquote, caption, aside, section {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}
img {
	margin: 0;
	padding: 0;
	border-style: none;
	vertical-align: bottom;
}
input, textarea, select, button {
	font-weight: 400;
	font-family: 'GothamPro', Arial, Helvetica, sans-serif;
	vertical-align:middle;
	border: 0;
	outline: 0;
	background: none;
}
button {font-weight: 400;}
a:hover {text-decoration: none;}
ul li {list-style: none;}
/************************* common styles *************************/
.holder {padding: 0 20px;}
@media (min-width: 576px){
	.holder {
		max-width: 540px;
		margin: auto;
		padding: 0;
	}
}
@media (min-width: 768px){
	.holder {
		max-width: 720px;	
	}
}
@media (min-width: 1024px) {
	.holder {
		max-width: 960px;
	}
}
@media (min-width: 1200px){
	.holder {
		max-width: 1100px;
	}
}
.holder:after {
	display: block;
	content: '';
	clear: both;
}
h1 {
	margin: 0 0 47px;
	font-size: 40px;
	font-weight: 400;
	line-height: 48px;
}
h2 {
	margin: 0 0 38px;
	font-size: 30px;
	font-weight: 400;
	line-height: 36px;
}
.title {
	margin: 0 0 40px;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
}
h3 {
	margin: 0 0 24px;
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
}
h4 {
	margin: 0 0 13px;
	font-size: 25px;
	line-height: 30px;
}
a {transition: all .3s linear;}
p {margin: 0 0 24px;}
p a, .article li a {color: #0075ff;}
.center {text-align: center;}
.upper {text-transform: uppercase;}
.button-holder {text-align: center;}
.button {
	position: relative;
	display: inline-block;
	padding: 14px 50px 14px;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	background: transparent;
	border: 1px solid #f0f0f0;
	border-radius: 35px;
	transition: all .3s linear;
}
button.button {
	width: 100%;
	line-height: 30px;
	cursor: pointer;
}
.button:hover {
	color: #fff;
	background: #0075ff;
	border: 1px solid #0075ff;
}
.button-white {
	background: #fff;
	border: 1px solid #fff;
}
.button-white:hover {
	background: #0075ff;
	border: 1px solid #0075ff;
}
.button-blue {
	padding: 11px 34px;
	color: #fff;
	font-weight: 700;
	background: #0075ff;
	border: 1px solid #0075ff;
	border-radius: 8px;
}
.button-blue:hover {
	color: #fff;
	background: #0168e1;
	border: 1px solid #0168e1;
}

.button-yellow {
	padding: 5px 24px;
	color: #000;
	font-weight: 700;
	font-size: 14px;
	background: #fffb00;
	border: 1px solid #fffb00;
	border-radius: 8px;
	position: absolute;
    left: 30px;
    bottom: 30px;
}
.button-yellow:hover {
	color: #000;
	background: #edc100;
	border: 1px solid #edc100;
}

.big-button {
	position: relative;
	display: inline-block;
	padding: 14px 58px 14px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 35px;
	transition: all .3s linear;
}
.big-button:hover {
	color: #0075ff;
	background: #fff;
	border: 1px solid #fff;
}
.button-arrow {
	display: inline-block;
	vertical-align: top;
	width: 21px;
	margin: 1px 0 0 10px;
	transition: all .3s ease;
}
.big-button:hover .button-arrow {
	transform: translateX(10px);
}
.button-arrow path {
	fill: #000;
	transition: all .3s linear;
}
.big-button:hover path {fill: #0075ff;}
.big-button-light {
	color: #fff;
	background: transparent;
}
.big-button-light:hover {
	color: #0075ff;
	background: #fff;
}

.tourism-order{
    background: url(../images/bt-img.png) 50% 50% #f5f8ff;
    background-size: cover;
    float: right;
    margin-bottom: 50px;
    margin-left: 80px;
    width: 300px;
    font-size: 22px;
    padding: 140px 30px;
	border-radius: 8px;
	position: relative;
}
/************************* form-block *************************/
.input {
	display: block;
	width: 100%;
	height: 54px;
	padding: 0 19px;
	margin: 0 0 20px;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
}
.textarea {
	display: block;
	width: 100%;
	height: 147px;
	padding: 13px 19px;
	margin: 0 0 20px;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	resize: vertical;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
}
.submit {
	position: relative;
	display: block;
	width: 100%;
	padding: 11px 15px;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
	transition: all .3s linear;
}
.submit:hover {
	color: #0075ff;
	background: #fff;
	border: 1px solid #fff;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000; opacity: 1;}
::-moz-placeholder {color: #000; opacity: 1;}
:-ms-input-placeholder {color: #000;}
.input.error, .textarea.error {
	color: rgb(255, 86, 71);
	background-color: rgb(255, 206, 202);
}
label.error {
	position: absolute;
	left: -9999px;
}
/************************* wrapper *************************/
#wrapper {
	position: relative;
	overflow: hidden;
}
/************************* menu *************************/
.menu {
	position: fixed;
	top: 0;
	left: 100%;
	bottom: 0;
	z-index: 300;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	transition: all 0.5s ease;
}
.menu.vis {left: 0;}
.menu-close {
	position: absolute;
	top: 40px;
	right: 40px;
	transition: all 0.3s linear;
}
.menu-close:hover {
	transform: rotate(180deg);
}
.menu-close img {
	display: block;
	width: 18px;
}
.menu-side {
	width: 470px;
	height: 100%;
	order: 2;
	padding: 98px 90px 50px 98px;
	overflow-y: auto;
	background: #fff;
}
.menu-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	order: 1;
	height: 100%;
	background: url(../images/media/header-bg.jpg) 50% 50%;
	background-size: cover;
}
.menu-logo {
	overflow: hidden;
	color: #000;
	margin: 0 0 70px;
}
.menu-logo a {
	color: #000;
	text-decoration: none;
}
.menu-logo-img {
	float: left;
	width: 50px;
	height: 50px;
	background: #0075ff;
	border-radius: 50%;
}
.menu-logo-big {
	margin: 5px 0 0 65px;
	font-size: 40px;
	font-weight: 700;
	line-height: 40px;
}
.menu-nav li {
	margin: 0 0 19px;
	font-size: 20px;
}
.menu-nav a {
	color: #000;
	text-decoration: none;
}
.menu-nav a:hover {color: #0075ff;}
.menu-subnav {
	display: none;
	padding: 23px 0 1px;
}
.menu-subnav li {
	position: relative;
	margin: 0 0 18px;
	padding: 0 0 0 23px;
	font-size: 18px;
	line-height: 27px;
}
.menu-subnav li:last-child {margin: 0;}
.menu-subnav a {
	color: #6e6e6e;
}
.menu-subnav a:hover {color: #0075ff;}
.menu-subnav a:hover:before {background: #0075ff;}
.menu-subnav a:before {
	position: absolute;
	top: 13px;
	left: 0px;
	display: block;
	content: '';
	width: 14px;
	height: 1px;
	background: #6e6e6e;
	transition: all 0.3s linear;
}
.menu-form {
	width: 358px;
}
.menu-form-title {
	margin: 0 0 36px;
	color: #fff;
	font-size: 48px;
	font-weight: 400;
	line-height: 56px;
	text-align: center;
}
.menu-form-subtitle {
	margin: 0 0 37px;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
}
.menu-form .big-button {
    display: block;
    padding: 11px 15px;
    border-radius: 8px;
}
.big-button-light .button-arrow path {fill: #fff;}
.big-button-light:hover .button-arrow path {fill: #0075ff;}
.menu-form .submit {margin: 0 0 66px;}
.login-line {
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2px 0 10px;
	font-size: 16px;
	line-height: 20px;
}
.login-line a {
	margin: 0 0 10px;
	color: #fff;
}
.login-line .checkbox-item {margin: 0 0 10px;}
.checkbox-item {
	position: relative;
}
.checkbox-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.checkbox-label {
	position: relative;
	display: block;
	padding: 0 0 0 35px;
	cursor: pointer;
	color: #fff;
}
.checkbox-label:before {
	position: absolute;
	top: -2px;
	left: 0;
	display: block;
	content: '';
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	background: #fff;
	border-radius: 8px;
}
.checkbox-label:after {
	position: absolute;
	top: 4px;
	left: 6px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	background: #0084ff;
	border-radius: 4px;
	opacity: 0;
}
.checkbox-input:checked + .checkbox-label:after {opacity: 1;}
/************************* header *************************/
.header-top {
	height: 89px;
	padding: 26px 0 0;
	background: #0060ff;
}
.header-top-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-logo {
	overflow: hidden;
	color: #fff;
	text-decoration: none;
}
.header-logo a {
	color: #fff;
	text-decoration: none;
}
.header-logo-img {
	float: left;
	width: 37px;
}
.header-logo-big {
	margin: 3px 0 0 49px;
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
}
.header-cabinet {
	height: 31px;
	padding: 0 20px;
	margin: 0 22px 0 0;
	color: #000;
	font-size: 12px;
	line-height: 31px;
	text-decoration: none;
	background: #fff;
	border-radius: 8px;
}
.header-cabinet:hover {background: #ffe100;}
.header-lang {
	position: relative;
	margin: 2px 0 0;
}
.lang-top {
	display: block;
	width: 66px;
	height: 31px;
	padding: 6px 10px 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 8px;
}
.lang-top:after {
	position: absolute;
	top: 11px;
	right: 11px;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	background: url(../images/lang-arrow.svg) 50% 50% no-repeat;
	background-size: 10px;
}
.header-lang:hover .lang-hidden {display: block;}
.lang-hidden {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	width: 66px;
	margin-top: -1px;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0px 10px 15px 0px rgba(0, 27, 74, 0.15);
}
.lang-hidden a {
	display: block;
	padding: 7px 11px 6px;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	background: #fff;
}
.lang-hidden a:hover {
	color: #0075ff;
	background: #e7f6ff;
}
.header-nav {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex: 1;
	max-width: 504px;
	padding: 2px 0 0;
	margin: 0 auto;
}
.header-nav-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	flex: 1;
}
.header-nav li {
	position: relative;
	font-size: 16px;
}
.header-nav a {
	color: #fff;
	text-decoration: none;
	transition: all .3s linear;
}
.header-nav a:hover {color: #ffe100;}
.header-nav .active,
.header-nav .active > a,
.header-nav .active > span {
	color: #ffe100;
}
.header-nav li:hover .subnav,
.fixed-nav-list li:hover .subnav {display: block;}
.subnav {
	position: absolute;
	left: -24px;
	top: 100%;
	margin-top: 11px;
	z-index: 50;
	display: none;
	width: 313px;
	padding: 10px 0 11px;
	background: #fff;
	box-shadow: 0px 10px 15px 0px rgba(0, 27, 74, 0.15);
	border-radius: 8px;
}
.subnav:before {
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	z-index: 50;
	display: block;
	content: '';
	height: 11px;
}
.subnav a {
	display: block;
	padding: 10px 24px 8px;
	color: #000;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
	background: #fff;
}
.subnav a:hover {
	color: #0075ff;
	background: #e7f6ff;
}
.subnav li:first-child a {border-radius: 8px 8px 0 0;}
.subnav li:last-child a {border-radius: 0 0 8px 8px;}

.header-nav .mob-nav-icon {display: block;}
.mob-nav-icon {
	display: none;
	width: 23px;
	padding: 6px 0 7px;
}
.mob-nav-block {
    position: relative;
	display: block;
    width: 23px;
    height: 1px;
    margin: 7px 0 0;
	background: #fff;
	transition: all .2s linear;
}
.mob-nav-block:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    width: 23px;
    height: 1px;
    background: #fff;
	transition: all .2s linear;
}
.mob-nav-block:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 23px;
    height: 1px;
    background: #fff;
	transition: all .2s linear;
}
.mob-nav-icon:hover .mob-nav-block {width: 21px;}
.mob-nav-icon:hover .mob-nav-block:after {width: 25px;}
.mob-nav-icon:hover .mob-nav-block:before {width: 18px;}
.mob-nav-icon.active .mob-nav-block {
    background: none;
}
.mob-nav-icon.active .mob-nav-block:before {
    top: 0;
    transform: rotate(45deg);
	background: #fff;
}
.mob-nav-icon.active .mob-nav-block:after {
    top: 0;
    transform: rotate(-45deg);
	background: #fff;
}
/************************* main *************************/
.header-fixed {
	position: fixed;
	top: -200px;
	left: 0;
	right: 0;
	z-index: 200;
	height: 65px;
	padding: 17px 0 0;
	background: #0069ff;
	transition: all 0.5s ease;
}
.header-fixed.fixed {top: 0px;}
.header-fixed-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-fixed .header-logo-img {
	width: 25px;
}
.header-fixed .header-logo-big {
	display: none;
	margin: 0 0 0 34px;
	font-size: 21px;
	line-height: 24px;
}
.fixed-nav-list {
	flex: 1;
	padding: 1px 0 0 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	font-size: 15px;
}
.fixed-nav-list li {position: relative;}
.fixed-nav-list > li > a {
	color: #fff;
	text-decoration: none;
}
.fixed-nav-list > li > a:hover,
.fixed-nav-list .active,
.fixed-nav-list .active > a {color: #ffe100;}
.subnav .active,
.subnav .active > a,
.subnav .active > span {
	color: #0075ff;
}
/************************* header-main *************************/
.main-page .header {
	height: 100vh;
	padding: 34px 0 0;
}
.main-page .header-top {
	position: relative;
	z-index: 50;
	background: none;
}
.header-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	height: 100vh;
	padding: 100px 0;
	background: url(../images/media/header-bg.jpg) 50% 50%;
	background-size: cover;
}
.header-main .holder {width: 100%;}
.header-block {
	max-width: 630px;
	color: #fff;
}
.header-title {
	margin: 0 0 44px;
	font-size: 45px;
	font-weight: 700;
	line-height: 56px;
}
.header-title span {color: #ffd000;}
.header-text {
	margin: 0 0 53px;
}
.header-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header-buttons .big-button {margin: 0 40px 0 0;}
.header-buttons .big-button:last-child {margin: 0;}
.main-page-content {
	position: relative;
	z-index: 50;
	background: #fff;
}
.big-button-yellow {
	background: #ffd000;
	border: 1px solid #ffd000;
}
.big-button-yellow:hover {
	color: #000;
	background: #edc100;
	border: 1px solid #edc100;
}
.big-button-yellow:hover path {fill: #000;}
/************************* main-news *************************/
.main-news {
	padding: 90px 0 99px;
	background: #f5f9ff;
	border-bottom: 1px solid #dce4f5;
}
.main-news .news-list {
    justify-content: flex-start;
    padding: 0 0 52px;
}
.main-news .news-item {
	width: 31.45%;
	margin: 0 0 30px 2.825%;
}
.main-news .news-item:nth-child(3n + 1){margin: 0 0 30px;}
.news-big {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	margin: -64px 0 0;
	background: #fff;
    border-radius: 8px;
    transition: all 0.3s linear;
}
.news-big:hover {
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 0, 0, 0.1);
}
.news-big .news-img {
    width: 50%;
    margin: -1px 0 -1px -1px;
    border-radius: 8px 0 0 8px;
}
.news-big .news-content {
	width: 50%;
	padding: 56px 60px 40px;
}
.news-big .news-img img {
    height: 100%;
}
.news-big .news-title {
    margin: 0 0 19px;
    font-size: 22px;
}
.news-big .news-date {
    margin: 0 0 20px;
}
.news-big .news-text {
	font-size: 18px;
}
/************************* main-bottom *************************/
.main-bottom {
	padding: 1px 0 115px;
	background: #fff;
}
.step-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 90px;
}
.step-item {
	position: relative;
	display: block;
	width: 31.45%;
	margin: 0 0 0 2.825%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(1000px);
}
.step-item:nth-child(3n + 1){margin: 0;}
.step-hidden {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 30;
	padding: 33px 20px 30px 40px;
	color: #000;
	background: #ebf9ff;
	border-radius: 8px;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.step-item:hover .step-hidden {
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.step-scroll {
	padding: 0 20px 0 0;
	max-height: 100%;
	overflow-y: auto;
}
.step-scroll::-webkit-scrollbar-track{
	background-color: #6fa9ff;
}
.step-scroll::-webkit-scrollbar{
	width: 4px;
	background-color: #6fa9ff;
	border-radius: 4px;
}
.step-scroll::-webkit-scrollbar-thumb{
	border-radius: 4px;
	background-color: #fff;
}
.step-hidden p {
	margin: 0 0 18px;
	font-size: 16px;
	line-height: 28px;
}
.step-hidden li {
	position: relative;
	margin: 0 0 18px;
	padding: 0 0 0 29px;
	font-size: 16px;
	line-height: 28px;
}
.step-hidden li:before {
	position: absolute;
	top: 10px;
	left: 0px;
	display: block;
	content: '';
	width: 12px;
	height: 1px;
	background: #000;
}
.step {
	position: relative;
	z-index: 10;
	height: 100%;
	border-radius: 8px;
	transition: all 0.3s linear;
	-webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
	transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
	-webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.step-item:hover .step {
	-webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.step-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.step-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 36px 30px 0 40px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
}
.step-num {
	margin: 0 12px 0 0;
	color: #0075ff;
}
/************************* slider *************************/
.slider {
	margin: -112px 0 90px;
	border-radius: 8px;
	box-shadow: -2.924px 9.563px 35px 0px rgba(0, 0, 0, 0.25);
}
.slider img {
	width: 100%;
	border-radius: 8px;
}
.slick-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -50px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.slick-dots li {
	margin: 0 5px;
}
.slick-dots button {
	display: block;
	width: 12px;
	height: 12px;
	font-size: 0;
	cursor: pointer;
	box-sizing: content-box;
	background: #fff;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	border-radius: 50%;
}
.slick-dots .slick-active button {
	background: #ffd000;
	border: 2px solid #ffd000;
}
/************************* numbers *************************/
.numbers {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 57px 0 85px;
}
.numbers-item {
	width: 25%;
	padding: 0 15px;
	text-align: center;
}
.numbers-value {
	margin: 0 0 18px;
	color: #005eff;
	font-size: 100px;
	font-weight: 300;
	line-height: 80px;
}
.numbers-text {
	font-size: 16px;
	line-height: 24px;
}
/************************* support *************************/
.support {
	padding: 0 0 50px;
}
.support-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.support-col {
	width: 48%;
}
.support-col li {
	position: relative;
	padding: 0 0 0 62px;
	margin: 0 0 45px;
}
.support-col li:before {
	position: absolute;
    top: -7px;
    left: 0px;
    display: block;
    content: '';
    width: 34px;
    height: 40px;
	background: url(../images/shield.svg) 0 1px no-repeat;
	background-size: 34px 40px;
}
/************************* region *************************/
.region {
	padding: 0 0 100px;
}
.region-map {
	margin: 0 -30px 30px;
	padding: 50px 0 0;
}
.region-map img,
.region-map svg {width: 100%;}


.cls-1{fill:#63b32d;}
.cls-2{fill:#826c25;}
.cls-3{fill:#6bc0ab;}
.cls-4{fill:#2467b1;}
.cls-5{fill:#950e08;}
.cls-6{fill:#b7b56a;}
.cls-7{fill:#b4d9ba;}
.cls-8{fill:#98328a;}
.cls-9{fill:#75400c;}
.cls-10{fill:#938508;}
.cls-11{fill:#f2adad;}
.region-map path {
	fill-rule:evenodd;
	fill: #0075ff;
	transition: all 0.3s ease;
}
.region-map path.active {
	fill: #ffd000;
}
.region-map.stop path,
.region-map.stop path.active {
	fill: #0075ff;
}
.region-map.stop path.hover,
.region-map.stop path.active.hover {
	fill: #ffd000;
}

.region-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.region-info ul {
	width: 25%;
	padding: 0 15px 0 0;
}
.region-info li {margin: 0 0 2px;}
.region-info b {
	display: inline-block;
	width: 30px;
	color: #0075ff;
}
.region-info a {
	color: #000;
	text-decoration: none;
}
.region-info a:hover,
.region-info .active {
	color: #0075ff;
}
/************************* partners-slider *************************/
/************************* partners-slider *************************/
.partners-slider {
	margin: 0 0 62px;
}
.partners-slide {
	padding: 0 62px;
	visibility: hidden;
}
.partners-slider .slick-current {visibility: visible;}
.partners-slide-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.partners-slider .slick-list {
    overflow: visible;
}
.partners-slide .partners-logo {
	width: 46.8%;
	height: 320px;
	margin: 0;
	transform: translateX(-300px);
	opacity: 0;
}
.partners-slide-content {
	width: 46.8%;
	transform: translateX(300px);
	opacity: 0;
}
.slick-current .partners-logo {
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.6s linear;
}
.slick-current .partners-slide-content {
	transform: translateX(0px);
	opacity: 1;
	transition: all 0.6s linear;
}
.partners-slide-title {
	margin: 0 0 19px;
	font-size: 30px;
	font-weight: 300;
	line-height: 36px;
}
.partners-slide-title a {
	color: #0075ff;
	text-decoration: none;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	display: block;
	width: 15px;
	height: 30px;
	margin-top: -15px;
	font-size: 0;
	cursor: pointer;
	background: url(../images/slider-arrow.svg) 50% 50% no-repeat;
	background-size: cover;
}
.slick-prev {
	left: 0;
	transform: scale(-1, 1);
}
.slick-next {
	right: 0;
}





/************************* other pages *************************/
/************************* breadcrumbs *************************/
.breadcrumbs-line {
	background: #f5f8ff;
}
.breadcrumbs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 17px 0;
}
.breadcrumbs li {
	margin: 0 8px 0 0;
	color: #000;
	font-size: 12px;
	line-height: 16px;
}
.breadcrumbs li:before {
	display: inline-block;
	vertical-align: top;
	content: '—';
	color: #8e97aa;
	margin: 0 8px 0 0;
}
.breadcrumbs li:first-child:before {display: none;}
.breadcrumbs a {
	color: #8e97aa;
	text-decoration: none;
}
.breadcrumbs a:hover {color: #0075ff;}
/************************* main-block *************************/
.main {padding: 40px 0 55px;}
.main-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
}
.main-block:after {
	display: block;
	content: '';
	clear: both;
}
.side {
	width:100%;
}
.content {
	padding: 0;
	flex: 1;
}
/************************* side *************************/
.side .title {color: #7f7f80;display: none;}
.side-nav {
	padding: 0 0 20px;
	display: flex;
}
.side-nav li {
	margin: 0 0 20px;
	font-size: 18px;
	margin-left: 35px;
}

.side-nav li:last-child{
	order:-1;
	margin-left: 0;
}
.side-nav a {
	color: #6e6e6e;
	font-weight: 500;
	text-decoration: none;
}

.side-nav .active > a{
	text-decoration: underline;
}
.side-nav .active > a, .side-nav a:hover {
	color: #0075ff;
}
.side-subnav {
	padding: 20px 0 0;
}
.side-subnav li {
	padding: 0 0 0 25px;
}
.side-subnav a {
	position: relative;
	color: #6e6e6e;
}
.side-subnav a:after {
	position: absolute;
	top: 9px;
	left: -25px;
	display: block;
	content: '';
	width: 14px;
	height: 1px;
	background: #6e6e6e;
}
.side-subnav .active > a {color: #000;}
.side-subnav .active > a:after {background: #000;}
.mob-button {
	display: none;
	padding: 8px 15px;
	margin: 0 0 20px;
}

.case-corr {
    padding: 6px 18px;
    color: #fff;
    font-weight: 700;
    color: #0075ff;
    border: 1px solid #0075ff;
	border-radius: 8px;
	background: #fff;
	font-weight: 500;
	font-size: 16px;
	margin: 0 auto;
    display: block;
    width: max-content;
}
/************************* news *************************/
.news-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 9px 0 20px;
}

.news-main{
	justify-content: space-between;
}
.news-item {
	width: 31%;
	margin: 0 0 3.5%;
	margin-right: 3.5%;
	background: #fff;
	border: 1px solid #0066ff;
	border-radius: 8px;
	transition: all 0.3s;
}

.news-item:hover {
background: #0066ff;
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 102, 255, 0.2);
}

.news-item:nth-child(3n){
	margin-right: 0;
}

.news-main .news-item{
	margin-right: 0;
}

.news-item.arr-r-news{
	background-position: 94% 50%;
}

.news-item.arr-r-news:hover {
    background: url(../images/arr-r-news.png) 94% 50% no-repeat #0066ff;
    background-size: 50px;
}

.news-img {
	display: block;
	overflow: hidden;
	margin: -1px -1px 0;
	border-radius: 8px 8px 0 0;
}
.news-img img {
	width: 100%;
	height: 196px;
	object-fit: cover;
	transition: all 0.3s;
}
.news-img:hover img {transform: scale(1.05);}
.news-content {
	padding: 25px 25px 26px;
}
.news-title {
	margin: 0;
	font-size: 18px;
}

.news-title a {
	color: #000;
	transition: all 0.3s;
	text-decoration: none;
	font-weight: 500;
}
.news-title a:hover {color: #0060ff;}
.news-item:hover .news-title a{
	color:#ffde00;
}
.news-date {
	color: #0066ff;
	font-size: 12px;
	line-height: 14px;
	transition: all 0.3s;
	margin-top: 20px;
}
.news-item-big {
	width: 65.5%;
}
.news-item-big .news-title {
	margin: 0 0 19px;
	font-size: 22px;
}
.news-item-big .news-date {
	margin: 0 0 20px;
}
.news-item-big .news-text {
	margin: 0 0 -7px;
	color:#6e6e6e;
	font-weight: 300;
	transition: all 0.3s;

}

.news-item:hover .news-date{
	color:#ffe100;
}

.news-item:hover .news-title a{
	color:#fff;
}

.news-item-big:hover .news-text{
color:#fff;
}

/************************* pagination *************************/
.pagination {
	padding: 0 0 51px;
	text-align: center;
}
.pagination li {
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	margin: 0 14px;
	color: #0075ff;
}
.pagination a {
	color: #6e6e6e;
	text-decoration: none;
	border-bottom: 1px solid #6e6e6e;
}
.pagination a:hover {border-bottom: 1px solid transparent;color:#0075ff}
.pagination .active a,.pagination b {
	color: #0075ff;
	font-size: 18px;
	font-weight: 400;
	border-bottom: 1px solid transparent;
}
/************************* big-article *************************/
.article {
	padding: 0 0 15px;
}
.article .title {margin: 0 0 16px;display: block;}
.article p {
	margin: 0 0 30px;
	color:#6e6e6e;
}

.miss-img{
	margin-left: 60px;
	margin-bottom: 40px;
	max-width: 100%;
}



.article ul{
	color:#6e6e6e;
}

.article-webs {
	padding: 6px 0 30px;
}
.article-img {
	overflow: hidden;
	display: block;
	margin: 0 0 55px;
	border-radius: 8px;
}
.article-img img {
	width: 100%;
	transition: all 0.3s linear;
}
.article-img:hover img {transform: scale(1.05);}
.article-date {
	margin: 0 0 23px;
	color: #6e6e6e;
	font-size: 12px;
	line-height: 14px;
}
/************************* contacts *************************/
.contacts-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 60px;
}
.contacts-side {
	width: 44%;
	order: 2;
}
.contacts-webs .footer-webs {
	display: block;
	padding: 6px 0 45px;
}
.contacts-webs .footer-webs li {
	margin: 0 0 7px;
}
.contacts-webs .web1 {color: #0075ff;}
.contacts-webs .web2 {color: #92278f;}
.contacts-webs .web3 {color: #00aeef;}
.contacts-webs .web4 {color: #00c620;}
.contacts-webs .web5 {color: #5ea7ff;}
.contacts-webs .web1 path {fill: #0075ff;}
.contacts-webs .web2 circle,
.contacts-webs .web2 path {fill: #92278f;}
.contacts-webs .web3 path {fill: #00aeef;}
.contacts-webs .web4 path {fill: #00c620;}
.contacts-webs .web5 path {fill: #5ea7ff;}
.contacts-button .button {
	display: block;
	padding: 14px 15px;
}
.contacts-content {
	width: 50.5%;
	order: 1;
	padding: 10px 0 0;
}
.contacts-map {
	overflow: hidden;
	height: 555px;
	margin: 0 0 22px;
	border-radius: 8px;
}
.contacts-map-link {
	text-align: center;
}
.contacts-map-link a {color: #0075ff;}
/************************* partners *************************/
.partners-text {margin: 0 0 53px;color:#6e6e6e;line-height: 26px;}
.partners-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 18px;
}
.partners-item {
	width: 33%;
	margin: 0 0 46px;
	text-align: center;
}
.partners-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 174px;
	margin: 0 0 20px;
	background: #fff;
	border-radius: 8px;
	transition: all 0.3s linear;
}
.partners-logo img {
	max-width: 80%;
	max-height: 80%;
}
.partners-item:hover .partners-name a {
	color: #0084ff;text-decoration: underline;
}
.partners-name {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	color:#000;
	font-weight: 400;
}
.partners-name a {
	color: #000;
	text-decoration: none;
}
.top-text {
	margin: 0 0 53px;
}
.partners-member {
	justify-content: space-between;
	padding: 0;
}
.partners-member .partners-item {
	width: 33.333%;
	padding:0 15px;
	margin: 0 0 55px;
	text-align: center;
}
.partners-member .partners-logo {
	height: 237px;
	margin: 0 0 25px;
}
.partners-member .partners-name {
	margin: 0 0 5px;
	font-size: 16px;
	line-height: 25px;
}
.partners-member .partners-name a {
	color: #000;
	text-decoration: none;
}
.partners-member .partners-name a:hover {color: #0084ff;}
.partners-item-text {
	color: #6e6e6e;
	font-size: 14px;
	line-height: 20px;
}
/************************* case *************************/
.case-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 20px;
}
.case-item {
	width: 47.8%;
	margin: 0 0 4.4%;
	padding: 29px 35px 33px 39px;
	background: #fff;
	border: 1px solid #0075ff;
	border-radius: 8px;
	transition: all 0.3s linear;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: cover;
	position: relative;
}
.case-item:hover {
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 117, 255, 0.1);
}

.case-item:before{
	position: absolute;
	content:"";
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(255,255,255,0.5144432773109244) 77%, rgba(255,255,255,0) 89%, rgba(255,255,255,0) 100%);
	border-radius: 7px;
	transition: 0.2s;
}

.case-item:hover:before{
	transition: 0.2s;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(0, 117, 255,1) 63%, rgba(0, 117, 255,0.5144432773109244) 77%, rgba(0, 117, 255,0) 89%, rgba(0, 117, 255,0) 100%);
}

.case-title {
	margin: 0 0 10px;
	font-size: 18px;
	line-height: 30px;
	z-index: 2;
	position: relative;
	transition: 0.2s;
}
.case-title a {
	color: #000;
	text-decoration: none;
	font-weight: 500;
	transition: 0.2s;
}
.case-title a:hover {text-decoration: none;}
.case-date {
	position: relative;
	margin: 15px 0 0;
	font-size: 14px;
	line-height: 18px;
	transition: 0.2s;
	font-weight: 300;
}
.case-date img{
width: 20px;
height: 20px;
margin-right: 4px;
}

.case-date a {
	color: #0075ff;
	text-decoration: none;
}

.case-item:hover .case-date img{
	filter:brightness(0) invert(1);
}

.case-item:hover .case-date a{
	color:#fff;
}

.case-date a:hover {text-decoration: underline;}
.case-text {
	font-size: 14px;
	line-height: 22px;
	position: relative;
	z-index: 2;
	color:#6e6e6e;
	font-weight: 400;
	padding-right: 100px;
	transition: 0.2s;
}

.case-item:hover .case-text, .case-item:hover .case-date, .case-item:hover .case-title a{
	color:#fff;
} 

.filter-filter .title-filter{
	font-size: 14px;
	color: #6e6e6e;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: unset;
}

.filter-filter .side-subnav .active > a{
	text-decoration: none;
	color: #0075ff;
	font-weight: 400;
}

.filter-filter .side-nav .active > a{
	text-decoration: none;
}

.filter-filter .title-filter-arrows svg{
	width: 14px;
	height: 14px;
	margin-bottom: -2px;
}

.filter-filter{
	display: none;
}

.filter-filter .side{
width: 80%;
}

.filter-webfact .search{
width:70%;
}

.filter-filter .side-nav > li > a{
	font-size: 14px;
}

.filter-webfact .search-input{
	color:#6e6e6e;
	font-size: 14px;
	height: 48px;
}

.filter-webfact .search-input::placeholder{
	color:#6e6e6e;
}

.filter-webfact .search-button {
    position: absolute;
    top: 16px;
    right: 20px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.filter-filter .side-nav > li{
	margin-left: 0;
	padding-right: 30px;
}

.filter-filter .side-nav > li > ul > li > a{
	font-weight: 300;
	font-size: 14px;
}

.filter-filter .side-nav > li > ul > li{
	margin-left: 0 !important;
	padding-left: 0;
}

.filter-filter .side-nav li:last-child{
	order: 0;
}

.filter-filter .side-subnav a:after{
	display: none;
}

.filter-filter .side-filter .checkbox-label{
	font-size: 14px;
	color: #6e6e6e;
	font-weight: 300;
}

.filter-filter .side-filter .checkbox-label:before{
	width: 16px;
	height: 16px;
	top:6px;
	border-radius: 4px;
}

.filter-filter .side-filter .checkbox-input:checked + .checkbox-label:after{
display: none;
}

.filter-filter .side-nav{
	padding-bottom: 0;
}

.filter-filter .side-filter .checkbox-input:checked + .checkbox-label:before{
	background: url(../images/correct.svg) 50% 50% no-repeat #0084ff;
	background-size: 8px;
}

.filter-webfact{
	margin-top: -40px;
	padding-top: 40px;
	transition: 0.3s;
	padding-bottom: 20px;
}

.filter-webfact.f-open{
background: #f5f8ff;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.15);
margin-bottom: 40px;
}

.filter-head{
	display: flex;
	justify-content: space-between;
}

.filter-but {
    background: #ffde00;
    display: inline-block;
    height: max-content;
    padding: 4px 26px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
	margin-top: 8px;
	transition: 0.2s;
	cursor: pointer;
}

.filter-but:hover{
	background: #ffd000;
}

.close-f{
	display: none;
	margin-top: 11px;
	font-size: 14px;
	color:#6e6e6e;
	position: relative;
	cursor: pointer;
}

.close-f:after{
	background: url(../images/close.svg) 50% 50% no-repeat;
	background-size: 7px;
	width:11px;
	height:11px;
	position: absolute;
	top:9px;
	right:-16px;
	content:"";
}

/************************* side filter *************************/
.title-filter-arrows svg {
	width: 20px;
	height: 20px;
	transition: all 0.3s linear;
}
.title-filter-arrows path {
	fill: #989898;
	transition: all 0.3s linear;
}
.title-filter-arrows:hover svg {transform: rotate(180deg);}
.title-filter-arrows:hover path {fill: #0075ff;}
.side-filter .checkbox-item {
	position: relative;
	margin: 0 0 15px;
}
.side-filter .checkbox-item:last-child {margin: 0;}
.side-filter .checkbox-input {
	position: absolute;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.side-filter .checkbox-label {
	position: relative;
	display: block;
	padding: 0 0 0 35px;
	cursor: pointer;
	color: #000;
	font-size: 18px;
}
.side-filter .checkbox-label:before {
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
	content: '';
	width: 21px;
	height: 21px;
	box-sizing: border-box;
	background: transparent;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
}
.side-filter .checkbox-label:after {
	position: absolute;
	top: 11px;
	left: 7px;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	box-sizing: border-box;
	background: #0084ff;
	border-radius: 4px;
	opacity: 0;
}
.side-filter .checkbox-input:checked + .checkbox-label {color: #0084ff;}
.side-filter .checkbox-input:checked + .checkbox-label:before {border: 1px solid #0084ff;}
.side-filter .checkbox-input:checked + .checkbox-label:after {opacity: 1;}
/************************* case page *************************/
.case-banner {
	position: relative;
	overflow: hidden;
	padding: 106px 115px 107px;
	margin: 0 0 108px;
	border-radius: 8px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.case-banner-img {
	position: absolute;
	top: 0;
	right:-50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
}
.case-banner:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	display: block;
	content: '';
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 63%, rgba(255,255,255,0.5144432773109244) 77%, rgba(255,255,255,0) 89%, rgba(255,255,255,0) 100%);
	
}
.case-banner-content {
	position: relative;
	z-index: 10;
	color: #fff;
}
.case-banner-title {
	margin: 0 0 27px;
	font-size: 30px;
	line-height: 30px;
	position: relative;
	z-index: 2;
	color:#0f0e0e;
	font-weight: 500;
	padding-right: 400px;
}
.case-banner-text {
	font-size: 16px;
	position: relative;
	z-index: 2;
	font-weight: 400;
	color:#6e6e6e;
	padding-right: 400px;
}
.case-banner-line {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -20px 0 0;
	position: relative;
	z-index: 2;
}
.case-banner-category {
	position: relative;
	padding: 6px 20px 6px 38px;
	margin: 0 22px 20px 0;
	color: #ff4335;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}
.case-banner-category:hover {text-decoration: underline;}
.case-banner-category:before {
	position: absolute;
	top: 10px;
	left: 19px;
	display: block;
	content: '';
	width: 9px;
	height: 9px;
	background: #ff4335;
}
.case-banner-category:after {
	position: absolute;
	top: 10px;
	left: 24px;
	display: block;
	content: '';
	border-right: 4px solid #fff;
	border-top: 4px solid #ff4335;
	border-bottom: 5px solid #ff4335;
}
.case-banner-item {
	padding: 6px 20px;
	margin: 0 22px 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #fff;
	border-radius: 30px;
}
.case-section {
	max-width: 100%;
	margin: 0 auto;
}
.case-article-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.case-article-column {
	width: 100%;
}
.case-article {
	padding: 0 0 60px;
}
.case-article-title {
	margin: 0 0 27px;
	font-size: 20px;
	padding:10px 30px;
	font-weight: 500;
	background: #f5f8ff;
}
.case-article-text {
	font-size: 16px;
	color:#6e6e6e;
	font-weight: 400;
	padding:0 30px;
}
.case-gallery {
	padding: 0 0 68px;
}
.case-gallery-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 105px 0 0;
}
.case-gallery-item {
	overflow: hidden;
	width: 20%;
	margin: 0 0 40px 6.66%;
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}
.case-gallery-item:nth-child(4n + 1){
	margin: 0 0 40px;
}
.case-gallery-item img {width: 100%;}
.case-people {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 30px 20px;
}
.case-people-column {
	width: 46.5%;
}
.case-people-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 0 0 36px;
}
.case-people-photo {
	width: 60px;
	min-width: 60px;
	margin: 0 22px 0 0;
	padding: 7px 0 0;
}
.case-people-photo img {
	width: 100%;
	border-radius: 8px;
}
.case-people-name {
	margin: 0 0 3px;
	font-size: 20px;
	line-height: 30px;
}
.case-people-text {
	font-size: 12px;
	line-height: 20px;
}
.case-people-text span {
	display: block;
	color: #0075ff;
}
.case-people-text a {
	color: #0075ff;
	text-decoration: none;
}
.case-people-text a:hover {text-decoration: underline;}
/************************* more article styles *************************/
.article .article-title {
	margin: 0 0 46px;
}
.list li {
	position: relative;
	padding: 0 0 0 28px;
	margin: 0 0 30px;
}
.list li:before {
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	content: '';
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	background: url(../images/correct.svg) 50% 50% no-repeat #066dff;
	background-size: 8px;
	border-radius: 50%;
}
.side-order {
	padding: 43px 30px 50px;
	margin: 0 0 30px;
	text-align: center;
	border: 2px solid #0069ff;
	border-radius: 8px;
}
.side-order-text {
	margin: 0 0 29px;
	font-size: 20px;
	line-height: 30px;
}
/************************* main-block-reverse *************************/
.main-block-reverse .side {
	order: 2;
	width: 343px;
    min-width: 343px;
}
.main-block-reverse .content {
	padding: 0 62px 0 0;
	order: 1;
}
.blockquote-block {padding: 23px 0 0;}
blockquote {
	padding: 57px 50px 25px 60px;
	margin: 0 0 45px;
	font-size: 16px;
	line-height: 24px;
	color: #595c5f;
	background: #f1f7ff;
	border-radius: 20px;
}
blockquote p {
	margin: 0 0 24px;
}
.side-company {
	padding: 0 0 30px;
}
.side-company-img {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 237px;
	margin: 0 0 26px;
	background: #fff;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	transition: all 0.3s linear;
}
.side-company-img img {
	max-width: 98%;
	max-height: 98%;
}
.side-company-img:hover {
	border: 1px solid #fff;
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 0, 0, 0.1);
}
.side-company-title {
	margin: 0 0 14px;
	font-size: 16px;
	line-height: 24px;
}
.side-company-text {
	margin: 0 0 21px;
	color: #6e6e6e;
	font-size: 12px;
	line-height: 20px;
}
.button-min {
	padding: 7px 28px 7px;
	font-size: 16px;
	border: 1px solid #0075ff;
	border-radius: 8px;
}
.button-min:hover .button-arrow {
	transform: translateX(10px);
}
.button-arrow {
	width: 12px;
	margin: -1px 0 0 5px;
}
.button-min:hover path {fill: #fff;}
/************************* cabinet *************************/
.cabinet-info {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.cabinet-info-side {
	width: 200px;
	min-width: 200px;
	margin: 0 40px 0 0;
}
.cabinet-info-logo {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 138px;
	margin: 0 0 25px;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
}
.cabinet-info-valid {
	padding: 9px 10px 11px;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	background: #39b54a;
	border-radius: 8px;
}
.cabinet-info-content {
	flex: 1;
}
.h3 {
	margin: 0 0 22px;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
}
.cabinet-info-list {
	padding: 6px 0 0;
}
.cabinet-info-list li {
	margin: 0 0 35px;
}
.cabinet-info-parameter {
	margin: 0 0 5px;
	font-size: 14px;
	line-height: 20px;
}
.cabinet-info-value a {
	color: #0075ff;
}
.cabinet-form {
	max-width: 360px;
	margin: 0 0 50px;
}
.cabinet-form-text {
	padding: 0 0 16px;
}
/************************* registration *************************/
.reg-section {
	padding: 0 0 60px;
}
.reg-section .title {text-align: center;}
.reg-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blue {color: #0075ff;}
.reg-col {
	width: 47.75%;
	padding: 43px 50px 50px;
	border: 1px solid #0075ff;
	border-radius: 8px;
	transition: all 0.3s linear;
}
.reg-col:hover {
	box-shadow: 0px 10px 24.3px 5.7px rgba(0, 117, 255, 0.2);
}
.reg-col-title {
	margin: 0 0 22px;
	font-size: 30px;
	line-height: 36px;
}
.reg-col-text {
	padding: 0 0 11px;
	font-size: 14px;
	line-height: 28px;
}
.reg-col-text p {
	margin: 0 0 28px;
}
.reg-col-list {
	margin: -13px 0 0;
	padding: 0 0 9px;
}
.reg-col-list li {
	position: relative;
	padding: 0 0 0 27px;
	margin: 0 0 10px;
}
.reg-col-list li:before {
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	content: '';
	width: 11px;
	height: 1px;
	box-sizing: border-box;
	background: #066dff;
}
.reg-col .button {
	display: block;
	text-transform: uppercase;
}
.reg-form {
	padding: 0 0 40px;
}
.reg-form-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.reg-form-col {
	width: 47.75%;
}
.reg-form-item {padding: 0 0 20px;}
.reg-form-title {
	margin: 0 0 26px;
	font-size: 20px;
	line-height: 30px;
}
.input-note-min {
	margin: -13px 0 17px;
	color: #acacac;
	font-size: 12px;
	line-height: 14px;
}
.reg-form-button {
	padding-top: 10px;
}
.reg-form-col .side-filter {
	padding: 0 0 50px;
}
.reg-form-col .textarea {
    height: 200px;
}
/************************* footer *************************/
.footer {
	position: relative;
	z-index: 50;
	padding: 90px 0 84px;
	background: #007cff;
}
.footer-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 0 10px;
}
.footer-col {
	max-width: 25%;
}
.footer-title {
	margin: 0 0 25px;
	color: #007fff;
	font-size: 18px;
	line-height: 24px;
}
.footer-title a {
	color: #fff;
	text-decoration: none;
	font-weight: 500;
}
.footer-title a:hover {
	color: #ffe100;
}
.footer-nav {padding: 0 0 40px;}
.footer-nav li {
	margin: 0 0 15px;
}
.footer-nav a {
	position: relative;
	padding: 0;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
}
.footer-nav a:hover, .footer-nav li.active a {
	color: #ffe100;
}
.footer-webs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 10px 0 10px;
}
.footer-webs a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	color: #007fff;
	margin-right: 20px;
}

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

.footer-webs svg {
	margin: 0 10px 0 0;
}
.footer-webs path,
.footer-webs circle {
	fill: #555;
	transition: all 0.3s linear;
}
.footer-webs .web1:hover {color: #0075ff;}
.footer-webs .web2:hover {color: #92278f;}
.footer-webs .web3:hover {color: #00aeef;}
.footer-webs .web4:hover {color: #00c620;}
.footer-webs .web5:hover {color: #5ea7ff;}
.footer-webs .web1:hover path {fill: #0075ff;}
.footer-webs .web2:hover circle,
.footer-webs .web2:hover path {fill: #92278f;}
.footer-webs .web3:hover path {fill: #00aeef;}
.footer-webs .web4:hover path {fill: #00c620;}
.footer-webs .web5:hover path {fill: #5ea7ff;}
.web1 svg {width: 20px; height: 20px;}
.web2 svg {width: 20px; height: 20px;}
.web3 svg {width: 24px; height: 24px;}
.web4 svg {width: 18px; height: 18px;}
.web5 svg {width: 20px; height: 20px;}
.footer-copy {
	color: #fff;
	font-size: 12px;
	line-height: 24px;
}
.footer-copy a {color: #fff;}
.footer-map {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	overflow: hidden;
	margin: 0 0 72px;
	background: #fff;
	border: 1px solid #f0f0f0;
	position: relative;
	height: 400px;
	font-size: 12px;
	color:#555;
}
.footer-map-text {
    width: 300px;
    padding: 60px 35px 55px;
    position: absolute;
    z-index: 2;
    background: #fff;
	top: 50px;
	right: 40px;
	box-shadow:0 0 25px rgba(0, 0, 0, 0.15);
}
.footer-map-text > a{
	font-weight: 700;
	font-size: 16px;
}

.footer-map-text > a:last-of-type{
	color:#333;
}

.footer-map-text a {color: #0075ff;}
/************************* popup *************************/
.popup {
	width: 480px;
	display: none;
	border-radius: 8px;
}
.fancybox-content {border-radius: 8px;}
.popup.fancybox-content {
    padding: 55px 60px 60px;
}
.popup-title {
	margin: 0 0 42px;
	font-size: 24px;
	line-height: 29px;
	text-align: center;
}
.form-wrapper .input {
	border: 1px solid #cfcfcf;
}
.form-wrapper .textarea {
	border: 1px solid #cfcfcf;
}
/************************* media *************************/
@media screen and (max-height: 768px) {
	.header-title {
		margin: 0 0 35px;
		font-size: 36px;
		line-height: 42px;
	}

	.tourism-order{
		margin-left: 30px;
		margin-bottom: 30px;
	}

	.news-item-big{
		width: 100%;
	}

	.header-text {
		margin: 0 0 35px;
	}
	.header-buttons {
		align-items: flex-start;
		justify-content: space-between;
	}
	.header-buttons .big-button {
		width: 48%;
		margin: 0 4% 0 0;
		padding: 14px 20px 14px;
	}
	.header-buttons .big-button:last-child {
		margin: 0;
	}
}
@media screen and (max-width: 1023px) {
	.menu-side {
		width: 340px;
		padding: 80px 40px 50px 50px;
	}
	.menu-form {
		width: 320px;
	}

.fancybox-content .side-nav{
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
	
	.header {padding: 69px 0 0;}
	.header-fixed {display: none;}
	.header-nav {display: none;}
	.header-cabinet {display: none;}
	.header-top {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 200;
		height: 69px;
		padding: 16px 0 0;
	}
	.header-lang:hover .lang-hidden {display: none;}
	.main-page .header-top {
		position: fixed;
		z-index: 200;
	}
	.main-page .fixed .header-top {
		background: #0060ff;
	}
	.mob-nav-icon {
		display: block;
		padding: 4px 0 7px;
		margin: 0 43px 0 0;
	}
	.main-page .header {
		padding: 0;
	}
	.main-news {
		padding: 55px 0 60px;
	}
	.main-news .news-list {
		padding: 2.825% 0 30px;
	}
	.news-big .news-content {
		padding: 50px 40px 40px 50px;
	}
	.step-block {
		margin: 0;
		padding: 0 0 60px;
	}
	.step-top {
		padding: 25px 20px 0;
	}
	.step:before {
		top: -30px;
	}
	.step-hidden {
		padding: 23px 10px 20px 30px;
	}
	.step-scroll {
		padding: 0 10px 0 0;
	}
	.step-item:hover .step {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.step-item:hover .step-hidden {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.step-item.active .step {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.step-item.active .step-hidden {
		-webkit-transform: rotateY(0deg);
		transform: rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.main-bottom {
		padding: 1px 0 60px;
	}
	.numbers {
		padding: 20px 0 75px;
	}
	.numbers-value {
		margin: 0 0 10px;
		font-size: 70px;
		line-height: 60px;
	}
	.support {padding: 0 0 30px;}
	.support-block {padding: 10px 0 0;}
	.support-col {
		width: 100%;
	}
	.region {
		padding: 0 0 60px;
	}
	.region-map {
		padding: 20px 0 0;
	}
	.region-info ul {
		width: 50%;
		padding: 0 15px 0 0;
	}
	.main {
		padding: 50px 0 15px;
	}
	.title {
		margin: 0 0 30px;
		font-size: 30px;
		line-height: 36px;
	}
	.partners-list {
		padding: 0 0 5px;
	}
	.partners-item {
		width: 50%;
		margin: 0 0 46px;
		padding: 0 15px;
	}
	.main-block {display: block;}
	.side {
		float: none;
		width: auto;
		min-width: 1px;
		margin: 0;
		padding: 0 0 20px;
	}
	.content {
		margin: 0;
		padding: 0;
	}
	.main-block-reverse .side {
		width: auto;
		min-width: 1px;
	}
	.main-block-reverse .content {
		padding: 0;
	}
	.side-float {margin-top: 0 !important;}
	.side .title {display: none;}
	.side-nav {
		display: none;
		padding: 0;
		width: 380px;
		max-width: 100%;
	}
	.side-nav li{
		margin-left: 0;
	}
	.side-filter {
		padding: 0;
		width: max-content;
		margin: 0 auto;
		padding-bottom: 40px;
	}

	.filter-filter .title-filter{
		text-align: center;
	}
	.mob-button {
		display: block;
		margin-left:auto;
		margin-right: auto;
	}

	.filter-filter .side{
		width: 100%;
	}

	.filter-webfact{
		margin-top: -50px;
	}

	.news-list {
		padding: 0 0 20px;
	}
	.pagination {
		padding: 0 0 40px;
	}
	.contacts-block {
		padding: 0 0 45px;
	}
	.footer {
		padding: 50px 0 45px;
	}
	.footer-block {
		padding: 0 0 1px;
	}
	.footer-nav {
		padding: 0 0 30px;
	}
	.footer-col {
		max-width: 200px;
	}
	.footer-map {
		display: block;
		margin: 20px 0 45px;
	}
	.case-banner {
		padding: 66px 60px 67px;
		margin: 0 0 70px;
	}
	.case-banner-line {
		padding: 0 0 40px;
	}
	.case-article {
		padding: 0 0 50px;
	}
	.case-gallery-block {
		padding: 60px 0 0;
	}
	.case-gallery {
		padding: 0 0 40px;
	}
	.case-people {
		padding: 0 0 5px;
	}
	.article .article-title {
		margin: 0 0 25px;
	}
	.blockquote-block {padding: 10px 0 0;}
	blockquote {
		padding: 35px 40px 10px;
		margin: 0 0 30px;
	}
	.reg-col {
		width: 48%;
		padding: 30px;
	}
	.reg-col-title {
		margin: 0 0 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.reg-form {
		padding: 0 0 30px;
	}
	.reg-form-col .side-filter {
		display: block;
		padding: 0 0 50px;
		width: auto;
	}
}
@media screen and (max-width: 767px) {
	.menu {
		display: block;
		overflow-y: auto;
	}

	.case-banner-img{
		right: 0;
		opacity: 0.2;
	}

	.case-banner-title, .case-banner-text{
		padding-right: 0;
	}
	.case-article-text{
		padding: 0;
	}

	.menu-close {
		top: 30px;
		right: 30px;
	}
	.menu-side {
		width: auto;
		height: auto;
		padding: 80px 40px 30px 50px;
	}
	.menu-logo {
		margin: 0 0 55px;
	}
	.menu-form-title {
		margin: 0 0 30px;
		font-size: 30px;
		line-height: 36px;
	}
	.menu-form .submit {
		margin: 0 0 45px;
	}
	.menu-form-subtitle {
		margin: 0 0 30px;
		font-size: 24px;
		line-height: 30px;
	}
	.menu-main {
		height: auto;
		padding: 50px 20px 55px;
	}
	.menu-form {
		width: 320px;
	}
	.header-title {
		margin: 0 0 40px;
		font-size: 40px;
		line-height: 48px;
	}
	.header-buttons .big-button {
		width: 48%;
		margin: 0 4% 0 0;
		padding: 14px 20px 14px;
	}
	.news-big {
		display: block;
		margin: -40px 0 0;
	}
	.news-big .news-img {
		width: auto;
		margin: -1px -1px 0;
		border-radius: 8px 8px 0 0;
	}
	.news-big .news-content {
		width: auto;
		padding: 30px 30px 30px;
	}
	.main-news .news-list {
		padding: 20px 0 30px;
	}
	.main-news .news-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.main-news .news-item:nth-child(3n + 1){margin: 0 0 20px;}
	.news-item-big .news-img img {
		height: 240px;
	}
	.step-block {
		margin: 0;
		padding: 0 0 40px;
	}
	.step-item {
		width: 48%;
		margin: 0 0 20px 4%;
	}
	.step-item:nth-child(3n + 1){margin: 0 0 20px 4%;}
	.step-item:nth-child(2n + 1){margin: 0 0 20px;}
	.numbers {
		padding: 20px 0 40px;
	}
	.numbers-item {
		width: 50%;
		margin: 0 0 40px;
	}
	.partners-slide-block {display: block;}
	.partners-slide .partners-logo {
		width: auto;
		max-width: 340px; 
		height: 240px;
		margin: 0 auto 30px;
	}
	.partners-slide-content {
		width: auto;
		text-align: center;
	}
	.partners-slide-title {
		margin: 0 0 19px;
		font-size: 21px;
		line-height: 28px;
	}
	.title {
		margin: 0 0 30px;
		font-size: 24px;
		line-height: 30px;
	}
	.top-text {
		margin: 0 0 35px;
	}
	.footer-block {display: block;}
	.footer-col {
		max-width: none;
	}
	.footer .webs-text {display: none;}
	.footer .footer-webs svg {
		margin: 0;
	}
	.footer-nav li {
		margin: 0 0 10px;
	}
	.footer-map-img {
		height: 200px;
	}
	.footer-map-text {
		padding: 20px;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}

	.footer-map{
		height: 600px;
	}

	.news-content {
		padding: 30px 25px 30px;
	}
	.case-item {
		padding: 25px 20px 25px 25px;
	}
	.contacts-block {
		display: block;
		padding: 0 0 40px;
	}
	.contacts-side {
		width: auto;
	}
	.contacts-webs .footer-webs {
		padding: 6px 0 20px;
	}
	.contacts-content {
		width: auto;
		padding: 40px 0 0;
	}
	.contacts-map {
		height: 400px;
	}
	.case-article-column {
		width: 100%;
	}
	.case-article-title {
		margin: 0 0 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.case-people-column {
		width: 100%;
	}
	.case-gallery-item {
		width: 30%;
		margin: 0 0 30px 5%;
	}
	.case-gallery-item:nth-child(4n + 1){margin: 0 0 30px 5%;}
	.case-gallery-item:nth-child(3n + 1){margin: 0 0 30px;}
	.reg-section {
		padding: 0 0 20px;
	}
	.reg-col {
		width: 100%;
		margin: 0 0 30px;
	}
	.reg-form-col {
		width: 100%;
	}
	.reg-form-title {
		margin: 0 0 20px;
	}
	
}
@media screen and (max-width: 576px) {
	.header-main {
		padding: 80px 0 20px;
	}

	.tourism-order{
		float: none;
		width: 100%;
		margin-left: 0;
		padding:80px 30px;
	}

	.header-title {
		margin: 0 0 30px;
		font-size: 30px;
		line-height: 36px;
	}
	.header-text {
		margin: 0 0 40px;
	}
	.header-buttons .big-button {
		width: 100%;
		margin: 0 0 20px;
		padding: 14px 15px 14px;
	}
	.news-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.news-item-big .news-title {
		margin: 0 0 19px;
		font-size: 18px;
	}
	.news-big {
		margin: 40px 0 0;
	}
	.news-big .news-content {
		padding: 30px 20px;
	}
	.news-big .news-title {
		font-size: 18px;
	}
	.news-big .news-text {
		font-size: 16px;
	}
	.news-content {
		padding: 25px 20px;
	}
	.partners-item {
		width: 100%;
		margin: 0 0 36px;
	}
	.step-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.step-item:nth-child(3n + 1){margin: 0 0 20px;}
	.step:before {
		top: 0px;
	}
	.case-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.partners-member .partners-item {
		width: 100%;
		margin: 0 0 40px;
	}
	.case-banner {
		padding: 25px 20px 27px;
		margin: 0 0 50px;
	}
	.case-banner-title {
		margin: 0 0 25px;
		font-size: 30px;
		line-height: 36px;
	}
	.case-banner-line {
		padding: 0 0 10px;
	}
	blockquote {
		padding: 25px 20px 1px;
	}
	.cabinet-form {
		max-width: none;
	}
	.cabinet-info {display: block;}
	.cabinet-info-side {
		width: auto;
		min-width: 1px;
		margin: 0;
		padding: 0 0 50px;
	}
	.reg-section {
		padding: 0 0 30px;
	}
	.reg-col {
		width: 100%;
		padding: 25px 20px 20px;
		margin: 0 0 20px;
	}
	.reg-col-text {
		padding: 0 0 1px;
	}
	.partners-slide {
		padding: 0 30px;
	}
	.region-info ul {
		width: 100%;
		padding: 0;
	}
}
@media screen and (max-width: 440px) {
	.popup.fancybox-content {
		padding: 25px 30px 30px;
	}
	.popup-title {
		margin: 0 0 25px;
	}

	.filter-webfact .search{
		width: 100%;
		margin-bottom: 20px;
	}
	.filter-head{
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.filter-but{
		margin-bottom: 20px;
	}

}
@media screen and (max-width: 400px) {
	.partners-item:nth-child(3n + 1){margin: 0 0 36px;}
	.case-gallery-item {
		width: 47%;
		margin: 0 0 30px 6%;
	}
	.case-gallery-item:nth-child(3n + 1){margin: 0 0 30px 6%;}
	.case-gallery-item:nth-child(2n + 1){margin: 0 0 30px;}
	.numbers-value {
		margin: 0 0 15px;
		font-size: 60px;
		line-height: 50px;
	}
	.numbers-text {
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 360px) {
	.header-main {
		padding: 60px 0 0;
	}
	.header-title {
		margin: 0 0 20px;
		font-size: 24px;
		line-height: 30px;
	}
	.header-text {
		margin: 0 0 25px;
		line-height: 24px;
	}
	.header-buttons .big-button {
		width: 100%;
		margin: 0 0 20px;
		padding: 10px 15px;
	}
}

/************************* additional pages *************************/
.header-search {
	width: 15px;
	height: 15px;
	margin: 0 auto 0 0;
}
.header-search svg {display: block;}
.header-search path {
	fill: #fff;
	transition: all 0.3s linear;
}
.header-search:hover path {
	fill: #ffe100;
}
.side-company-img {
    margin: 0 0 40px;
}
.side-company-wrap {
	padding: 40px 40px 40px;
	background: #f1f7ff;
	border-radius: 8px;
}
.side-company-item {
	margin: 0 0 27px;
}
.side-company-item-min {
	margin: 0 0 4px;
	font-size: 14px;
	line-height: 20px;
}
.side-company-item-text a {
	color: #0075ff;	
}
.side-company-wrap .button-min {
	display: block;
	padding: 7px 15px;
}
.search {
	position: relative;
	margin: 0 0 40px;
}
.search-input {
	display: block;
	width: 100%;
	height: 54px;
	padding: 0 20px;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	background: #fff;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
}
.search-button {
	position: absolute;
	top: 19px;
	right: 20px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.search-button svg {display: block;}
.search-button path {
	fill: #000;
	transition: all 0.3s linear;
}
.search-button:hover path {
	fill: #0075ff;
}
.warning {
    margin: 0 0 40px;
    padding: 20px 30px 20px 40px;
    font-size: 14px;
    line-height: 20px;
    background: #f5f8ff;
	border-radius: 8px;
	color: #0075ff;
}

.warning-text {
	padding: 0 0 0 37px;
	background: url(../images/warning.svg) 0 1px no-repeat;
	background-size: 20px;
}
.warning a {
	color: #0075ff;	
	font-weight: 500;
}

.team {padding: 0 0 20px;}
.team-title {
	padding: 0 0 32px;
	margin: 0 0 49px;
	font-size: 30px;
	line-height: 36px;
	border-bottom: 4px solid #f3f3f3;
}
.team-main {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.team-content {
	position: relative;
	width: 64.4%;
}
.team-content:before {
	position: absolute;
	top: 121px;
	bottom: 40px;
	right: -4.4%;
	display: block;
	content: '';
	width: 4px;
	background: #f3f3f3;
}
.team-side {
	width: 30%;
}
.team-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -24px;
}
.team-item {
	width: 50%;
	padding: 0 24px 30px;
}
.team-side .team-item {width: 100%;}
.team-side .team-title {
	padding: 0 0 7px;
	margin-top: -11px;
}
.team-info {
	max-width: 270px;
	margin: 0 auto;
	height: 124px;
	padding: 24px 0 0;
	text-align: center;
}
.team-photo img {
	width: 100%;
	border-radius: 8px;
}
.team-name {
	margin: 0 0 3px;
	font-size: 18px;
	line-height: 25px;
}
.team-status {
	color: #6e6e6e;
	font-size: 14px;
	line-height: 20px;
}
.team-top-block {
	padding: 0 0 28px;
}
.team-top-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	margin: 0 0 63px;
}
.team-top-item .team-photo {
	width: 30%;
	min-width: 30%;
	margin-left: calc(30% + 48px);
}
.team-top-item .team-info {
    max-width: 280px;
    margin: 0;
    height: auto;
    padding: 0 0 0 48px;
    text-align: left;
}
.team-top-item .team-name {
	margin: 0 0 15px;
	font-size: 30px;
	line-height: 36px;
}
.menu-search {
	display: none;
	padding: 0 50px 340px;
	width: 100%;
	max-width: 746px;
}
.menu-search.vis {
	display: block;
}
.menu-form.hide {display: none;}
.menu-search .search-input {
    border: 1px solid #fff;
}
.reg-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 500;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 50px;
	background: rgba(0, 0, 0, 0.9);
}
.reg-fixed-block {
	max-width: 480px;
	margin: auto;
}
.reg-fixed-top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 286px;
	border-radius: 8px 8px 0 0;
	background: url(../images/media/header-bg.jpg) 50% 50%;
    background-size: cover;
}
.reg-fixed-top .header-logo-img {
	width: 77px;
}
.reg-fixed-top .header-logo-big {
	margin: 8px 0 0 102px;
	font-size: 62px;
	line-height: 60px;
}
.reg-fixed-main {
	padding: 55px 60px 60px;
	text-align: center;
	background: #fff;
	border-radius: 0 0 8px 8px;
}
.reg-fixed-text {margin: 0 0 32px;}
.reg-fixed-block .button {
	display: block;
	padding: 11px 15px;
	margin: 0 0 30px;
	color: #0075ff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #0075ff;
	border-radius: 8px;
}
.reg-fixed-block .button:hover {color: #fff;}
.reg-fixed-block .button.button-blue {color: #fff;}
.reg-fixed-block .button:last-child {
	margin: 0;
}

@media screen and (max-width: 1199px) {
	.team-side {
		width: 29.65%;
	}
	.team-side .team-title {
		margin-top: -47px;
	}
}
@media screen and (max-width: 1023px) {
	.team-top-item {
		margin: 0 -24px 50px;
	}
	.team-top-item .team-photo {
		width: 50%;
		min-width: 50%;
		margin-left: 0;
		padding: 0 24px;
	}
	.team-top-item .team-info {
		padding: 0 0 0 24px;
	}
	.team-content {
		width: 100%;
	}
	.team-content:before {display: none;}
	.team-side {
		width: 100%;
	}
	.team-side .team-item {
		width: 50%;
	}
	.team-item {
		padding: 0 24px 50px;
	}
	.team-info {
		height: auto;
	}
	.team-side .team-title {
		margin-top: 0;
		padding: 0 0 12px;
	}
	.team-title {
		padding: 0 0 12px;
	}
	.team-top-block {
		padding: 0;
	}
	.header-top-block {position: relative;}
	.header-search {
		position: absolute;
		top: 11px;
		left: 50px;
	}
	
}
@media screen and (max-width: 767px) {
	.team-title {
		margin: 0 0 30px;
		font-size: 24px;
		line-height: 30px;
		border-bottom: 2px solid #f3f3f3;
	}
	.team-top-item .team-name {
		margin: 0 0 15px;
		font-size: 21px;
		line-height: 28px;
	}
	.menu-search {
		padding: 0;
	}
}
@media screen and (max-width: 576px) {
	.team-block {
		margin: 0 -10px;
	}
	.team-item {
		padding: 0 10px 50px;
	}
	.team-top-item {
		margin: 0 -10px 50px;
	}
	.team-top-item .team-photo {
		padding: 0 10px;
	}
	.team-top-item .team-info {
		padding: 0 0 0 10px;
	}
}
@media screen and (max-width: 400px) {
	.team-item, .team-side .team-item {
		width: 100%;
	}
	.team-top-item {
		display: block;
		margin: 0 0 50px;
	}
	.team-top-item .team-photo {
		padding: 0 0 21px;
		width: 100%;
   		min-width: 100%;
	}
	.team-top-item .team-info {
		padding: 0;
		margin: 0 auto;
		text-align: center;
	}
}
/*********************** animation styles ****************************/
@-webkit-keyframes fading {
	0%, 20% {
	  opacity: 1;
	}
	80%, 100% {
	  opacity: 0;
	}
  }
  @-moz-keyframes fading {
	0%, 20% {
	  opacity: 1;
	}
	80%, 100% {
	  opacity: 0;
	}
  }
  @keyframes fading {
	0%, 20% {
	  opacity: 1;
	}
	80%, 100% {
	  opacity: 0;
	}
  }

.header-wrap {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.header-block {
	flex: 1;
	max-width: 670px;
	padding: 0 40px 0 0;
}
.header-graph {
	position: relative;
	width: 420px;
	min-width: 420px;
	color: #fff;
}
#container {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
.nav-item-text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
}
.section {
	display: none;
	height: 700px;
	margin: 0 auto;
}
.fil1 {fill:#fff}
.fil0 {fill:#fff}
.nav-item-icon-text {
	margin: -45px 0 10px;
    font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
} 
.nav-main-container {
	position: relative;
	height: 320px;
	z-index: 3;
}
.animation-tabs {
	display: none;
}
.secondary .animation-tabs {
	display: block;
}
.animation-tab {display: none;}
.animation-tab-title {
	margin: 0 0 20px;
	font-size: 22px;
}
#animation-back-arrow {display: none;}
.nav-item-border {
	color: #fff;
	text-decoration: none;
}
  .nav-main-container.primary .nav-item-border {
	position: absolute;
	border: 3px solid transparent;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	bottom: 0;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border {
	  width: 80px;
	  height: 80px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border {
	  width: 150px;
	  height: 150px;
	}
  }
  .nav-main-container.primary .nav-item-border .nav-item-text {
	opacity: 0;
  }
  .nav-main-container.primary .nav-item-border .nav-item-text.discover {
	-webkit-animation: fading 3s alternate-reverse infinite;
	-moz-animation: fading 3s alternate-reverse infinite;
	animation: fading 3s alternate-reverse infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-text.create {
	-webkit-animation: fading 3s 0.75s alternate-reverse infinite;
	-moz-animation: fading 3s 0.75s alternate-reverse infinite;
	animation: fading 3s 0.75s alternate-reverse infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-text.negotiate {
	-webkit-animation: fading 3s 1.5s alternate-reverse infinite;
	-moz-animation: fading 3s 1.5s alternate-reverse infinite;
	animation: fading 3s 1.5s alternate-reverse infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-text.execute {
	-webkit-animation: fading 3s 2.25s alternate-reverse infinite;
	-moz-animation: fading 3s 2.25s alternate-reverse infinite;
	animation: fading 3s 2.25s alternate-reverse infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-text.manage {
	-webkit-animation: fading 3s 3s alternate-reverse infinite;
	-moz-animation: fading 3s 3s alternate-reverse infinite;
	animation: fading 3s 3s alternate-reverse infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-content {
	display: inline-block;
	position: relative;
	overflow: hidden;
	opacity: 1;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border .nav-item-content {
	  width: 80px;
	  height: 80px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border .nav-item-content {
	  width: 150px;
	  height: 150px;
	}
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon {
	position: absolute;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	text-align: center;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border .nav-item-icon {
	  padding-top: 5px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border .nav-item-icon {
	  padding-top: 12px;
	}
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border .nav-item-icon svg {
	  width: 50%;
	  height: auto;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border .nav-item-icon svg {
	  width: 50px;
	  height: auto;
	}
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon.discover {
	-webkit-animation: fading 3s alternate infinite;
	-moz-animation: fading 3s alternate infinite;
	animation: fading 3s alternate infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon.create {
	-webkit-animation: fading 3s 0.75s alternate infinite;
	-moz-animation: fading 3s 0.75s alternate infinite;
	animation: fading 3s 0.75s alternate infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon.negotiate {
	-webkit-animation: fading 3s 1.5s alternate infinite;
	-moz-animation: fading 3s 1.5s alternate infinite;
	animation: fading 3s 1.5s alternate infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon.execute {
	-webkit-animation: fading 3s 2.25s alternate infinite;
	-moz-animation: fading 3s 2.25s alternate infinite;
	animation: fading 3s 2.25s alternate infinite;
  }
  .nav-main-container.primary .nav-item-border .nav-item-icon.manage {
	-webkit-animation: fading 3s 3s alternate infinite;
	-moz-animation: fading 3s 3s alternate infinite;
	animation: fading 3s 3s alternate infinite;
  }
  .nav-main-container.primary .nav-item-border.discover {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border.discover {
		top: 8px;
		left: 145px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border.discover {
	  top: 8px;
	  left: 145px;
	}
  }
  .nav-main-container.primary .nav-item-border.discover span {
	color: #fff;
  }
  .nav-main-container.primary .nav-item-border.create {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border.create {
		top: 120px;
		left: 257px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border.create {
	  top: 120px;
	  left: 257px;
	}
  }
  .nav-main-container.primary .nav-item-border.create span {
	color: #fff;
  }
  .nav-main-container.primary .nav-item-border.execute {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border.execute {
		top: 231px;
		left: 145px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border.execute {
	  top: 231px;
	  left: 145px;
	}
  }
  .nav-main-container.primary .nav-item-border.execute span {
	color: #fff;
  }
  .nav-main-container.primary .nav-item-border.manage {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.primary .nav-item-border.manage {
		top: 120px;
		left: 33px;
	}
  }
  @media screen and (min-width: 768px) {
	.nav-main-container.primary .nav-item-border.manage {
	  top: 120px;
	  left: 33px;
	}
  }
  .nav-main-container.primary .nav-item-border.manage span {
	color: #fff;
  }

  .nav-main-container.secondary {
	background-size: 1px,1px;
  }
  .nav-main-container.secondary .nav-item-border {
	width: 12px;
	height: 12px;
	top: 100%;
	background: none;
	position: absolute;
	border: 1px solid transparent;
	cursor: pointer;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	transition: all 1s ease-out;
  }
  .nav-main-container.secondary .nav-item-border.discover {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.secondary .nav-item-border.discover {
	  left: 102px;
	}
  }
  @media screen and (min-width: 480px) {
	.nav-main-container.secondary .nav-item-border.discover {
	  left: 190px;
	}
  }
  .nav-main-container.secondary .nav-item-border.discover.active {
	background: #fcc330;
  }
  .nav-main-container.secondary .nav-item-border.create {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.secondary .nav-item-border.create {
	  left: 129px;
	}
  }
  @media screen and (min-width: 480px) {
	.nav-main-container.secondary .nav-item-border.create {
	  left: 217px;
	}
  }
  .nav-main-container.secondary .nav-item-border.create.active {
	background: #fcc330;
  }
  .nav-main-container.secondary .nav-item-border.negotiate {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.secondary .nav-item-border.negotiate {
	  left: 156px;
	}
  }
  @media screen and (min-width: 480px) {
	.nav-main-container.secondary .nav-item-border.negotiate {
	  left: 244px;
	}
  }
  .nav-main-container.secondary .nav-item-border.negotiate.active {
	background: #fcc330;
  }
  .nav-main-container.secondary .nav-item-border.execute {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.secondary .nav-item-border.execute {
	  left: 183px;
	}
  }
  @media screen and (min-width: 480px) {
	.nav-main-container.secondary .nav-item-border.execute {
	  left: 271px;
	}
  }
  .nav-main-container.secondary .nav-item-border.execute.active {
	background: #fcc330;
  }
  .nav-main-container.secondary .nav-item-border.manage {
	border-color: #fcc330;
  }
  @media screen and (min-width: 320px) {
	.nav-main-container.secondary .nav-item-border.manage {
	  left: 210px;
	}
  }
  @media screen and (min-width: 480px) {
	.nav-main-container.secondary .nav-item-border.manage {
	  left: 298px;
	}
  }
  .nav-main-container.secondary .nav-item-border.manage.active {
	background: #fcc330;
  }
  .nav-main-container.secondary .nav-item-content {
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
  } 
  
  .animation-back-button-container {
	position: absolute;
	cursor: pointer;
	opacity: 1;
	z-index: 3;
	color: #fff;
	-webkit-animation: fading 1s reverse;
	-moz-animation: fading 1s reverse;
	animation: fading 1s reverse;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
  }
  @media screen and (min-width: 320px) {
	.animation-back-button-container {
	  top: 100%;
	  left: 0;
	  margin-top: -7px;
	}
  }
  .animation-back-button-container svg {
	float: left;
	margin-right: 8px;
	-webkit-transition: margin-right 0.5s ease-in-out;
	-moz-transition: margin-right 0.5s ease-in-out;
	transition: margin-right 0.5s ease-in-out;
  }
  .animation-back-button-container span {
	display: inline-block;
	vertical-align: top;
	margin: 0px;
	font-size: 14px;
	line-height: 25px;
	color: #fff;
	text-transform: uppercase;
  }
  .animation-back-button-container:hover svg {
	margin-right: 5px;
  } 

@media screen and (max-width: 1200px) {
	.header-buttons .big-button {
		margin: 0 0 30px;
	}
	.header-buttons .big-button:last-child {
		margin: 0;
	}
}
@media screen and (max-width: 1023px) {
	.header-graph {
		display: none;
	}
	.header-buttons .big-button {
		margin: 0 40px 0 0;
	}
}
@media screen and (max-width: 767px) {
	.header-buttons .big-button {
		margin: 0 4% 0 0;
	}
}
@media screen and (max-width: 576px) {
	.header-buttons .big-button {
		margin: 0 0 20px;
	}
	.slider {
		margin: 50px 0 90px;
	}
}
/*********************** main page partners again ****************************/
.main-partners-section {
	padding: 0 0 100px;
}

.main-partners-section .partners-item{
width: 25%;
}
@media screen and (max-width: 1023px) {
	.main-partners-section {
		padding: 0 0 60px;
	}
}