@font-face {
	font-family: 'Roboto';
	src: local('Roboto Thin'), local('Roboto-Thin'), url("/styles/font/Robotothin.woff2") format('woff2'), url("/styles/font/Robotothin.woff") format('woff'), url("/styles/font/Robotothin.ttf") format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url("/styles/font/Robotothinitalic.woff2") format('woff2'), url("/styles/font/Robotothinitalic.woff") format('woff'), url("/styles/font/Robotothinitalic.ttf") format('truetype');
	font-weight: 100;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Light'), local('Roboto-Light'), url("/styles/font/Robotolight.woff2") format('woff2'), url("/styles/font/Robotolight.woff") format('woff'), url("/styles/font/Robotolight.ttf") format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url("/styles/font/Robotolightitalic.woff2") format('woff2'), url("/styles/font/Robotolightitalic.woff") format('woff'), url("/styles/font/Robotolightitalic.ttf") format('truetype');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto'), local('Roboto-Regular'), url("/styles/font/Roboto.woff2") format('woff2'), url("/styles/font/Roboto.woff") format('woff'), url("/styles/font/Roboto.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Italic'), local('Roboto-Italic'), url("/styles/font/Robotoitalic.woff2") format('woff2'), url("/styles/font/Robotoitalic.woff") format('woff'), url("/styles/font/Robotoitalic.ttf") format('truetype');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Medium'), local('Roboto-Medium'), url("/styles/font/Robotomedium.woff2") format('woff2'), url("/styles/font/Robotomedium.woff") format('woff'), url("/styles/font/Robotomedium.ttf") format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url("/styles/font/Robotomediumitalic.woff2") format('woff2'), url("/styles/font/Robotomediumitalic.woff") format('woff'), url("/styles/font/Robotomediumitalic.ttf") format('truetype');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Bold'), local('Roboto-Bold'), url("/styles/font/Robotobold.woff2") format('woff2'), url("/styles/font/Robotobold.woff") format('woff'), url("/styles/font/Robotobold.ttf") format('truetype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url("/styles/font/Robotobolditalic.woff2") format('woff2'), url("/styles/font/Robotobolditalic.woff") format('woff'), url("/styles/font/Robotobolditalic.ttf") format('truetype');
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Black'), local('Roboto-Black'), url("/styles/font/Robotoblack.woff2") format('woff2'), url("/styles/font/Robotoblack.woff") format('woff'), url("/styles/font/Robotoblack.ttf") format('truetype');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url("/styles/font/Robotoblackitalic.woff2") format('woff2'), url("/styles/font/Robotoblackitalic.woff") format('woff'), url("/styles/font/Robotoblackitalic.ttf") format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'RobotoSlab';
	src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url("/styles/font/robotoslabthin.woff2") format('woff2'), url("/styles/font/robotoslabthin.woff") format('woff'), url("/styles/font/robotoslabthin.ttf") format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab';
	src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url("/styles/font/robotoslablight.woff2") format('woff2'), url("/styles/font/robotoslablight.woff") format('woff'), url("/styles/font/robotoslablight.ttf") format('truetype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab';
	src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url("/styles/font/robotoslabregular.woff2") format('woff2'), url("/styles/font/robotoslabregular.woff") format('woff'), url("/styles/font/robotoslabregular.ttf") format('truetype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'RobotoSlab';
	src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url("/styles/font/robotoslabbold.woff2") format('woff2'), url("/styles/font/robotoslabbold.woff") format('woff'), url("/styles/font/robotoslabbold.ttf") format('truetype');
	font-weight: 700;
	font-style: normal;
}


.jarallax {
	position: relative;
	z-index: 0;
}

.jarallax>.jarallax-img {
	position: absolute;
	object-fit: cover;
	/* support for plugin https://github.com/bfred-it/object-fit-images */
	font-family: 'object-fit: cover;';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

html,
body {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	position: relative;
	min-width: 320px;
	background: url(/images/Grey.png) fixed top no-repeat #222;
	background-size: cover;
	font-size: 16px;
	font-family: 'Roboto';
	font-weight: 400;
	font-style: normal;
}

body.stop {
	overflow-y: hidden;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

img {
	border: 0;
}

.clearfix::after {
	content: '';
	clear: both;
	display: table;
}

input,
textarea,
select {
	outline: none;
}

textarea::-webkit-input-placeholder {
	color: #242426;
}

textarea::-moz-placeholder {
	color: #242426;
}

input[type="text"]::-webkit-input-placeholder {
	color: #242426;
}

input[type="text"]::-moz-placeholder {
	color: #242426;
}

textarea:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity 150ms ease;
}

textarea:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 150ms ease;
}

input[type="text"]:focus::-webkit-input-placeholder {
	opacity: 0;
	transition: opacity 150ms ease;
}

input[type="text"]:focus::-moz-placeholder {
	opacity: 0;
	transition: opacity 150ms ease;
}

.wrapper {
	overflow-x: hidden;
	max-width: 1280px;
	margin: 0 auto;
}

.main {
	padding: 27px 30px;
	background: #323338;
}

@media screen and (max-width: 767px) {
	.main {
		padding: 25px 20px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
	}

	.sidebar {
		order: 0;
	}

	.content {
		order: 1;
	}

}

.project+.main {
	padding-top: 45px;
}

.content {
	box-sizing: border-box;
	float: right;
	width: 100%;
	padding-right: 280px;
}

@media screen and (max-width: 767px) {
	.content {
		float: none;
		padding-right: 0;
	}
}

.sidebar {
	float: right;
	width: 230px;
	margin-right: -100%;
}

@media screen and (max-width: 767px) {
	.sidebar {
		float: none;
		width: auto;
		margin-right: 0;
		margin-top: 50px;
	}
}

.preloader {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #222;
}

.header {
	box-sizing: border-box;
	position: relative;
	z-index: 100;
	height: 70px;
	padding: 15px 27px 10px;
	/*background: rgba(0,0,0,0.4);*/
	background: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
}

@media screen and (max-width: 720px) {
	.header {
		/*height: 103px;*/
		height: auto;
		padding: 8px 10px 10px;
	}

	.header {
		background: rgba(0, 0, 0, 0.7);
	}
}

.header._main {
	background: rgba(0, 0, 0, 0.3);
}

.header__box {
	float: right;
}

@media screen and (max-width: 1280px) {
	.header__box {
		margin-right: 80px;
	}
}

@media screen and (max-width: 720px) {
	.header__box {
		float: none;
		margin-right: 0;
	}
}

.header__calc {
	float: left;
	margin-top: 3px;
	margin-right: 25px;
}

@media screen and (max-width: 720px) {
	.header__calc {
		margin-right: 0;
		margin-left: 0px;
	}
}

.header__calc-link {
	position: relative;
	display: block;
	padding: 11px 40px 11px 20px;
	background: #ff8000;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.header__calc-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 18px;
	margin-top: -9px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -242px -176px;
	left: auto;
	right: 15px;
}


@media all and (max-width: 380px) {
	.header__calc-link {
		padding: 11px;
	}

	.header__calc-link:before {
		display: none;
	}
}

.header__contact {
	float: right;
	margin-top: 2px;
	text-align: right;
	transition: .2s linear .3s;
}

.sticky-wrapper.is-sticky .header__contact {
	margin-right: 37px;
	transition: .2s linear .2s;
}

.nav-show {
	transition: .2s linear .2s;
}

.sticky-wrapper.is-sticky .nav-show {
	transform: translateY(50px);
	transition: .2s linear .3s;
}

.header__contact-phone {
	display: block;
	margin-bottom: 3px;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 700;
}

.header__contact-phone a {
	color: #fff;
	text-decoration: none;
}

.header__contact-time {
	position: relative;
	display: inline-block;
	padding-left: 18px;
	font-size: 13px;
	line-height: 1em;
	color: #989898;
	font-weight: 300;
}

.header__contact-time::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 12px;
	margin-top: -6px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -194px -114px;
}

.header .logo {
	float: left;
}

.header .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 720px) {
	.header .logo {
		/*display: none;*/
		float: none;
		width: 180px;
		margin-bottom: 15px;
	}
}

/*
.header .logo.active {
  position: relative;
  z-index: 1010;
}
*/
.nav {
	float: left;
	margin-top: 13px;
	margin-left: 68px;
	font-size: 0;
}

@media screen and (max-width: 1280px) {
	.nav {
		float: none;
		margin: 0;
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		/*
    right: 0;
    bottom: 0;
    */
		width: 100vw;
		height: 110vh;
		background: rgba(57, 65, 81, 0.1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		visibility: hidden;
		transition: background 250ms linear;
	}

	.nav.active {
		visibility: visible;
		background: rgba(57, 65, 81, 0.99);
	}
}

.nav__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}

.nav__item:first-child {
	margin-left: 0;
}
@media screen and (min-width: 1281px) {
	.nav__item.active {
		background: #333336;
		box-shadow: 0 0 0 10px #333336;
	}
}
.nav__item._subnav {
	position: relative;
}

@media screen and (min-width: 1281px) {
	.nav__item {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
		transition-duration: 800ms;
		transition-property: opacity, -webkit-transform;
		transition-property: transform, opacity;
		transition-property: transform, opacity, -webkit-transform;
		transition-timing-function: cubic-bezier(0.515, 0.005, 0.515, 1);
	}

	.nav__item_1 {
		transition-delay: 1000ms;
	}

	.nav__item_2 {
		transition-delay: 1150ms;
	}

	.nav__item_3 {
		transition-delay: 1300ms;
	}

	.nav__item_4 {
		transition-delay: 1450ms;
	}

	.nav__item_5 {
		transition-delay: 1600ms;
	}

	.nav__item_6 {
		transition-delay: 1750ms;
	}

	.nav__item_7 {
		transition-delay: 1900ms;
	}
}

@media screen and (max-width: 1280px) {
	.nav__item {
		display: block;
		margin-left: 0;
		margin-top: 20px;
	}

	.nav__item:first-child {
		margin-top: 0;
	}
}

@media screen and (min-width: 1281px) {
	.nav.start .nav__item {
		opacity: 0;
		-webkit-transform: translate3d(0, -60px, 0);
		transform: translate3d(0, -60px, 0);
	}
}

.nav__link {
	position: relative;
	display: block;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	transition-duration: 300ms;
	transition-property: color;
	transition-timing-function: linear;
}

@media all and (min-width: 1280px) {
	.nav__link:before {
		content: "";
		position: absolute;
		height: 4px;
		bottom: -28px;
		width: 100%;
		background: rgba(255, 255, 255, 0);
		transition: .3s;
	}

	.nav__link:hover:before,
	.nav__link.active:before {
		background: #ff8000;
	}
}

.nav__link:hover {
	color: #ff8000;
}

@media screen and (max-width: 1280px) {
	.nav__link {
		font-size: 28px;
		line-height: 1em;
	}
}

.nav__item._subnav .nav__link {
	position: relative;
	padding-right: 12px;
}

@media screen and (max-width: 1280px) {
	.nav__item._subnav .nav__link {
		position: static;
		padding-right: 0;
	}
}

.nav__item._subnav .nav__link::after {
	content: '';
	position: absolute;
	top: 1px;
	right: 0;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transition: all 150ms ease-out;
}

@media screen and (max-width: 1280px) {
	.nav__item._subnav .nav__link::after {
		content: none;
	}
}

.nav__item.active .nav__link::after {
	border-right: 2px solid #f87e02;
	border-bottom: 2px solid #f87e02;
}

.subnav {
	position: absolute;
	z-index: 10;
	top: calc(100% + 10px);
	left: -10px;
	padding: 10px 20px 15px;
	background: #333336;
	display: none;
}

@media screen and (max-width: 1280px) {
	.subnav {
		display: none !important;
	}
}

.subnav__item {
	position: relative;
	padding: 7px 30px 7px 20px;
	white-space: nowrap;
	border-top: 1px solid #4c4d52;
}

.subnav__item:first-child {
	border-top: 0;
}

.subnav__item::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 2px solid #6cbafc;
	border-top: 2px solid #6cbafc;
	transition: all 150ms ease-out;
}

.subnav__link {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
	text-decoration: none;
}

.nav__item.active .subnav {
	display: block;
}

.nav-show {
	display: none;
}

@media screen and (max-width: 1280px) {
	.nav-show {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 70px;
		height: 70px;
		z-index: 1001;
		cursor: pointer;
		/*background: #2d2e32;*/
	}
}

.nav-show-top,
.nav-show-bottom {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -13px;
	border-radius: 3px;
	width: 30px;
	height: 6px;
	background: #fff;
	transition: -webkit-transform 150ms ease;
	transition: transform 150ms ease;
	transition: transform 150ms ease, -webkit-transform 150ms ease;
}

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

	.nav-show-top,
	.nav-show-bottom {
		width: 20px;
		height: 3px;
		margin-left: -10px;
		margin-top: -8px;
	}
}

.nav-show.active .nav-show-top {
	-webkit-transform: rotate(45deg) translate3d(6px, 6px, 0);
	transform: rotate(45deg) translate3d(6px, 6px, 0);
}

@media screen and (max-width: 720px) {
	.nav-show.active .nav-show-top {
		-webkit-transform: rotate(45deg) translate3d(4px, 4px, 0);
		transform: rotate(45deg) translate3d(4px, 4px, 0);
	}
}

.nav-show-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: block;
	content: '';
	width: 30px;
	height: 6px;
	border-radius: 3px;
	margin-top: -3px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	transition: width 150ms ease, opacity 150ms ease;
}

@media screen and (max-width: 720px) {
	.nav-show-middle {
		width: 20px;
		height: 3px;
		margin-top: -2px;
	}
}

.nav-show.active .nav-show-middle {
	width: 0;
	opacity: 0;
}

.nav-show-bottom {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}

@media screen and (max-width: 720px) {
	.nav-show-bottom {
		-webkit-transform: translate3d(0, 12px, 0);
		transform: translate3d(0, 12px, 0);
	}
}

.nav-show.active .nav-show-bottom {
	-webkit-transform: rotate(-45deg) translate3d(-6px, 6px, 0);
	transform: rotate(-45deg) translate3d(-6px, 6px, 0);
}

