/* Start:/bitrix/templates/stgrd1/template_styles.css?158888186814643*/
/*			TEMPLATE_STYLE.CSS			*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=cyrillic,cyrillic-ext');


/*
font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;

transform: scaleX(0.8);
font-stretch: ultra-condensed;   webref.ru/css/font-stretch 



color:#0a5470;		 darkblue 	
color:#00acec;		 lightblue  
color:#ffe400;		 yellow 		
color:#f1f2f2;		 lightgray 	
color:#c6cccd;		 gray 			
color:#868e91;		 darkgray 	
								           
color:#444444;		 text	 			
transition: all .1s ease 0s;

*/

body {
	font-family: Helios, 'Helios', 'Open Sans', sans-serif;
	color:#444444;	
}

.container-xl {
	max-width:1400px;
}

h1,.h1,h2,.h2,h3,.h3 {
	font-size:24px;
	font-weight:600;
	line-height:1.2em;
	margin-bottom:25px;
	text-transform:uppercase;
}
a {
	color:#0069aa;
}

.btn.btn-primary,
.btn.btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary:visited,
button,
button:focus,
button:hover,
button:active,
button:visited,
input,
input:focus,
input:hover,
input:active,
input:visited,
text-area,
text-area:focus,
text-area:hover,
text-area:active,
text-area:visited  {
	outline:none;
	box-shadow:none;
	border:none;
}
.btn.btn-primary {
	background-color:#0069aa;	
	color:white;
	padding:20px 25px;
	font-weight:700;
	text-transform:uppercase;
}	
.btn.btn-primary:hover {
	background-color:#e31937;	
	color:white;
}	
.form-control {
	border:none;
}

.tooltip {
	opacity:1 !important;
}
.bs-tooltip-auto[x-placement^="top"] .arrow::before, 
.bs-tooltip-top .arrow::before {
  border-top-color: #e31937;
}
.tooltip-inner {
	background-color:#e31937;
	color:#fff;
	opacity:1 !important;
	font-weight:800;
}


header {
	margin-top:35px;
	margin-bottom: 35px;
}

header .contacts {
	padding-top:7px;
	font-size:30px;
	text-align:center;
	text-transform:uppercase;
}
header .contacts > div {
	margin-bottom:5px;
}	
header .contacts > div  a{
	text-decoration:none;
}
header .contacts > div.mail {
	_margin-bottom:10px;
	font-weight: 600;
}
header .contacts .tel a {
	color:#e31937;
	font-weight:300;
}
header .contacts > div.feedback {
	margin-bottom:15px;
}
header .contacts > div.feedback .btn-primary{
	font-size:16px;	
	padding:10px 15px;
}
header .contacts .address {
	text-transform:none;

	font-size:14px;
}	
header .contacts > div.address a {
	text-decoration:underline;
}
header .contacts > div.address .fas {
	color:#406aa1;
	font-size:24px;
	margin-right:10px;
	vertical-align: text-top;
}
header .license {
	-padding-left:230px;
	-font-size:14px;
}

/*
.sliderbox {
	min-height: 500px;
	position: relative;
	z-index: -2;
}
*/
.sliderbox {
	margin-bottom:85px;
}
.sliderbox,
.sliderbox .owl-carousel, 
.sliderbox .owl-carousel 
.owl-item, .sliderbox 
.owl-carousel .owl-item > div {
  min-height: 430px;
}
.sliderbox .owl-carousel {
	background:url(../images/slider-bckg2bw.jpg) left top repeat-x;
}

.sliderbox .owl-carousel .owl-item .owl-lazy {
	background-position: center center;
	background-repeat: no-repeat;
}
.sliderbox .owl-carousel .owl-item .container-xl {
	padding-top:50px;
}
.sliderbox .owl-carousel .owl-item .text-center {
	background-color: rgba(0, 104, 170, 0.56);
	padding:45px 100px;
	display:table;
	margin:0 auto;
}
.sliderbox .owl-carousel .owl-item h4 {
	font-weight: 700;
	font-size:36px;
	color:#ffffff;
	text-transform:uppercase;
}

.jumbotron.ya_map {
	margin-bottom:0px;
	padding:0px;
	margin-top:120px;	
	height:400px;
} 

