img {
	vertical-align: top
}

input {
	outline: none !important
}

.icon {
	display: inline-block;
	vertical-align: middle;
	position: relative
}

.row-center {
	text-align: center
}

.col-center {
	display: inline-block;
	float: none
}

@font-face {
	font-family: BelloPro;
	src: url("../css/fonts/BelloPro.eot");
	src: url("../css/fonts/BelloPro.eot?#iefix") format("embedded-opentype"), url("../css/fonts/BelloPro.woff") format("woff"), url("../css/fonts/BelloPro.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: VanDijkD;
	src: url("../css/fonts/VanDijkD.eot");
	src: url("../css/fonts/VanDijkD.eot?#iefix") format("embedded-opentype"), url("../css/fonts/VanDijkD.woff") format("woff"), url("../css/fonts/VanDijkD.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: h100;
	src: url("../css/fonts/helveticaneuecyr-ultralight.eot");
	src: url("../css/fonts/helveticaneuecyr-ultralight.eot?#iefix") format("embedded-opentype"), url("../css/fonts/helveticaneuecyr-ultralight.woff") format("woff"), url("../css/fonts/helveticaneuecyr-ultralight.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: h300;
	src: url("../css/fonts/helveticaneuecyr-light.eot");
	src: url("../css/fonts/helveticaneuecyr-light.eot?#iefix") format("embedded-opentype"), url("../css/fonts/helveticaneuecyr-light.woff") format("woff"), url("../css/fonts/helveticaneuecyr-light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: h400;
	src: url("../css/fonts/helveticaneuecyr-roman.eot");
	src: url("../css/fonts/helveticaneuecyr-roman.eot?#iefix") format("embedded-opentype"), url("../css/fonts/helveticaneuecyr-roman.woff") format("woff"), url("../css/fonts/helveticaneuecyr-roman.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

@font-face {
	font-family: h600;
	src: url("../css/fonts/HelveticaNeue-Bold.eot");
	src: url("../css/fonts/HelveticaNeue-Bold.eot?#iefix") format("embedded-opentype"), url("../css/fonts/HelveticaNeue-Bold.woff") format("woff"), url("../css/fonts/HelveticaNeue-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

html,
body {
	height: 100%
}

body {
	background: #2b2b2b;
	font-weight: 300;
	font-family: h300;
	color: #2b2b2b
}

a {
	color: #2b2b2b;
	text-decoration: none
}

a:hover {
	color: #2b2b2b;
	text-decoration: underline
}

.body__background {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background: url("../css/video/background.jpg") 0 0 no-repeat;
	background-size: cover
}

#big-video-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 100;
	font-family: h100;
	margin: 0
}

.wrapper {
	width: 100%;
	position: relative;
	z-index: 10
}

.section__space b {
	background-color: #ff383f
}

.section__slogan {
	color: #ff383f
}

.nav .nav__logo img, .nav .nav__logo .logo-img ,.contacts .contacts__logo .logo-img{
	width: 190px;
	height: 58px;
	margin-top: -7px;
}

.nav .nav__logo .logo-img, .contacts .contacts__logo .logo-img{
	background: url(../images/z2_330x180_white.png)no-repeat;
  	background-size: contain;
}

.nav.nav-top.nav-fixed .logo-img{
	background: url(../images/z2_330x180_black.png)no-repeat;
	background-size: contain;
}

.contacts .contacts__logo a{
	display: inline-block;
}

.nav .nav__menu {
	float: right
}

.nav .nav__menu li.is-contacts .btn:hover {
	background-color: #ff383f;
	border-color: #ff383f;
	color: #fff
}

.nav .nav__menu li a:hover {
	color: #ff383f
}

.nav.is-page {
	-webkit-box-shadow: none;
	box-shadow: none
}

.nav-fixed .nav__logo .icon__logo {
	background: url('../images/icons-s2baca487d5.png') 0 -2706px no-repeat;
	width: 282px;
	height: 40px
}

.nav-fixed.is-page {
	-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.5)
}

.nav-landing.nav-fixed .nav__logo .icon__logo {
	background: url('../images/icons-s2baca487d5.png') 0 -2706px no-repeat;
	width: 282px;
	height: 40px
}

.nav-landing.nav-fixed.nav-landing .nav__logo .icon__logo {
	background: url('../images/icons-s2baca487d5.png') 0 -2706px no-repeat;
	width: 282px;
	height: 40px
}

.nav-white .nav__logo .icon__logo {
	background: url('../images/icons-s2baca487d5.png') 0 -2706px no-repeat;
	width: 282px;
	height: 40px
}

.nav-white .nav__logo.nav__single .icon__logo {
	background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
	width: 282px;
	height: 58px
}

.start .start__bottom a:hover .icon__arrow {
	background: url('../images/icons-s2baca487d5.png') 0 -4889px no-repeat;
	width: 85px;
	height: 43px
}

.services .services__list .services__block a:hover .services__title {
	color: #ff383f
}

.services .services__list .services__block a:focus .services__text {
	color: #2b2b2b
}

.services .services__list .services__block .services__link {
	text-decoration: none
}

.services .services__list .services__block .services__link .icon {
	width: 120px;
	height: 120px;
	background: url("../images/main/service.png") no-repeat
}

.services .services__list .services__block .services__link .icon__service1 {
	background-position: 0 0
}

.services .services__list .services__block .services__link .icon__service2 {
	background-position: -120px 0
}

.services .services__list .services__block .services__link .icon__service3 {
	background-position: -240px 0
}

.services .services__list .services__block .services__link .icon__service4 {
	background-position: -360px 0
}

.services .services__list .services__block .services__link .services__more {
	color: #ff383f
}

.services .services__list .services__block .services__link:hover .icon__service1 {
	background-position: 0 -120px
}

.services .services__list .services__block .services__link:hover .icon__service2 {
	background-position: -120px -120px
}

.services .services__list .services__block .services__link:hover .icon__service3 {
	background-position: -240px -120px
}

.services .services__list .services__block .services__link:hover .icon__service4 {
	background-position: -360px -120px
}

.services .services__list .services__block .services__text a {
	color: #ff383f;
	text-decoration: none;
	border-bottom: 1px solid #ff383f;
	padding-bottom: 2px
}

.services .services__list .services__block .services__text .space {
	display: block
}

.services .services__list .services__block .services__more a {
	color: #ff383f;
	text-decoration: none
}

.projects .projects__content {
	overflow: visible
}

.projects .projects__content ul>li li:hover:before {
	background-color: #ff383f
}

.projects .projects__content ul>li li:hover:after {
	background-color: #ff383f
}

.projects .projects__content ul>li li:hover .projects__block {
	background-color: #ff383f
}

.projects .projects__content .projects__more .btn:hover,
.projects .projects__content .projects__more .bx-next:hover,
.projects .projects__content .bx-controls-direction .btn:hover,
.projects .projects__content .bx-controls-direction .bx-next:hover {
	border-color: #ff383f;
	background-color: #ff383f
}

.presentation .presentation__link a .icon__present {
	background: url('../images/icons-s2baca487d5.png') 0 -2127px no-repeat;
	width: 166px;
	height: 166px
}

.presentation .presentation__link.is-active .icon__present {
	background: url('../images/icons-s2baca487d5.png') 0 -1823px no-repeat;
	width: 166px;
	height: 166px
}

.feedback .feedback__email .form-group .btn:hover {
	background-color: #ff383f;
	border-color: #ff383f;
	color: #fff
}

.vista {
	background-color: #ff383f;
	color: #fff
}

.vista .vista__list a:hover .icon,
.vista .vista__list a.is-active .icon,
.vista .vista__list span:hover .icon,
.vista .vista__list span.is-active .icon {
	background-image: url("../images/main/vista.png")
}

.vista .vista__list a:hover .icon__vista1,
.vista .vista__list a.is-active .icon__vista1,
.vista .vista__list span:hover .icon__vista1,
.vista .vista__list span.is-active .icon__vista1 {
	background-position: 0 -120px
}

.vista .vista__list a:hover .icon__vista2,
.vista .vista__list a.is-active .icon__vista2,
.vista .vista__list span:hover .icon__vista2,
.vista .vista__list span.is-active .icon__vista2 {
	background-position: -120px -120px
}

.vista .vista__list a:hover .icon__vista3,
.vista .vista__list a.is-active .icon__vista3,
.vista .vista__list span:hover .icon__vista3,
.vista .vista__list span.is-active .icon__vista3 {
	background-position: -240px -120px
}

.vista .vista__list a:hover .icon__vista4,
.vista .vista__list a.is-active .icon__vista4,
.vista .vista__list span:hover .icon__vista4,
.vista .vista__list span.is-active .icon__vista4 {
	background-position: -360px -120px
}

.vista .vista__list a:hover .icon__vista5,
.vista .vista__list a.is-active .icon__vista5,
.vista .vista__list span:hover .icon__vista5,
.vista .vista__list span.is-active .icon__vista5 {
	background-position: -480px -120px
}

/*ad*/
label.error{
	color:red;
	margin: 5px 0 0;
}

@media (max-width: 999px) {
	.nav .nav__logo .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -3131px no-repeat;
		background-position: 0 -1566px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.nav-fixed .nav__logo .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
		background-position: 0 -1213px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.nav-landing.nav-fixed .nav__logo .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
		background-position: 0 -1213px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.nav-landing.nav-fixed.nav-landing .nav__logo .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
		background-position: 0 -1213px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.nav-white .nav__logo .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
		background-position: 0 -1213px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.nav-white .nav__logo.nav__single .icon__logo {
		background: url('../images/icons-s2baca487d5.png') 0 -2425px no-repeat;
		background-position: 0 -1213px;
		width: 141px;
		height: 29px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.start .start__bottom a:hover .icon__arrow {
		background: url('../images/icons-s2baca487d5.png') 0 -4889px no-repeat;
		background-position: 0 -2445px;
		width: 42.5px;
		height: 21.5px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.services .services__list .services__block .services__link .icon {
		width: 153px;
		height: 153px;
		background-repeat: no-repeat;
		background-position: 0 0 !important;
		background-size: cover
	}
	.services .services__list .services__block .services__link .icon__service1 {
		background-image: url("../images/main/service1.png")
	}
	.services .services__list .services__block .services__link .icon__service2 {
		background-image: url("../images/main/service2.png")
	}
	.services .services__list .services__block .services__link .icon__service3 {
		background-image: url("../images/main/service3.png")
	}
	.services .services__list .services__block .services__link .icon__service4 {
		background-image: url("../images/main/service4.png")
	}
	.services .services__list .services__block .services__text .space {
		display: inline-block;
		width: 4px
	}
	.services .services__list .bx-controls .bx-controls-direction a {
		padding-top: 55px
	}
	.projects .projects__content li:hover .projects__anons {
		font-size: 12px;
		line-height: 20px;
		padding-left: 10px;
		padding-right: 10px
	}
	.projects .projects__content li:hover .projects__anons p {
		margin: 0 0 6px
	}
	.projects .projects__content li:hover .projects__anons .btn {
		margin-top: 2px;
		font-size: 12px;
		line-height: 20px;
		width: 200px;
		padding: 4px 15px
	}
	.vacancy .vacancy__bg {
		display: none
	}
	.vacancy .vacancy__list .vacancy__mobile li a .vacancy__more {
		color: #ff383f
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 0 0 !important;
		width: 153px;
		height: 153px
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon__vacancy1 {
		background-image: url("../images/main/vacancy1.png")
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon__vacancy2 {
		background-image: url("../images/main/vacancy2.png")
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon__vacancy3 {
		background-image: url("../images/main/vacancy3.png")
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon__vacancy4 {
		background-image: url("../images/main/vacancy4.png")
	}
	.vacancy .vacancy__list .vacancy__mobile li a .icon__vacancy5 {
		background-image: url("../images/main/vacancy5.png")
	}
	.presentation .presentation__link a .icon__present {
		background: url('../images/icons-s2baca487d5.png') 0 -2127px no-repeat;
		background-position: 0 -1064px;
		width: 83px;
		height: 83px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.presentation .presentation__link a:hover .icon__present {
		background: url('../images/icons-s2baca487d5.png') 0 -1823px no-repeat;
		background-position: 0 -912px;
		width: 83px;
		height: 83px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.presentation .presentation__link.is-active .icon__present {
		background: url('../images/icons-s2baca487d5.png') 0 -1823px no-repeat;
		background-position: 0 -912px;
		width: 83px;
		height: 83px;
		-moz-background-size: 233px 2849px;
		-webkit-background-size: 233px 2849px;
		background-size: 233px 2849px
	}
	.feedback .feedback__mobile p.is-phone a:hover {
		background-color: #ff383f;
		border-color: #ff383f
	}
}


