/* Reset Styles */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #000;
	z-index: 1;
}

body {
	padding-top: 92px;
	background: #000;
}

.hidden {
	display: none;
}

.half {
	width: 50%;
	float: left;
}

.full {
	width: 100%;
}

.clear {
	clear: both;
}

.bg-gold {
	background: #a79867;
}

.bg-gold-2 {
	background: #c19d68;
}

.bg-grey {
	background: #f0f0f0;
}

.bg-white {
	background: #fff;
}

.bg-blue {
	background: #2d52a0;
}

.mobile-br {
	display: none;
}

/* Navigation */
.navigation-bar-wrapper {
	width: 100%;
	height: 92px;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}

.navigation-bar {
	width: 958px;
	height: 92px;
	margin: 0 auto;
	background: #000;
	list-style: none;
}

.navigation-bar li {
	float: left;
}

.navigation-bar>li>.top-lvl {
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #fff;
	background: #000;
	font: normal 18px/18px "Proxima Nova Semibold";
	height: 92px;
	padding-top: 38px;
	cursor: pointer;
	letter-spacing: 2px;
}

.nav-portfolio-sub-menu {
	display: none;
	width: 100%;
	height: 50px;
	background: #fff;
	position: absolute;
	top: 92px;
	left: 0;
}

.navigation-bar ul {
	list-style: none;
	width: 958px;
	height: 50px;
	margin: 0 auto;
	padding-left: 53px;
}

.english-version .navigation-bar ul {
	padding-left: 19px;
}

.navigation-bar>li:hover .nav-portfolio-sub-menu {
	display: block;
}

.navigation-bar ul li {
	float: left;
}

.nav-portfolio-sub-menu a {
	display: block;
	height: 50px;
	padding-top: 17px;
	font: bold 16px/16px "Proxima Nova";
	text-decoration: none;
}

.nav-portfolio-sub-menu li:nth-child(1) {
	margin-right: 37px;
}

.nav-portfolio-sub-menu li:nth-child(2) {
	margin-right: 36px;
}

.nav-portfolio-sub-menu li:nth-child(3) {
	margin-right: 31px;
}

.nav-portfolio-sub-menu li:nth-child(4) {
	margin-right: 31px;
}

.nav-portfolio-sub-menu li:nth-child(5) {
	margin-right: 31px;
}

.nav-portfolio-sub-menu li:nth-child(6) {
	margin-right: 31px;
}

.nav-portfolio-sub-menu li:nth-child(7) {
	margin-right: 31px;
}

.navigation-bar .nav-portfolio {
	margin-right: 61px;
	margin-left: 48px;
}

.english-version .navigation-bar .nav-portfolio {
	margin-left: 19px;
}

.navigation-bar .nav-services {
}

.navigation-bar>li>.top-lvl.nav-logo {
	width: 390px;
	padding-top: 19px;
	/*background: url("/img/made-logo.png") 50% 19px no-repeat;*/
}

.navigation-bar>li>.top-lvl.nav-logo img {
	display: block;
	width: 138px;
	height: 50px;
	margin: 0 auto;
	vertical-align: top;
}


.navigation-bar .nav-team {
	margin-right: 62px;
}

.navigation-bar .nav-contacts {
}

.navigation-bar>li>.top-lvl.active {
	border-top: 4px solid #fff;
	padding-top: 34px;
}

/* Mobile navigation */

.mobile-navigation-bar {
	display: none;
	width: 100%;
	height: 62px;
	margin: 0;
	background: #000;
}

.mobile-logo {
	display: block;
	float: left;
	width: 122px;
	height: 62px;
	padding: 15px 17px;
	text-decoration: none;
	/*background: #000 url("/img/logo-mobile.png") 17px 15px no-repeat;*/
}

.mobile-logo img {
	display: block;
	vertical-align: top;
	width: 88px;
	height: 32px;
}

.mobile-navigation-btn {
	display: block;
	float: right;
	width: 63px;
	height: 62px;
	cursor: pointer;
	background: #000 url("/img/mobile-menu-icon-passive.png") 50% 50% no-repeat;
	z-index: 9999;
}

.mobile-navigation-btn:hover,
.mobile-navigation-btn .active {
	background: #fff url("/img/mobile-menu-icon-active.png") 50% 50% no-repeat;
}

.mobile-navigation-submenu {
	display: none;
	list-style: none;
	width: 100%;
	height: 2000px;
	position: fixed;
	top: 62px;
	left: 0;
	background: #000;
	z-index: 8000;
}