.container-xl .row h2 {
	font-size:28px;
	font-weight:800;
	margin-bottom:40px;
}
.company,
.benefits,
.team,
.resp,
.power,
.trust,
.empty-b,
.objects {
	margin-bottom:60px;
}
.power.right {
	margin-bottom:20px;
}
.benefits, 
.resp,
.empty-b {
	background-color:#0069aa;
	color:white;
	background:url(../images/bluebckg1.jpg) center center / cover no-repeat #0069aa;
}
.empty-b {
	background-image:none;
}
.benefits, .resp {
	padding-bottom:50px;
}
.benefits li{
	margin-bottom:10px;
}
.benefits .container-xl,
.resp .container-xl, 
.empty-b .container-xl {
	padding-top:120px;
	padding-bottom:60px;
	background: url(../images/benefits1.png) right top / 33% no-repeat; 
}
.resp .container-xl {
	background: url(../images/benefits1.png) left top / 33% no-repeat;
}
.empty-b .container-xl {
	background:none;
	padding-top: 60px;
	padding-bottom: 20px;	
}

.team, 
.gendir{
	margin-top:80px;
}
.clients-list {
	margin-top:40px;
}
.clients-list .req .owl-carousel{
	border: 1px solid #ccc;
}
.team .logo,
.power .logo {
	position: relative;
}
.team .logo img {
	position: absolute;	
	top: -240px;
	right: 307px;
	width: 200px;	
}
 
.power .logo img {
	position: absolute;
	top: -160px;
	left: 355px;
	width: 200px;
}
.power.right .logo img {
	left: unset;
	right: 138px;
}

.power .row {
	padding-top:120px;
}
.power p,
.gendir p {
	text-align:justify;
}
	
.nav-tabs {
	margin-bottom:30px;
	border-bottom:1px solid #0069aa;
}
.nav-tabs .nav-link {
	border:none;
	border-radius:0;
}	
.nav-tabs .nav-link.active	{	
	background-color:#0069aa;	
	color:#ffffff;
}
.nav-tabs .nav-link h3 {
	margin-bottom: 0;
	padding: 20px 10px;
}
.tab-pane {
}
.clients {
	padding-left:20px;
	padding-right:20px;
}
.clients .owl-carousel {
	-margin-left:20px;
	-margin-right:20px;
}
.clients .owl-carousel .foto {
	border:10px solid #0069aa;
	border:10px solid rgba(0,105,170,.5);
}
.clients .owl-carousel a {
	text-decoration:underline;
}
.clients .owl-carousel .btn.btn-primary {
	color:white;
	padding:10px 15px;
	font-weight:400;
	text-transform:none;
	margin-bottom:10px;
	background-color:#e31937;
	display:none;
}	
.clients .owl-carousel .tile:hover .btn.btn-primary {
	display:block;
	margin:20px auto;
}
	
.clients .owl-carousel .tile {
	position:relative;
}
.clients .owl-carousel .hover {
	position: absolute;
	background-color: rgba(0,0,0,.5);
	height: 100px;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	padding:20px;
	transition: all 0.3s ease 0s;
}
.clients .owl-carousel .tile:hover .hover {
	height: 100%;
	padding-top: 30%;
	background-color: rgba(0,0,0,.7);
}

.clients .owl-carousel .owl-item {
	padding:10px;
}
.clients .owl-carousel .owl-nav,
.clients .owl-carousel .owl-dots {
	position: absolute;
	top: 150px;	
	width:100%;
}
.clients .owl-carousel .owl-nav button {
	position:relative;
	top:40px;
}
.clients .owl-carousel .owl-nav button.owl-prev,
.clients .owl-carousel .owl-nav button.owl-next	{
	background: url(../images/slider-left-bk.svg) no-repeat left center ;
	text-indent: -9999px;
	height: 40px;
	width: 20px;
	margin-left: -30px;
	margin-right: 0px;
	float:left;
}
.clients .owl-carousel .owl-nav button.owl-next{
	margin-left: 0px;
	margin-right: -30px;
	background: url(../images/slider-right-bk.svg) no-repeat right center ;
	float:right;
}


.clients-list .gallery {
	padding-left:30px;
	padding-right:40px;
}