@media screen and (max-width: 720px) {
	.nav-show.active .nav-show-bottom {
		-webkit-transform: rotate(-45deg) translate3d(-4px, 4px, 0);
		transform: rotate(-45deg) translate3d(-4px, 4px, 0);
	}
}

@media screen and (max-width: 1280px) and (max-width: 720px) {
	.nav-show {
		width: 45px;
		height: 45px;
	}
}

@media all and (max-width: 720px) {
	.nav-show {
		/*right: auto;*/
		/*left: 0;*/
		/*top: 5px;*/
		/*top: auto;*/
		/*bottom: 7px;*/
	}
}

.welcome {
	/* background-attachment: fixed; */
	position: relative;
	filter: blur(0px);
	top: -70px;
	margin-bottom: -70px;
	/* height: 100vh; */
	width: 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}


@media screen and (max-width: 720px) {
	.welcome {
		top: -103px;
		margin-bottom: -103px;
	}
}

.welcome__shadow {
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #222;
	opacity: 0;
	transition: all 450ms linear 250ms;

}

.welcome__title {
	position: relative;
	z-index: 21;
	padding: 3em 20px 0.4em;
	font-size: 62px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0;
	text-shadow: 0 0 30px #fff;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	transition: all 1500ms linear 500ms;
}

@media screen and (max-width: 1000px) {
	.welcome__title {
		font-size: 36px;
		line-height: 1em;
	}
}

@media screen and (max-width: 500px) {
	.welcome__title {
		padding: 3em 20px 0.8em;
		font-size: 30px;
		line-height: 1em;
	}

	.welcome__title span {
		display: block;
		margin-top: 5px;
	}
}

.welcome__description {
	position: relative;
	z-index: 21;
	padding: 0 20px 11em;
	font-size: 20px;
	line-height: 1em;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	opacity: 0;
	text-shadow: 0 0 30px #fff;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	transition: all 1500ms linear 500ms;
}

@media screen and (max-width: 1000px) {
	.welcome__description {
		padding: 0 20px 7em;
		font-size: 13px;
		line-height: 1.25em;
	}
}

.welcome__more {
	z-index: 22;
	cursor: pointer;
	position: absolute;
	bottom: 45px;
	left: calc(50% - 45px);
	width: 90px;
	height: 90px;
	border: 1px solid rgba(214, 214, 214, 0.4);
	border-radius: 50%;
	-webkit-animation: bobble 2s infinite;
	animation: bobble 2s infinite;
}

.welcome__more::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-top: -22px;
	margin-left: -17px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 0 0 5px 0;
}

@media screen and (max-width: 1000px) {
	.welcome__more {
		width: 50px;
		height: 50px;
		left: calc(50% - 25px);
	}

	.welcome__more::before {
		width: 18px;
		height: 18px;
		margin-top: -14px;
		margin-left: -10px;
	}
}

@-webkit-keyframes bobble {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	50% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes bobble {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	50% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bobble {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	50% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.branding {
	/*background-attachment: fixed;*/
	box-sizing: border-box;
	position: relative;
	/*top: -70px;*/
	/*margin-bottom: -70px;*/
	z-index: 2;
	height: 300px;
	padding-top: 70px;
	background-repeat: no-repeat;
	background-position: center top;
	/*background-size: cover;*/
	text-align: center;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.45);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.branding {
		height: 240px;
	}
}

@media screen and (max-width: 720px) {
	.branding {
		height: 273px;
		top: -103px;
		margin-bottom: -103px;
		padding-top: 100px;
	}
}

.branding__title {
	padding: 0 50px;
	font-size: 36px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

@media screen and (max-width: 768px) {
	.branding__title {
		font-size: 24px;
		line-height: 1.2em;
	}
}

@media screen and (max-width: 600px) {
	.branding__title {
		padding: 0 20px;
		font-size: 20px;
		line-height: 1.2em;
	}
}

.branding__button {
	display: inline-block;
	margin-top: 20px;
	padding: 13px 60px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.07);
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
}

.catalog {
	font-size: 0;
}

.catalog__item {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 50%;
	height: 360px;
	padding: 135px 0 0;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.catalog__item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
	will-change: background;
	transition: background 225ms linear 0ms;
}

@media screen and (max-width: 1000px) {
	.catalog__item {
		height: 200px;
		padding: 76px 10% 0;
	}
}

@media screen and (max-width: 640px) {
	.catalog__item {
		display: block;
		width: 100%;
		padding: 76px 5% 0;
	}
}

.catalog__item:hover::after {
	background: rgba(0, 0, 0, 0.8);
	transition: background 225ms linear 225ms;
}

.catalog__img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-origin: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: -webkit-transform 450ms linear;
	transition: transform 450ms linear;
	transition: transform 450ms linear, -webkit-transform 450ms linear;
	will-change: transform;
	-webkit-transform: perspective(500px) translate3d(0, 0, 0);
	transform: perspective(500px) translate3d(0, 0, 0);
}

.catalog__item:hover .catalog__img {
	-webkit-transform: perspective(500px) translate3d(0, 0, 25px);
	transform: perspective(500px) translate3d(0, 0, 25px);
}

.catalog__name {
	position: relative;
	z-index: 2;
	margin-bottom: 22px;
	padding-bottom: 22px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0;
	will-change: opacity;
	transition: opacity 225ms linear 0ms;
}

.catalog__name::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.catalog__name {
		margin-bottom: 10px;
		padding-bottom: 12px;
		font-size: 17px;
		line-height: 1em;
	}

	.catalog__name::before {
		left: calc(50% - 18px);
		width: 36px;
		height: 2px;
	}
}

.catalog__firstname {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 2;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 1;
	will-change: opacity;
	transition: opacity 225ms linear 225ms;
}

@media screen and (max-width: 1000px) {
	.catalog__firstname {
		bottom: 15px;
		font-size: 17px;
		line-height: 1em;
	}
}

.catalog__item .catalog__name {
	opacity: 1;
	transition: opacity 225ms linear 225ms;
}

