/*Scrollbar===================================*/
.popup .inner::-webkit-scrollbar-button { width:0px; } 
.popup .inner::-webkit-resizer{ width:0px;} 
.popup .inner::-webkit-scrollbar{ width: 0px;}
/* .popup_background::-webkit-scrollbar-button { width:0px; } 
.popup_background::-webkit-resizer{ width:0px;} 
.popup_background::-webkit-scrollbar{ width: 0px;} */
textarea::-webkit-scrollbar-button { width:0px; } 
textarea::-webkit-resizer{ width:0px;} 
textarea::-webkit-scrollbar{ width: 0px;}
.sertificats__maps .ci--45::-webkit-scrollbar-button { width:0px; } 
.sertificats__maps .ci--45::-webkit-resizer{ width:0px;} 
.sertificats__maps .ci--45::-webkit-scrollbar{ width: 0px;}

.projects-maps__list::-webkit-scrollbar-button { width:0px; } 
.projects-maps__list::-webkit-resizer{ width:0px;} 
.projects-maps__list::-webkit-scrollbar{ width: 0px;}

/*
html::-webkit-scrollbar-button { width:0px; } 
html::-webkit-resizer{ width:0px;} 
html::-webkit-scrollbar{ width: 0px;}
*/


/*Scrollbar end===================================*/