.mobile-navigation-submenu>li>a,
.mobile-navigation-submenu>li>div {
	display: block;
	height: 50px;
	color: #fff;
	border-bottom: 1px solid #303030;
	text-decoration: none;
	font: bold 18px/7px "Proxima Nova";
	letter-spacing: 2px;
	padding: 21px 22px 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.mobile-navigation-submenu>li:last-child>a,
.mobile-navigation-submenu>li:last-child>div {
	border: none;
}

.mobile-navigation-submenu>li>a.open,
.mobile-navigation-submenu>li>div.open {
	background: #fff;
	border: none;
	color: #000;
}

.mobile-navigation-submenu>li>ul {
	display: none;
	list-style: none;
	background: #fff;
	padding-bottom: 20px;
}

/*.mobile-navigation-submenu>li>.open+ul {
	display: block;
}*/

.mobile-navigation-submenu>li>ul>li>a {
	font: bold 14px/21px "Proxima Nova";
	color: #000;
	letter-spacing: 2px;
	padding: 0 23px;
	display: block;
	height: 21px;
	text-decoration: none;
	z-index: 9999;
}

/* Eng-Ru button */

.language-button {
	display: block;
	position: absolute;
	top: 30px;
	right: 20px;
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 13px/27px "Proxima Nova Semibold";
	color: #fff;
}

/* Slider */

ul.bxslider {
	list-style: none;
}

ul.bxslider li img,
ul.bxslider-2 li img,
ul.bxslider-3 li img {
	width: 100%;
}

.slider-block {
	position: relative;
}

.slider-block-ipad,
.slider-block-mobile {
	position: relative;
	display: none;
}

.hint-wrapper {
	position: fixed;
	height: 45px;
	width: 100%;
	bottom: 0;
	left: 0;
}

.hint {
	font: bold 16px/7px "PT Sans";
	color: #fff;
	background: #000;
	height: 45px;
	width: 129px;
	padding-top: 18px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 1px;
}

/* Main Text Block */

.main-text-block {
	background: #ededed;
	width: 100%;
}

.main-text-block .main-text-head {
	margin: 0 auto;
	text-align: center;
	font: bold 33px/33px "Proxima Nova";
	letter-spacing: 2px;
	text-transform: uppercase;
	padding-top: 71px;
}

.main-text-block .main-text-content {
	margin: 0 auto;
	padding: 60px;
	text-align: center;
	font: normal 18px/28px "PT Sans";
	max-width: 1124px;
}

/* Services Block */

.services-block {
	background: #ededed;
	width: 100%;
	padding-bottom: 75px;
}

.services-block ul {
	list-style: none;
	max-width: 1124px;
	margin: 0 auto;
}

.services-block ul .service-item {
	border: 6px solid #fff;
	width: 258px;
	min-width: 258px;
	height: 330px;
	float: left;
	margin-right: 30px;
}

.services-block ul .service-item.first .service-item-icon {

}

.services-block ul .service-item.second .service-item-icon {
	font-size: 195px;
}

.services-block ul .service-item.third .service-item-icon {
	font-size: 225px;
}

.services-block ul .service-item.fourth .service-item-icon {
	font-size: 188px;
}

.services-block ul .service-item.fourth {
	margin: 0;
}

.services-block ul .service-item .service-item-icon {
	height: 153px;
	padding-top: 36px;
	text-align: center;
	font: normal 200px/36px "MADE Icons";
}

.services-block ul .service-item .service-item-head {
	font: bold 16px/16px "Proxima Nova";
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.services-block ul .service-item .service-item-option {
	font: bold 16px/28px "PT Sans";
	text-align: center;
}

/* Icons */

.be,
.p,
.f,
.in,
.insta {
	width: 37px;
	height: 37px;
	display: block;
	/*font: normal 82px/15px "MADE Icons";*/
	color: #000;
	text-decoration: none;
}

.be img,
.p img,
.f img,
.in img,
.insta img {
	width: 37px;
	height: 37px;
	vertical-align: top;
}

.footer-block .be,
.footer-block .p,
.footer-block .f,
.footer-block .in,
.footer-block .insta {
	width: 28px;
	height: 27px;
	display: block;
	/*font: normal 58px/12px "MADE Icons";*/
	color: #fff;
}

.footer-block .be img,
.footer-block .p img,
.footer-block .f img,
.footer-block .in img,
.footer-block .insta img {
	width: 28px;
	height: 27px;
	vertical-align: top;
}

/* Team */

.team-block {
	background: #fff;
	width: 100%;
}

.team-block ul {
	list-style: none;
	max-width: 1124px;
	margin: 0 auto;
}

.team-block ul li.team-item {
	width: 520px;
	float: left;
	padding: 76px 52px 95px;
}

.team-block ul li.team-item>img {
	display: block;
	margin: 0 auto 52px;
}

.team-block ul li.team-item.first {
	margin-right: 84px;
}

.team-block ul li.team-item.second {
}

.team-item .social {
	height: 37px;
	width: 113px;
	text-align: center;
	margin: 0 auto 33px;
}

.team-item .social a {
	margin-right: 39px;
	display: inline-block;
	float: left;
}

.team-item .social a:last-child {
	margin-right: 0;
}

.team-item .name {
	font: bold 20px/20px "Proxima Nova";
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
}

.team-item .position {
	font: bold 16px/16px "PT Sans";
	text-transform: lowercase;
	text-align: center;
	margin-bottom: 23px;
}

.team-item .description {
	display: none;
	font: normal 16px/23px "PT Sans";
	text-align: center;
}

/* Contacts Block */

.contacts-block {
	width: 100%;
	height: 669px;
	background: url("/img/contacts-bg.jpg") 50% 0 no-repeat;
}

.contacts-block .contacts-block-head {
	font: normal 30px/56px "Proxima Nova Semibold";
	letter-spacing: 2px;
	color: #fff;
	padding-top: 179px;
	padding-bottom: 74px;
	text-align: center;
	text-transform: uppercase;
}

.contacts-block .write-btn {
	display: block;
	letter-spacing: 3px;
	margin: 0 auto;
	width: 265px;
	height: 61px;
	border: 4px solid #fff;
	color: #fff;
	font: normal 22px/54px "Proxima Nova Semibold";
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

.contacts-block .phone {
	padding-top: 71px;
	text-align: center;
	color: #e3e3e3;
	font: normal 20px/30px "Proxima Nova Semibold";
	text-transform: uppercase;
	height: 101px;
	letter-spacing: 2px;
}

.contacts-block .phone a {
	font: normal 30px/30px "Proxima Nova";
	color: #e3e3e3;
	letter-spacing: 1px;
	padding-left: 10px;
	text-decoration: none;
}

/* Footer */

.footer-block {
	height: 125px;
	padding-top: 49px;
	background: #000;
	max-width: 1124px;
	margin: 0 auto;
}

.footer-block .social {
	float: left;
	height: 27px;
	text-align: left;
	width: 200px;
	margin-bottom: 30px;
}

.footer-block .social a {
	margin-right: 29px;
	display: inline-block;
	float: left;
	text-decoration: none;
}

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

.footer-block .email {
	float: right;
	height: 27px;
	padding-top: 3px;
	text-align: left;
	color: #e3e3e3;
	font: normal 18px/18px "Proxima Nova Semibold";
	text-transform: uppercase;
	letter-spacing: 2px;
}

.footer-block .email a {
	color: #e3e3e3;
	font: normal 18px/18px "Proxima Nova";
	text-decoration: none;
	text-transform: lowercase;
	letter-spacing: 1px;
}

/* Scroll marker */

.scroll-marker {
	position: relative;
	top: -92px;
}

/* Project Page */

.content-wrapper {
	min-width: 320px;
}

.content-wrapper .content-raw {
	clear: both;
}

.content-wrapper .content-block {
	min-width: 320px;
}

.content-wrapper .content-block.text {
	padding: 5%;
}

.content-wrapper .content-block img {
	width: 100%;
	display: block;
	min-width: 320px;
}

.content-wrapper .content-block h2.title {
	text-transform: uppercase;
	font: normal 28px/39px "Proxima Nova";
	letter-spacing: 1px;
	margin-bottom: 43px;
}

.content-wrapper .content-block a.title {
	text-transform: uppercase;
	font: normal 28px/39px "Proxima Nova";
	letter-spacing: 1px;
	margin-bottom: 43px;
	text-decoration: none;
	display: block;
}

.content-wrapper .content-block .text {
	font: normal 24px/32px "Proxima Nova";
	padding-bottom: 20px;
}

.content-wrapper .content-block .text:last-child {
	padding-bottom: 0;
}

/* Стили для iPhone */
@media all and (max-width: 479px) {
	.scroll-marker {
		top: -62px;
	}

	body {
		padding-top: 62px;
	}

	.half {
		width: 100%;
	}

	.navigation-bar {
		display: none;
	}

	.navigation-bar-wrapper {
		height: 62px;
	}

	.mobile-navigation-bar {
		display: block;
	}

	.hint {
		font: bold 10px/1px "PT Sans";
		height: 29px;
		width: 81px;
		padding-top: 12px;
		letter-spacing: 1px;
	}

	.hint-wrapper {
		height: 29px;
	}

	.mobile-br {
		display: block;
	}

	/* Slider */
	.slider-block {
		display: none;
	}

	.slider-block-mobile {
		display: block;
	}

	.bx-wrapper .bx-prev {
		left: 0;
		background: url(/img/mobile/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: url(/img/mobile/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-prev:hover {
		background: url(/img/mobile/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next:hover {
		background: url(/img/mobile/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -26px;
		outline: 0;
		width: 32px;
		height: 32px;
		text-indent: -9999px;
		z-index: 3000;
	}

	/* Text in projects */
	.content-wrapper .content-block h2.title {
		font: normal 13px/19px "Proxima Nova";
		letter-spacing: 1px;
		margin-bottom: 15px;
	}

	.content-wrapper .content-block a.title {
		font: normal 13px/19px "Proxima Nova";
		letter-spacing: 1px;
		margin-bottom: 15px;
	}

	.content-wrapper .content-block .text {
		font: normal 13px/14px "Proxima Nova";
	}

	/* Main text */
	.main-text-block .main-text-head {
		padding-top: 29px;
		font: bold 20px/22px "Proxima Nova";
	}

	.main-text-block .main-text-content {
		padding: 18px 20px 0;
		font: normal 12px/16px "PT Sans";
	}

	/* Service */
	.services-block {
		padding-bottom: 42px;
	}

	.services-block ul .service-item,
	.services-block ul .service-item.fourth {
		display: block;
		float: none;
		margin: 0 auto;
		width: 100%;
		min-width: 100%;
		border: none;
		height: auto;
	}

	.services-block ul .service-item.first .service-item-icon {
		padding: 24px 0 19px;
		height: 89px;
		font-size: 100px;
		line-height: 19px;
	}

	.services-block ul .service-item.second .service-item-icon {
		padding: 23px 0 17px;
		height: 89px;
		font-size: 110px;
		line-height: 22px;
	}

	.services-block ul .service-item.third .service-item-icon {
		padding: 27px 0 17px;
		height: 98px;
		font-size: 120px;
		line-height: 23px;
	}

	.services-block ul .service-item.fourth .service-item-icon {
		padding: 27px 0 23px;
		height: 93px;
		font-size: 100px;
		line-height: 19px;
	}

	.services-block ul .service-item .service-item-head {
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}

	.services-block ul .service-item .service-item-option {
		font: bold 14px/22px "PT Sans";
	}

	/* Team */
	.team-block ul {
		min-width: 320px;
	}

	.team-block ul li.team-item>img {
		width: 160px;
		margin-bottom: 25px;
	}

	.team-item .social {
		width: 87px;
		height: 28px;
		margin-bottom: 22px;
	}

	.team-item .social a {
		margin-right: 31px;
	}

	.be,
	.p,
	.f,
	.in,
	.insta {
		width: 28px;
		height: 28px;
		/*font: normal 60px/10px "MADE Icons";*/
	}

	.be img,
	.p img,
	.f img,
	.in img,
	.insta img {
		width: 28px;
		height: 28px;
	}

	.team-block ul li.team-item {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 35px 20px 0;
	}

	.team-block ul li.team-item.first {
		margin: 0 auto;
	}

	.team-block ul li.team-item.second {
		padding-bottom: 42px;
		padding-top: 42px;
	}

	.team-item .name {
		font: bold 15px/15px "Proxima Nova";
		margin-bottom: 18px;
	}

	.team-item .position {
		font: bold 12px/12px "PT Sans";
		margin-bottom: 18px;
	}

	.team-item .description {
		display: none;
		font: normal 13px/16px "PT Sans";
	}

	/* Contacts */
	.contacts-block .contacts-block-head {
		font: normal 18px/26px "Proxima Nova Semibold";
		padding: 45px 0 33px;
		letter-spacing: 2px;
	}

	.contacts-block .write-btn {
		letter-spacing: 2px;
		width: 171px;
		height: 40px;
		border: 2px solid #fff;
		font: normal 15px/34px "Proxima Nova Semibold";
	}

	.contacts-block .phone {
		padding-top: 29px;
		font: normal 13px/13px "Proxima Nova Semibold";
		letter-spacing: 2px;
	}

	.contacts-block .phone a {
		display: block;
		font: normal 20px/20px "Proxima Nova";
		text-decoration: none;
		color: #e3e3e3;
		margin-top: 20px;
		padding-left: 0;
		letter-spacing: 1px;
	}

	.contacts-block {
		height: 305px;
	}

	/* Footer */
	.footer-block {
		padding-top: 30px;
	}

	.footer-block .social {
		margin: 0 auto 25px;
		float: none;
	}

	.footer-block .email {
		float: none;
		text-align: center;
		padding-bottom: 30px;
		display: block;
		height: 51px;
	}

}
/* ### Стили для iPhone ### */

/* Стили для iPhone horizontal */
@media all and (min-width: 480px) and (max-width: 640px) {
	.scroll-marker {
		top: -62px;
	}

	body {
		padding-top: 62px;
	}

	.half {
		width: 100%;
	}

	.navigation-bar {
		display: none;
	}

	.navigation-bar-wrapper {
		height: 62px;
	}

	.mobile-navigation-bar {
		display: block;
	}

	.hint {
		font: bold 16px/10px "PT Sans";
		height: 47px;
		width: 129px;
		padding-top: 18px;
		letter-spacing: 1px;
	}

	.hint-wrapper {
		height: 47px;
	}

	.mobile-br {
		display: block;
	}

	/* Slider */
	.slider-block {
		display: none;
	}

	.slider-block-ipad {
		display: block;
	}

	.bx-wrapper .bx-prev {
		left: 0;
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-prev:hover {
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next:hover {
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -26px;
		outline: 0;
		width: 52px;
		height: 52px;
		text-indent: -9999px;
		z-index: 3000;
	}

	/* Text in projects */
	.content-wrapper .content-block h2.title {
		font: normal 13px/19px "Proxima Nova";
		letter-spacing: 1px;
		margin-bottom: 15px;
	}

	.content-wrapper .content-block a.title {
		font: normal 13px/19px "Proxima Nova";
		letter-spacing: 1px;
		margin-bottom: 15px;
	}

	.content-wrapper .content-block .text {
		font: normal 13px/14px "Proxima Nova";
	}

	/* Main text */
	.main-text-block .main-text-head {
		padding-top: 51px;
		font: bold 33px/24px "Proxima Nova";
	}

	.main-text-block .main-text-content {
		padding: 36px 30px 0;
		font: normal 16px/22px "PT Sans";
	}

	/* Service */
	.services-block {
		padding: 0 0 60px;
	}

	.services-block ul {
		width: 410px;
		margin: 0 auto;
	}

	.services-block ul .service-item {
		display: block;
		float: left;
		margin: 0;
		border: none;
		height: auto;
	}

	.services-block ul .service-item.first {
		width: 190px;
		min-width: 190px;
		margin-right: 30px;
	}

	.services-block ul .service-item.second {
		width: 190px;
		min-width: 190px;
	}

	.services-block ul .service-item.third {
		clear: both;
		width: 190px;
		min-width: 190px;
		margin-right: 30px;
	}

	.services-block ul .service-item.fourth {
		width: 190px;
		min-width: 190px;
	}

	.services-block ul .service-item.first .service-item-icon {
		padding: 45px 0 19px;
		height: 110px;
		font-size: 100px;
		line-height: 19px;
	}

	.services-block ul .service-item.second .service-item-icon {
		padding: 45px 0 17px;
		height: 110px;
		font-size: 110px;
		line-height: 22px;
	}

	.services-block ul .service-item.third .service-item-icon {
		padding: 30px 0 17px;
		height: 100px;
		font-size: 120px;
		line-height: 23px;
	}

	.services-block ul .service-item.fourth .service-item-icon {
		padding: 30px 0 23px;
		height: 100px;
		font-size: 100px;
		line-height: 19px;
	}

	.services-block ul .service-item .service-item-head {
		font-size: 14px;
		line-height: 14px;
		letter-spacing: 1px;
		margin-bottom: 10px;
	}

	.services-block ul .service-item .service-item-option {
		font: bold 14px/22px "PT Sans";
	}

	/* Team */
	.team-block ul {
		min-width: 370px;
		max-width: 370px;
		width: 370px;
	}

	.team-block ul li.team-item>img {
		width: 225px;
		margin-bottom: 37px;
	}

	.team-item .social {
		width: 113px;
		height: 37px;
		margin-bottom: 33px;
	}

	.team-item .social a {
		margin-right: 39px;
	}

	.be,
	.p,
	.f,
	.in,
	.insta {
		width: 37px;
		height: 37px;
		/*font: normal 60px/10px "MADE Icons";*/
	}

	.be img,
	.p img,
	.f img,
	.in img,
	.insta img {
		width: 37px;
		height: 37px;
	}

	.team-block ul li.team-item {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 60px 0 0;
	}

	.team-block ul li.team-item.first {
		margin: 0 auto;
	}

	.team-block ul li.team-item.second {
		padding-bottom: 65px;
		padding-top: 60px;
	}

	.team-item .name {
		font: bold 20px/20px "Proxima Nova";
		margin-bottom: 18px;
	}

	.team-item .position {
		font: bold 16px/16px "PT Sans";
		margin-bottom: 26px;
	}

	.team-item .description {
		display: none;
		font: normal 14px/19px "PT Sans";
	}

	/* Contacts */
	.contacts-block .contacts-block-head {
		font: normal 24px/32px "Proxima Nova Semibold";
		padding: 74px 0 41px;
		letter-spacing: 2px;
	}

	.contacts-block .write-btn {
		letter-spacing: 2px;
		width: 171px;
		height: 40px;
		border: 2px solid #fff;
		font: normal 15px/34px "Proxima Nova Semibold";
	}

	.contacts-block .phone {
		padding-top: 41px;
		font: normal 15px/15px "Proxima Nova Semibold";
		letter-spacing: 2px;
	}

	.contacts-block .phone a {
		display: block;
		font: normal 25px/25px "Proxima Nova";
		text-decoration: none;
		color: #e3e3e3;
		margin-top: 20px;
		padding-left: 0;
		letter-spacing: 1px;
	}

	.contacts-block {
		height: 406px;
	}

	/* Footer */
	.footer-block {
		padding-top: 30px;
	}

	.footer-block .social {
		margin: 0 auto 25px;
		float: none;
	}

	.footer-block .email {
		float: none;
		text-align: center;
		padding-bottom: 30px;
		display: block;
		height: 51px;
	}

}
/* ### Стили для iPhone horizontal ### */

/* Стили для iPad */
@media all and (min-width: 641px) and (max-width: 999px) {
	/* Global styles */
	.scroll-marker {
		top: -62px;
	}

	body {
		padding-top: 62px;
	}

	.navigation-bar {
		display: none;
	}

	.navigation-bar-wrapper {
		height: 62px;
	}

	.mobile-navigation-bar {
		display: block;
	}

	.hint {
		font: bold 16px/6px "PT Sans";
		height: 47px;
		width: 129px;
		padding-top: 18px;
		letter-spacing: 1px;
	}

	.hint-wrapper {
		height: 47px;
	}

	/* Slider */

	.slider-block {
		display: none;
	}

	.slider-block-ipad {
		display: block;
	}

	.bx-wrapper .bx-prev {
		left: 0;
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-prev:hover {
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next:hover {
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -26px;
		outline: 0;
		width: 52px;
		height: 52px;
		text-indent: -9999px;
		z-index: 3000;
	}

	/* Main text */
	.main-text-block .main-text-head {
		padding-top: 57px;
		font: bold 33px/33px "Proxima Nova";
	}

	.main-text-block .main-text-content {
		padding: 35px 45px 0;
		font: normal 18px/28px "PT Sans";
	}

	/* Service */
	.services-block {
		padding: 45px 0 63px;
	}

	.services-block ul {
		list-style: none;
		max-width: 1124px;
		width: 548px;
		margin: 0 auto;
	}

	.services-block ul .service-item {
		display: block;
		float: left;
		margin: 0;
		width: 259px;
		border: 6px solid #fff;
		height: 330px;
	}

	.services-block ul .service-item.first,
	.services-block ul .service-item.third {
		margin-right: 30px;
	}

	.services-block ul .service-item.third,
	.services-block ul .service-item.fourth {
		margin-top: 28px;
	}

	.services-block ul .service-item.first .service-item-icon {
		padding: 39px 0 34px;
		height: 153px;
		font-size: 176px;
		line-height: 34px;
	}

	.services-block ul .service-item.second .service-item-icon {
		padding: 36px 0 34px;
		height: 153px;
		font-size: 184px;
		line-height: 34px;
	}

	.services-block ul .service-item.third .service-item-icon {
		padding: 34px 0 27px;
		height: 153px;
		font-size: 202px;
		line-height: 36px;
	}

	.services-block ul .service-item.fourth .service-item-icon {
		padding: 42px 0 35px;
		height: 153px;
		font-size: 163px;
		line-height: 36px;
	}

	.services-block ul .service-item .service-item-head {
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 1px;
		margin-bottom: 22px;
	}

	.services-block ul .service-item .service-item-option {
		font: bold 16px/28px "PT Sans";
	}

	/* Team */
	.team-block ul {
		min-width: 425px;
		max-width: 465px;
	}

	.team-block ul li.team-item>img {
		width: 225px;
		margin-bottom: 37px;
	}

	.team-item .social {
		width: 113px;
		height: 37px;
		margin-bottom: 32px;
	}

	.team-item .social a {
		margin-right: 39px;
	}

	.be,
	.p,
	.f,
	.in,
	.insta {
		width: 37px;
		height: 37px;
		/*font: normal 82px/16px "MADE Icons";*/
	}

	.be img,
	.p img,
	.f img,
	.in img,
	.insta img {
		width: 37px;
		height: 37px;
	}

	.team-block ul li.team-item {
		float: none;
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
	}

	.team-block ul li.team-item.first {
		padding-top: 56px;
	}

	.team-block ul li.team-item.second {
		padding-bottom: 66px;
		padding-top: 50px;
	}

	.team-item .name {
		font: bold 20px/20px "Proxima Nova";
		margin-bottom: 18px;
	}

	.team-item .position {
		font: bold 16px/16px "PT Sans";
		margin-bottom: 28px;
	}

	.team-item .description {
		display: none;
		font: normal 16px/22px "PT Sans";
	}

	/* Contacts */
	.contacts-block {
		height: 667px;
	}

	.contacts-block .contacts-block-head {
		font: normal 30px/56px "Proxima Nova Semibold";
		padding: 150px 0 72px;
		letter-spacing: 2px;
	}

	.contacts-block .write-btn {
		letter-spacing: 3px;
		width: 265px;
		height: 61px;
		border: 4px solid #fff;
		font: normal 22px/54px "Proxima Nova Semibold";
	}

	.contacts-block .phone {
		padding-top: 70px;
		font: normal 20px/20px "Proxima Nova Semibold";
		letter-spacing: 2px;
	}

	.contacts-block .phone a {
		display: inline;
		font: normal 30px/30px "Proxima Nova";
		text-decoration: none;
		color: #e3e3e3;
		padding-left: 0;
		letter-spacing: 1px;
	}

	/* Footer */
	.footer-block {
		padding: 41px 40px 0 55px;
		height: 110px;
	}

	.footer-block .social {
		margin: 0;
		float: left;
	}

	.footer-block .email {
		float: right;
		text-align: center;
		display: block;
		height: 51px;
	}

}

/* ### Стили для iPad ### */

/* Стили для Netbook */
@media all and (min-width: 1000px) and (max-width: 1200px) {
	/* Global styles */
	.hint {
		font: bold 16px/6px "PT Sans";
		height: 47px;
		width: 129px;
		padding-top: 18px;
		letter-spacing: 1px;
	}

	.hint-wrapper {
		height: 47px;
	}

	/* Slider */
	/*.bx-wrapper .bx-prev {
		left: 0;
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next {
		right: 0;
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-prev:hover {
		background: url(/img/ipad/arrow-left.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-next:hover {
		background: url(/img/ipad/arrow-right.png) no-repeat 0 0;
	}

	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		margin-top: -26px;
		outline: 0;
		width: 52px;
		height: 52px;
		text-indent: -9999px;
		z-index: 3000;
	}*/

	/* Main text */
	.main-text-block .main-text-head {
		padding-top: 71px;
		font: bold 33px/33px "Proxima Nova";
	}

	.main-text-block .main-text-content {
		padding: 44px 80px 0;
		font: normal 18px/28px "PT Sans";
	}

	/* Service */
	.services-block {
		padding: 60px 0 67px;
	}

	.services-block ul {
		list-style: none;
		max-width: 1124px;
		width: 548px;
		margin: 0 auto;
	}

	.services-block ul .service-item {
		display: block;
		float: left;
		margin: 0;
		width: 259px;
		border: 6px solid #fff;
		height: 330px;
	}

	.services-block ul .service-item.first,
	.services-block ul .service-item.third {
		margin-right: 28px;
	}

	.services-block ul .service-item.third,
	.services-block ul .service-item.fourth {
		margin-top: 28px;
	}

	.services-block ul .service-item.first .service-item-icon {
		padding: 39px 0 34px;
		height: 153px;
		font-size: 176px;
		line-height: 34px;
	}

	.services-block ul .service-item.second .service-item-icon {
		padding: 36px 0 34px;
		height: 153px;
		font-size: 184px;
		line-height: 34px;
	}

	.services-block ul .service-item.third .service-item-icon {
		padding: 34px 0 27px;
		height: 153px;
		font-size: 202px;
		line-height: 36px;
	}

	.services-block ul .service-item.fourth .service-item-icon {
		padding: 42px 0 35px;
		height: 153px;
		font-size: 163px;
		line-height: 36px;
	}

	.services-block ul .service-item .service-item-head {
		font-size: 16px;
		line-height: 16px;
		letter-spacing: 1px;
		margin-bottom: 22px;
	}

	.services-block ul .service-item .service-item-option {
		font: bold 16px/28px "PT Sans";
	}

	/* Team */
	.team-block ul {
		min-width: 930px;
		max-width: 930px;
	}

	.team-block ul li.team-item>img {
		width: 233px;
		margin-bottom: 47px;
	}

	.team-item .social {
		width: 113px;
		height: 37px;
		margin-bottom: 32px;
	}

	.team-item .social a {
		margin-right: 39px;
	}

	.be,
	.p,
	.f,
	.in,
	.insta {
		width: 37px;
		height: 37px;
		/*font: normal 82px/16px "MADE Icons";*/
	}

	.be img,
	.p img,
	.f img,
	.in img,
	.insta img {
		width: 37px;
		height: 37px;
	}

	.team-block ul li.team-item {
		float: left;
		width: 415px;
		margin: 0;
		padding: 56px 0 76px;
	}

	.team-block ul li.team-item.first {
		margin-right: 100px;
	}

	.team-block ul li.team-item.second {
	}

	.team-item .name {
		font: bold 20px/20px "Proxima Nova";
		margin-bottom: 18px;
	}

	.team-item .position {
		font: bold 16px/16px "PT Sans";
		margin-bottom: 28px;
	}

	.team-item .description {
		display: none;
		font: normal 16px/22px "PT Sans";
	}

	/* Contacts */
	.contacts-block {
		height: 612px;
	}

	.contacts-block .contacts-block-head {
		font: normal 30px/56px "Proxima Nova Semibold";
		padding: 148px 0 76px;
		letter-spacing: 2px;
	}

	.contacts-block .write-btn {
		letter-spacing: 3px;
		width: 265px;
		height: 61px;
		border: 4px solid #fff;
		font: normal 22px/54px "Proxima Nova Semibold";
	}

	.contacts-block .phone {
		padding-top: 70px;
		font: normal 20px/20px "Proxima Nova Semibold";
		letter-spacing: 2px;
	}

	.contacts-block .phone a {
		display: inline;
		font: normal 30px/30px "Proxima Nova";
		text-decoration: none;
		color: #e3e3e3;
		padding-left: 0;
		letter-spacing: 1px;
	}

	/* Footer */
	.footer-block {
		padding: 49px 55px 0;
		height: 124px;
	}

	.footer-block .social {
		margin: 0;
		float: left;
	}

	.footer-block .email {
		float: right;
		text-align: center;
		display: block;
		height: 51px;
	}

}

/* ### Стили для Netbook ### */

/* add-on for texts in projects */
@media all and (min-width: 460px) and (max-width: 499px) {
	.content-wrapper .content-block .text {
		font-size: 14px;
		line-height: 16px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 15px;
		letter-spacing: 1px;
	}
}

@media all and (min-width: 500px) and (max-width: 559px) {
	.content-wrapper .content-block .text {
		font-size: 16px;
		line-height: 20px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 18px;
		line-height: 26px;
	}
}

@media all and (min-width: 560px) and (max-width: 599px) {
	.content-wrapper .content-block .text {
		font-size: 18px;
		line-height: 22px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 22px;
		line-height: 32px;
	}
}

@media all and (min-width: 600px) and (max-width: 768px) {
	.content-wrapper .content-block .text {
		font-size: 20px;
		line-height: 24px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 26px;
		line-height: 36px;
	}
}

@media all and (min-width: 801px) and (max-width: 950px) {
	.content-wrapper .content-block .text {
		font-size: 13px;
		line-height: 18px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}

	.content-wrapper .content-block a.title {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 20px;
	}
}

@media all and (min-width: 951px) and (max-width: 1200px) {
	.content-wrapper .content-block .text {
		font-size: 16px;
		line-height: 20px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 20px;
	}

	.content-wrapper .content-block a.title {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 20px;
	}
}

@media all and (min-width: 1201px) and (max-width: 1400px) {
	.content-wrapper .content-block .text {
		font-size: 18px;
		line-height: 26px;
	}

	.content-wrapper .content-block h2.title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}

	.content-wrapper .content-block a.title {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 20px;
	}
}

@media all and (min-width: 1401px) and (max-width: 1500px) {
	.content-wrapper .content-block h2.title {
		font-size: 24px;
		line-height: 39px;
		margin-bottom: 43px;
	}

	.content-wrapper .content-block a.title {
		font-size: 24px;
		line-height: 39px;
		margin-bottom: 43px;
	}

	.content-wrapper .content-block .text {
		font-size: 20px;
		line-height: 30px;
		padding-bottom: 20px;
	}
}

@media all and (max-width: 800px) {
	.half {
		width: 100%;
	}

	.content-wrapper .content-block.text {
		padding: 15% 10%;
	}

}

@media all and (min-width: 801px) {
	.half {
		width: 50%;
	}
}

/* ### add-on for texts in projects ### */

/* footer block for small screen */
@media all and (max-width: 640px) {
	.footer-block {
		padding-top: 30px;
	}

	.footer-block .social {
		margin: 0 auto 25px;
		float: none;
	}

	.footer-block .email {
		float: none;
		text-align: center;
		padding-bottom: 30px;
		display: block;
		height: 51px;
	}
}

/* ### footer block for small screen ### */

/* доработки для кнопки переключения языков */

@media all and (max-width: 999px) {
	.language-button {
		display: none;
	}
}

@media all and (max-width: 1100px) {
	.navigation-bar>li>.top-lvl.nav-logo {
		width: 268px;
	}

	.navigation-bar .nav-portfolio {
		margin-left: 115px;
	}

	.navigation-bar ul {
		padding-left: 115px;
	}

	.language-button {
		right: 20px;
	}

	.english-version .navigation-bar>li>.top-lvl.nav-logo {
		width: 268px;
	}

	.english-version .navigation-bar .nav-portfolio {
		margin-left: 80px;
	}

	.english-version .navigation-bar ul {
		padding-left: 80px;
	}
}

/* ### доработки для кнопки переключения языков ### */

/* широкий слайдер в проектах */
.project-slider-wrapper {
	position: relative;
}

.project-slider {
	width: 100%;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.project-slider .project-slider-list {
	width: 20000em;
	position: relative;
	margin: 0;
	padding: 0;
}

.project-slider .project-slider-item {
	float: left;
}

.project-slider-wrapper .left {
	width: 52px;
	height: 52px;
	background: url(/img/arrow-left.png) no-repeat 0 0;
	position: absolute;
	left: 0;
}

.project-slider-wrapper .right {
	width: 52px;
	height: 52px;
	background: url(/img/arrow-right.png) no-repeat 0 0;
	position: absolute;
	right: 0;
}

@media all and (max-width: 479px) {
	.project-slider-wrapper .left {
		width: 32px;
		height: 32px;
		background: url(/img/mobile/arrow-left.png) no-repeat 0 0;
	}

	.project-slider-wrapper .right {
		width: 32px;
		height: 32px;
		background: url(/img/mobile/arrow-right.png) no-repeat 0 0;
	}
}