.catalog__item:hover .catalog__firstname {
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

.catalog__text {
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

@media screen and (max-width: 1000px) {
	.catalog__text {
		font-size: 12px;
		font-weight: bold;
		line-height: 1.2em;
	}
}

.catalog__item .catalog__text:not(.more) {
	opacity: 1;
	transition: opacity 225ms linear 225ms;
}

.catalog__item:hover .catalog__text {
	opacity: 0;
}

.catalog__item:hover .catalog__text.more {
	opacity: 1;
}

.catalog__item .catalog__text.more {
	font-size: 15px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	will-change: opacity;
	transition: opacity 225ms linear 225ms;
}



.blurred {
	padding: 70px 84px 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background: transparent;
}

.blurred.special {
	/*background-attachment: inherit;*/
	/*background-position: 50% -90%;*/
}

@media screen and (max-width: 1000px) {
	.blurred {
		padding: 37px 45px 37px;
	}
}

@media screen and (max-width: 640px) {
	.blurred {
		display: none;
	}
}

.blurred__title {
	position: relative;
	float: left;
	width: 310px;
	padding-bottom: 23px;
	font-size: 28px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	/*opacity: 0;*/
}

.blurred__title::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.blurred__title {
		width: 180px;
		padding-bottom: 12px;
		font-size: 16px;
		line-height: 1.3em;
	}

	.blurred__title::before {
		width: 36px;
		height: 2px;
	}
}

.blurred__description {
	margin-left: 415px;
	font-size: 17px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
	/*opacity: 0;*/
}

@media screen and (max-width: 1000px) {
	.blurred__description {
		margin-left: 235px;
		font-size: 13px;
		line-height: 1.2em;
	}
}

@media screen and (max-width: 640px) {
	.blurred-slider {
		display: none;
	}
}

.blurred-slider .blurred {
	padding: 70px 125px 80px;
	background-attachment: scroll;
}

@media screen and (max-width: 1000px) {
	.blurred-slider .blurred {
		padding: 37px 75px 37px;
	}
}

.blurred-slider .blurred__title {
	opacity: 1 !important;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

.blurred-slider .blurred__description {
	margin-left: 375px;
	opacity: 1 !important;
	-webkit-transform: translateX(0) !important;
	transform: translateX(0) !important;
}

@media screen and (max-width: 1000px) {
	.blurred-slider .blurred__description {
		margin-left: 200px;
	}
}

.blurred-slider .owl-prev {
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	width: 30px;
	height: 30px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.blurred-slider .owl-next {
	position: absolute;
	top: calc(50% - 20px);
	right: 30px;
	width: 30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.fact {
	padding: 40px 0 45px;
	background: #323338;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.fact {
		padding: 52px 0 45px;
	}
}

@media screen and (max-width: 640px) {
	.fact {
		padding: 24px 0 25px;
	}
}

.fact__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 22px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

.fact__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.fact__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.fact__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.fact__description {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 40px;
	padding: 0 30px;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.5em;
	color: #fff;
	font-weight: 300;
	text-align: justify;
}

@media screen and (max-width: 850px) {
	.fact__description {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
	}
}
@media screen and (max-width: 640px) {
	.fact__description {
		display: block;
	}
}

@media screen and (max-width: 640px) {
	.fact__description-box {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 850px) {
	.fact__description-box:last-child {
		grid-column: 1/3;
		margin-bottom: 0;
	}
}

@media screen and (max-width: 640px) {
	.fact__description {
		font-size: 14px;
		line-height: 1.35em;
	}
}

.fact__description-show {
	display: none;
}

/* @media screen and (max-width: 1000px) {
	.fact__description-show {
		display: inline;
		margin-left: 5px;
		white-space: nowrap;
		color: #ff7901;
	}
} */

.fact__text {
	width: 80%;
	margin: 0 auto 30px;
	font-size: 14px;
	line-height: 1.5em;
	color: #fff;
	font-weight: 300;
}

.fact__text:last-child {
	margin: 40px auto 0;
}

@media screen and (max-width: 640px) {
	.fact__text {
		width: 90%;
	}
}

.fact__video {
	margin: 30px 0;
	display: none;
}

.fact__video img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
	.fact__video {
		margin: 20px 0 10px;
	}
}

@media screen and (max-width: 640px) {
	.desktop__name{
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.hide__content-mobile{
		display: none;
	}
}

.mobile__name{
	display: block;
}

@media screen and (min-width: 640px) {
	.mobile__name{
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.hide__content{
		display: none;
	}
}


.show__content {
	display: none;
}

@media screen and (max-width: 640px) {
	.show__content{
		display: block;
		font-size: 16px;
		color: #ff7901;
	}
}



.fact__list-wrap {
	font-size: 0;
	padding: 0 40px;
	margin: 40px 0;
}

@media screen and (max-width: 1100px) {
	.fact__list-wrap {
		padding: 0 60px;
	}
}

@media screen and (max-width: 900px) {
	.fact__list-wrap {
		padding: 0 50px;
	}
}

@media screen and (max-width: 700px) {
	.fact__list-wrap {
		padding: 0 40px;
	}
}

@media screen and (max-width: 440px) {
	.fact__list-wrap {
		padding: 0 50px;
	}
}

.fact__list-wrap .owl-prev {
	position: absolute;
	top: calc(50% - 15px);
	left: -20px;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.fact__list-wrap .owl-next {
	position: absolute;
	top: calc(50% - 15px);
	right: -20px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.fact__item {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	height: 160px;
	padding-top: 50px;
	border: 1px solid #a8a9aa;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1.1em;
	color: #fff;
	font-weight: 300;
}

.fact__item em {
	font-style: normal;
	font-weight: bold;
}

.fact__item span {
	display: block;
	margin-bottom: 5px;
	font-size: 36px;
	line-height: 1em;
}

.fact__item._since {
	padding-top: 60px;
}

.fact__item._since span {
	margin-bottom: 0;
	margin-top: 8px;
	font-size: 16px;
	line-height: 1em;
	font-weight: 500;
}

.team {
	font-size: 0;
}

.team .owl-prev {
	position: absolute;
	top: calc(50% - 15px);
	left: 10px;
	width: 30px;
	height: 30px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -300px -145px;
	text-indent: -9999px;
}

.team .owl-next {
	position: absolute;
	top: calc(50% - 15px);
	right: 10px;
	width: 30px;
	height: 30px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -300px -105px;
	text-indent: -9999px;
}

.team__item {
	position: relative;
	overflow: hidden;
}

.team__item::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.1);
	transition: background 450ms ease;
}

.team__item:hover::after {
	background: rgba(0, 0, 0, 0.6);
}

.team__img {
	transition: all 450ms linear;
	-webkit-transform: perspective(500px) translateZ(0);
	transform: perspective(500px) translateZ(0);
}

.team__item:hover .team__img {
	-webkit-transform: perspective(500px) translateZ(25px);
	transform: perspective(500px) translateZ(25px);
}

.team__box {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	padding: 27px 30px 27px 40px;
	transition: opacity 225ms linear 0ms;
	opacity: 1;
}

@media screen and (max-width: 1100px) {
	.team__box {
		padding: 23px 30px 23px 33px;
	}
}

.team__item:hover .team__box {
	opacity: 1;
	transition: opacity 225ms linear 225ms;
}

.team__name {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 22px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

.team__name::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1100px) {
	.team__name {
		font-size: 19px;
		line-height: 1em;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.team__name::before {
		width: 55px;
		height: 2px;
	}
}

.team__firstname {
	display: none;
	position: absolute;
	left: 40px;
	bottom: 20px;
	z-index: 2;
	font-size: 22px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 1;
	will-change: opacity;
	transition: opacity 225ms linear 225ms;
}

@media screen and (max-width: 1100px) {
	.team__firstname {
		left: 33px;
		bottom: 15px;
		font-size: 19px;
		line-height: 1em;
	}
}

.team__item:hover .team__name {
	opacity: 1;
	transition: opacity 225ms linear 225ms;
}

.team__item:hover .team__firstname {
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

.team__post {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
	.team__post {
		font-size: 12px;
		line-height: 1em;
	}
}

.team__item:nth-child(3) .team__box {
	left: auto;
	right: 0;
	text-align: right;
}

@media screen and (max-width: 640px) {
	.team__item:nth-child(3) .team__box {
		left: 0;
		right: auto;
		text-align: left;
	}
}

.team__item:nth-child(3) .team__name::before {
	left: auto;
	right: 0;
}

@media screen and (max-width: 640px) {
	.team__item:nth-child(3) .team__name::before {
		left: 0;
		right: auto;
	}
}

.portfolio {
	padding-top: 42px;
	background: #323338;
}

@media screen and (max-width: 1000px) {
	.portfolio {
		padding-top: 25px;
	}
}

@media screen and (max-width: 640px) {
	.portfolio {
		padding-top: 20px;
	}
}

.portfolio__title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.portfolio__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.portfolio__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.portfolio__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.portfolio__list {
	font-size: 0;
}

.portfolio__list .owl-prev {
	position: absolute;
	top: calc(50% - 15px);
	left: 15px;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.portfolio__list .owl-next {
	position: absolute;
	top: calc(50% - 15px);
	right: 15px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.portfolio__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	height: 212px;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

.portfolio__item::before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0);
	transition: background 450ms linear;
}

/*
.portfolio__item img {
  display: block;
  max-width: 100%;
  height: auto;
}
*/
@media screen and (max-width: 1100px) {
	.portfolio__item {
		/*width: 33.333333%;*/
		width: 25%;
	}
}

@media screen and (max-width: 640px) {
	.portfolio__item {
		width: 50%;
	}
}

@media screen and (max-width: 450px) {
	.portfolio__item {
		width: 100%;
	}
}

.portfolio__list:hover .portfolio__item::before {
	background: rgba(0, 0, 0, 0.3);
}

.portfolio__item:hover::before {
	background: rgba(255, 126, 0, 0.7) !important;
}

@media screen and (max-width: 768px) {
	.portfolio__item::before {
		background: rgba(255, 126, 0, 0.7) !important;
	}
}

.portfolio__box {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.portfolio__name {
	font-size: 16px;
	line-height: 1em;
	color: #323338;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

@media screen and (max-width: 768px) {
	.portfolio__name {
		font-size: 14px;
		line-height: 1em;
		opacity: 1;
	}
}

.portfolio__text {
	margin-top: 18px;
	font-size: 16px;
	line-height: 1em;
	color: #323338;
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

@media screen and (max-width: 768px) {
	.portfolio__text {
		margin-top: 13px;
		font-size: 12px;
		line-height: 1em;
		opacity: 1;
	}
}

.portfolio__year {
	margin-top: 36px;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 400;
	font-style: normal;
	opacity: 0;
	transition: opacity 225ms linear 0ms;
}

@media screen and (max-width: 1200px) {
	.portfolio__year {
		margin-top: 26px;
	}
}

@media screen and (max-width: 768px) {
	.portfolio__year {
		font-size: 12px;
		line-height: 1em;
		opacity: 1;
	}
}

.portfolio__item:hover .portfolio__name,
.portfolio__item:hover .portfolio__text,
.portfolio__item:hover .portfolio__year {
	opacity: 1;
	transition: opacity 225ms linear 225ms;
}

.portfolio__order {
	padding: 22px 0;
	background: #4e505b;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.portfolio__order {
		text-align: left;
		padding: 20px 30px;
	}
}

.portfolio__order-title {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 100;
	font-style: normal;
}

.portfolio__order-title span {
	font-weight: 700;
	margin-right: 5px;
}

@media screen and (max-width: 700px) {
	.portfolio__order-title span {
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 1200px) {
	.portfolio__order-title {
		display: block;
		margin-right: 0;
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 1em;
	}
}

@media screen and (max-width: 700px) {
	.portfolio__order-title {
		font-size: 16px;
		line-height: 1em;
	}
}

.portfolio__order-form {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

@media screen and (max-width: 1200px) {
	.portfolio__order-form {
		display: block;
	}
}

.portfolio__order-cell {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin-left: 10px;
}

.portfolio__order-cell:first-child {
	margin-left: 0;
}

.portfolio__order-cell:last-child {
	width: 180px;
}

@media screen and (max-width: 700px) {
	.portfolio__order-cell {
		display: block;
		margin-left: 0;
		margin-top: 5px;
		width: 100%;
	}

	.portfolio__order-cell:first-child {
		margin-top: 0;
	}

	.portfolio__order-cell:last-child {
		width: 100%;
	}
}

.portfolio__order-cell input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 10px 20px;
	background: #cacbce;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #000;
	font-weight: 300;
	-webkit-appearance: none;
}

.portfolio__order-cell input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 10px 20px;
	background: #84b10b;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-align: center;
	-webkit-appearance: none;
}

.other-project {
	padding-top: 42px;
	background: #323338;
}

@media screen and (max-width: 1000px) {
	.other-project {
		padding-top: 25px;
	}
}

@media screen and (max-width: 640px) {
	.other-project {
		padding-top: 20px;
	}
}

.other-project__title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.other-project__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.other-project__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.other-project__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.other-project__list {
	font-size: 0;
}

.other-project__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 25%;
	text-align: center;
	text-decoration: none;
	height: 260px;
}

.other-project__item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	transition: background 150ms ease;
}

.other-project__item:hover::before {
	background: rgba(255, 126, 0, 0.7);
}

.other-project__item img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1100px) {
	.other-project__item {
		width: 33.333333%;
	}

	.other-project__item:nth-child(7),
	.other-project__item:nth-child(8) {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.other-project__item {
		width: 50%;
	}
}

@media screen and (max-width: 450px) {
	.other-project__item {
		width: 100%;
		display: none;
	}

	.other-project__item:nth-child(1) {
		display: block;
	}
}

.other-project__box {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 10px;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.other-project__name {
	font-size: 16px;
	line-height: 1em;
	color: #323338;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0;
	transition: opacity 150ms ease;
}

@media screen and (max-width: 768px) {
	.other-project__name {
		font-size: 14px;
		line-height: 1em;
	}
}

.other-project__text {
	margin-top: 18px;
	font-size: 16px;
	line-height: 1em;
	color: #323338;
	opacity: 0;
	transition: opacity 150ms ease;
}

@media screen and (max-width: 768px) {
	.other-project__text {
		margin-top: 13px;
		font-size: 12px;
		line-height: 1em;
	}
}

.other-project__year {
	margin-top: 36px;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 400;
	font-style: normal;
	opacity: 0;
	transition: opacity 150ms ease;
}

@media screen and (max-width: 1200px) {
	.other-project__year {
		margin-top: 26px;
	}
}

@media screen and (max-width: 768px) {
	.other-project__year {
		font-size: 12px;
		line-height: 1em;
	}
}

.other-project__item:hover .other-project__name,
.other-project__item:hover .other-project__text,
.other-project__item:hover .other-project__year {
	opacity: 1;
}

.other-project__map {
	height: 430px;
	background: #000;
}

.schema {
	background: #323338;
	padding: 30px 50px 20px;
}

@media screen and (max-width: 1280px) {
	.schema {
		padding: 25px 20px 60px;
	}
}

@media screen and (max-width: 750px) {
	.schema {
		padding: 25px 20px 30px;
	}
}

.schema__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.schema__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.schema__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.schema__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.schema__description {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.schema__description {
		width: 90%;
		font-size: 14px;
		line-height: 1.35em;
	}
}

.schema__list {
	position: relative;
	height: 480px;
	margin-top: 64px;
	font-size: 0;

}

@media screen and (max-width: 1280px) {
	.schema__list {
		height: auto;
	}
}

@media screen and (max-width: 1200px) {
	.schema__list {
		width: 680px;
		margin: 40px auto 0;
		columns: 2;
	}
}

@media screen and (max-width: 750px) {
	.schema__list {
		margin: 20px auto 0;
		width: 320px;
		columns: auto;
	}
}

.schema__item {
	box-sizing: border-box;
	position: absolute;
	padding-left: 115px;
	width: 320px;
}

@media screen and (max-width: 1280px) {
	.schema__item {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 30%;
		margin-left: 5%;
		margin-bottom: 50px;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
	}

	.schema__item:last-child {
		margin-bottom: 0;
	}

	.schema__item:nth-child(3n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 1200px) {
	.schema__item {
		width: 320px;
		/*margin-left: 40px;*/
		margin-left: 0;
	}

	.schema__item:nth-child(3n+1) {
		/*margin-left: 40px;*/
		margin-left: 0;
	}

	.schema__item:nth-child(2n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 750px) {
	.schema__item {
		width: 280px;
		margin-left: 0;
		padding-left: 85px;
		margin-bottom: 30px;
	}

	.schema__item:last-child {
		margin-bottom: 0;
	}

	.schema__item:nth-child(3n+1) {
		margin-left: 0;
	}
}

.schema__item .icon {
	position: absolute;
	/*top: calc(50% - 50px);*/
	top: 50%;
	/*margin-top: -50px;*/
	transform: translateY(-50%);
	/*left: 0;*/
	left: -10px;
	width: 100px;
	height: 100px;
	border: 1px solid #9c9c9f;
	border-radius: 50%;
}

@media screen and (max-width: 1280px) {
	.schema__item .icon::after {
		content: none !important;
	}
}

@media screen and (max-width: 750px) {
	.schema__item .icon {
		border: 0;
		width: 105px;
		height: 90px;
		/*
    -webkit-transform: scale(0.75);
            transform: scale(0.75);
    */
	}
}

.schema__item._order {
	top: 0;
	left: 0;
}

.schema__item._order .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 50px;
	margin-left: -20px;
	margin-top: -25px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -300px 0px;
}

.schema__item._order .icon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 60px;
	width: 107px;
	height: 78px;
	background: url("/images/schema/schema1.png");
}

.schema__item._meet {
	top: 152px;
	left: 160px;
}

.schema__item._meet .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 63px;
	height: 45px;
	margin-left: -31px;
	margin-top: -22px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -163px -59px;
}

.schema__item._meet .icon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 42px;
	width: 22px;
	height: 91px;
	background: url("/images/schema/schema2.png");
}

.schema__item._doc {
	bottom: 78px;
	left: -17px;
}

.schema__item._doc .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 52px;
	height: 50px;
	margin-left: -26px;
	margin-top: -25px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: 0px -145px;
}

@media screen and (min-width: 1281px) {
	.schema__item._doc {
		padding-left: 0;
		padding-right: 115px;
		text-align: right;
	}
}

.schema__item._doc .icon::after {
	content: '';
	position: absolute;
	top: -25px;
	left: 100%;
	width: 211px;
	height: 89px;
	background: url("/images/schema/schema3.png");
}

.schema__item._dizain {
	bottom: 145px;
	left: 523px;
}

.schema__item._dizain .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 52px;
	height: 47px;
	margin-left: -26px;
	margin-top: -23px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -62px -145px;
}

.schema__item._dizain .icon::after {
	content: '';
	position: absolute;
	bottom: 97px;
	left: 5px;
	width: 38px;
	height: 163px;
	background: url("/images/schema/schema4.png");
}

.schema__item._engineering {
	top: -15px;
	right: 364px;
	/*width: 330px;*/
}

.schema__item._engineering .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -242px -58px;
}

.schema__item._engineering .icon::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 65px;
	width: 367px;
	height: 40px;
	background: url("/images/schema/schema5.png");
}

.schema__item._remont {
	top: -15px;
	right: -11px;
}

.schema__item._remont .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 46px;
	margin-left: -24px;
	margin-top: -23px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: 0px -205px;
}

.schema__item._remont .icon::after {
	content: '';
	position: absolute;
	top: 97px;
	left: 57px;
	width: 12px;
	height: 57px;
	background: url("/images/schema/schema6.png");
}

.schema__item._finish {
	bottom: 42px;
	right: 81px;
}

.schema__item._finish .icon::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 46px;
	height: 50px;
	margin-left: -23px;
	margin-top: -25px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -242px -116px;
}

@media screen and (min-width: 1281px) {
	.schema__item._finish {
		padding-left: 0;
		padding-right: 115px;
		text-align: right;
	}
}

@media screen and (min-width: 1281px) {

	.schema__item._doc .icon,
	.schema__item._finish .icon {
		left: auto;
		right: 0;
	}
}

.schema__item._uborka {
	bottom: 246px;
	right: -24px;
}

.schema__item._uborka .icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/uborka.png) 50% 50% no-repeat;
}

.schema__item._uborka .icon:after {
	content: "";
	position: absolute;
	top: 93px;
	left: 70px;
	width: 69px;
	height: 119px;
	background: url(../images/schema7.png) 0 0 no-repeat;
}


.schema__name {
	margin-bottom: 9px;
	font-size: 18px;
	line-height: 1em;
	color: #84b10b;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	white-space: nowrap;
}

.schema__name span {
	display: none;
}

@media screen and (max-width: 1280px) {
	.schema__name span {
		display: inline;
	}
}

@media screen and (max-width: 750px) {
	.schema__name span {
		display: none;
	}
}

@media screen and (max-width: 1280px) {
	.schema__name {
		font-size: 16px;
		line-height: 1em;
	}
}

@media screen and (max-width: 750px) {
	.schema__name {
		margin-bottom: 4px;
	}
}

.schema__text {
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width: 750px) {
	.schema__text {
		font-size: 14px;
		line-height: 1.2em;
	}
}

.calc {
	position: relative;
	padding: 48px 115px 50px 0;
	background: #47484c;
}

@media screen and (max-width: 1200px) {
	.calc {
		padding: 48px 0 50px;
	}
}

@media screen and (max-width: 820px) {
	.calc {
		padding: 48px 25px 30px;
	}
}

@media screen and (max-width: 720px) {
	.calc {
		padding: 0 0 20px;
		background: #323338;
	}
}

@media screen and (max-width: 400px) {
	.calc {
		padding-bottom: 0;
	}
}

.calc__image {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 24%;
}

.calc__image img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1200px) {
	.calc__image {
		display: none;
	}
}

.calc__box {
	float: right;
	width: 790px;
}

@media screen and (max-width: 1200px) {
	.calc__box {
		float: none;
		margin: 0 auto;
	}
}

@media screen and (max-width: 820px) {
	.calc__box {
		width: auto;
	}
}