.objects .owl-carousel,
.gallery .owl-carousel {
	-margin-left:20px;
	-margin-right:20px;
}
.gallery .owl-carousel .owl-item {
	padding:10px;
}
.objects .owl-carousel .foto,
.gallery .owl-carousel .foto {
	border:5px solid #0069aa;
	border:5px solid rgba(0,105,170,.5);
}
.objects .owl-carousel a,
.gallery .owl-carousel a {
	text-decoration:underline;
} 
.objects .owl-carousel .owl-item,
.gallery .owl-carousel {
	padding:5px;
}
.objects .owl-carousel .owl-nav,
.objects .owl-carousel .owl-dots,
.gallery .owl-carousel .owl-nav,
.gallery .owl-carousel .owl-dots,
.req .owl-carousel .owl-nav,
.req .owl-carousel .owl-dots {
	position: absolute;
	top: 0px;	
	width:100%;
	text-align: center;
}
.objects .owl-carousel .owl-dots  {
	top: 140px;
}
.objects .owl-carousel .owl-nav,
.gallery .owl-carousel .owl-nav {
	top: 30px;
}
.gallery .owl-carousel .owl-dots {
	top: 180px;
}
.objects .owl-carousel .owl-nav button,
.gallery .owl-carousel .owl-nav button {
	position:relative;
	top:40px;
}
.req .owl-carousel .owl-nav{
	top: 130px;
}

.objects .owl-carousel .owl-nav button.owl-prev,
.objects .owl-carousel .owl-nav button.owl-next,
.gallery .owl-carousel .owl-nav button.owl-prev,
.gallery .owl-carousel .owl-nav button.owl-next,
.req .owl-carousel .owl-nav button.owl-prev,
.req .owl-carousel .owl-nav button.owl-next	{
	background: url(../images/slider-left-bk.svg) no-repeat left center ;
	text-indent: -9999px;
	height: 40px;
	width: 40px;
	margin-left: -30px;
	margin-right: 0px;
	float:left;
}
.req .owl-carousel .owl-nav button.owl-prev,
.req .owl-carousel .owl-nav button.owl-next {
	height: 20px;
	width: 20px;	
}
.objects .owl-carousel .owl-nav button.owl-next, 
.gallery .owl-carousel .owl-nav button.owl-next,
.req .owl-carousel .owl-nav button.owl-next{
	margin-left: 0px;
	margin-right: -30px;
	background: url(../images/slider-right-bk.svg) no-repeat right center ;
	float:right;
}

.owl-carousel button.owl-dot {
	height: 20px;
	width: 20px;
	margin:5px;
	border: 2px solid #0069aa !important;
	background-color: #ffffff !important;	
	border-radius: 50%;
	text-align: center;	
}
.owl-carousel button.owl-dot.active {
	background-color: #0069aa !important;
	border: 2px solid #0069aa;
}	

.owl-carousel button.owl-dot:hover {
	background-color: #e31937 !important;
	border: 2px solid #e31937 !important
}


.table .thead-dark th {
	background-color: #0069aa;
	border-color: #ffffff;
	text-transform:uppercase;
}

.objects table.table td a {
	text-decoration:underline;
}


.rospis {
	vertical-align: top; 
	margin-top: -75px;
}	


/* MODAL 
-------------------------------------------------- */
.modal-content {
	border-radius:0;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.modal-header {
	display: block;
  padding: 20px 35px;
	border-radius:0;
  border-bottom: 1px solid #ffff;
	color:#fff;
	background-color: #0069aa;
	font-size:23px;
}
h3.modal-title {
	font-weight:300;
}
.modal-header button.close {
	background: url(../images/close1.svg) center center / 14px 14px no-repeat;
	-background: url(../images/modal-close.svg) center center / 20px 20px no-repeat;
	width:14px;
	height:14px;
	opacity:1;
	margin-top: 0.2rem;
}
.modal-header button.close:hover {
	opacity:.4;
}
.modal-body {
	padding:25px 35px;
	border:none;
	border-radius:0;
	overflow: hidden;
}
.modal-body .text {
	font-size:15px;
	color:#000;	
}

.modal-body .field,
.modal-body .caption {
	padding:0;
}
.modal-body .caption {
	color:#343434;
	font-size:16px;
}
/*
.modal-content button.btn,
.modal-content button.btn:hover,
.modal-content button.btn-primary,
.modal-content button.btn-primary:hover  {
	font-size: 1.2rem;
	color:#000000;
	background-color: #ffe400;
	border-radius:0;
	border:none;
}
*/
.modal-footer {
	border-top:0;
	text-align:center;
	_padding-bottom:40px;
	padding-top: 0;
	display: block;	
}
.modal-footer .info{
	padding:0 0 15px;
} 
.modal-footer .policy-text {
	font-size:.8rem;
	line-height:1rem;
	margin-top:10px;
}
.modal-footer .policy-text a {
	text-decoration:underline;
}
 
#callback .modal-body {
	text-align:center;
	padding-bottom:0;
}