/*Видеоролик*/
#video{ width:748px; height:420px; } 
#video_div{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color:#111; border-radius:10px; overflow:hidden; } 
.popup_video{ width:100%; height:100%; border:none; } 
.thx-image{width:100%;height:260px;position:relative;}
.thx-image svg{fill:#000;opacity:0.1;height:250px;width:270px;}

.popup_link{
	display:inline-block;
    font-size: 11px;
	line-height:14px;
    letter-spacing: 0.1px;
	color:#797a7a;
	cursor:pointer;
	text-transform:uppercase;
	padding:20px 0px;
}
.soc-enter li{margin-right:0px!important;margin:5px 15px!important;}

/*фон
.popup_background{display:block; width:200%; height:100%; position:fixed; -webkit-backface-visibility: hidden; background-color:rgba(0,0,0,0.7); overflow-x:hidden; overflow-y:scroll; top:0px; left:-50%; z-index:-1; opacity:0; text-align:center; transition:z-index 0s linear 0.3s, opacity 0.3s linear 0s; -webkit-transition:z-index 0s linear 0.3s, opacity 0.3s linear 0s; -moz-transition:z-index 0s linear 0.3s, opacity 0.3s linear 0s; -o-transition:z-index 0s linear 0.3s, opacity 0.3s linear 0s; }
.popup_background.active{z-index:999; opacity:1; transition:z-index 0s linear 0s, opacity 0.3s linear 0s; -webkit-transition:z-index 0s linear 0s, opacity 0.3s linear 0s; -moz-transition:z-index 0s linear 0s, opacity 0.3s linear 0s; -o-transition:z-index 0s linear 0s, opacity 0.3s linear 0s; }
.popup{
	display:none;
	height:auto;
	max-width:100%;
	background-color:#fff;
	border-radius:10px;
	text-align:left;
	position:relative;
	opacity:1;
	overflow:visible;	
	z-index:1000;
}
.popup.active{
	display:inline-block;
}
*/
/*фон*/
.popup_background{
	display:none;
	width:100%;/*width:200%;*/
	height:100%;
	position:fixed;
	-webkit-backface-visibility: hidden;
	background-color:rgba(0,0,0,0.7);
	overflow-x:hidden;
	overflow-y:scroll;
	top:0px;
	left:0%;/*left:-50%;*/
	z-index:999;
	opacity:1;
	text-align:center;
}
.popup_background.active{
	z-index:999;
	opacity:1;
}
.popup{
	display:none;
	height:auto;
	max-width:100%;
	background-color:#fff;
	border-radius:5px;
	text-align:left;
	position:relative;
	opacity:0;
	-webkit-transform:scale(0.98, 0.98);
	-ms-transform:scale(0.98, 0.98);
	transform:scale(0.98, 0.98);
	overflow:visible;	
	z-index:-1;
}
.popup.active{
	display:inline-block;
	z-index:1000;
}
.popup.opacity{
	-webkit-transform: scale(1, 1); 
	-ms-transform: scale(1, 1); 
	transform:scale(1, 1);		
	opacity:1;
}
/*-------------------------------------------------------*/


.popup_wrapp{
	display:inline-block;
	box-sizing:border-box;
	width:1200px;
	text-align:center;
}
.popup_wrapp .full_link{cursor:auto!important;}

/*всплывашка*/
#callback,#request,#thx,#client,#reviews,#team_popup,#client_big,#documentation,#project_popup,#shema{width:760px;}
#search{width:950px;}

#team_popup,#client_big,#project_popup{border-radius:6px;overflow:hidden;}

/*popup close*/
.popup_close{ display:block; position:fixed; width:60px; height:60px; right:30px; top:30px; cursor:pointer; border-radius:5px; z-index:2000; background:#e59846; } 
.popup_close:hover{background:#ff921f; } 
.popup_close div{ position:relative; width:16px; height:16px; -webkit-transform: translate(-50%, -50%)rotate(0deg); transform: translate(-50%, -50%)rotate(0deg);	 } 
.popup_close div span{ display:inline-block; position:absolute; width:100%; height:2px; background:#fff; left:50%;top:50%;} 
.popup_close div span.left{ -webkit-transform: translate(-50%, -50%)rotate(45deg); transform: translate(-50%, -50%)rotate(45deg);} 
.popup_close div span.right{ -webkit-transform: translate(-50%, -50%)rotate(-45deg); transform: translate(-50%, -50%)rotate(-45deg);} 
#search .popup_close{right:-70px; top:0px;}
#shema .label-title {top: 20px;margin: 0px 0px 10px 0px;}
#shema .popup_h2 { margin: 14px 0px 0px 0px;}
#shema iframe {margin-top:40px;width:100%;height:400px;border-radius:6px;}
/*popup close end*/

.searchBtn{
	width:80px;
	height:80px;
	position:absolute;
	right:0px;
	top:0px;
	border:none;
	background:rgba(0,0,0,0);
	cursor:pointer;
	overflow:hidden;
	z-index:4;
}
.searchBtn svg{position:absolute;width:26px;height:26px;fill:#fff;margin-top: 2px;}
.searchBtn svg{fill:#E59846; fill-rule:nonzero; stroke:#F0F2F5; stroke-width:.5;}


.popup .inner{
	display:inline-block;
	background-color: white;
	box-sizing:border-box;
	width:100%;
	padding:50px 60px 60px 60px;
	height:auto;
	z-index:1;
}

/*Заголовки и текст*/
.popup_h1{
	font-family: 'OS_Regular';
	display:inline-block;
	width:100%;
	font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.19;
    letter-spacing: -0.6px;
	color:#3a3a3a;
}
.loginForm .popup_h1{
	font-size: 26px;
    line-height: 38px;
    letter-spacing: -0.5px;
	margin-bottom:40px;
}
.popup_h2{
	font-family: 'OS_Regular';
	display:inline-block;
	width:80%;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
	color:#666666;
	margin:14px 0px 40px 0px;
}

/*форма*/
.popup_form{
	display:inline-block;
}

.infoRules{
	font-size:13px;
	line-height:20px;
	color:#666666;
	margin:10px 0px 26px 0px;
}

.infoRules.infoRules--white{color:#fff;}
.infoRules.infoRules--white a{color:#fff;}
.infoRules.infoRules--white a:before{background:#fff;}

.infoRules a.hover{display:inline-block;}
.infoRules a:before{margin-top:8px;}



/*загрузка файла*/
.for_file {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 70px;
    border: 1px solid #dfe0e1;
    background: #fff;
    border-radius: 5px;
	margin-bottom:10px;
}

.color--bg .for_file,.black--bg .for_file{border: 1px solid #fff;}

.file-upload {
    position: relative;
	overflow:hidden;
	box-sizing:border-box;
    width: 100%;
    height: 100%;
	text-align:center;
}
.file-upload label{
	display:block;
    position: relative;
	overflow:hidden;
	box-sizing:border-box;
    width: 100%;
    height: 100%;
	border-radius:5px;
	cursor:pointer;
}
.file-upload input[type="file"]{display: none;}
.file_name_text {
	display: inline-block;
	width: 100%;
    box-sizing: border-box;
    padding: 0px 30px;	
	text-align:left;
	position: relative;
	color:#666666;
	cursor: pointer;
	line-height: 70px;
	font-family: 'OS_Semibold';
	font-size: 12px;
	letter-spacing: 0.5px;
	text-transform:uppercase;
}
.file_name_text.red{
	color:red!important;
}



/*Инпуты с анимированным placeholder*/
.input-inline{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
}
.ta--l .input-inline{padding-right:5px;}
.ta--c .input-inline{padding:0px 3px;}
.ta--r .input-inline{padding-left:5px;}

.for_input{
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:70px;
	position:relative;
	background:#fff;
	border-radius:5px;
	margin-bottom:10px;
}

.popup .for_input,.loginForm__inputs .for_input{margin-bottom:10px;}
.popup .for_input.for_input--textarea,.loginForm__inputs .for_input.for_input--textarea{height:auto;}

.placeholder{
	display:block;
	box-sizing:border-box;
	padding:0px 30px;
	width:100%;
	line-height:70px;
	color:#666666;
	position:absolute;
	text-align:left;
	z-index:1;
	opacity:1;	
	font-family: 'OS_Semibold';
	font-size:12px;
	font-weight: 600;
	letter-spacing:0.5px;
	border-radius:5px;
	text-transform:uppercase;
}

.placeholder.red{opacity:0;}
.popup_input{
	display:block;
	width:100%;
	height:70px;
	box-sizing:border-box;
	padding:0px 30px;	
	border:1px solid #dfe0e1;
	text-align:left;
	color:#666666;	
	position:relative;
	z-index:2;
	background:none;
	border-radius:5px;
	font-family: 'OS_Semibold';
	font-size:12px;
	letter-spacing:0.5px;
	font-weight: 600;
}

.color--bg .popup_input,.black--bg .popup_input{border:1px solid #fff;}
.color--bg .popup_input:focus,.black--bg .popup_input:focus{border:1px solid #fff;}

#search .for_input{height:80px;}
#search .placeholder{line-height:80px;font-size:18px;text-transform:none;letter-spacing:-0.3px;}
#search .popup_input{height:80px;font-size:18px;text-transform:none;letter-spacing:-0.3px;}


/*textarea*/
.for_input.for_input--textarea{height:auto;}
.for_input.for_input--textarea span{text-align:left;}
textarea.popup_input{display:block;padding:16px 30px;height:220px;text-align:left;line-height:22px;}

.popup_input:focus{border:1px solid #dfe0e1;}
.red .popup_input{border:1px solid red!important;}
.for_input.red{background:#fff7f9;}
.for_input.red .placeholder{color:red;}

#thx .conteiner__inner{vertical-align:middle;}
#thx .button{width:100%;max-width:320px;}
.logo-bigger{
	display:inline-block;
	width:100%;
	margin-bottom:90px;
}
/*input svg*/

.for_input__svg{
	position:absolute;
	right:26px;
	top:50%;
	margin-top:-10px;
	width:22px;
	height:22px;
	fill:#e59846;
}
.red .for_input__svg{fill:red;}

.search-result a{
	display:inline-block;
	width:100%;
	margin-top:20px;
	font-size: 14px;
	line-height: normal;
	letter-spacing: -0.2px;
	color: #3a3a3a;	
	cursor:pointer;
}
.search-result a:hover{color:#e59846;}
.search-result .ci--2{padding-right:50px;}


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

.popup hr{
	width:100%;
	display:inline-block;
	border:none;
	height:1px;
	background:#cdd0d5;
	margin:40px 0px;
}

#reviews svg.quotes{fill:#e59846;width:30px;height:24px;margin-bottom:10px;}
#reviews .comment__title{height:auto;margin-bottom: 10px;}
#reviews .f14{display:inline-block;margin:10px 0px;line-height:24px;width:86%;}

/*================================ team ========================*/
.team_popup__foto .foto{width:100%;position:relative;z-index:1;}
.team_popup__foto .shadow{position:absolute;z-index:2;right:-56px; top:-56px;opacity:0.3;}

#team_popup .person {
    text-align: center;
    padding: 30px 0px;
}
#team_popup .person .person__text{ text-align: center;}

.team_popupDopinfo{display:block;padding:40px 70px; background:#eeeff0;}
.inner .team_popupDopinfo{display:block;padding:0px 20px 4px 20px; background:rgba(0,0,0,0);}

.aboutPerson{
	display:inline-block;
	text-align:left;
}

.aboutPerson__number{
	font-size: 36px;
	line-height: 36px;
	letter-spacing: -1px;
	color: #3a3a3a;	
	padding-bottom:10px;
}
.aboutPerson__number span{
	font-size: 20px;
	line-height: 36px;
}
.aboutPerson__text{
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.26px;
	color: #3a3a3a;	
}

/*================================ client big ========================*/
.client-popup-head .titleBox{
	position:relative;
}
.client_popup__foto{
	position:relative;
	max-width:150px;
	max-width:100px;
}
.client_popup__foto img{
	position:relative!important;
	left:0px!important;
	top:0px!important;
	max-width:100%;
	-webkit-transform: translate(0%, 0%)!important; 
	transform: translate(0%, 0%)!important;
}

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

.popup .inner.inner--forDocument{
	display:block;
	padding:50px 60px 0px 60px;
	position:relative;
	overflow:hidden;
}

.documentDownload{
	display:block;
	position:relative;
	width:100%;
	height:340px;
	margin-top:40px;
}

.documentDownload__image{
	width:360px;
	height:340px;
	border-radius:10px 10px 0px 0px;
	position:relative;
	overflow:hidden;
	float:left;
	background:#fff;
	box-shadow:0px 0px 40px rgba(0,0,0,0.1);
}
.documentDownload__image img{display:block;width:100%;height:auto;}

.documentDownload__info{
	display:inline-block;
	position:relative;
	width:224px;
	float:right;
}

.documentDownload__info span,.documentDownload__info h4,.documentDownload__info a{
	display:inline-block;
	width:100%;
}
.documentDownload__info span{
	font-size: 14px;
	line-height: 1.57;
	letter-spacing: normal;
	color: #666666;	
	opacity:0.6;
	margin:2px 0px;
}
.documentDownload__info h4{
	font-family: 'OS_Semibold';
	font-size: 18px;
	line-height: 1;
	letter-spacing: -0.24px;
	color: #3a3a3a;	
	margin-bottom:30px;
}

/*================================ Project ========================*/

#project_popup .person {padding:40px;}
#project_popup hr {display:block;margin:0px;}
#project_popup .label-title{font-size:18px;margin:14px 0px 0px 0px;}
#project_popup .person__text span {line-height: 24px;}
#projectPopupMap{
	position:relative;
	display:block;
	width:100%;
	height:380px;
	overflow:hidden;
	z-index:0;
	border-radius:6px;
	background:#d2d2d2;
}

.project_popup__foto .foto{width:100%;position:relative;z-index:1;}
.project_popup__foto .shadow{position:absolute;z-index:2;right:-56px; top:-56px;opacity:0.3;}

.project_popupDopinfo{
	display:block;
	height:190px;
	box-sizing:border-box;
	border-top:1px solid #eeeff0;
	border-bottom:1px solid #eeeff0;
}

.project_popupDopinfo .conteiner__inner{border-right:1px solid #eeeff0;height:190px;text-align:center;}
.project_popupDopinfo .conteiner__inner:last-child{border-right:none;}


.project_popupDopinfo .aboutPerson{
	text-align:center;
	margin-top:48px;
}

.workTypeButton{
	display:inline-block;
	width:100%;
	max-width:310px;
	box-sizing:border-box;
	border-radius:5px;
	background:#3a3a3a;
	padding:30px 40px;
	text-align:left;
	margin:10px 0px;
}

.workTypeButton__number{
	display:inline-block;
	width:100%;
	font-family: 'OS_Semibold';
	font-size:14px;
	line-height:14px;
	color:#e39746;
}

.workTypeButton__text{
	display:inline-block;
	position:relative;
	width:100%;
	height:60px;
	vertical-align:bottom;
}

.workTypeButton__text p{
	position:absolute;
	bottom:0px;
	left:0px;
	color:#fff;
}