.calc__title {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

@media screen and (max-width: 820px) {
	.calc__title {
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 1em;
	}
}

@media screen and (max-width: 720px) {
	.calc__title {
		margin-bottom: 0;
		padding: 20px 0;
		font-size: 18px;
		line-height: 1em;
		text-align: center;
		background: #323338;
	}
}

.calc__tabs {
	float: left;
	font-size: 0;
}

@media screen and (max-width: 720px) {
	.calc__tabs {
		float: none;
		padding: 15px 5px 18px;
		background: #2b2b30;
	}
}

.calc__tab {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	padding: 15px 40px 15px 20px;
	border: 1px solid #66676a;
	font-size: 18px;
	line-height: 1em;
	color: #85868d;
	text-transform: uppercase;
	cursor: pointer;
	transition: all 225ms linear;
}

.calc__tab:first-child {
	margin-left: 0;
}

/*
@media screen and (max-width: 820px) {
  .calc__tab {
    font-size: 15px;
    line-height: 1em;
    padding: 13px 45px 13px 20px;
    margin-left: 10px;
  }
}


@media screen and (max-width: 720px) {
  .calc__tab {
    padding: 13px 20px;
  }
}
*/
.calc__tab:hover {
	border: 1px solid #677f2a;
	color: #fff;
}

.calc__tab.active {
	border: 1px solid #677f2a;
	color: #fff;
	cursor: default;
}

.calc__tab-info {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	border: 1px solid #919194;
	border-radius: 50%;
}

.calc__tab-info::before {
	content: '?';
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;
	font-size: 12px;
	line-height: 17px;
	color: #919194;
	text-align: center;
}

.calc__tab-info span {
	z-index: 2;
	display: none;
	box-sizing: border-box;
	position: absolute;
	left: calc(100% + 10px);
	top: 9px;
	background: #fff;
	padding: 19px 25px;
	min-width: 400px;
	font-size: 13px;
	line-height: 1.2em;
	color: #000;
	font-weight: 300;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
	text-transform: none;
}

.calc__tab-info span::before {
	content: '';
	position: absolute;
	left: -9px;
	top: 0;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}

.calc__tab-info:hover span {
	display: block;
}

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

	/*
  .calc__tab-info {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 10px;
  }
  */
	.calc__tab-info span {
		left: -1px;
		top: calc(100% + 15px);
		min-width: 200px;
		padding: 15px 18px;
	}

	.calc__tab-info span::before {
		content: '';
		position: absolute;
		left: 0;
		top: -10px;
		border: 10px solid transparent;
		border-left: 10px solid #fff;
	}
}

@media screen and (max-width: 720px) {
	.calc__tab:last-child .calc__tab-info span {
		left: auto;
		right: -1px;
		width: 200px;
	}

	.calc__tab:last-child .calc__tab-info span::before {
		left: auto;
		right: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid #fff;
	}
}

.calc__tab.active .calc__tab-info {
	border: 1px solid #fff;
}

.calc__tab.active .calc__tab-info::before {
	color: #fff;
}

.calc__data {
	float: right;
	font-size: 0;
	margin-top: 5px;
}

@media screen and (max-width: 820px) {
	.calc__data {
		margin-top: 1px;
	}
}

@media screen and (max-width: 720px) {
	.calc__data {
		position: relative;
		float: none;
		margin-top: 0;
		margin-bottom: 34px;
		padding: 0 10px 28px;
		background: #2b2b30;
	}

	.calc__data::before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -48px;
		margin-left: -24px;
		border: 24px solid transparent;
		border-top: 24px solid #2b2b30;
	}
}

.calc__data-box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
}

@media screen and (max-width: 820px) {
	.calc__data-box {
		margin-right: 15px;
	}
}

@media screen and (max-width: 720px) {
	.calc__data-box {
		margin-right: 30px;
	}
}

.calc__data-box label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
}

@media screen and (max-width: 820px) {
	.calc__data-box label {
		margin-right: 10px;
	}
}

@media screen and (max-width: 720px) {
	.calc__data-box label {
		display: block;
		margin-right: 0;
		margin-bottom: 8px;
	}
}

.calc__data-box input {
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 80px;
	padding: 10px 0;
	background: #fff;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	font-size: 18px;
	line-height: 1em;
	color: #000;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.calc__data-box input {
		width: 100px;
	}
}

.calc__data-box:last-child {
	margin-right: 10px;
}

.calc__data-box:last-child input {
	width: 50px;
}

@media screen and (max-width: 720px) {
	.calc__data-box:last-child input {
		width: 100px;
	}
}

@media screen and (max-width: 820px) {
	.calc__data-box:last-child {
		margin-right: 0;
	}
}

.calc__item {
	display: none;
}

.calc__item.active {
	display: block;
}

.calc__middle {
	margin: 14px 0;
	padding: 20px 0;
	border-top: 2px dotted #fff;
	border-bottom: 2px dotted #fff;
}

@media screen and (max-width: 720px) {
	.calc__middle {
		margin: 0;
		padding: 0;
		border-top: 0;
		border-bottom: 0;
	}
}

.calc__table {
	display: table;
	width: 100%;
}

@media screen and (max-width: 720px) {
	.calc__table {
		display: block;
	}
}

.calc__row {
	display: table-row;
}

@media screen and (max-width: 720px) {
	.calc__row {
		position: relative;
		display: block;
		margin-top: 5px;
		background: #47484c;
	}

	.calc__row:first-child {
		margin-top: 0;
	}
}

.calc__cell {
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	width: 160px;
	padding: 10px 0;
	font-size: 16px;
	line-height: 1em;
	color: #717277;
	font-weight: 300;
}

.calc__cell:first-child {
	width: auto;
	text-align: right;
	padding-right: 140px;
}

@media screen and (max-width: 820px) {
	.calc__cell:first-child {
		padding-right: 70px;
	}
}

@media screen and (max-width: 720px) {
	.calc__cell:first-child {
		display: block;
		padding: 15px 65px 15px 20px;
		text-align: left;
		border-bottom: 1px dotted #6a6b6e;
		font-weight: 500;
	}
}

.calc__cell:last-child {
	width: 70px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.calc__cell:last-child {
		width: auto;
	}
}

@media screen and (max-width: 720px) {
	.calc__cell {
		display: inline-block;
		vertical-align: top;
		width: auto;
		padding: 15px 20px 20px;
	}
}

.calc__cellname {
	display: none;
}

@media screen and (max-width: 720px) {
	.calc__cellname {
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 1em;
		color: #898989;
		font-weight: 300;
		white-space: normal;
	}
}

.calc__row:first-child .calc__cell {
	padding: 0;
	font-size: 14px;
	line-height: 1em;
	color: #ff8000;
	font-weight: 300;
	text-transform: uppercase;
}

@media screen and (max-width: 720px) {
	.calc__row:first-child .calc__cell {
		display: none;
	}
}

.calc__row.active .calc__cell {
	color: #ededed;
}

@media screen and (max-width: 720px) {
	.calc__row.active .calc__cell:first-child {
		color: #ff7901;
	}
}

.calc__choice input {
	display: none;
}

.calc__choice label {
	position: relative;
	box-sizing: border-box;
	display: inline-block;
	width: 44px;
	height: 26px;
	border: 3px solid #e2e2e2;
	border-radius: 25px;
	background: #fff;
	cursor: pointer;
}

.calc__choice label::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -1px;
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0px 5px 2px 0px rgba(0, 0, 1, 0.05);
	transition: all 150ms ease;
}

@media screen and (max-width: 720px) {
	.calc__choice {
		position: absolute;
		right: 20px;
		top: 10px;
	}
}

.calc__choice input:checked+label {
	background: #7ca60a;
	border: 3px solid #7ca60a;
}

.calc__choice input:checked+label::before {
	left: auto;
	right: -1px;
	border: 0;
}

.calc__result {
	display: table;
	width: 100%;
}

@media screen and (max-width: 720px) {
	.calc__result {
		display: block;
		margin-top: 25px;
		padding: 15px 0 17px;
		width: auto;
		background: #28292d;
		text-align: center;
	}
}

.calc__result-row {
	display: table-row;
}

@media screen and (max-width: 720px) {
	.calc__result-row {
		display: block;
	}
}

.calc__result-cell {
	box-sizing: border-box;
	display: table-cell;
	width: 160px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
}

.calc__result-cell:first-child {
	width: auto;
	text-align: right;
	padding-right: 140px;
	font-weight: 500;
}

@media screen and (max-width: 820px) {
	.calc__result-cell:first-child {
		padding-right: 70px;
	}
}

@media screen and (max-width: 720px) {
	.calc__result-cell:first-child {
		display: block;
		text-align: center;
		margin-bottom: 19px;
		padding-right: 0;
		font-size: 24px;
		line-height: 1em;
	}
}

.calc__result-cell:last-child {
	width: 70px;
	text-align: center;
}

@media screen and (max-width: 720px) {
	.calc__result-cell:last-child {
		display: none;
	}
}

@media screen and (max-width: 820px) {
	.calc__result-cell {
		font-size: 18px;
		line-height: 1em;
	}
}

@media screen and (max-width: 720px) {
	.calc__result-cell {
		display: inline-block;
		vertical-align: top;
		text-align: left;
	}
}

.calc__result-cellname {
	display: none;
}

@media screen and (max-width: 720px) {
	.calc__result-cellname {
		display: block;
		margin-bottom: 8px;
		font-size: 14px;
		line-height: 1em;
		color: #898989;
		font-weight: 300;
		white-space: normal;
	}
}

.calc__button {
	margin-top: 50px;
	text-align: right;
}

@media screen and (max-width: 820px) {
	.calc__button {
		margin-top: 25px;
	}
}

@media screen and (max-width: 720px) {
	.calc__button {
		margin-top: 13px;
	}
}

@media screen and (max-width: 400px) {
	.calc__button {
		margin-top: 10px;
	}
}

.calc__button-link {
	box-sizing: border-box;
	display: inline-block;
	padding: 22px 42px;
	background: #ff8000;
	box-shadow: 0 6px rgba(0, 0, 0, 0.3);
	font-size: 16px;
	line-height: 1em;
	color: #2d1804;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
}

@media screen and (max-width: 400px) {
	.calc__button-link {
		display: block;
		padding: 22px 20px;
		text-align: center;
		box-shadow: none;
		border-bottom: 4px solid #25262a;
	}
}

@media screen and (max-width: 820px) {
	.calc__button {
		text-align: center;
	}
}

.calc-link {
	position: relative;
	display: block;
	width: 230px;
	height: 396px;
}

.calc-link_animate {
	-webkit-animation: calc-link-blink 2s ease-in-out;
	animation: calc-link-blink 2s ease-in-out;
}

.calc-link img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1024px) {
	.calc-link {
		position: static !important;
	}
}

@media all and (max-width: 768px) {
	.calc-link {
		display: none !important;
	}
}




.calc-mobile {
	display: none;
}

@media screen and (max-width: 640px) {
	.calc-mobile {
		text-align: center;
		display: block;
		padding: 22px 42px;
		background: #ff8000;
		border-bottom: 4px solid #25262a;
		cursor: pointer;
	}

	/*.calc {
    display: none;
  }*/
	.calc-mobile__item {
		display: inline-block;
		position: relative;
		padding-right: 45px;
		font-size: 16px;
		line-height: 1em;
		color: #2d1804;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.calc-mobile__item::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 27px;
		height: 35px;
		margin-top: -17px;
		background-image: url("/images/sprite-2x.png");
		background-repeat: no-repeat;
		background-size: 340px 251px;
		background-position: -300px -60px;
		left: auto;
		right: 0;
		margin-top: -18px;
	}
}

@-webkit-keyframes calc-link-blink {
	0% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0);
	}

	50% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0.6);
	}

	100% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0);
	}
}

@keyframes calc-link-blink {
	0% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0);
	}

	50% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0.6);
	}

	100% {
		box-shadow: 0 0 15px 3px rgba(150, 150, 150, 0);
	}
}

.job {
	position: relative;
	background: #404146;
	overflow: hidden;
}

.job__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*height: 0;*/
	display: none;
	visibility: hidden;
}