#review .modal-body,
#request .modal-body {
	padding-bottom:0;
}
#review_text,
#request_text {
	height:150px;
} 

/* MODAL 
-------------------------------------------------- */


.feedback {
	padding-left:30px !important;
}
.modal-content.feedback {
	padding-left:0px !important;
}
.feedback h3 {
	text-transform:none;
}
.feedback .info {
	margin:0;
}
.feedback a {
	color:#444444;
}
.feedback input,
.feedback textarea,
.callback input,
.callback textarea {
	border-radius:5px;
	border:1px solid #c6cccd;
	width:100%;
	padding:10px;
}
.feedback label {
	width:100%;
	margin-bottom:10px;
}
.feedback .place_holder {
	z-index: 100;    
	left: 10px;
	cursor: text;   
	position: absolute;
	top: 10px;
	left: 12px;
	width: 80%;    
	display: none;
	opacity:1;
	color:#868e91;
}
.feedback .placeinput textarea:invalid + .place_holder,
.feedback .placeinput input:invalid + .place_holder {
  display: inline;
}
/*вся проблема в том, если placeholder больше инпута*/
.feedback .placeinput {
  position: relative;
  overflow: hidden;
	padding:3px;
}
.feedback .place_holder span {
  color: #de892e;
}
.feedback a.button,
.feedback button.btn,
.callback a.button,
.callback button.btn {
	-background-color: #e31937;
	-line-height: 0.8px; /*.feedback a.button */
	text-transform: uppercase;
	white-space: nowrap;
	text-decoration: none;
	-color: #444444;
	font-weight:600;
	border-radius: 5px;
	padding: 10px 20px;
	border: none;
}
/*
.callback a.button,
.callback button.btn {
	background-color: #00acec;
}	
*/
.feedback button.btn:disabled,
.callback button.btn:disabled {
	background-color: #0069aa;
	color:white;
	cursor:default;
	opacity:1;
}
 
 
a.up {
	height:40px;
	width:40px;
	border-radius:5px;
	display:block;
	position:fixed;
	cursor:pointer;
	display:none;
	right:30px;
	bottom:30px;
	background:url(../images/up-arr.svg) center center / 15px 11px no-repeat #0069aa;
}
a.up.white {
	background:url(../images/up-arr-bl.svg) center center / 15px 11px no-repeat #ffffff;
}
 
/******************************************************* 		FOOTER 		*******************************************************/

.footer {
	background-color:#0069aa;	
	color:white;
}
.footer .container-xl {
	max-width:1400px;
	padding-top:60px;
}
.footer a {
	color:#ffffff;
}
.footer .logo {
	margin-bottom:20px;
}
.footer .left > .col {
	margin-bottom:15px;
	margin-left: 125px;
	font-size: 18px;
	padding-left:30px;	
}
.footer .left > .col.mail {
	margin-bottom:30px;
}
.footer .left > .col.menu {
	font-weight:600;
}	
.footer .left > .col.menu a {
	text-decoration:underline;
}	
.footer .tel {
	background-image:url(../images/ftr-phone.svg);
	background-size:20px 20px;
	background-position:left 5px;
	background-repeat:no-repeat;
}.footer .address {
	background-image:url(../images/ftr-map.svg);
	background-size:15px 20px;
	background-position:left 5px;
	background-repeat:no-repeat;
}.footer .mail {
	background-image:url(../images/ftr-mail.svg);
	background-size:20px 20px;
	background-position:left 5px;
	background-repeat:no-repeat;

}

 
 
.footer ul {
	padding-left:0;
}
.footer ul li {
	line-height:1em;
	list-style-type:none;
	padding-left:0;
	margin-bottom:14px;
}
 
.footer .right form .btn.btn-primary {
	background-color:#e31937;	
	color:white;
	padding:10px 15px;
	font-weight:400;
	text-transform:none;
	margin-bottom:10px;
}	
.footer .right form .btn.btn-primary:hover {
	background-color:#e31937;	
}	
.footer .right form .policy-text {
	font-size:14px;
}
.footer .right form .policy-text a {
	text-decoration:underline;
}


.footer .under {
	margin:20px 0 10px;
}
.footer .cpy,
.footer .cfd {
	font-size:14px;
	padding-right:0;
}
.footer .cfd {text-align:right; }
.footer .cfd a	{	
	color:#ffe400;
	text-decoration:underline;
}

/* End */
/* /bitrix/templates/stgrd1/template_styles.css?158888186814643 */