.background{width:100%;}

/* для Safari ======================*/

input[type=text], input[type=submit], input[type=number], textarea{-webkit-appearance: none;}
.popup_background{-webkit-overflow-scrolling:touch!important;}

/*=================================================== КНОПКИ =======================================================*/

.button{
	display:inline-block;
	position:relative;
	overflow:hidden;
	height:70px;
	box-sizing:border-box;
	background-color:none;
	padding:0px 40px;
	cursor:pointer;
	border:none;
	text-align:center;
	border-radius:5px;
	border: none;background:none;
	color:#fff;
	-webkit-transform: scale(1); transform: scale(1);
}

.button.press{-webkit-transform: scale(0.99); transform: scale(0.99);}
.button:before{
	content:'';
	position:absolute;
	box-sizing:border-box;
	z-index:0;
	border-radius:5px;
	left:0px;top:0px;right:0px;bottom:0px;
	background-color:#e59846;
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);

	transition: transform 0.6s ease 0.3s, background 0.3s ease 0s, border 0.3s ease 0s;
	-webkit-transition:transform 0.6s ease 0.3s, background 0.3s ease 0s, border 0.3s ease 0s;
	-moz-transition:transform 0.6s ease 0.3s, background 0.3s ease 0s, border 0.3s ease 0s;
	-o-transition:transform 0.6s ease 0.3s, background 0.3s ease 0s, border 0.3s ease 0s;

}
.animated .button:before{-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
.button:hover:before{
	background-color:#ff921f;
}

.button p{
	display:inline-block;
	position:relative;
	font-family: 'OS_Regular';
	line-height:70px;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	z-index:50!important;
	opacity:1!important;
}
.button--down svg{
	width:12px;
	height:8px;
	left:100%;
}
.button--down p{
	padding-right:34px;
}
.button.button--full{width:100%;padding:0px;}
.button.button--down{position:absolute;bottom:30px;right:110px;z-index:4;}

/*button--black*/
.button.button--black:before{background-color:#3a3a3a;}
.button.button--black:hover:before{background-color:#666666;}

/*button--white*/
.button.button--white:before{background-color:#fff;}
.button.button--white p{font-family: 'OS_Semibold';color:#3a3a3a;}
.button.button--white:hover:before{background-color:#e4e4e4;}

/*=================================================== HEADER =======================================================*/
.header{
	display:block;
	width:100%;
	height:80px;
	position:fixed;
	top:0px;
	z-index:5;
	background:rgba(255,255,255,1);
	-webkit-backface-visibility: hidden;
	border-bottom:1px solid #ccc;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}
.header.smaller{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.header.dark{
	background:rgba(255,255,255,0);
	border-bottom:1px solid rgba(255,255,255,0.2);
}
.header .wrapp{width:100%;max-width:100%;height:100%;padding:0px 20px;position:relative;}

.header__logo{
	display:inline-block;
	position:relative;
	top:50%;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
	margin-top:-3px;
	float:left;
	margin-right:30px;
}
.logo{
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:160px;
	height:auto;
	z-index:1;
}

.logo img{width:100%;}
.header.dark .logo img{filter: brightness(0) invert(1);}

.header__navigation{
	display:inline-block;
	position:relative;
	top:50%;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
	float:left;
}
.header__navigation--btn{margin-left:30px;}
.navigation{display:inline-block;position:relative;letter-spacing:-6px;}
.navigation li{display:inline-block;letter-spacing:normal;}
.serviceTab--mobil{letter-spacing:normal;}
.navigation__link{
	display:inline-block;
	position:relative;
	vertical-align:top;
	box-sizing:border-box;
	padding:0px 15px;
	text-transform:uppercase;
	font-family: 'OS_Semibold';
	font-size:12px;
	line-height:40px;
	min-height:40px;
	min-width:58px;
	letter-spacing: 0.5px;
	color:#3a3a3a;
	cursor:pointer;
}

.header.dark .navigation__link{color:#fff;}
.header.dark .navigation__link.active,.header.dark .navigation__link:hover{color:#e59846;}

.navigation__link svg{fill:#fff;display:inline-block;position:absolute;width:21px;height:21px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;}
.navigation__link:hover,.navigation__link.active{color:#e59846;}
.navigation__link--btn:hover,.navigation__link--btn.active,
.header.dark .navigation__link--btn:hover,.header.dark .navigation__link--btn.active{color:#fff;}
.navigation__link--btn:hover{background:#ff921f;}
.navigation__link--btn{
	color:#fff;
	background:#e59846;
	border-radius:5px;
	margin:0px 5px;
	padding:0px 20px;
}
.navigation__link--black{
	background:#3a3a3a;
}
.navigation__link--black:hover{
	background:#666;
}
.header__callback{
	display:inline-block;
	position:relative;
	top:50%;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
	float:right;
}
.callback{
	display:inline-block;
	width:150px;
	height:40px;
	text-align:right;
	float:left;
	margin-right:16px;
}
.callback a{
	font-family: 'OS_Semibold';
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 20px;
	letter-spacing: -0.3px;
	color: #3a3a3a;
	cursor:pointer;
}

.header.dark .callback a{color: #fff;}

.callback p{
	display:inline-block;
	text-decoration:underline;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: normal;
	text-align: right;
	color: #e59846;
	cursor:pointer;
}
/*=================================================== Menu =======================================================*/
.menu-bg{
	display:block;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:-1;
	opacity:0;
	transition:z-index 0s linear 0.4s, opacity 0.4s linear 0s;
	-webkit-transition:z-index 0s linear 0.4s, opacity 0.4s linear 0s;
	-moz-transition:z-index 0s linear 0.4s, opacity 0.4s linear 0s;
	-o-transition:z-index 0s linear 0.4s, opacity 0.4s linear 0s;
}
.menu-bg.active{
	z-index:6;
	opacity:1;
	transition:z-index 0s linear 0s, opacity 0.4s linear 0s;
	-webkit-transition:z-index 0s linear 0s, opacity 0.4s linear 0s;
	-moz-transition:z-index 0s linear 0s, opacity 0.4s linear 0s;
	-o-transition:z-index 0s linear 0s, opacity 0.4s linear 0s;
}
.menu{
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	position:fixed;
	padding:40px 60px;
	width:450px;
	height:100%;
	right:0px;
	top:0px;
	z-index:7;
	background:#fff;
	-webkit-transform: translate(470px, 0px); transform: translate(470px, 0px);
}
.menu.active{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}

.menu .copy{
	position:absolute;
	box-sizing:border-box;
	padding:0px 60px;
	width:100%;
	text-align:center;
	left:0px;
	bottom:40px;
}

.loginForm .navigation{width:100%;text-align:center;margin-top:20px;}
.loginForm .navigation .navigation__link{padding:0px;}
.loginForm .navigation .navigation__link svg{width:8px;height:11px;position:relative;left:-8px;top:1px;}

.loginForm{
	display:inline-block;
	position:absolute;
	box-sizing:border-box;
	padding:0px 60px;
	top:50%;
	left:0%;
	-webkit-transform: translate(-110%, -50%); transform: translate(-110%, -50%);
	opacity:0;
}
.loginForm.active{-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);opacity:1;}

/*=================================================== MAIN =======================================================*/

.screen--fix{
	display:block;
	position:absolute;
	overflow:hidden;
	left:0px;
	top:100%;
	width:100%;
	height:100%;
	z-index:1;
}
.screen--fix.fixed{position:fixed;top:0px;}
.screen--fix.no-scroll{opacity:0;}

.siquence{
	display:block;
	position:absolute;
	overflow:hidden;
	right:-140px;
	top:50%;
	margin-top:-370px;
	width:800px;
	height:800px;
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);/*-89 -0%*/
}
.siquence img{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	-webkit-transform: translate(110%, 0%); transform: translate(110%, 0%);
	/*-webkit-transform: translate(110%, 0%); transform: translate(110%, 0%);*/
}
.siquence img.si--1{-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
.screen__content{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	position:relative;
}
.screen__content.screen__content--center{
	position:absolute;
	top:50%;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
}

.main .screen__content--center,
#target-2 .screen__content--center
{margin-top:30px;}

.titleBox{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
}
.titleBox.titleBox--full{width:100%;}
.titleBox.titleBox--white .title,.titleBox.titleBox--white .subtitle,.titleBox--white p,.titleBox--white span{color:#fff;}

.title{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	position:relative;
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.6px;
	margin-bottom:14px;
}

.title.title--26{font-size: 26px;line-height: 38px;}
.title.title--24{font-size: 24px;line-height: 34px;margin-bottom:0px;}
.title.title--22{font-size: 22px;line-height: 28px;margin-bottom:0px;}
.title.title--42{font-size: 42px;line-height: 42px;letter-spacing: -0.79px;}

.label-title{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	position:relative;
	font-family: 'OS_Semibold';
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.2px;
	margin-bottom:14px;
	margin-top:40px;
	color:#3a3a3a;
}

.label-title--mt0{margin-top:0px;}

.subtitle{
	display:inline-block;
	width:100%;
	position:relative;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0px;
	margin:14px 0px;
	color:#666666;
}

.subtitle--18{font-size: 18px;line-height: 28px;letter-spacing: -0.03px;}

.titleBox .f14{
	display:inline-block;
	width:100%;
	margin-bottom:14px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: normal;
	opacity:0.6;
}

/*.dotted-list*/

.dotted-list{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	list-style-type:disc;
	padding-left:20px;
	vertical-align:top;
	color:#666666;
}
.dotted-list li p,.dotted-list li a,.dotted-list li span{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	top:1px;
	font-family: 'OS_Semibold';
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 0.5px;
	padding-left:20px;
	vertical-align:top;
}

.choose-auditory{
	display:inline-block;
	width:100%;
	margin-top:21px;
}
.choose-auditory__inner{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	z-index:0;
	background:#e59846;
	border-radius:5px;
	width:275px;
	height:160px;
	margin-right:20px;
	cursor:pointer;
}

.choose-auditory__inner .f18{
	position:absolute;
	left:30px;
	bottom:30px;
	color:#fff;
	z-index:2;
}
.choose-auditory__inner img{
	position:absolute;
	min-width:100%;
	height:100%;
	z-index:1;
	opacity:0;
}
.choose-auditory__inner:hover img{opacity:1;}
.choose-auditory__inner .arr{right:18px;top:18px;}

.arr{
	display:inline-block;
	position:absolute;
	box-sizing:border-box;
	width: 40px;
	height: 40px;
	border-radius:40px;
	overflow:hidden;
	z-index:3;
	border: solid 1px #ffffff;
}
.arr.arr--bigger{width: 60px;height: 60px;border-radius:60px;}
.newsLink .arr.arr--bigger {margin-top:-30px;}

.arr svg{width:14px;height:12px;fill:#fff;}
.arr p{
	display:none;
	width:100%;
	box-sizing:border-box;
	padding:0px 30px;
	font-family: 'OS_Semibold';
	text-transform:uppercase;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 68px;
	letter-spacing: 1px;
	color: #e59846;
}

#target-2 .screen__content{min-height:360px;}

/*===================================================Главная - Наши работы =========================================*/

.our-works{
	display:inline-block;
	position:relative;
	width:100%;
	height:360px;
	box-sizing:border-box;
	margin-top:100px;
	margin-bottom:150px;
}

.our-works__links{
	width:270px;
	height:100%;
	float:left;
	overflow:hidden;
	z-index:3;
}

.our-works__links span{display:inline-block;width:100%;margin-bottom:30px;}
.our-works__links ul{display:inline-block;width:100%;margin-bottom:30px;}
.our-works__links ul li{display:inline-block;width:100%;margin-bottom:9px;}

.ow--link{
	display:inline-block;
	width:100%;
	position:relative;
	padding-bottom:0px;
	max-height: 24px;
	overflow: hidden;
}
.ow--link:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:2px;
	background:#e59846;
	-webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%);
}

.ow--link.active{
	color:#e59846;
	padding-bottom: 18px;
	max-height: 14px;
	overflow: hidden;
}
.ow--link.active:before{-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}


.our-works__arrows{
	width:50px;
	height:100%;
	float:left;
	margin-left:40px;
	z-index:3;
}

.our-works__arrows .arrows{
	width:360px;
	height:50px;
	position:absolute;
	top:50%;
	left:155px;
	margin-top:-25px;
	-webkit-transform: rotate(-90deg); transform: rotate(-90deg);
}

.our-works__items{
	position:relative;
	width:470px;
	height:100%;
	float:left;
	z-index:2;
}

.our-worksSlider{
	position:relative;
	width:470px;
	height:100%;
	z-index:2;
}

.ows{
	position:absolute;
	left:0px;
	top:0px;
	width:470px;
	height:360px;
	border-radius:5px;
	overflow:hidden;
	z-index:1;
	background:#3a3a3a;
	-webkit-transform: translate(300px, 0px)scale(0.8)rotate(0deg); transform: translate(300px, 0px)scale(0.8)rotate(0deg);
	opacity:0;
}
.ows.active{-webkit-transform: translate(0px, 0px)scale(1)rotate(0deg); transform: translate(0px, 0px)scale(1)rotate(0deg);z-index:3;opacity:1;}
.ows.prev{-webkit-transform:translate(240px, 240px)scale(0.6)rotate(-45deg); transform:translate(240px, 240px)scale(0.6)rotate(-45deg);z-index:2;}
.ows.next{-webkit-transform:translate(240px, -240px)scale(0.6)rotate(45deg); transform:translate(240px, -240px)scale(0.6)rotate(45deg);z-index:2;}

.image--full{
	position:absolute;
	min-width:100%;
	min-height:100%;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	z-index:1;
	opacity:1;
}

.eye{
	width:50px;
	height:30px;
	opacity:0;
}

.ows:hover .eye{opacity:1;}
.ows:hover .full_link{background:rgba(58,58,58,0.9)!important;}

.full_link .project__adres{
	position:relative;
	overflow:hidden;
	height:0px;
}

/*comment*/

.comment{
	display:inline-block;
	position:relative;
	overflow:hidden;
	background:rgba(0,0,0,0);
	width:100%;
	max-width:460px;
	min-height:360px;
	box-sizing:border-box;
	padding:30px 40px;
	z-index:0;
	border-radius:5px;
	border:1px solid #cdd0d5;
	cursor:pointer;
	text-align:left;
}

.reviews .comment{margin:14px 0px;}

.comment.comment--social{padding:40px;min-height:auto;max-width:300px;margin:12px 0px;}
.comment.comment--social:hover{border:1px solid #e59846;}

.comment.comment--document{padding:30px;min-height:auto;max-width:394px;}
.comment.comment--document:hover{border:1px solid #e59846;}
.comment.comment--document p,.comment.comment--document span,.comment.comment--document a{color:#fff;}

.comment svg.quotes{fill:#e59846;width:30px;height:24px;margin-bottom:10px;}
.comment svg.quotes_big{fill:rgba(0,0,0,0.04);width:180px;height:180px;position:absolute;right:20px;bottom:-50px;}
#reviews svg.quotes_big{fill:rgba(0,0,0,0.04);width:180px;height:180px;position:absolute;right:70px;top:-40px;}

.comment__title{
	display:inline-block;
	position:relative;
	overflow:hidden;
	font-size:22px;
	line-height:28px;
	width:100%;
	height:140px;
	margin-bottom:26px;
}

.comment__text{
	opacity: 0.6;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: normal;
	color: #000000;
	margin:20px 0px;
}




.comment.comment--white{border:1px solid rgba(0,0,0,0);}
.comment.comment--white .comment__title{color:#fff;}

.reviews .comment:hover{border:1px solid #e59846;background:#e59846;}
.reviews .comment:hover svg.quotes{fill:#fff;}

.reviews .comment:hover .comment__title,
.reviews .comment:hover .person__text span,
.reviews .comment:hover .person__text p{
	color:#fff!important;
}


.comment.comment--responsive{max-width:100%;border:none;padding:50px 60px;}
.comment.comment--responsive .comment__title{height:auto;margin-bottom:10px;}
.comment.comment--responsive .person{margin-top:20px;}

.compas{
	position:absolute;
	top:50%;
	left:100%;
	margin-left:-450px;
	margin-top:-450px;
	width:900px;
	height:900px;
	z-index:1;
	-webkit-transform:rotate(-18000deg); transform:rotate(-18000deg);
}

.compas.compas--bottom{
	top:100%;
	left:100%;
	margin-left:-300px;
	margin-top:-300px;
	-webkit-transform:rotate(0deg); transform:rotate(0deg);
}

.compas img{margin-left:-16px;margin-top:1px;}

/*slider-arrows*/

.arrows{
	display:inline-block;
	position:relative;
	overflow:hidden;
	z-index:3;
	box-sizing:border-box;
	width:100%;
	height:50px;
}
.arrow{
	display:block;
	position:absolute;
	overflow:hidden;
	top:0px;
	width:50px;
	height:50px;
	cursor:pointer;
}
.arrow svg{
	position:absolute;
	left:0%;top:0%;
	width:50px;
	height:50px;
}
.arrow svg {stroke:#3a3a3a;fill:#3a3a3a;}
.arrows--white .arrow svg {stroke:#fff;fill:#fff;}
.arrow:hover svg {stroke:#e59846;fill:#e59846;}
.arrow--left{left:0px;}
.arrow--right{right:0px;}
.arrow--left svg{-webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.arrow--right svg{-webkit-transform: rotate(0deg); transform: rotate(0deg);}

/*slide-count*/

.slide-count{
	display:inline-block;
	position:absolute;
	height:12px;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	color:#3a3a3a;
	font-size:12px;
	line-height:12px;
	letter-spacing:1px:
}
.arrows--white .slide-count{color:#fff;}
/*===================================================Главная - Статистика =========================================*/

.statistic{
	background:url(../img/main/statistic.jpg)no-repeat center center;
	background-size:cover;
}
.statisticInfo{
	display:inline-block;
	width:100%;
	margin-top:100px;
}

.statisticInfo__text{display:block;vertical-align:top;width:33.333333%;float:left;}
.statisticInfo__text .inner{display:inline-block;vertical-align:top;text-align:left;}

.statisticInfo__text p,
.statisticInfo__text span{
	display:inline-block;
	position:relative;
	color:#fff;
}

.grey--bg .statisticInfo { margin-top: 20px;width:100%;}
.grey--bg .statisticInfo__text p,
.grey--bg .statisticInfo__text span{
	color:#3a3a3a;
}

.statisticInfo__text p.f14{width:100%;max-width:260px;margin-top:10px;}

/*===================================================Главная - Мобильное приложение =========================================*/

.attachment{
	display:inline-block;
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:60px 70px;
	margin-top:50px;
	margin-bottom:100px;
}
.attachment__image{
	position:absolute;
	right:0px;
	top:-100px;
}

.attachment__links{
	display:inline-block;
	position:absolute;
	left:70px;
	bottom:-110px;
}
.attachment__links a{
	display:block;
	float:left;
	width: 170px;
	height: 55px;
	margin-right:10px;
	opacity:1;
}
.attachment__links a:hover{opacity:0.8;}

/*===================================================Главная - Преимущества компании =========================================*/

.benefits{
	display:inline-block;
	box-sizing:border-box;
	padding:65px 50px 50px 50px;
	text-align:left;
	position:relative;
	max-width: 455px;
	min-height: 208px;
	border-radius: 5px;
	background-color: #3a3a3a;
	margin-top:92px;
}
.benefits img{
	position:absolute;
	width:100px;
	height:100px;
	left:50px;
	top:-64px;
}

.ci--3 .benefits{
	padding:55px 40px 20px 40px;
	max-width: 300px;
	min-height: auto;
	border-radius: 5px;
	background-color: #3a3a3a;
	margin-top:92px;
}
.ci--3 .benefits img{
	position:absolute;
	width: 80px;
	height: 80px;
	left: 40px;
	top: -45px;
}

.benefits .subtitle{opacity:0.6;}

/*===================================================Главная - Новости компании =========================================*/
.newsLinks-zip{
	display:block;
	width:100%;
	border-radius:5px;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;

}
.newsLink{
	display:inline-block;
	width:100%;
	min-height:120px;
	position:relative;
	box-sizing:border-box;
	padding:32px 40px;
	margin-bottom:20px;
	overflow:hidden;
	z-index:0;
	border-radius:5px;
	border: 1px solid #bdc1c8;
	cursor:pointer;
	background:rgba(0,0,0,0);
}

.popup .newsLink{margin-bottom:10px;}
.newsLinks-zip .newsLink{display:block;margin-bottom:0px;border:none;border-radius:0px;padding:22px 40px;min-height:auto;}
.newsLinks-zip .newsLink:hover{display:block;margin-bottom:0px;border:none;border-radius:0px;border:none;}

.newsLink:hover{
	background:#e59846;
	border: 1px solid #e59846;
}

.newsLink .arr{right:40px;top:50%;margin-top:-20px;border:1px solid #dee0e3;}
.newsLink .arr svg{fill:#e59846;}

.newsLink:hover .arr{border:1px solid #fff;}
.newsLink:hover .arr svg{fill:#fff;}

.newsLink .title{width:80%;position:absolute;top:50%;-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);padding-left:210px;}
.newsLink:hover .title{color:#fff;}

.newsLink__left{
	display:block;
	position:absolute;
	box-sizing:border-box;
	padding:32px 40px;
	left:0px;
	top:0px;
	width:205px;
	height:100%;
	border-right:1px solid #bdc1c8;
}
.newsLink:hover .newsLink__left{border-right:1px solid rgba(255,255,255,0.6);}

.newsLink__left p{
	vertical-align:top;
	display:inline-block;
	font-size:46px;
	line-height:48px;
	float:left;
	color:#e59846;
	margin-right:5px;
}
.newsLink__left span{
	font-family: 'OS_Semibold';
	vertical-align:top;
	display:inline-block;
	position:relative;
	top:8px;
	font-size:14px;
	line-height:18px;
	float:left;
	color:#e59846;
}

.newsLink:hover p,.newsLink:hover span{color:#fff;}

/*.newsLink.newsLink--black*/

.newsLink.newsLink--black{background:#3a3a3a;border: 1px solid #3a3a3a;}
.newsLink.newsLink--black:hover{background:#e59846;border: 1px solid #e59846;}
.newsLink.newsLink--black .newsLink .arr{border:1px solid #fff;}
.newsLink.newsLink--black .title,
.newsLink.newsLink--black p,
.newsLink.newsLink--black span{
	color:#fff;
}

/*.newsLink.newsLink--faq*/
.newsLink.newsLink--faq{padding:40px;}
.newsLink.newsLink--faq .title{
	width:80%;
	position:relative;
	top:0%;-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
	padding-left:0px;
	line-height: 32px;
}

/*.newsLink--faq in black box*/
.black--bg .newsLink.newsLink--faq{background:#e59846;border: 1px solid #e59846;}
.black--bg .newsLink.newsLink--faq:hover{background:#fff;border: 1px solid #fff;}
.black--bg .newsLink.newsLink--faq .arr{border:1px solid #fff;}
.black--bg .newsLink.newsLink--faq .arr svg{fill:#fff;}
.black--bg .newsLink.newsLink--faq .title,
.black--bg .newsLink.newsLink--faq p,
.black--bg .newsLink.newsLink--faq span{color:#fff;}
.black--bg .newsLink.newsLink--faq:hover .title,
.black--bg .newsLink.newsLink--faq:hover p,
.black--bg .newsLink.newsLink--faq:hover span{color:#333;}
.black--bg .newsLink.newsLink--faq:hover .arr{border:1px solid #e59846;}
.black--bg .newsLink.newsLink--faq:hover .arr svg{fill:#e59846;}


/*.newsLink newsLink--search*/
.newsLink.newsLink--search{min-height:70px;padding:24px 30px;border: 1px solid #dee0e3;}
.newsLink.newsLink--search span{
	font-family: 'OS_Bold';
	font-size:14px;
	line-height:20px;
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding-right:70px;
	margin-bottom:10px;
}
.newsLink.newsLink--search p{
	font-family: 'OS_Regular';
	font-size:14px;
	line-height:26px;
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding-right:70px;
}
.newsLink.newsLink--search p b{font-family: 'OS_Bold';}
.newsLink.newsLink--search .arr {
	right: 30px;
	top: 30px;
	margin-top: 0px;
}

/*=================================================== 404 =======================================================*/

.error_404,.about{background:url(../img/main/statistic.jpg)no-repeat center center;background-size:cover;}
.error_404 .title{font-size:80px;line-height:80px;letter-spacing:-1.5px;margin:20px 0px 30px 0px;}
.error_404 .screen__content{
	max-width:340px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*=================================================== ABOUT =======================================================*/

.fixedNavigation{
	position:relative;
	height:80px;
	overflow-x:hidden;
}
.fixedNavigation__wrapp{
	display:inline-block;
	position:absolute;
	box-sizing:border-box;
	height:80px;
	width:950px;
	left:50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
	top:0px;
	z-index:4;
	transition: height 0.3s;
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	-o-transition:height 0.3s;
}

.fixedNavigation__wrapp.fixed{
	position:fixed;
	top:80px;
	height:40px;
}

.fixedNavigation__wrapp:before{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	box-sizing:border-box;
	background:rgba(255,255,255,0);
	left:50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
	top:0px;
	z-index:1;
	border-bottom:1px solid #cccccc;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}

.fixedNavigation__wrapp.fixed:before{
	width:600%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	background:rgba(255,255,255,1);
}

.fixedNavigation__wrapp .navigation{top:50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);z-index:2;}

/*person*/
.person{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
}

.person__foto{
	display:inline-block;
	width:80px;
	height:80px;
	background:#e59846;
	border-radius:5px;
	position:relative;
	overflow:hidden;
	margin-right:24px;
	vertical-align:middle;
	text-align:center;
}

.person__foto span{
	font-family: 'OS_Semibold';
	font-size:14px;
	line-height:60px;
	color:#fff;
	letter-spacing: -0.19px;
}

.comment.comment--social .person__foto{width:60px;height:60px;background:none;}
.comment.comment--document .person__foto{width:60px;height:60px;}
.person__foto img,.person__foto .social{
	position:absolute;
	height:100%;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

.person__text{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	vertical-align:middle;
	text-align:left;
}

#project_popup .person__text{
	width: 100%;
	padding-right: 30%;
}


.developerImage {
	display:inline-block;
	box-sizing:border-box;
	position:absolute;
	right:0px;
	top:0px;
	vertical-align:middle;
	text-align:right;
	width: 170px;
	height: 60px;
}
.developerImage img{
	max-height:90px;
}
.person__text span{
	display:block;
	padding-bottom:10px;
	font-family: 'OS_Semibold';
	font-size: 18px;
	line-height: 18px;
	letter-spacing: -0.24px;
}

.person__text p{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: normal;
	opacity:0.8;
}

.person.person--white .person__text span,
.person.person--white .person__text p{
	color:#fff;
}

/*about slider*/

.about-slider{
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	padding:70px 80px;
	width:100%;
	height:420px;
	border-radius: 5px;
	background-color: #3a3a3a;
}

.about-slider__arrows{
	display:inline-block;
	position:absolute;
	left:80px;
	bottom:70px;
	width:200px;
	height:50px;
}

.about-slider img{
	display:inline-block;
	position:relative;
	max-width: 240px;
	margin-top:10px;
	left:50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
}

#aboutSlider{width:100%;height:280px;}
#aboutSlider .slide{width:790px;height:280px;margin:0px 100px;}
#aboutSlider .slick-list {overflow:visible;}

.border-image{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	border-radius:5px;
	overflow:hidden;
	z-index:0;
}

/*---------------------------------------------statistic*/

.diagramma-explane {
	display:inline-block;
	position:absolute;
	right:0px;
	bottom:0px;
	box-sizing:border-box;
	padding:14px 30px;
	width: 280px;
	height: auto;
	border-radius: 5px;
	background-color: #e5e7eb;
}

/*circle*/
.diagramma-explane__circle{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:35px;
	height:35px;
	border-radius:35px;
	border:1px solid rgba(58,58,58,0.1);
	margin-right:10px;
	vertical-align:middle;
}
.diagramma-explane__circle:before{
	content:'';
	position:absolute;
	border-radius:16px;
	width:16px;
	height:16px;
	left:50%;
	top:50%;
	margin-left:-8px;
	margin-top:-8px;
}
.diagramma-explane__circle--color:before{background:#e59846;}
.diagramma-explane__circle--black:before{background:#3a3a3a;}

/*text*/
.diagramma-explane .inner{
	display:inline-block;
	width:100%;
	position:relative;
	margin:12px 0px;
}

.diagramma-explane .inner p{
	font-family: 'OS_Semibold';
	font-size:13px;
	line-height:18px;
	letter-spacing: -0.17px;
	display:inline-block;
	vertical-align:middle;
}

/*diagramma*/

.diagramma{
	position:relative;
	box-sizing:border-box;
	width:100%;
	max-width:100%;
	height:auto;
	margin:0 auto;
	top:0px;
	/*
	border-left:1px solid #bdc1c8;
	border-bottom:1px solid #bdc1c8;
	background:url(../img/about/diagrama_bg.png)repeat left bottom;
	*/
}

.diagramms .conteiner__inner{overflow:visible;}


.diagramma__leftList{
	display:block;
	width:94px;
	height:400px;
	position:absolute;
	bottom:0px;
	left:-95px;
}

.diagramma__leftList li{
	box-sizing:border-box;
	display:block;
	position:relative;
	width:100%;
	height:80px;
}

.diagramma__leftList li p{
	display:inline-block;
	position:absolute;
	font-family: 'OS_Semibold';
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.5px;
	color: #3a3a3a;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
}

.diagramma__bottomList{
	display:block;
	width:100%;
	height:42px;
	position:absolute;
	bottom:-43px;
	left:0px;
}

.diagramma__bottomList li{
	box-sizing:border-box;
	display:block;
	position:relative;
	width:95px;
	height:42px;
	float:left;
}

.diagramma__bottomList li p{
	display:inline-block;
	position:absolute;
	font-family: 'OS_Semibold';
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.5px;
	color: #3a3a3a;
	right:0px;
	bottom:0px;
	-webkit-transform: translate(50%, 0%); transform: translate(50%, 0%);
}

.diagramma__line{display:block;position:absolute;width:100%;left:0px;top:0px;}

.diagramma__table{
	box-sizing:border-box;
	width:665px;
	height:400px;
	display:block;
	position:absolute;
	left:47px;
	bottom:40px;
}
.diagramma__table .td{
	box-sizing:border-box;
	position:relative;
	background:rgba(0,0,0,0);
	width:95px;
	height:80px;
	float:left;
}




.diagramma__circle{
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
	width: 24px;
	height: 24px;
	border-radius:24px;
	opacity:0;
	overflow:hidden;
}

.diagramma__circle.active{opacity:1;overflow:visible;}


.diagramma__circle:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	width:10px;
	height:10px;
	background:#fff;
	border-radius:10px;
}
.diagramma__circle--color{background: #e59846;box-shadow: 0 0 20px 0 #ffd5a7;}
.diagramma__circle--black{background: #3a3a3a;box-shadow: 0 0 20px 0 #cccccc;}

.dcc1{top:34px;}
.dcc2{top:36px;}
.dcc3{top:2px;}
.dcc4{top:52px;}
.dcc5{top:64px;}
.dcc6{top:24px;}
.dcc7{top:30px;}

.dcb1{top:-5px;}
.dcb2{top:-2px;}
.dcb3{top:24px;}
.dcb4{top:7px;}
.dcb5{top:23px;}
.dcb6{top:40px;}
.dcb7{top:62px;}


.diagramma__circle .inner{
	box-sizing:border-box;
	width: 280px;
	height: 170px;
	position:absolute;
	border-radius:5px;
	box-shadow: 0 0 20px 0 #c5d0db;
	background-color: #ffffff;
	left:50%;
	margin-left:-140px;
	bottom:40px;
	padding:16px 28px;
}

.diagramma__circle .inner:before{
	content:'';
	width:20px;
	height:20px;
	background:#fff;
	position:absolute;
	left:50%;
	bottom:-7px;
	margin-left:-10px;
	-webkit-transform: rotate(45deg); transform:rotate(45deg);
}

.diagramma__circle .inner b{
	font-family: 'OS_Semibold';
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 12px;
	letter-spacing: 0.5px;
	color: #3a3a3a;
}
.diagramma__circle .inner h4{
	font-size: 48px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -2.4px;
	color: #e59846;
}
.diagramma__circle .inner p{
	font-family: 'OS_Semibold';
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #3a3a3a;
}

/*=================================================== clients =======================================================*/

.clients{
	border:1px solid #e5e7e9;
	border-radius:5px;
	overflow:hidden;
	z-index:0;
	margin-top:60px;
}

.clients .ci--4{height:240px;background:rgba(0,0,0,0);cursor:pointer;overflow:hidden;}
.clients .ci--4.b--b{border-bottom:1px solid #e5e7e9;}
.clients .ci--4.b--r{border-right:1px solid #e5e7e9;}
.clients .ci--4:hover{background:#e5e7e9;}

.clients img{max-width:180px;max-height:180px;}

/*=================================================== reviews =======================================================*/

.reviews .ci--2{margin-top:24px;}

.select-wrapp{
	display:block;
	position:relative;
	box-sizing:border-box;
	height:60px;
}
.select-wrapp .projects-input__wrapper{
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.select-wrapp .projects-input__wrapper .input_select{
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.select-wrapp .projects-input__wrapper .input_select:first-child{
	width: 49%;
}
.select-wrapp .projects-input__wrapper .input_select:last-child{
	width: 49%;
}
.select-wrapp .projects-input__wrapper .input_select.active{
	z-index: 5;
}
.select-wrapp .projects-input__wrapper .input_select.active .list{
	z-index: 1;
}
@media(max-width: 1023px){
	.select-wrapp .projects-input__wrapper .input_select_result{
		padding: 0 60px 0 15px;
	}
}
@media(max-width: 767px){
	.select-wrapp .projects-input__wrapper .input_select:first-child,
	.select-wrapp .projects-input__wrapper .input_select:last-child{
		width: 100%;
	}
	.select-wrapp .projects-input__wrapper .input_select_result{
		padding: 0 60px 0 30px;
	}
}
.select-wrapp .input_select{position:absolute;left:0px;right:0px;}

.select-wrapp .button{height:60px;}
.select-wrapp .button p{line-height:60px;}
.select-wrapp .sw--10{padding-left:10px;}
.select-wrapp .sw--10 .input_select{position:absolute;width:auto;left:10px;right:0px;}


.reviews .select-wrapp{
	position:absolute;
	width:100%;
	max-width:460px;
	right:0px;
	bottom:20px;
}
svg.download{
	position:relative;
	left:-10px;
	top:5px;
	width:20px;
	height:20px;
	opacity:0.5;
}

svg.download.active{
	opacity:1;
	-webkit-animation: 1.6s rotate infinite linear 0s;
	-moz-animation: 1.6s rotate infinite linear 0s;
	animation:  1.6s rotate infinite linear 0s;
}

/*=================================================== team =======================================================*/

.team{overflow:visible;}

.team .select-wrapp{
	position:absolute;
	width:100%;
	max-width:570px;
	right:0px;
	bottom:20px;
}

.team-box{
	display:inline-block;
	width:100%;
	max-width:300px;
	min-height:394px;
	position:relative;
	box-sizing:border-box;
	padding:40px;
	border-radius:5px;
	border:1px solid #dee0e3;
	overflow:hidden;
	z-index:0;
	text-align:left;
	margin-top:20px;
	cursor:pointer;
}

.team-box__foto{
	display:inline-block;
	position:relative;
	overflow:hidden;
	z-index:0;
	border-radius:5px;
	margin-bottom:30px;
	width:217px;
	height:200px;
}

.team-box__foto img{
	position:relative;
	height:100%;
	left:50%;
	-webkit-transform: translate(-50%, 0%)scale(1); transform: translate(-50%, 0%)scale(1);
}
.team-box:hover .team-box__foto img{-webkit-transform: translate(-50%, 0%)scale(1.05); transform: translate(-50%, 0%)scale(1.05);}

.team .compas {
	position: absolute;
	top: -350px;
	left: 50%;
	margin-left: 250px;
	margin-top: 0px;
	z-index: 1;
	-webkit-transform: rotate(0deg);transform: rotate(0deg);
	opacity: 0.5;
}

/*=================================================== news =======================================================*/

#team_popup .f14{
	display:inline-block;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0px;
	color: #666666;
}


/*================================social*/

.socials{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:60px;
	letter-spacing:-6px;
}

.social{
	display:inline-block;
	position:relative;
	overflow:hidden;
	z-index:0;
	width:60px;
	height:60px;
	letter-spacing:normal;
	border-radius:5px;
	opacity:1;
}

.social svg{fill:#fff;height:20px;width:20px;}
.socials .social:hover{opacity:0.6;}
.socials .social{margin-right:20px;}
.socials .social:last-child{margin-right:0px;}

.facebook{background:#4267b2;}
.vk{background:#5082ba;}
.instagram{
	background: rgba(78,90,212,1);
	background: -moz-linear-gradient(-45deg, rgba(78,90,212,1) 0%, rgba(152,47,193,1) 24%, rgba(214,41,119,1) 53%, rgba(250,126,30,1) 78%, rgba(254,218,118,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(78,90,212,1)), color-stop(24%, rgba(152,47,193,1)), color-stop(53%, rgba(214,41,119,1)), color-stop(78%, rgba(250,126,30,1)), color-stop(100%, rgba(254,218,118,1)));
	background: -webkit-linear-gradient(-45deg, rgba(78,90,212,1) 0%, rgba(152,47,193,1) 24%, rgba(214,41,119,1) 53%, rgba(250,126,30,1) 78%, rgba(254,218,118,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(78,90,212,1) 0%, rgba(152,47,193,1) 24%, rgba(214,41,119,1) 53%, rgba(250,126,30,1) 78%, rgba(254,218,118,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(78,90,212,1) 0%, rgba(152,47,193,1) 24%, rgba(214,41,119,1) 53%, rgba(250,126,30,1) 78%, rgba(254,218,118,1) 100%);
	background: linear-gradient(135deg, rgba(78,90,212,1) 0%, rgba(152,47,193,1) 24%, rgba(214,41,119,1) 53%, rgba(250,126,30,1) 78%, rgba(254,218,118,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5ad4', endColorstr='#feda76', GradientType=1 );
}
.twitter{background:#1da1f3;}
.ok{background:#f0812d;}
.sheare{background:#3a3a3a;}
.close{background:#3a3a3a;}
.google{background:#dd4b39;}

/*=============================================== contacts ===========================================*/

.about.about--contacts{
	background:url(../img/main/contacts.jpg)no-repeat center center;
	background-size:cover;
}

.contactsSlider{
	display:inline-block;
	position:relative;
	min-width:530px;
}

.contactsSlider .our-works__arrows .arrows {top: 50%;left: -155px;}
.contactsSlider .our-works {margin-top: 0px;margin-bottom: 0px;}
.contactsSlider .our-works__arrows { margin-left: 0px;}
.contactsSlider .compas{ margin-top: -268px;opacity: 1;}

/*map*/
.map{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	border:none;
	background:none;
}

.contactsMap{
	height:480px;
}

/*documentsLinks*/

.documentsLinks{
	display:inline-block;
	width:100%;
	height:auto;
	background:#3a3a3a;
	border-radius:5px;
	position:relative;
	box-sizing:border-box;
	padding:60px 70px;
}

.map-btn{
	width:400px;
	position:absolute;
	right:30px;
	bottom:30px;
	text-align:right;
}
.map-btn .button{margin-right:10px;}
/*=================================================== vacancy =======================================================*/

.vacancySliderWrapp{
	display:inline-block;
	position:relative;
	overflow:hidden;
	border-radius:5px;
	width:100%;
	height:auto;
	min-height:420px;
}

.vacancyArrows{
	display:block;
	position:absolute;
	z-index:3;
	width:200px;
	height:50px;
	left:80px;
	bottom:70px;
}

#vacancySlider{
	width:100%;
	height:420px;
}
#vacancySlider .slide{
	position:relative;
	height:420px;
	box-sizing:border-box;
	padding:70px 80px;
}
.slide--1{background:url(../img/vacancy/slide1.jpg)no-repeat center center;background-size:cover;}
.slide--2{background:url(../img/vacancy/slide2.jpg)no-repeat center center;background-size:cover;}
.slide--3{background:url(../img/vacancy/slide3.jpg)no-repeat center center;background-size:cover;}
.vacancySlider__adress{
	display:inline-block;
	position:absolute;
	right:80px;
	bottom:70px;
	line-height:50px;
	color:#fff;
	font-size: 14px;
	z-index:4;
	max-width:50%;
	text-align:right;
}


/*=================================================== documentation =======================================================*/

.document{
	display:inline-block;
	width:100%;
	max-width:300px;
	box-sizing:border-box;
	position:relative;
	border:1px solid #bdc1c8;
	background:rgba(0,0,0,0);
	border-radius:10px;
	overflow:hidden;
	z-index:0;
	padding:30px 40px 100px 40px;
	text-align:left;
	margin-top:24px;
	cursor:pointer;
}

.document:hover{
	border:1px solid #e59846;
	background:#e59846;
}

.document__name{
	display:inline-block;
	width:100%;
	height:auto;
	min-height:154px;
	font-family: 'OS_Semibold';
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #666666;
}

.document:hover .document__name{
	color: #fff;
}

.document__btn{
	display:block;
	box-sizing:border-box;
	position:absolute;
	width:100%;
	height:70px;
	left:0px;
	bottom:0px;
	border-top:1px solid #bdc1c8;
	cursor:pointer;
}

.document__btn p{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:0px 80px 0px 40px;
	font-family: 'OS_Semibold';
	font-size: 12px;
	line-height: 70px;
	letter-spacing: 1px;
	text-transform:uppercase;
	color: #e59846;
}

.document__btn .arr{
	position:absolute;right:0px;
	top:0px;
	width: 70px;
	height: 70px;
	border-radius:0px;
	overflow:hidden;
	z-index:3;
	border: none;
	border-left: 1px solid #bdc1c8;
}
.document__btn .arr svg{width:18px;height:15px;fill:#e59846;}

.document:hover .document__btn{
	border-top: 1px solid rgba(255,255,255,0.3);
}
.document:hover .document__btn p{
	color:#fff;
}
.document:hover .document__btn .arr{
	border-left: 1px solid rgba(255,255,255,0.3);
}
.document:hover .document__btn .arr svg{
	fill:#fff;
}

/*----------- document--variant2----------*/
.document.document--variant2 .document__name{min-height:100px;}
.document.document--variant2 .document__btn p{color: #3a3a3a;}
.document.document--variant2 .document__btn .arr svg{fill:#3a3a3a;}
.document.document--variant2:hover .document__btn p{color: #fff;}
.document.document--variant2:hover .document__btn .arr svg{fill:#fff;}

/*=================================================== projects =======================================================*/


.projects {overflow:visible;z-index:2}
.projects .select-wrapp{width:70%;z-index:2;}
.projects-maps {height:720px;max-height:90vh;background:#e0e0e0;z-index:1;}

#projects-map{
	position:absolute;
	display:block;
	left:0px;right:0px;bottom:0px;top:0px;
	z-index:1;
}

.projects-maps__list{
	display:block;
	position:absolute;
	right:30px;
	top:30px;
	bottom:30px;
	width:326px;
	background:#fff;
	border-radius:6px;
	overflow-x:hidden;
	overflow-y:scroll;
	z-index:2;
	box-shadow:0px 0px 25px rgba(0,0,0,0.2);
}

.project{
	display:block;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:14px;
	cursor:pointer;
}

.project:hover{background:#e59846!important;}
.project:hover p,.project:hover span{color:#fff;}

/*-----------.project--likeItem-------------*/
.project.project--likeItem{display: inline-block; position: relative; width:100%; max-width: 300px; min-height:404px; box-sizing:border-box; padding: 40px; cursor:pointer; border-radius: 5px; border: 1px solid #dee0e3; overflow: hidden; z-index: 0; text-align: left; margin-top: 20px;	 }
.project.project--likeItem:hover{background:#fff!important;}
.project.project--likeItem:hover p,.project.project--likeItem:hover span{color:inherit;}
.project.project--likeItem .project__image{display: inline-block; position:relative; width: 217px; height: 200px; overflow:hidden; border-radius:5px; z-index:0; }
.project.project--likeItem .project__image img {position: relative;width: auto;height:100%;-webkit-transform: translate(-50%, -50%)scale(1);transform: translate(-50%, -50%)scale(1);}
.project.project--likeItem:hover .project__image img {-webkit-transform: translate(-50%, -50%)scale(1.1);transform: translate(-50%, -50%)scale(1.1);}
.project.project--likeItem .project__adres span {padding: 20px 0px 10px 0px;font-size: 18px;line-height: 18px;}
.project.project--likeItem .project__adres p {font-size: 14px;line-height: 22px;letter-spacing: 0px;}














.project__image{
	position:relative;
	background:#d2d2d2;
	width:100%;
	height:150px;
	overflow:hidden;
	border-radius:5px;
	z-index:0;
}
.project__image img{
	min-height:100%;
	min-width:100%;
}

.project__adres span {
	display: block;
	padding: 14px 0px 10px 0px;
	font-family: 'OS_Semibold';
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.24px;
}

.project__adres p {
	font-size: 14px;
	line-height: 20px;
	letter-spacing: normal;
	opacity: 0.8;
}

/*=============================================== FAQ ANSWER ===================================================*/

.BreadСrumbs{
	height:80px;
	margin-top:80px;
}

.BreadСrumbs ul {
	display:inline-block;
	margin-top:22px;
}
.BreadСrumbs ul li{
	margin:0px 6px;
}
.BreadСrumbs ul li,.BreadСrumbs ul li a,.BreadСrumbs ul li p{
	display:inline-block;
	box-sizing:border-box;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.2px;
	color: #3a3a3a;
}
.BreadСrumbs ul li a:before{margin-top:8px;opacity:0.5;}


/*================post===============*/

.post .inner{width:100%;max-width:570px;}
.post .inner .label-title{position:relative;margin-bottom:0px;margin-top:0px;top:10px;}

.post .newsLink__left {
	display: inline-block;
	position: relative;
	padding: 0px 0px 10px 0px;
	width: 100%;
	height: auto;
	border-right: none;
}

.post .newsLink__left p {margin-right: 15px;}

.post__title{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:100%;
	border-bottom:1px solid #cdd0d5;
	padding-bottom:40px;
	margin-bottom:20px;
}

.post__title h1{
	display:inline-block;
	width:100%;
	max-width:570px;
	font-size:22px;
	line-height:30px;
	letter-spacing: -0.3px;
	color: #3a3a3a;
}

.post__text{
	display:inline-block;
	width:100%;
	position:relative;
	box-sizing:border-box;
}

.post__text .label-title{margin-bottom:10px;margin-top:30px;}
.post__text .title{margin-bottom: 10px;}


.post__text h2{
	display:inline-block;
	box-sizing:border-box;
	padding-right:80px;
	width:100%;
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: -0.49px;
	color: #3a3a3a;
	margin:10px 0px;
}

.post__text p{
	opacity: 0.6;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: normal;
	color: #000;
	margin:12px 0px;
}

.post .post__text p{margin:20px 0px;}
.post .post__text .title{margin-bottom: 20px;}
.post .post__text .comment{min-height: auto;margin:30px 0px;}
.post .post__text .comment .comment__title{font-size:18px;font-family: 'OS_Semibold';margin-bottom:10px;}

.post__image{
	display:inline-block;
	max-width:100%;
	max-height:350px;
	position:relative;
	box-sizing:border-box;
	border-radius:6px;
	z-index:0;
	overflow:hidden;
	margin:20px 0px;
	left:50%;
	-webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%);
}

.post__image img{max-height:350px;max-width:100%;}

.post__sheare{
	display:block;
	position:absolute;
	right:0px;
	bottom:40px;
	width:60px;
	height:60px;
	box-sizing:border-box;
	cursor:pointer;
	overflow:hidden;
	background:#fff;
}

.post__sheare .social{
	position:absolute;
	left:0px;top:0px;
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
	border-radius:0px;
}

.post__sheare .close{opacity:0;border-radius:5px 5px 5px 5px;}.post__sheare.active .close{opacity:1;border-radius:5px 5px 0px 0px;}
.post__sheare .sheare{opacity:1;border-radius:5px 5px 5px 5px;}.post__sheare.active .sheare{opacity:0;border-radius:5px 5px 0px 0px;}
.post__sheare .vk{
	-webkit-transform: translate(0%, 150%); transform: translate(0%, 150%);opacity:0;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
}
.post__sheare.active .vk{
	-webkit-transform: translate(0%, 100%); transform: translate(0%, 100%);opacity:1;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
}
.post__sheare .ok{
	-webkit-transform: translate(0%, 250%); transform: translate(0%, 250%);opacity:0;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
}
.post__sheare.active .ok{
	-webkit-transform: translate(0%, 200%); transform: translate(0%, 200%);opacity:1;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0.1s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.1s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.1s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.1s;
}
.post__sheare .twitter{
	-webkit-transform: translate(0%, 350%); transform: translate(0%, 350%);opacity:0;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
}
.post__sheare.active .twitter{
	-webkit-transform: translate(0%, 300%); transform: translate(0%, 300%);opacity:1;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0.2s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.2s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.2s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.2s;
}
.post__sheare .facebook{
	border-radius:0px 0px 5px 5px;
	-webkit-transform: translate(0%, 450%); transform: translate(0%, 450%);opacity:0;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0s;
}
.post__sheare.active .facebook{
	-webkit-transform: translate(0%, 400%); transform: translate(0%, 400%);opacity:1;
	transition: 0.6s cubic-bezier(.64,.01,.19,1) 0.3s;
	-webkit-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.3s;
	-moz-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.3s;
	-o-transition:0.6s cubic-bezier(.64,.01,.19,1) 0.3s;
}

.post__sheare .vk svg,.post__sheare .ok svg,.post__sheare .twitter svg,.post__sheare .facebook svg{
	top:auto;
	bottom:8px;
	left:6px;
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
}
.post__sheare .vk:hover svg,.post__sheare .ok:hover svg,.post__sheare .twitter:hover svg,.post__sheare .facebook:hover svg{
	-webkit-transform: translate(20%, 0%); transform: translate(20%, 0%);
}
.post__sheare p{
	display:inline-block;
	box-sizing:border-box;
	padding:4px 6px;
	width:100%;
	text-align:right;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 15px;
	letter-spacing: normal;
	color: #ffffff;
}

.read-more{display:none;}

/*.post-list*/

.post-list{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	list-style-type:disc;
	padding-left:20px;
	vertical-align:top;
	color: #000;
	opacity: 0.6;
	margin:20px 0px;
}
.post-list li{width:100%;padding:8px 0px;}
.post-list li p,.post-list li a,.post-list li span{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	top:-1px;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: normal;
	color: #000;
	padding-left:10px;
	vertical-align:top;
}




/*============================================= УСЛУГИ ДЛЯ БИЗНЕСА =================================================*/

.about.about--business{
	background:url(../img/services/business_bg.jpg)no-repeat center center;background-size:cover;
}

.business-head-slider{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	z-index:0;
	text-align:center;
	border-radius:5px;
	background:#fff;
	width:100%;
	max-width:380px;
	height:auto;
	min-height:262px;
	padding:40px 0px 40px 0px;
}

.business-slider{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	overflow:hidden;
	z-index:2;
	text-align:center;
	border-radius:5px;
	background:#fff;
	width:100%;
	max-width:475px;
	height:auto;
	padding:40px 0px 40px 0px;
}

.business-head-slider__arrows{
	position:relative;
	left:50%;
	margin-left:-100px;
	width:200px;
}

#BusenessSteps .slide{
	display:inline-block;
	box-sizing:border-box;
	width:380px;
	margin:0px 40px;
	padding:0px 40px;
}

#BusenessSteps .slick-list{overflow:visible;}

.simple-slider{z-index:5;}
#BusenessSteps2 .slide{
	display:inline-block;
	box-sizing:border-box;
	width:475px;
	margin:0px 40px;
	padding:0px 40px;
}

#BusenessSteps2 .slick-list{overflow:visible;}


.simple-slider__number{
	font-size: 14px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.58px;
	color: #e59846;
}

.simple-slider__title{
	display:inline-block;
	width:100%;
	margin:14px 0px 20px 0px;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height:28px;
	letter-spacing: -0.3px;
	text-align: center;
	color: #3a3a3a;
}

.simple-slider__title.simple-slider__title--22{font-size: 22px;}

.simple-slider__text{
	display:inline-block;
	width:100%;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: normal;
	text-align: center;
	color: #666666;
	margin-bottom:20px;
}

/*-----------conteiner--workWithUs---------------*/

.conteiner--workWithUs{
	max-width:750px;
	border-bottom:1px solid #666;
	padding:60px 70px 60px 70px;
}

/*.conteiner--workWithUs:first-child{padding:0px 70px 60px 70px;}*/
.conteiner--workWithUs.no-border{border-bottom:none;}

.conteiner--workWithUs img{
	display:inline-block;
	max-width:200px;
	max-height:200px;
}

.conteiner--workWithUs .subtitle {margin: 20px 0px 0px 0px;opacity: 0.7;}

.workWithUs--btn{display:inline-block;width:100%;margin-top:20px;max-width:750px;}

/*----------tabBox-------------*/
.tab .wrapp{max-width:951px;}

.service-slide{display:none;}

.tabBox{
	display:inline-block;
	width:100%;
	background:#e59846;
	border-radius:0px 0px 5px 5px;
}
.tabBox .inner{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	padding:0px 50px 40px 50px;
}

.tabBox__navigation{
	display:inline-block;
	width:100%;
	letter-spacing:-6px;
}

.serviceTab--mobil{
	box-sizing:border-box;
	width:33.33%;
	padding:40px;
	letter-spacing:normal;
	background:#fff;
	border-right:1px solid #f0f2f5;
	border-top:1px solid #f0f2f5;
	cursor:pointer;
	color:#3a3a3a;
}
.serviceTab--mobil.active{background:#e59846;color:#fff;border-right:1px solid #e59846;border-top:1px solid #e59846;}
.serviceTab--mobil:first-child{border-radius:5px 0px 0px 0px;border-left:1px solid #f0f2f5;}
.serviceTab--mobil:first-child.active{border-left:1px solid #e59846;}
.serviceTab--mobil:last-child{border-radius:0px 5px 0px 0px;}

.serviceTab--mobil p{
	display:inline-block;
	position:relative;
	width:50px;
	height:50px;
	border-radius:5px;
	background:#3a3a3a;
}
.serviceTab--mobil p:before{
	content:'';
	position:absolute;
	width:2px;
	height:14px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-1px;
	margin-top:-7px;
}
.serviceTab--mobil p:after{
	content:'';
	position:absolute;
	width:14px;
	height:2px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
	opacity:1;
}
.serviceTab--mobil.active p {background:#fff;}
.serviceTab--mobil.active p:before {background:#e59846;opacity:0;}
.serviceTab--mobil.active p:after {background:#e59846;}
.serviceTab--mobil.active p span{color: #fff;}
.serviceTab--mobil p span{
	display:inline-block;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: -0.3px;
	color: #3a3a3a;
	position:relative;
	left:76px;
}

.post .search_form .for_input{background:#f0f2f5;}
.post .search_form .for_input .popup_input{border: 1px solid #f0f2f5;}
.post .search_form .for_input .searchBtn {width: 70px;height: 70px;}






































.tabBox__navigation li{
	display:inline-block;
	box-sizing:border-box;
	width:33.33%;
	padding:40px;
	letter-spacing:normal;
	background:#fff;
	border-right:1px solid #f0f2f5;
	border-top:1px solid #f0f2f5;
	cursor:pointer;
	color:#3a3a3a;
}
.tabBox__navigation li.active{background:#e59846;color:#fff;border-right:1px solid #e59846;border-top:1px solid #e59846;}
.tabBox__navigation li:first-child{border-radius:5px 0px 0px 0px;border-left:1px solid #f0f2f5;}
.tabBox__navigation li:first-child.active{border-left:1px solid #e59846;}
.tabBox__navigation li:last-child{border-radius:0px 5px 0px 0px;}

.tabBox__navigation li p{
	display:inline-block;
	position:relative;
	width:50px;
	height:50px;
	border-radius:5px;
	background:#3a3a3a;
}
.tabBox__navigation li p:before{
	content:'';
	position:absolute;
	width:2px;
	height:14px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-1px;
	margin-top:-7px;
}
.tabBox__navigation li p:after{
	content:'';
	position:absolute;
	width:14px;
	height:2px;
	background:#fff;
	left:50%;
	top:50%;
	margin-left:-7px;
	margin-top:-1px;
	opacity:1;
}
.tabBox__navigation li.active p {background:#fff;}
.tabBox__navigation li.active p:before {background:#e59846;opacity:0;}
.tabBox__navigation li.active p:after {background:#e59846;}
.tabBox__navigation li.active p span{color: #fff;}
.tabBox__navigation li p span{
	display:inline-block;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: -0.3px;
	color: #3a3a3a;
	position:relative;
	left:76px;
}

/*----------- service-link---------*/

#servicesSlider{
	width:100%;
	position:relative;
	z-index:1;
}

.service-link{
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	width:48.7%;
	border-radius:5px;
	background:#3a3a3a;
	color:#fff;
	padding:40px 110px 40px 40px;
	text-align:left;
	margin:10px 0px;
}

.service-link .arr{
	right:40px;
	top:50%;
	margin-top:-20px;
}
.service-link.service-link--left{float:left;}
.service-link.service-link--right{float:right;}

.service-link p{
	display:inline-block;
	font-family: 'OS_Semibold';
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	line-height: 21px;
	letter-spacing: -0.2px;
	color:#fff;
}

.service-link:hover{background:#fff;}
.service-link:hover p{color:#3a3a3a;}
.service-link:hover .arr{border:1px solid #e59846;}
.service-link:hover .arr svg{fill:#e59846;}

.flex{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: space-between;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	width:100%;
	box-sizing:border-box;
	position:relative;
}

/*============================================= УСЛУГИ ФИЗ. ЛИЦ =================================================*/

.about.about--individual{
	background:url(../img/services/individual_bg.jpg)no-repeat center center;background-size:cover;
}
.manager{
	display:inline-block;
	position:relative;
	width:100%;
	max-width:285px;
}

.manager img{display:inline-block;max-width:100%;margin-bottom:16px;border-radius:5px;}
.manager span{font-size:16px;padding-bottom: 4px;}


/*--------------  -------------*/

.calculator{
	display:inline-block;
	width:100%;
	border-radius:5px;
	border:1px solid #bdc1c8;
	box-sizing:border-box;
	padding:60px;
	margin-top:50px;
}

.calculator.grey--bg{margin-top:90px;border:none;}


/*--------------tumbler------------------------*/

.tumbler{
	display:inline-block;
	width:100%;
	max-width:370px;
	text-align:left;
}

.tumbler__btn{
	display:block;
	position:relative;
	width:100%;
	height:60px;
	border-radius:5px;
	box-sizing:border-box;
	overflow:hidden;
	z-index:0;
	background:#f0f2f5;
}
.tumbler__btn:before{
	content:'';
	position:absolute;
	left:0px;top:0px;
	width:50%;
	height:100%;
	background:#e59846;
	z-index:1;
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
}
.tumbler__btn.active:before{
	-webkit-transform: translate(100%, 0%); transform: translate(100%, 0%);
}

.tumbler__btn div{
	display:block;
	position:relative;
	z-index:2;
	box-sizing:border-box;
	width:50%;
	height:60px;
	float:left;
	text-align:center;
	cursor:pointer;
}
.tumbler__btn div p{
	font-family: 'OS_Semibold';
	line-height:60px;
	font-size: 12px;
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 0.5px;
	text-transform:uppercase;
}
.tumbler__btn div.js--left p{color:#ffffff;}
.tumbler__btn div.js--right p{color:#666666;}
.tumbler__btn.active div.js--left p{color:#666666;}
.tumbler__btn.active div.js--right p{color:#ffffff;}

/*--------calculator------------*/

.calculator .infoRules{margin:10px 0px 0px 0px;}
.calculator .for_input{background:rgba(0,0,0,0);}

.calculator__result .f36{line-height:36px;}
.calculator__result .subtitle{margin:8px 0px 0px 0px;}
.calculator__result .label-title{margin:0px;}




/*=================================================== FOOTER =======================================================*/

.footer{
	width:100%;
	height:250px;
	background:#f0f2f5;
	padding:40px 40px 30px 40px;
	text-align:center;
}
.footer .navigation{width:100%;text-align:center;max-width: 800px;margin-bottom:15px;}
.navigation--footer .navigation__link {line-height:28px;min-height:28px;}

.mokselle{
	text-align:center;
	position:relative;
	z-index:2;
	margin-top:10px;
}
.mokselle__link{
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.08px;
	color: #000000;
}
.mokselle__link a{
	display:inline-block;
}

.copy{
	display:inline-block;
}

.copy p{
	display:inline-block;
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 12px;
	letter-spacing: 0.08px;
	color: #8c8c8c;
}


#printbody{max-width:840px;width:840px;margin:0 auto;}
#printbody .wrapp{padding-bottom:40px;}
.print{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	width:100%;
	border:6px solid #eee;
	padding:20px;
	margin:50px 0px 10px 0px;
}
.print hr{display:inline-block;border:none;width:100%;height:1px; background:#eee;margin-top:40px;}
.print .inner{
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	width:100%;
	border:1px solid #eee;
	padding:20px;
}
.print iframe{border:none;width:97%;height:200px;}
.right iframe{float:right;}
.print .label-title{margin-top:20px;}
.print .bold{padding-bottom:10px;}
.print .f12{line-height:14px;}
.print .f14{line-height:18px;}
.print .f28{font-size:20px;line-height:20px;}

.footer__callback{
	display:none;
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:30px;
}

.footer__callback a{
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.43px;
	color: #3a3a3a;
}

.footer__callback p{
	font-size: 12px;
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.17;
	letter-spacing: 0.08px;
	color: #000000;
}

/*------------------------------ mobil elements*/

.mobil--only,
.mobilMenuBtn{
	display:none;
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.16);
}
.menuMobil{
	width:380px;
	height:100%;
	min-height:100%;
	max-width:100%;
	background:#fff;
	position:fixed;
	top:0px;
	right:0px;
	z-index:8;
	overflow:hidden;
	-webkit-transform: translate(110%, 0%); transform: translate(110%, 0%);
}
.menuMobil.active{
	-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
}
.menuMobil .popup_close{right:20px;top:20px;}
.menuMobil .button--black{
	position:absolute;
	padding:0px;
	left:20px;
	top:20px;
	right:90px;
	height:60px;
}
.menuMobil .button--black p{font-size:12px;line-height:60px;}
.menuMobil .compas{
	position:absolute;
	top:auto;
	left:auto;
	bottom:-70px;
	right:-230px;
	width:440px;height:440px;
	margin-left:0px;
	margin-top:0px;
	z-index:-1;
	-webkit-transform:rotate(0deg); transform:rotate(0deg);
}

.menuMobil__bottom{
	display:block;
	position:absolute;
	left:0px;bottom:0px;
	z-index:2;
	width:100%;
	height:100px;
}

.menuMobil__bottom .header__navigation{
	display:block;
	position:absolute;
	height:60px;
	left:20px;
	right:20px;
	top:50%;
	-webkit-transform: translate(0%, -50%); transform: translate(0%, -50%);
	float:none;
}

.menuMobil__bottom .navigation{display:block;position:absolute;letter-spacing:-6px;left:0px;top:0px;right:0px;bottom:0px;}
.menuMobil__bottom .navigation li{
	display:inline-block;
	letter-spacing:normal;
	position:absolute;
	top:0px;
	text-align:center;
}
.menuMobil__bottom .navigation__link{
	display:inline-block;
	position:relative;
	vertical-align:top;
	box-sizing:border-box;
	padding:0px 0px;
	text-transform:uppercase;
	font-family: 'OS_Semibold';
	font-size:12px;
	line-height:40px;
	min-height:40px;
	min-width:100%;
	letter-spacing: 0px;
	color:#fff;
	cursor:pointer;
	margin: 0px 0px;
}

.mM__btn1{
	width:40.714285%;
	left:0px;
}
.mM__btn2{
	width:40.714285%;
	left:42.857142%;
}
.mM__btn3{
	width:14.285714%;
	right:0px;
}

.menuMobil__links{
	display:block;
	box-sizing:border-box;
	position:absolute;
	left:20px;
	top:100px;
	bottom:100px;
	right:-20px;
	padding-right:40px;
	overflow-x:hidden;
	overflow-y:scroll;
}

.menuMobil__links ul{padding-bottom:20px;}
.menuMobil__links ul li{border-bottom:1px solid #e4e7ed;position:relative;}
.menuMobil__links .submenu li{border-bottom:none;}
.submenu{display:none;}

.menuMobil__links .navigation__link{
	position:relative;
	text-transform:none;
	font-size:16px;
	line-height: 16px;
	min-height: 16px;
	margin:24px 0px;
	padding: 0px 0px 0px 20px;
}
.menuMobil__links .navigation__link:before{
	content:'';
	position:absolute;
	left:8px;
	top:6px;
	width:4px;
	height:4px;
	border-radius:4px;
	background:#e59846;
	opacity:0;
}
.menuMobil__links .navigation__link.active:before{
	opacity:1;
}

.submenu__link{
	display:inline-block;
	position:relative;
	top:-4px;
	vertical-align:top;
	box-sizing:border-box;
	padding:8px 15px 8px 40px;
	font-family: 'OS_Semibold';
	font-size:14px;
	line-height:14px;
	color:#3a3a3a;
	cursor:pointer;
}
.menuMobil__links .submenu__link:before {
	content: '';
	position: absolute;
	left: 20px;
	top: 11px;
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #e59846;
	opacity: 0;
}

.submenu__link.active{color:#e59846;}
.menuMobil__links .submenu__link.active:before {opacity: 1;}


.plus-minus{
	position:absolute;
	display:inline-block;
	box-sizing:border-box;
	width:24px;
	height:24px;
	border:1px solid #e4e7ed;
	border-radius:40px;
	cursor:pointer;
	right:20px;
	top:20px;
}
.plus-minus:before{
	content:'';
	width:11px;
	height:1px;
	position:absolute;
	left:50%;top:50%;
	margin-left:-5px;
	margin-top:-0.5px;
	background:#e59846;
}
.plus-minus:after{
	content:'';
	width:1px;
	height:11px;
	position:absolute;
	left:50%;top:50%;
	margin-left:-0px;
	margin-top:-5.5px;
	background:#e59846;
	opacity:1;
}
.plus-minus.active:after{
	opacity:0;
}


.menuMobil__bottom .header__navigation .searchBtn {
	width: 60px;
	height: 60px;
}
.menuMobil__bottom .header__navigation .popup_input {
	height: 60px;
	padding: 0px 20px;
	border: 1px solid #f0f2f5;
	text-transform: unset;
}
.menuMobil__bottom .header__navigation .placeholder {
	padding: 0px 20px;
	line-height: 60px;
	text-transform: unset;
}
.menuMobil__bottom .header__navigation .for_input {
	height: 60px;
	background: #f0f2f5;
	margin-bottom: 0px;
}


.main .compas{
	display:none;
	position:absolute;
	width:700px;
	height:700px;
	z-index:1;
	right:-356px;
	top:-150px;
	left:auto;
	margin-left:0px;
	margin-top:0px;
	-webkit-transform:rotate(0deg); transform:rotate(0deg);
}

.mobil-hr{
	display:none;
	width:100%;
	height:1px;
	border:none;
	background:#f0f2f5;
}

.our-works__mobilLinks{
	display:none;
	margin-bottom:30px;
	max-width:320px;
}
.our-works__mobilLinks .active p{color:#e59846;}
.our-works__mobilLinks li{float:left;margin-right:80px;}
.img-wrapp{
	display:block;
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	top:0px;
	overflow:hidden;
	border-radius:5px;
}
.img-wrapp .image--full{
	width: auto!important;
	height:100%;
	border-radius: 5px;
}

#search .popup_h1{display:none;margin-bottom:30px;}

.button--ourOffice,.serviceTab--mobil{display:none;}

.desctop--only{display:inline-block;}

.searchArrows{width:286px;}
.searchArrows ul{
	display:inline-block;
	margin-top:13px;
}
.searchArrows ul li{
	display:inline-block;
	font-size:16px;
	line-height:16px;
	margin:0px 2px;
}
.searchArrows ul li a{
	cursor:pointer;
	opacity:1;
	color:#3a3a3a;
}
.searchArrows ul li a:hover{
	opacity:0.7;
}
.searchArrows ul li a.active{
	cursor:auto;
	font-family: 'OS_Bold';
	color:#e59846;
}
.searchArrows ul li a.active:hover{
	opacity:1;
}
.developerImage.js--developer{
	cursor: pointer;
}
.width-70{
	width: 70%;
}

.allwin--content-blok p, .allwin--content-blok > div {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #666;
	margin: 20px 0px;
	padding-right: 50px;
}
.allwin--content-blok > div > div {
	font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #666;
	margin: 20px 0px;
}
.allwin--content-blok h2, .allwin--content-blok h4, .allwin--content-blok h3 {
	font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.allwin--content-blok b, .allwin--content-blok strong {
	font-weight: 700;
	color:#333;
}
.allwin--content-blok a {
	text-decoration: underline;
	font-weight: 700;
	color:#333;
	display: inline-block;
}
.allwin--content-blok ul, .allwin--content-blok ol {
	margin: 20px 0px;
}

.allwin--content-blok ul li, .allwin--content-blok ol li {
	padding: 0px;
	margin-bottom: 10px;
	color: #666;
	text-indent: 25px;
}

.post__text a {
	display: inline-block;
}