.job__item.active {
	/*height: auto;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	visibility: visible;
}

.job__photo-wrap {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	overflow: hidden;
}

.job__photo-wrap img {
	display: block;
	max-width: 100%;
}


@media screen and (max-width: 990px) {
	.job__photo-wrap {
		width: auto;
	}

	.job__item.active {
		display: block !important;
	}
}


.job__photo-wrap .owl-prev {
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	width: 30px;
	height: 30px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.job__photo-wrap .owl-next {
	position: absolute;
	top: calc(50% - 20px);
	right: 30px;
	width: 30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.job__box {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	padding: 55px 35px 40px 40px;
	transition: .5s;
}

@media all and (min-width: 1280px) {
	.job__box {
		transform: translateX(100%);
		opacity: 0;
	}

	.job__box.active {
		transform: translateX(0);
		opacity: 1;
	}
}

@media screen and (max-width: 1279px) {
	.job__box {
		width: auto;
	}
}

@media screen and (max-width: 767px) {
	.job__box {
		padding: 25px 20px 35px 20px;
	}
}

.job__video {
	position: absolute;
	top: 86px;
	right: 44px;
	padding-right: 63px;
	cursor: pointer;
}

.job__video span {
	border-bottom: 1px dotted #fff;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
}

.job__video::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 53px;
	height: 44px;
	margin-top: -22px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -124px -145px;
	left: auto;
	right: 0;
}

@media screen and (max-width: 767px) {
	.job__video {
		top: 56px;
		right: 20px;
	}
}

.job__ava {
	margin-bottom: 25px;
	width: 80px;
	height: 80px;
}

.job__ava img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.job__fio {
	margin-bottom: 7px;
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
}

.job__city {
	margin-bottom: 45px;
	font-size: 14px;
	line-height: 1em;
	color: #b5b5b5;
	font-weight: 300;
	font-style: italic;
}

.job__name {
	display: inline;
	font-size: 18px;
	line-height: 1.2em;
	color: #ff8000;
	border-bottom: 2px dotted #ff8000;
}

.job__text {
	margin-top: 22px;
}

.job__text p {
	font-size: 16px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

@media screen and (max-width: 767px) {
	.job__text p {
		font-size: 14px;
		line-height: 1.3em;
	}
}

@media all and (max-width: 768px) {
	.job__city {
		margin-bottom: 15px;
	}

	.job__text {
		margin-top: 0;
		font-size: 14px;
	}

	.job__more {
		margin-top: 0;
	}

	.job__box {
		padding-bottom: 12px;
	}

	.job__pagination {
		padding: 12px 20px;
	}
}


.job__text-show {
	display: none;
}

@media screen and (max-width: 1000px) {
	.job__text-show {
		display: inline;
		margin-left: 5px;
		white-space: nowrap;
		color: #ff7901;
	}
}

.job__more {
	margin-top: 20px;
}

.job__more-link {
	display: inline-block;
	padding: 10px 25px;
	background: #83be1d;
	font-size: 14px;
	line-height: 1em;
	color: #000;
	text-decoration: none;
}

.job__pagination {
	position: absolute;
	z-index: 2;
	left: calc(50% + 40px);
	bottom: 40px;
	white-space: nowrap;
	font-size: 0;
}

@media screen and (max-width: 1279px) {
	.job__pagination {
		position: static;
		padding: 25px 35px 40px 40px;
	}
}

.job__pagination-item {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border: 1px solid #707074;
	margin-left: 6px;
	font-size: 14px;
	line-height: 38px;
	color: #707074;
	text-align: center;
	cursor: pointer;
	transition: all 150ms ease;
}

.job__pagination-item:first-child {
	margin-left: 0;
}

.job__pagination-item:hover {
	border: 1px solid #84b10b;
	color: #84b10b;
}

.job__pagination-item.active {
	border: 1px solid #84b10b;
	color: #84b10b;
	cursor: default;
}

@media screen and (max-width: 1279px) and (max-width: 767px) {
	.job__pagination {
		padding: 25px 20px 35px 20px;
	}
}

.faq {
	padding: 30px 30px 40px;
	background: #2c2d31;
}

@media screen and (max-width: 768px) {
	.faq {
		padding: 20px 20px 40px;
	}
}

@media screen and (max-width: 600px) {
	.faq {
		padding: 20px 0 0;
	}
}

.faq__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.faq__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.faq__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.faq__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.faq__description {
	width: 70%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.faq__description {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.faq__description {
		font-size: 14px;
		line-height: 1.35em;
	}
}

.faq__list {
	margin-top: 30px;
	border: 1px solid #3d3d41;
}

@media screen and (max-width: 600px) {
	.faq__list {
		margin-top: 15px;
		border: 0;
	}
}

.faq__item {
	position: relative;
	padding: 22px 68px 22px 38px;
	border-top: 1px solid #3d3d41;
	cursor: pointer;
}

.faq__item:first-child {
	border-top: 0;
}

.faq__item::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 20px;
	width: 24px;
	height: 24px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -300px -219px;
}

@media screen and (max-width: 768px) {
	.faq__item::before {
		top: 4px;
		right: 5px;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
}

.faq__item.active::before {
	background-position: -300px -185px;
}

@media screen and (max-width: 768px) {
	.faq__item {
		padding: 10px 30px 10px 20px;
	}
}

@media screen and (max-width: 600px) {
	.faq__item {
		background: #3d3d41;
		border-top: 1px solid #2c2d31;
	}
}

.faq__question {
	font-size: 16px;
	line-height: 1em;
	color: #84b10b;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

@media screen and (max-width: 768px) {
	.faq__question {
		font-size: 12px;
		line-height: 1.1em;
	}
}

.faq__answer {
	display: none;
	/*margin: 14px 0 5px;*/
	margin: 0;
	padding: 14px 0 5px;
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 300;
	/*transition: height 225ms linear;*/
}

.faq__answer:before {
	content: "";
	display: block;
	height: 14px;
}

.faq__answer:after {
	content: "";
	display: block;
	height: 5px;
}

@media screen and (max-width: 768px) {
	.faq__answer {
		margin: 6px 0 5px;
		font-size: 12px;
		line-height: 1.4em;
	}
}

.faq__item.active {
	background: #232427;
}

.feedback {
	padding: 40px 0 45px;
	background-image: url("/images/feedback.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 389px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}

@media screen and (max-width: 1000px) {
	.feedback {
		padding: 50px 0 55px;
	}
}

@media screen and (max-width: 640px) {
	.feedback {
		padding: 35px 0 40px;
	}
}

.feedback__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.feedback__title {
	margin: 42px 0;
}

.feedback__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.feedback__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.feedback__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.feedback__description {
	width: 60%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.feedback__description {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.feedback__description {
		font-size: 14px;
		line-height: 1.35em;
	}
}

.feedback__form {
	box-sizing: border-box;
	width: 660px;
	margin: 25px auto 0;
	font-size: 0;
}

@media screen and (max-width: 768px) {
	.feedback__form {
		width: 90%;
	}
}

@media screen and (max-width: 450px) {
	.feedback__form {
		margin: 20px auto 0;
		padding: 0 20px;
		width: 100%;
	}
}

.feedback__row {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	margin-left: 2%;
}

.feedback__row:first-child {
	margin-left: 0;
}

.feedback__row:last-child {
	display: block;
	margin-top: 13px;
	width: 100%;
	margin-left: 0;
}

@media screen and (max-width: 450px) {
	.feedback__row {
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 13px;
	}

	.feedback__row:first-child {
		margin-top: 0;
	}
}

.feedback__row input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 14px 20px;
	background: rgba(255, 255, 255, 0.5);
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #242426;
	-webkit-appearance: none;
}

.feedback__row input[type="text"]::-webkit-input-placeholder {
	color: #242426;
}

.feedback__row input[type="text"]::-moz-placeholder {
	color: #242426;
}

.feedback__row input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 14px 20px;
	background: #6bb1ff;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	-webkit-appearance: none;
}

.about {
	position: relative;
	padding: 35px 30px 40px 30px;
	background: #323338;
	font-size: 0;
}

@media screen and (max-width: 700px) {
	.about {
		padding: 25px 20px 30px 20px;
	}
}

.about__photo {
	display: inline-block;
	vertical-align: top;
	width: 28%;
}

@media screen and (max-width: 700px) {
	.about__photo {
		display: none;
	}
}

.about__photo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.about__description {
	display: inline-block;
	vertical-align: top;
	width: 69%;
	margin-left: 3%;
}

@media screen and (max-width: 700px) {
	.about__description {
		width: auto;
		margin-left: 0;
	}
}

.about__title {
	margin-bottom: 10px;
	font-size: 22px;
	line-height: 1.1em;
	color: #fff;
	font-weight: 500;
}

@media screen and (max-width: 1000px) {
	.about__title {
		font-size: 20px;
		line-height: 1.1em;
	}
}

.about p {
	font-size: 14px;
	line-height: 1.25em;
	color: #fff;
	font-weight: 300;
}

.about-show {
	display: none;
}

@media screen and (max-width: 1000px) {
	.about-show {
		display: inline;
		margin-left: 5px;
		white-space: nowrap;
		color: #ff7901;
	}
}

.about__signature {
	margin-top: 20px;
	text-align: right;
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.fact._about {
	background: #232427;
}

.certificates {
	padding: 25px 0 40px;
	background: #232427;
}

@media screen and (max-width: 640px) {
	.certificates {
		padding-bottom: 30px;
	}
}

.certificates__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.certificates__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.certificates__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.certificates__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.certificates__description {
	width: 70%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.certificates__description {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.certificates__description {
		font-size: 14px;
		line-height: 1.35em;
	}
}

.certificates__list-wrap {
	margin-top: 30px;
	text-align: center;
	max-width: 980px;
	margin: 30px auto 0;
}

.certificates__list-wrap .owl-dots {
	margin-top: 30px;
	text-align: center;
	font-size: 0;
}

@media screen and (max-width: 640px) {
	.certificates__list-wrap .owl-dots {
		margin-top: 20px;
	}
}

.certificates__list-wrap .owl-dot {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
}

.certificates__list-wrap .owl-dot:first-child {
	margin-left: 0;
}

.certificates__list-wrap .owl-dot.active {
	background: #ff8000;
}

.certificates__item {
	display: inline-block;
	vertical-align: middle;
}

.certificates__item img {
	display: block;
	max-width: 100%;
	height: auto;
}

.video {
	padding: 30px 0 40px;
	background: #323338;
}

@media screen and (max-width: 640px) {
	.video {
		padding: 0;
	}
}

.video__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.video__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.video__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.video__title {
		display: none;
	}
}

.video__description {
	width: 70%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.video__description {
		display: none;
	}
}

.video__item {
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.video__item {
		margin-top: 0;
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		padding-top: 30px;
		overflow: hidden;
	}

	.video__item iframe,
	.video__item object,
	.video__item embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.video__item img {
	display: inline-block;
	max-width: 100%;
}

@media screen and (max-width: 640px) {
	.video__item img {
		display: block;
	}
}

.partner {
	padding: 25px 0 40px;
	background: #232427;
}

@media screen and (max-width: 640px) {
	.partner {
		padding-bottom: 30px;
	}
}

.partner__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 18px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
}

.partner__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.partner__title {
		font-size: 22px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 640px) {
	.partner__title {
		font-size: 18px;
		line-height: 1em;
		padding-bottom: 15px;
	}
}

.partner__description {
	width: 70%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.4em;
	color: #989898;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.partner__description {
		width: 90%;
	}
}

@media screen and (max-width: 640px) {
	.partner__description {
		font-size: 14px;
		line-height: 1.35em;
	}
}

.partner__list-wrap {
	margin-top: 30px;
	text-align: center;
	max-width: 980px;
	margin: 30px auto 0;
}

.partner__list-wrap .owl-dots {
	margin-top: 30px;
	text-align: center;
	font-size: 0;
}

@media screen and (max-width: 640px) {
	.partner__list-wrap .owl-dots {
		margin-top: 20px;
	}
}

.partner__list-wrap .owl-dot {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 50%;
}

.partner__list-wrap .owl-dot:first-child {
	margin-left: 0;
}

.partner__list-wrap .owl-dot.active {
	background: #ff8000;
}

.partner__item {
	display: inline-block;
	vertical-align: middle;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 320px;
}

.partner__item img {
	display: block;
	max-width: 100%;
	height: auto;
	/*height: 130px;*/
	/*width: auto;*/
}

.article h1 {
	font-size: 36px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}


.article h2 {
	font-size: 30px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

.article h2:first-child {
	margin-top: 0;
}

.article h3 {
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 500;
}

.article img {
	display: block;
	/* margin: 30px 0; */
	max-width: 100%;
	height: auto;
}


/*@media screen and (max-width: 500px) {
	.article img {
		display: none;
	}
}*/

/* .article h3:first-child {
	margin-top: 0;
} */

.article p {
	margin: 16px 0;
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
}

.article p:first-child {
	margin-top: 0;
	font-size: 16px;
	line-height: 1.3em;
	color: #9e9e9e;
	font-weight: 300;
	font-style: italic;
}

.article blockquote {
	position: relative;
	margin: 20px 0;
	padding: 20px;
	padding-left: 75px;
	border: 1px dashed #797a7d;
	font-size: 16px;
	line-height: 1.3em;
	color: #c4c4c4;
	font-weight: 300;
	font-style: italic;
}

.article blockquote::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 8px;
	width: 66px;
	height: 63px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: 0px -72px;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
}

@media screen and (max-width: 500px) {
	.article blockquote::before {
		content: none;
	}
}

@media screen and (max-width: 500px) {
	.article blockquote {
		padding: 15px;
	}
}


.article ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.article li {
	position: relative;
	padding-left: 30px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
}

.article li:first-child {
	margin-top: 0;
}

.article li::before {
	content: '';
	position: absolute;
	top: 4px;
	left: 3px;
	width: 16px;
	height: 11px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -266px -176px;
}

.article__video {
	margin: 30px 0 50px;
	text-align: center;
}

.article__video-item {
	display: inline-block;
}

.article__video-item img {
	margin: 0;
}

.article__video-name {
	margin-top: 5px;
	font-size: 14px;
	line-height: 1em;
	color: #9c9c9c;
	font-weight: 300;
	font-style: italic;
}

.article__video-name span {
	color: #fff;
	font-style: normal;
}

.article__slider {
	margin: 30px 0;
}

.article__slider img {
	margin: 0;
}

.article__slider .owl-prev {
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	width: 30px;
	height: 30px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.article__slider .owl-next {
	position: absolute;
	top: calc(50% - 20px);
	right: 30px;
	width: 30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.article-similar {
	font-size: 0;
	background: #323338;
	padding-top: 25px;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.article-similar {
		padding-top: 0;
	}
}

.article-similar .owl-prev {
	position: absolute;
	top: calc(50% - 15px);
	left: 5px;
	width: 20px;
	height: 20px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.article-similar .owl-next {
	position: absolute;
	top: calc(50% - 15px);
	right: 5px;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.article-similar__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 33.333333%;
}

.article-similar__item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	transition: background 150ms ease;
}

.article-similar__item:hover::before {
	background: transparent;
}

@media screen and (max-width: 800px) {
	.article-similar__item {
		width: 50%;
	}

	.article-similar__item:last-child {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.article-similar__item {
		width: 100%;
	}

	.article-similar__item:last-child {
		display: block;
	}
}

.article-similar img {
	display: block;
	max-width: 100%;
	height: auto;
}

.article-similar__box {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.article-similar__date {
	display: inline-block;
	position: relative;
	padding: 65px 0 20px;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
}

.article-similar__date::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 56px;
	height: 49px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -87px -65px;
	margin-left: -28px;
}

@media screen and (max-width: 1000px) {
	.article-similar__date::before {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.article-similar__date::after {
	content: '';
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 0;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.article-similar__date {
		padding: 58px 0 20px;
		font-size: 12px;
		line-height: 1em;
	}
}

.article-similar__name {
	margin-top: 35px;
	padding: 0 50px;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
	.article-similar__name {
		margin-top: 30px;
		padding: 0 20px;
		font-size: 16px;
		line-height: 1.2em;
	}
}

.comment {
	padding: 30px 310px 30px 30px;
	background: #323338;
	border-top: 1px solid #47484c;
}

@media screen and (max-width: 1024px) {
	.comment {
		padding-right: 30px;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.comment {
		padding: 15px 0 0;
	}
}

.comment__title {
	margin-bottom: 22px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

@media screen and (max-width: 767px) {
	.comment__title {
		padding: 0 20px;
	}
}

.comment__list {
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
	.comment__list {
		margin-bottom: 0;
	}
}

.comment__item {
	margin-top: 20px;
	padding: 25px 35px 30px;
	background: rgba(255, 255, 255, 0.05);
}

.comment__item:first-child {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.comment__item {
		padding: 20px;
		margin-top: 6px;
	}
}

.comment__header {
	margin-bottom: 10px;
	font-size: 0;
}

.comment__name {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
}

.comment__date {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1em;
	color: #999;
	font-weight: 300;
}

.comment__date::before {
	content: '/';
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
}

.comment__text {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.comment__add {
	padding: 30px;
	/*background: rgba(0,0,0,0.47);*/
	background: #25262b;
	text-align: center;
}

@media screen and (max-width: 1024px) {
	.comment__add {
		margin: 0 -30px;
	}
}

@media screen and (max-width: 767px) {
	.comment__add {
		margin: 0;
		padding: 15px 10px;
	}
}

.comment__add-title {
	margin-bottom: 30px;
	font-size: 20px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

@media screen and (max-width: 767px) {
	.comment__add-title {
		margin-bottom: 15px;
	}
}

.comment__add-form {
	width: 550px;
	margin: 0 auto;
	font-size: 0;
}

@media screen and (max-width: 1024px) {
	.comment__add-form {
		width: 90%;
	}
}

@media screen and (max-width: 767px) {
	.comment__add-form {
		width: 100%;
	}
}

.comment__add-row {
	display: inline-block;
	vertical-align: middle;
	width: 48.5%;
	margin-left: 3%;
}

.comment__add-row:first-child {
	margin-left: 0;
}

.comment__add-row:nth-child(3) {
	display: block;
	margin-top: 15px;
	width: 100%;
	margin-left: 0;
}

.comment__add-row:last-child {
	display: block;
	margin-top: 15px;
	width: 100%;
	margin-left: 0;
}

.comment__add-row input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	background: #fff;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	line-height: 1em;
	color: #000;
	font-weight: 300;
	-webkit-appearance: none;
}

.comment__add-row input[type="text"]::-webkit-input-placeholder {
	color: #242426;
}

.comment__add-row input[type="text"]::-moz-placeholder {
	color: #242426;
}

.comment__add-row textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	background: #fff;
	border: 0;
	border-radius: 0;
	font-size: 14px;
	line-height: 1.4em;
	color: #000;
	font-weight: 300;
	-webkit-appearance: none;
}

.comment__add-row textarea[type="text"]::-webkit-input-placeholder {
	color: #242426;
}

.comment__add-row textarea[type="text"]::-moz-placeholder {
	color: #242426;
}

.comment__add-row input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 10px 20px;
	background: #ff8000;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-align: center;
	-webkit-appearance: none;
}

.breads {
	padding: 20px 30px;
	background: #323338;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.breads {
		display: none;
	}
}

.breads__item {
	position: relative;
	padding-left: 16px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1em;
	color: #8d8d8d;
	font-weight: 300;
}

.breads__item::before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 4px;
	height: 4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 1px dotted #8d8d8d;
	border-top: 1px dotted #8d8d8d;
	transition: all 150ms ease-out;
}

.breads__item:first-child {
	margin-left: 0;
	padding-left: 0;
}

.breads__item:first-child:before {
	content: none;
}

.breads__link {
	font-size: 14px;
	line-height: 1em;
	color: #8d8d8d;
	text-decoration: none;
}

.submenu {
	margin-bottom: 20px;
	/*padding: 20px 25px 40px;*/
	padding: 20px 0 40px;
	background: rgba(255, 255, 255, 0.05);
}

.submenu__item {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 0 -18px;
}

.submenu__item:first-child {
	border-top: 0;
}

.submenu__link {
	display: block;
	text-decoration: none;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	padding: 10px 10px 10px 80px;
	background: rgba(96, 97, 102, 0);
	border-radius: 19px 0 0 19px;
	transition: .2s;
}

.submenu__link:hover,
.submenu__link.active {
	background: rgba(96, 97, 102, 1);
}

.submenu__link:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 7px;
	width: 21px;
	height: 21px;
	background: url("/images/RightButton.png") 50% 50% no-repeat;
	opacity: 0;
	transition: .2s;
	transform: translateY(-50%);
	background-size: contain;
}

.submenu__link:hover:before,
.submenu__link.active:before {
	opacity: 1;
}

/*
.submenu__item.active {
  position: relative;
  background: #606166;
  margin: -1px -25px;
  padding: 10px 40px;
}
.submenu__item.active::before {
  content: '';
  position: absolute;
  top: -1px;
  left: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #606166;
}
.submenu__item.active:first-child::before {
  top: 0;
}
.submenu__item.active::after {
  left: -10px;
  display: block;
}
*/
@media screen and (max-width: 767px) {
	.submenu__item.active::before {
		content: none;
	}

	.submenu__item.active::after {
		left: 10px;
	}
}

.submenu__item.active .submenu__link {
	color: #ff8000;
}

.blogs {
	padding-top: 25px;
	background: #323338;
}

@media screen and (max-width: 1000px) {
	.blogs {
		padding-top: 20px;
	}
}

@media screen and (max-width: 550px) {
	.blogs {
		padding-top: 0;
	}
}

.blogs__title {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-align: center;
}

@media screen and (max-width: 1000px) {
	.blogs__title {
		font-size: 18px;
		line-height: 1em;
		padding: 16px 0 0;
	}
}

/*
@media screen and (max-width: 550px) {
  .blogs__title {
    display: none;
  }
}
*/
.blogs__list {
	font-size: 0;
	text-align: center;
}

.blogs__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 33.333333%;
	overflow: hidden;
}

.blogs__item:nth-child(5n),
.blogs__item:nth-child(5n-1) {
	width: 50%;
}

.blogs__item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	transition: background 150ms ease;
}

.blogs__item:hover::before {
	background: transparent;
}

@media screen and (max-width: 800px) {
	.blogs__item {
		width: 50%;
	}
}

@media screen and (max-width: 550px) {
	.blogs__item {
		width: 100%;
	}

	.blogs__item:nth-child(5n),
	.blogs__item:nth-child(5n-1) {
		width: 100%;
	}

	.blogs__list {
		max-width: 426px;
		margin: 0 auto;
	}
}

.blogs img {
	display: block;
	max-width: 100%;
	height: auto;
}

.blogs__box {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.blogs__date {
	display: inline-block;
	position: relative;
	padding: 65px 0 20px;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 100;
	text-transform: uppercase;
}

.blogs__date::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 56px;
	height: 49px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -87px -65px;
	margin-left: -28px;
}

@media screen and (max-width: 1000px) {
	.blogs__date::before {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}

.blogs__date::after {
	content: '';
	position: absolute;
	left: 5px;
	right: 5px;
	bottom: 0;
	height: 3px;
	background: #ff8000;
}

@media screen and (max-width: 1000px) {
	.blogs__date {
		padding: 58px 0 20px;
		font-size: 12px;
		line-height: 1em;
	}
}

.blogs__name {
	margin-top: 35px;
	padding: 0 50px;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

@media screen and (max-width: 1000px) {
	.blogs__name {
		margin-top: 30px;
		padding: 0 20px;
		font-size: 16px;
		line-height: 1.2em;
	}
}

.blogs__tag {
	margin-top: 20px;
	padding: 12px 55px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.07);
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width: 1000px) {
	.blogs__tag {
		display: none;
	}
}


	.blogs__more {
		display: block;
		padding: 15px 0;
		text-align: center;
	}

	.blogs__more-link {
		display: inline-block;
		padding: 11px 46px;
		border: 1px solid rgba(255, 255, 255, 0.4);
		background: rgba(255, 255, 255, 0.07);
		font-size: 12px;
		line-height: 1em;
		color: #fff;
		font-weight: 300;
		text-transform: uppercase;
		text-decoration: none;
	}


.blogs-category__select {
	display: none;
}

@media screen and (max-width: 550px) {
	.blogs-category {
		padding: 20px 10px;
		background: #232427;
	}

	.blogs-category .catalog__item {
		display: none;
	}

	.blogs-category .catalog__item.active {
		display: block;
	}

	.blogs-category__select {
		display: block;
		position: relative;
		background: #fff;
	}

	.blogs-category__select::before {
		content: '';
		position: absolute;
		top: calc(50% - 7px);
		right: 15px;
		width: 7px;
		height: 7px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		border-right: 2px solid #565962;
		border-bottom: 2px solid #565962;
		border-radius: 0 0 3px 0;
	}

	.blogs-category select {
		display: block;
		box-sizing: border-box;
		width: 100%;
		background: transparent;
		border-radius: 0;
		padding: 11px 40px 11px 20px;
		border: 0;
		border-radius: 0;
		font-size: 14px;
		line-height: 1em;
		color: #000;
		font-weight: 300;
		-webkit-appearance: none;
	}
}

.contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media screen and (max-width: 767px) {
	.contact {
		display: block;
	}
}

.contact__item {
	box-sizing: border-box;
	width: 25%;
	padding: 37px 25px 40px;
	background: #2d2e32;
	text-align: center;
}

.contact__item:nth-child(2n) {
	background: #47484c;
}

@media screen and (max-width: 1100px) {
	.contact__item {
		padding: 22px 15px 28px;
	}
}

@media screen and (max-width: 767px) {
	.contact__item {
		width: 100%;
	}
}

.contact__title {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 16px;
	font-size: 26px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

.contact__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 15px);
	width: 30px;
	height: 4px;
	background: #ff8000;
}

@media screen and (max-width: 1100px) {
	.contact__title::before {
		left: calc(50% - 8px);
		width: 16px;
		height: 2px;
	}
}

@media screen and (max-width: 1100px) {
	.contact__title {
		padding-bottom: 10px;
		margin-bottom: 15px;
		font-size: 16px;
		line-height: 1em;
	}
}

.contact__text {
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 300;
}

@media screen and (max-width: 1100px) {
	.contact__text {
		font-size: 12px;
		line-height: 1.3em;
	}
}

@media screen and (max-width: 767px) {
	.contact__text {
		font-size: 14px;
		line-height: 1.3em;
	}
}

.contact__text a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	transition: border-bottom 150ms ease;
}

.contact__text a:hover {
	border-bottom: transparent;
}

.contact__item:nth-child(1) a,
.contact__item:nth-child(3) a,
.contact__item:nth-child(4) a {
	color: #ff7901;
	border-bottom: 1px solid #ff7901;
}

.contact__item:nth-child(1) a:hover,
.contact__item:nth-child(4) a:hover {
	border-bottom: transparent;
}

.contact__item:nth-child(2) a {
	font-weight: 500;
	border-bottom: none;
}

@media screen and (max-width: 1100px) {
	.contact__item:nth-child(2) a {
		font-size: 16px;
		line-height: 1em;
	}
}

.contact-map img {
	display: block;
	max-width: 100%;
}

.contact-map {
	min-height: 430px;
}

.opinions {
	padding: 13px 10px 35px;
	background: #323338;
}

@media screen and (max-width: 700px) {
	.opinions {
		padding: 0 0 20px;
	}
}

.opinions__list {
	font-size: 0;
}

.opinions__width,
.opinions__item {
	width: 33%;
}

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

	.opinions__width,
	.opinions__item {
		width: 49%;
	}
}

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

	.opinions__width,
	.opinions__item {
		width: 100%;
	}
}

.opinions__gutter {
	width: 0.5%;
}

@media screen and (max-width: 1100px) {
	.opinions__gutter {
		width: 2%;
	}
}

.opinions__item {
	box-sizing: border-box;
	margin-bottom: 5px;
	background: #404146;
	border: 1px solid rgba(255, 255, 255, 0.2);
	transition: all 150ms ease;
}

.opinions__item:hover {
	background: #303136;
	border: 1px solid #674627;
}

@media screen and (min-width: 1100px) {
	.opinions__item {
		opacity: 0;
		transform: translateY(50%);
		transition: .2s linear .5s;
	}

	body.loaded .opinions__item {
		opacity: 1;
		transform: translateY(0);
	}
}

@media screen and (max-width: 1100px) {
	.opinions__item {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 700px) {
	.opinions__item {
		margin-bottom: 0;
		margin-top: 15px;
	}

	.opinions__item:first-child {
		margin-top: 0;
	}
}

.opinions__box {
	padding: 52px 30px 25px;
}

@media screen and (max-width: 500px) {
	.opinions__box {
		padding: 52px 20px 25px;
	}
}

.opinions__header {
	position: relative;
	padding-left: 113px;
	margin-bottom: 40px;
}

.opinions__ava {
	position: absolute;
	top: calc(50% - 40px);
	left: 0;
	width: 80px;
	height: 80px;
}

.opinions__ava img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.opinions__fio {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
}

.opinions__city {
	font-size: 14px;
	line-height: 1em;
	color: #b5b5b5;
	font-weight: 300;
	font-style: italic;
}

.opinions__name {
	margin-top: 48px;
	font-size: 18px;
	line-height: 1.2em;
	color: #ff8000;
	font-weight: 500;
}

.opinions__text {
	margin-top: 20px;
}

.opinions__text p {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.opinions__photo {
	position: relative;
	max-width: 390px;
	margin: 0 auto;
}

.opinions__photo-item {
	display: inline-block;
	position: relative;
}

.opinions__photo-item::before {
	opacity: 0;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 43px;
	height: 43px;
	margin-left: -21px;
	margin-top: -21px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -187px -145px;
	z-index: 1000;
	transition: opacity 150ms ease;
	cursor: pointer;
}

.opinions__photo-item:hover::before {
	opacity: 1;
}

.opinions__photo img {
	display: block;
	max-width: 100%;
	heigth: auto;
}

.opinions__photo .owl-prev {
	position: absolute;
	top: calc(50% - 20px);
	left: 30px;
	width: 30px;
	height: 30px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 0 0 5px;
}

.opinions__photo .owl-prev.disabled {
	display: none;
}

.opinions__photo .owl-next {
	position: absolute;
	top: calc(50% - 20px);
	right: 30px;
	width: 30px;
	height: 30px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	text-indent: -9999px;
	border-radius: 0 5px 0 0;
}

.opinions__photo .owl-next.disabled {
	display: none;
}

.opinions__photo-counter {
	position: absolute;
	z-index: 1000;
	left: 50%;
	bottom: 15px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: rgba(30, 31, 35, 0.7);
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
}

.opinions__video {
	padding: 10px 12px 0;
}

.opinions__video-item {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
}

.opinions__video-item iframe,
.opinions__video-item object,
.opinions__video-item embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.opinions__video-name {
	padding: 17px;
	font-size: 18px;
	line-height: 1em;
	color: #ff8000;
	font-weight: 500;
	text-align: center;
}

.opinions__more {
	margin-top: 30px;
	text-align: center;
}

@media screen and (max-width: 1100px) {
	.opinions__more {
		margin-top: 15px;
	}
}

@media screen and (max-width: 700px) {
	.opinions__more {
		margin-top: 15px;
	}
}

.opinions__more-button {
	display: inline-block;
	padding: 15px 30px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(255, 255, 255, 0.07);
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
	cursor: pointer;
	letter-spacing: 0.1em;
}

.rg-image-wrapper {
	position: relative;
	padding: 20px 30px;
	background: transparent url("../images/black.png") repeat top left;
	border-radius: 10px;
	min-height: 20px;
}

.rg-image {
	position: relative;
	text-align: center;
	line-height: 0px;
}

.rg-image img {
	max-height: 100%;
	max-width: 100%;
}

.rg-image-nav a {
	position: absolute;
	top: 0px;
	left: 0px;
	background: #000 url("../images/nav.png") no-repeat -20% 50%;
	width: 28px;
	height: 100%;
	text-indent: -9000px;
	cursor: pointer;
	opacity: 0.3;
	outline: none;
	border-radius: 10px 0px 0px 10px;
}

.rg-image-nav a.rg-image-nav-next {
	right: 0px;
	left: auto;
	background-position: 115% 50%;
	border-radius: 0px 10px 10px 0px;
}

.rg-image-nav a:hover {
	opacity: 0.8;
}

.rg-caption {
	text-align: center;
	margin-top: 15px;
	position: relative;
}

.rg-caption p {
	font-size: 11px;
	letter-spacing: 2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height: 16px;
	padding: 0 15px;
	text-transform: uppercase;
}

.rg-view {
	height: 30px;
}

.rg-view a {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin-right: 3px;
	background: #464646 url("../images/views.png") no-repeat top left;
	border: 3px solid #464646;
	opacity: 0.8;
}

.rg-view a:hover {
	opacity: 1;
}

.rg-view a.rg-view-full {
	background-position: 0px 0px;
}

.rg-view a.rg-view-selected {
	background-color: #6f6f6f;
	border-color: #6f6f6f;
}

.rg-view a.rg-view-thumbs {
	background-position: 0px -16px;
}

.rg-loading {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url("../images/ajax-loader.gif") no-repeat center center;
	margin: -23px 0px 0px -23px;
	z-index: 100;
	border-radius: 10px;
	opacity: 0.7;
}

.service-alert {
	position: relative;
	padding: 45px 50px 45px 140px;
	background: #323338;
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.service-alert::before {
	content: '';
	position: absolute;
	left: 32px;
	top: 48px;
	width: 66px;
	height: 63px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: 0px -72px;
}

@media screen and (max-width: 768px) {
	.service-alert::before {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
		left: 13px;
		top: 16px;
	}
}

@media screen and (max-width: 640px) {
	.service-alert::before {
		left: 5px;
		top: 4px;
	}
}

@media screen and (max-width: 768px) {
	.service-alert {
		padding: 25px 20px 25px 90px;
		font-size: 14px;
		line-height: 1.3em;
	}
}

@media screen and (max-width: 640px) {
	.service-alert {
		background: #2e2f34;
		padding: 70px 20px 30px 20px;
	}
}

.hide__content {
	display: block;
}

.service-alert-show {
	display: none;
}

@media screen and (max-width: 640px) {
	.service-alert-show {
		display: inline;
		color: #ff7901;
	}
}
@media screen and (max-width: 640px) {
	.hide__content {
		display: none;
	}
}

.service {
	padding: 40px 30px 30px;
	background: #323338;
	border-bottom: 1px solid #5b5c60;
}

@media screen and (max-width: 768px) {
	.service {
		padding: 25px 30px 20px;
	}
}

@media screen and (max-width: 640px) {
	.service {
		padding: 25px 20px 20px;
	}
}

.service p {
	font-size: 14px;
	line-height: 1.3em;
}

.service p:first-child {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-style: normal;
}

.service li {
	font-size: 14px;
}

.price {
	margin-top: 50px;
}

.price__title {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

.price__description {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
}

.price__table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	margin-top: 35px;
}

@media screen and (max-width: 767px) {
	.price__table {
		display: block;
		width: auto;
		margin: 35px -30px 0;
	}
}

@media screen and (max-width: 640px) {
	.price__table {
		margin: 35px -20px 0;
	}
}

.price__table-name {
	margin-bottom: 18px;
	font-size: 16px;
	line-height: 1em;
	color: #83be1d;
	font-weight: 500;
}

@media screen and (max-width: 767px) {
	.price__table-name {
		position: relative;
	}
}

.price__table-info {
	text-align: center;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	width: 19px;
	height: 19px;
	border: 1px solid #919194;
	border-radius: 50%;
}

.price__table-info:before {
	content: "?";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 19px;
	font-size: 14px;
}

.price__table-info span {
	display: none;
	box-sizing: border-box;
	position: absolute;
	left: calc(100% + 10px);
	top: 9px;
	background: #fff;
	padding: 19px 25px;
	min-width: 400px;
	font-size: 13px;
	line-height: 1.2em;
	color: #000;
	font-weight: 300;
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.3);
}

.price__table-info span::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: -8px;
	top: 0;
	border: 10px solid transparent;
	border-top: 10px solid #fff;
}

.price__table-info:hover span {
	display: block;
}

@media screen and (max-width: 767px) {
	.price__table-info {
		position: static;
	}

	.price__table-info span {
		left: 0;
		top: calc(100% + 15px);
		right: 0;
		min-width: 100%;
		padding: 15px 18px;
	}

	.price__table-info span::before {
		content: '';
		position: absolute;
		left: 10px;
		top: -20px;
		border: 10px solid transparent;
		border-bottom: 10px solid #fff;
	}
}

.price__table-text {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
}

.price__row {
	display: table-row;
}

@media screen and (max-width: 767px) {
	.price__row {
		display: block;
		font-size: 0;
		background: #47484c;
		margin-bottom: 5px;
	}

	.price__row:first-child {
		margin-bottom: 0;
	}

	.price__row:last-child {
		margin-bottom: 0;
	}
}

.price__cellname {
	display: table-cell;
	padding: 25px 40px;
	background: #6c6d73;
	border: 1px solid #47484c;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-align: left;
}

@media screen and (max-width: 767px) {
	.price__cellname {
		display: block;
		padding: 20px 30px;
	}

	.price__cellname:nth-child(2),
	.price__cellname:nth-child(3) {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.price__cellname {
		padding: 20px 20px;
	}
}

.price__cell {
	display: table-cell;
	padding: 23px 40px;
	background: transparent;
	border: 1px solid #47484c;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-align: left;
}

.price__cell:nth-child(2),
.price__cell:nth-child(3) {
	white-space: nowrap;
}

@media screen and (max-width: 767px) {
	.price__cell {
		display: block;
		border: 0;
		padding: 23px 30px;
	}

	.price__cell:nth-child(2),
	.price__cell:nth-child(3) {
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		width: 43%;
		padding-top: 0;
		padding-bottom: 30px;
		font-size: 16px;
		line-height: 1em;
	}

	.price__cell:nth-child(3) {
		width: 57%;
	}
}

@media screen and (max-width: 640px) {
	.price__cell {
		padding: 23px 20px;
	}
}

.price__itemname {
	display: none;
}

@media screen and (max-width: 767px) {
	.price__itemname {
		display: block;
		margin-bottom: 17px;
		font-size: 14px;
		line-height: 1.3em;
		color: #898989;
		font-weight: 300;
		white-space: normal;
	}
}

.service-other {
	margin-top: 40px;
}

.service-other__title {
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
}

.service-other__list {
	font-size: 0;
}

.service-other__item {
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 15px;
}

.service-other__link {
	display: block;
	padding: 16px 35px;
	border: 1px solid #7e7f82;
	background: #424348;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: all 150ms ease;
}

.service-other__link:hover {
	color: #323338;
	background: #fff;
}

.owner {
	background: #404146;
}

.owner__header {
	padding: 55px 0 48px;
	text-align: center;
}

@media screen and (max-width: 550px) {
	.owner__header {
		text-align: left;
		position: relative;
		padding: 26px 0 29px;
	}
}

.owner__video {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding-right: 63px;
}

.owner__video span {
	border-bottom: 1px dotted #fff;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
}

.owner__video::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 53px;
	height: 44px;
	margin-top: -22px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -124px -145px;
	left: auto;
	right: 0;
}

@media screen and (max-width: 550px) {
	.owner__video {
		position: absolute;
		top: 56px;
		right: 20px;
	}
}

.owner__info {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-left: 70px;
	padding-left: 110px;
	text-align: left;
}

@media screen and (max-width: 550px) {
	.owner__info {
		display: block;
		margin-left: 20px;
		padding-left: 0;
	}
}

.owner__ava {
	position: absolute;
	top: calc(50% - 40px);
	left: 0;
	width: 80px;
	height: 80px;
}

.owner__ava img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

@media screen and (max-width: 550px) {
	.owner__ava {
		position: static;
		margin-bottom: 27px;
	}
}

.owner__fio {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
}

.owner__city {
	font-size: 14px;
	line-height: 1em;
	color: #b5b5b5;
	font-weight: 300;
	font-style: italic;
}

.owner__text {
	width: 90%;
	margin: 0 auto 46px;
}

.owner__text p {
	font-size: 14px;
	line-height: 1.25em;
	color: #d8d8d8;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

.owner__text-show {
	display: none;
}

@media screen and (max-width: 550px) {
	.owner__text-show {
		display: inline;
		margin-left: 5px;
		white-space: nowrap;
		color: #ff7901;
	}
}

@media screen and (max-width: 550px) {
	.owner__text {
		width: auto;
		padding: 0 20px;
		margin: 0 0 20px;
	}

	.owner__text p {
		text-align: left;
	}
}

.owner__order {
	padding: 22px 0;
	background: #4e505b;
	text-align: center;
}

@media screen and (max-width: 1200px) {
	.owner__order {
		text-align: left;
		padding: 20px 30px;
	}
}

.owner__order-title {
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-size: 24px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 100;
	font-style: normal;
}

.owner__order-title span {
	font-weight: 700;
	margin-right: 5px;
}

@media screen and (max-width: 700px) {
	.owner__order-title span {
		display: block;
		margin-right: 0;
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 1200px) {
	.owner__order-title {
		display: block;
		margin-right: 0;
		margin-bottom: 14px;
		font-size: 20px;
		line-height: 1em;
	}
}

@media screen and (max-width: 700px) {
	.owner__order-title {
		font-size: 16px;
		line-height: 1em;
	}
}

.owner__order-form {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
}

@media screen and (max-width: 1200px) {
	.owner__order-form {
		display: block;
	}
}

.owner__order-cell {
	display: inline-block;
	vertical-align: middle;
	width: 200px;
	margin-left: 10px;
}

.owner__order-cell:first-child {
	margin-left: 0;
}

.owner__order-cell:last-child {
	width: 180px;
}

@media screen and (max-width: 700px) {
	.owner__order-cell {
		display: block;
		margin-left: 0;
		margin-top: 5px;
		width: 100%;
	}

	.owner__order-cell:first-child {
		margin-top: 0;
	}

	.owner__order-cell:last-child {
		width: 100%;
	}
}

.owner__order-cell input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 10px 20px;
	background: #cacbce;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #000;
	font-weight: 300;
	-webkit-appearance: none;
}

.owner__order-cell input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 10px 20px;
	background: #84b10b;
	border: 0;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 500;
	text-align: center;
	-webkit-appearance: none;
}

.project {
	padding: 20px 30px 0;
	background: #323338;
}

@media screen and (max-width: 768px) {
	.project {
		padding: 20px 20px 0;
	}
}

@media screen and (max-width: 768px) {
	.project {
		padding: 15px 10px 0;
	}
}

.project__item {
	float: left;
	width: 36%;
}

.project__item:last-child {
	width: 62%;
	margin-left: 2%;
}

.project__item img {
	display: block;
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 640px) {
	.project__item {
		float: none;
		width: auto;
		margin-bottom: 30px;
	}

	.project__item:last-child {
		width: auto;
		margin-left: 0;
		margin-bottom: 0;
	}
}

.project__photo .twentytwenty-before-label,
.project__photo .twentytwenty-after-label {
	display: none;
}

.project__title {
	margin-bottom: 17px;
	font-size: 13px;
	line-height: 1em;
	color: #9c9c9c;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.project__title {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 768px) {
	.project__title {
		margin-bottom: 7px;
	}
}

.project__text {
	margin: 29px 0;
}

.project__text p {
	font-size: 14px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.project__text h1,
.project__text h2,
.project__text h3 {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.project__text {
		margin: 20px 0;
	}
}

.project__text-show {
	display: none;
}

@media screen and (max-width: 1000px) {
	.project__text-show {
		display: inline;
		margin-left: 5px;
		white-space: nowrap;
		color: #ff7901;
	}
}

.project__features {
	margin: 0 -30px;
	padding: 15px 30px 25px;
	border-top: 1px solid #545559;
	background: rgba(255, 255, 255, 0.07);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.project__features {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media screen and (max-width: 768px) {
	.project__features {
		margin: 0 -20px;
	}
}

@media screen and (max-width: 768px) {
	.project__features {
		margin: 0 -10px;
	}
}

.project__features-item {
	position: relative;
	width: 25%;
	padding-top: 80px;
}

.project__features-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
}

.project__features-item._location::before {
	width: 77px;
	height: 62px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: 0px 0px;
	margin-left: -38px;
}

.project__features-item._square::before {
	width: 48px;
	height: 48px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -242px 0px;
	top: 14px;
	margin-left: -24px;
}

.project__features-item._owner::before {
	top: 13px;
	width: 69px;
	height: 49px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -163px 0px;
	margin-left: -35px;
}

.project__features-item._style::before {
	top: 7px;
	width: 66px;
	height: 55px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -87px 0px;
	margin-left: -33px;
}

@media screen and (max-width: 900px) {
	.project__features-item {
		width: 50%;
	}

	.project__features-item:first-child {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 550px) {
	.project__features-item {
		width: 100%;
		margin-top: 15px;
	}

	.project__features-item:first-child {
		margin-bottom: 0;
		margin-top: 0;
	}
}

.project__features-name {
	margin-bottom: 9px;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-weight: 700;
}

.project__features-text {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 300;
}

.footer {
	background: #19191c;
}

.footer__top {
	padding: 21px 30px 20px 14px;
	border-bottom: 1px solid #5e5e61;
}

@media screen and (max-width: 650px) {
	.footer__top {
		padding: 21px 0 0 0;
		border-bottom: 0;
	}
}

.footer__box {
	float: right;
}

.footer__box-top {
	float: left;
}

@media screen and (max-width: 650px) {
	.footer__box {
		float: none;
		margin-right: 0;
	}

	.footer__box-top {
		float: none;
		padding: 0 10px;
	}

	.footer__box-top::after {
		content: '';
		clear: both;
		display: table;
	}
}

.footer__calc {
	float: left;
	margin-top: 3px;
	margin-right: 25px;
}

.footer__calc-link {
	position: relative;
	display: block;
	padding: 11px 40px 11px 20px;
	background: #ff8000;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.footer__calc-link::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 14px;
	height: 18px;
	margin-top: -9px;
	background-image: url("/images/sprite-2x.png");
	background-repeat: no-repeat;
	background-size: 340px 251px;
	background-position: -242px -176px;
	left: auto;
	right: 15px;
}

.footer__contact {
	float: right;
	margin-top: 14px;
}

.footer__contact-phone,
.footer__contact>a {
	display: block;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

@media screen and (max-width: 650px) {
	.footer__contact {
		float: none;
		text-align: center;
		font-size: 24px;
		color: #fff;
		font-weight: bold;
		line-height: 49px;
		background: #303033;
	}

	.footer__contact-phone,
	.footer__contact>a {
		display: block;
		padding: 14px 0;
		background: #303033;
		font-size: 24px;
		line-height: 1em;
		color: #fff;
		font-weight: 700;
	}
}

.footer .logo {
	float: left;
}

@media screen and (max-width: 650px) {
	.footer .logo {
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
}

.footer .nav {
	float: left;
	margin-top: 13px;
	margin-left: 80px;
	font-size: 0;
}

@media screen and (max-width: 1280px) {
	.footer .nav {
		display: none;
	}
}

.footer .nav__item {
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}

.footer .nav__item:first-child {
	margin-left: 0;
}

.footer .nav__link {
	display: block;
	font-size: 13px;
	line-height: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.footer__bottom {
	padding: 20px 30px;
}

.copyright {
	float: left;
	font-size: 14px;
	line-height: 1em;
	color: #bbb;
	font-weight: 300;
}

@media screen and (max-width: 650px) {
	.copyright {
		float: none;
		font-size: 14px;
		line-height: 1em;
		text-align: center;
	}

	.copyright span {
		display: block;
		margin-top: 5px;
	}
}

.social-group {
	float: right;
	font-size: 0;
	margin-top: -6px;
}

.social-group._mobile {
	display: none;
}

@media screen and (max-width: 650px) {
	.social-group {
		display: none;
	}

	.social-group._mobile {
		display: block;
		margin-top: 3px;
	}
}

.social-group__item {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	margin-left: 4px;
	border-radius: 50%;
	background: #615dab;
	overflow: hidden;
	border-radius: 50%;
}

.social-group__item img {
	width: 100%;
}

.social-group__item:first-child {
	margin-left: 0;
}

.select2-container {
	text-align: left;
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	height: 50px;
	padding: 15px;
	background: #fff;
	border: 1px solid #d8d5c0;
	border-radius: 4px;
	font-size: 18px;
	line-height: 1em;
	color: #282828;
	font-family: 'Calibri';
	font-weight: 400;
	outline: none;
	font-style: normal;
	-webkit-appearance: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	font-size: 18px;
	line-height: 1em;
	color: #282828;
	font-family: 'Calibri';
	font-weight: 400;
	font-style: normal;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #888;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 50px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 35px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
	margin-top: -4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 250px;
}

.select2-dropdown {
	border: 1px solid #d8d5c0;
}

.select2-results__option {
	padding: 13px 15px;
	font-size: 16px;
	line-height: 1em;
	color: #282828;
	font-family: 'Calibri';
	font-weight: 400;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
	background: #25c4ff;
	color: #fff;
}

.arcticmodal-overlay,
.arcticmodal-container {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
}

.arcticmodal-overlay {
	background: #394151 !important;
	opacity: 0.99 !important;
}

.arcticmodal-container {
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}

*:first-child+html .arcticmodal-container {
	height: 100%;
}

.arcticmodal-container_i {
	height: 100%;
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	.arcticmodal-container_i {
		margin: 0;
		width: 100%;
	}
}

.arcticmodal-container_i2 {
	padding: 10px;
	margin: 0;
	border: 0;
	vertical-align: middle;
}

.modal {
	position: relative;
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.modal__close {
	position: absolute;
	top: -20px;
	right: 0;
	width: 11px;
	height: 11px;
	/*background: #fff;*/
	background: url(hide.png) 0 0 no-repeat;
	cursor: pointer;
}

.modal__title {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 22px;
	font-size: 18px;
	line-height: 1em;
	color: #fff;
	font-family: "RobotoSlab";
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
}

.modal__title::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 33px);
	width: 66px;
	height: 3px;
	background: #ff8000;
}

.modal__description {
	font-size: 16px;
	line-height: 1.3em;
	color: #fff;
	font-weight: 300;
	font-style: italic;
}

.modal__form {
	margin-top: 15px;
	font-size: 0;
}

.modal__row {
	position: relative;
	margin-top: 10px;
}

.modal__row:first-child {
	margin-top: 0;
}

.modal__row input[type="text"] {
	box-sizing: border-box;
	width: 100%;
	padding: 15px 20px;
	background: #fff;
	border: 0;
	font-size: 16px;
	line-height: 1em;
	color: #282828;
	font-family: 'Roboto';
	font-weight: 400;
	font-style: normal;
	-webkit-appearance: none;
	border-radius: 0;
}

.modal__row input[type="submit"] {
	box-sizing: border-box;
	width: 100%;
	display: block;
	padding: 15px;
	border: 0;
	background: #6bb1ff;
	border-radius: 0;
	font-size: 16px;
	line-height: 1em;
	color: #fff;
	font-family: 'Roboto';
	font-weight: 700;
	font-style: normal;
	cursor: pointer;
	-webkit-appearance: none;
}



.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 10000;
}

.loading:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 36px;
	background: url(../images/loader.png) 50% 50% no-repeat;

	animation-name: pulse_animation;
	animation-duration: 2000ms;
	transform-origin: 70% 70%;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

	margin: -18px 0 0 -19px;

}

@keyframes pulse_animation {

	0% {
		transform: scale(1);
		opacity: 1;
	}

	30% {
		transform: scale(1);
		opacity: .55;
	}

	40% {
		transform: scale(1.18);
		opacity: 1;
	}

	50% {
		transform: scale(1);
		opacity: .55;
	}

	60% {
		transform: scale(1);
		opacity: .55;
	}

	70% {
		transform: scale(1.15);
		opacity: 1;
	}

	80% {
		transform: scale(1);
		opacity: .55;
	}

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

}

.nav__item_tel {
	display: none;
}

.nav__item_gocalc {
	display: none;
}

@media all and (max-width: 1280px) {
	.nav__item_tel {
		display: block;
	}

	.nav__item_gocalc {
		display: block;
	}
}

@media all and (min-width: 450px) {
	.portfolio__photo-shadow {
		position: absolute;
		width: auto;
		height: 360px;
		top: -550px;
		left: -450px;
		-webkit-transition: opacity 0.8s ease-out 0.1s;
		-moz-transition: opacity 0.8s ease-out 0.1s;
		-ms-transition: opacity 0.8s ease-out 0.1s;
		-o-transition: opacity 0.8s ease-out 0.1s;
		transition: opacity 0.8s ease-out 0.1s;
	}

	.portfolio__photo-shadow>img {
		width: auto;
		height: 380px;
	}

}

.job__photo:hover .portfolio__photo-shadow {
	opacity: 0.2;
}

.job__photo-item:hover .portfolio__photo-shadow {
	opacity: 1;
}


.hint-ploshad {
	display: none;
	position: absolute;
	top: -55px;
	left: 50px;
	width: 160px;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
	padding: 6px 12px;
	background: #ff8000;
	border-radius: 6px;
	animation: bobble 1s infinite;

}

.hint-ploshad:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	background: #ff8000;
	margin: -6px 0 0 -4px;
}

.new0-slider {
	position: relative;
	max-width: 1280px;
	margin: 0 auto;
}

.new0-slider img {
	max-width: 100%;
}

.new0-slider--item {
	position: relative;
}

.new0-slider--text {
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
	font-family: 'RobotoSlab';
	font-weight: 700;
	font-size: 62px;
	color: #fff;
	margin-top: -80px;
}

.new0-slider--text small {
	display: block;
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	margin: 12px 0 0;
}

.new0-subslider {
	position: relative;
	max-width: 1125px;
	margin: -64px auto 0;
	transform: translateY(-10px);
}


.new0-subslider-item {
	position: relative;
	width: 80px;
	height: 60px;
	line-height: 60px;
	font-size: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	margin: 0 auto;
}

.new0-subslider-item.active:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 3px solid #e97806;
}

.new0-subslider-item img {
	max-width: 100%;
}

.new0-slider--prev {
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: -56px;
	width: 35px;
	height: 35px;
	background: url(../images/Slider.svg) 0 0 no-repeat;
	margin-top: -17.5px;
}

.new0-slider--next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	right: -56px;
	width: 35px;
	height: 35px;
	background: url(../images/Slider.svg) 0 0 no-repeat;
	transform: rotate(180deg);
	margin-top: -17.5px;
}

@media all and (max-width: 1280px) {
	.new0-subslider {
		margin: -64px 80px 0;
	}

	.new0-slider--text {
		font-size: 40px;
	}
}

@media all and (max-width: 768px) {
	.new0-subslider {
		margin: -64px 40px 0;
	}

	.new0-slider--prev {
		left: -40px;
	}

	.new0-slider--next {
		right: -40px;
	}

	.price__table-info:before {
		position: relative;
		top: auto;
		left: auto;
	}
}

@media all and (max-width: 600px) {
	.new0-slider--text {
		font-size: 20px;
	}
}

@media all and (max-width: 500px) {
	.new0-subslider {
		display: none;
	}

	.new0-slider .lSAction>a {
		background: url(../images/Slider.svg) 0 0 no-repeat;
		background-size: contain;
		opacity: 1;
		z-index: 1;
	}

	.lSAction>.lSNext {
		transform: rotate(180deg);
	}
}

.site-wrap {
	position: relative;
}

.site-footer {
	position: relative;
}

@media all and (min-width: 1280px) {
	.site-wrap {
		position: relative;
		z-index: 2;
	}

	.site-wrap--shift {
		position: relative;
		z-index: 2;
		background: #222;
		-moz-transition: transform 1s ease-out;
		-webkit-transition: transform 1s ease-out;
		transition: transform 1s ease-out;
		/*will-change: transform;*/
		backface-visibility: hidden;
		min-height: 1080px;
	}

	.site-wrap:after {
		content: "";
		display: block;
		height: 537px;
	}

	.site-wrap.active .site-wrap--shift {
		/*
    -moz-transform: translateY(-468px);
    -webkit-transform: translateY(-468px);
    transform: translateY(-468px);
    */

		-moz-transform: translate3d(0, -468px, 0);
		-webkit-transform: translate3d(0, -468px, 0);
		transform: translate3d(0, -468px, 0);
	}


	.site-footer {
		position: fixed;
		bottom: 0;
		left: 50%;
		width: 1280px;
		max-width: 100%;
		transform: translateX(-50%);
		z-index: 1;

	}


	.site-footer.active {
		z-index: 2;
	}

}

.sticky-wrapper.is-sticky {
	position: relative;
	z-index: 24;
}

.sticky-wrapper .header {
	-moz-transition: .2s;
	-webkit-transition: .2s;
	transition: .2s;
}

.sticky-wrapper.is-sticky .header {
	-moz-transform: translateY(-43px);
	-webkit-transform: translateY(-43px);
	transform: translateY(-43px);
}

@media all and (max-width: 992px) {
	.new0-portfolio--map {
		margin: 0 0px;
	}
}

@media all and (max-width: 450px) {
	.other-project {
		position: relative;
		/* padding: 0 20px; */
		margin: 0 auto;
		padding-top: 20px;
	}

	.other-project .lSAction>.lSPrev,
	.other-project .lSAction>.lSNext {
		opacity: 1;
		width: 18px;
		height: 37px;
		background: url(../images/new0-minisliders.svg) 50% 50% no-repeat;
	}
}

.blurred-box {
	position: relative;
}

.blurred-box:after {
	content: "";
	clear: both;
	display: table;
}

/* +[toptop] */

.toptop {
	z-index: 10;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: url(../svg/003-arrow-up.svg) 50% 50% no-repeat;
	background-size: 100% 100%;
	transition: .2s;
}

.toptop.hidden {
	opacity: 0;
	pointer-events: none;
	cursor: default;
}

/* -[toptop] */



[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
	transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
	transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
	transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
	transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
	transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
	transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
	transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
	transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
	transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
	transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
	transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
	transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
	transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
	transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
	transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
	transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
	transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
	transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
	transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
	transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
	transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
	transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
	transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
	transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
	transition-delay: .6s
}