

/* Start:/local/templates/.default/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17817709624021*/
.projects-swiper-slide-small{
    height: 70px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer;
    border-radius: var(--custom-border-radius);
	border:1px solid #e8e8e8;
}
  
.projects_big_images{ 
	position: relative;
	height: 100%;
}

.projects_big_images_swiper{
	 border: 1px solid #ededed;
	border-radius: var(--custom-border-radius);
	overflow:hidden;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
}



@media (min-width: 992px) {
 	
	.projects_big_images_slide{
		height:450px !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	.projects_area{
		border:1px solid #D4DCE5;
		padding:40px 40px 30px 40px;
		border-radius: var(--custom-border-radius);
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	}
	
	.projects_anker{
		padding: 18px 20px;
		text-decoration: none;
		color: #707070;
		font-size: 16px;
		cursor: pointer;
		font-weight: 500; 
		transition: all .3s linear; 
	}
	
	.swiper-plan-images{
		height: 440px;
		display: block;
		background-size: contain !important;
		background-position: center !important;
		border-radius: 10px;
		background-repeat: no-repeat !important; 
	}
 
}

@media (max-width: 992px) {
 
	.projects_big_images_slide{
		height:350px !important;
		background-size: contain !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
	}

	.projects_area{
		border:1px solid #D4DCE5;
		padding:15px;
		border-radius: var(--custom-border-radius);
		box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
	}
	
    .projects_anker {
		padding: 12px 0px;
		text-decoration: none;
		color: #707070;
		font-size: 16px;
		cursor: pointer;
		font-weight: 500; 
		transition: all .3s linear; 
        flex: 0 0 50%; 
		text-align:center;
    }
	
	.swiper-plan-images{
		height: 300px;
		display: block;
		background-size: contain !important;
		background-position: center !important;
		border-radius: 10px;
		background-repeat: no-repeat !important; 
	}
	
}

.swiper-plan-btn{
	position: absolute;
    cursor: pointer;
    top: 45%;
    border-radius: 50% !important;
    background: #fff !important;
    height: 40px;
    width: 40px;
    padding: 7px;
    padding-left: 10px;
    z-index: 99;
	border: 1px solid #d4dce5;
}



.services_img{
	width:100%;
	border-radius: 15px;
	margin-bottom: 15px;
}

.services-props{
	padding: 20px;
    border: 2px solid #ececec !important;
    border-radius: 15px;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
}

.services-props-name{
	font-size: 28px;
	margin-top: 10px;
    margin-bottom: 20px;
    display: block;
}

.services-props__item {
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
}

.services-props__item::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 1;
    height: 3px;
    width: 100%;
    background: url(/local/templates/.default/images/dott.png) 0 0 repeat-x;
}


.services-props__item .name {
    position: relative;
    z-index: 2;
    color: #8C8C8C;
    background: #fff;
    padding-right: 5px;
    white-space: nowrap;
}

.services-props__item .val {
    position: relative;
    z-index: 2;
    color: #333;
    background: #fff;
    padding-left: 5px; 
    text-align: right;
	font-weight: 600;
}

.services-props__item + .services-props__item {
    margin-top: 10px;
}



.sbtn {
	background:linear-gradient(var(--color-brand), var(--color-brand2));
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff !important;
	padding: 13px 20px;
    border: 1px solid #fff;
    outline: none;
    border-radius: 10px;
    transition: 1s;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
}

.sbtn:hover{
	background: #fff;
    color: #065a85 !important; 
	 border: 1px solid var(--color-brand)
}
/* End */


/* Start:/local/components/main/send.form/templates/statics.v2/style.css?17817709632107*/
.form-statics-v2{
	background: #F6F6F6;
    padding: 20px;
    border-radius: var(--custom-border-radius);
}
  
.btn-statics-v2 {
	background:linear-gradient(var(--color-brand), var(--color-brand2));
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color: #fff !important;
	padding: 13px  0px;
	border: 1px solid #fff;
	outline: none; 
	border-radius: 10px; 
	transition: 1s; 
	cursor:pointer;
	text-decoration:none;
	display:block;
}

.btn-statics-v2:hover{
	background: #fff;
    color: #065a85 !important; 
	 border: 1px solid var(--color-brand)
}

.form-control-statics-v2 {
  position: relative;
}

.form-control-statics-v2 input,
.form-control-statics-v2 textarea{ 
    width: 100% !important; 
    font-size: 16px;
    color: #000;
    margin-top: 7px;
    margin-bottom: 5px;
    border: 1px solid #e8e7e7;
    padding: 17px 13px 10px 13px;
    border-radius: 10px;
    outline: none;
    background: #ffff;
}

.form-control-statics-v2 input:focus ~ label,
.form-control-statics-v2 input:not(:placeholder-shown) ~ label,
.form-control-statics-v2 textarea:focus ~ label,
.form-control-statics-v2 textarea:not(:placeholder-shown) ~ label{
	top: -14px;
	left: -12px;
	font-size: 12px;
}

.form-control-statics-v2 input:focus,
.form-control-statics-v2 input:not(:placeholder-shown),
.form-control-statics-v2 textarea:focus,
.form-control-statics-v2 textarea:not(:placeholder-shown){
   
}
 
.form-control-statics-v2 label {
  position: absolute;
  top:0;
  left: 0;
  padding: 0px 6px;
  margin: 22px 34px;
  font-size: 15px;
  color: #000;
  pointer-events: none;
  transition: .5s;
}
 
 
.form-control-statics-v2-manager{
	display: flex;
	padding-top: 18px;
}

.form-control-statics-v2-manager-img{
	display: inline-block;
    width: 70px;
    height: 70px;
    background-size: cover !important;
    background-position: top !important;
    border-radius: 50%;
}

.form-control-statics-v2-manager-info{
	margin-left: 15px;
}

.form-control-statics-v2-manager-name{
	display: block;
    font-weight: 600;
}

.form-control-statics-v2-manager-phone{
	color: #000;
    text-decoration: none;
}
/* End */


/* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17817709752530*/
.bx-pagination{margin:10px 0}.bx-pagination .bx-pagination-container{text-align:center;position:relative}.bx-pagination .bx-pagination-container ul{padding:0;margin:0;list-style:none;display:inline-block}.bx-pagination .bx-pagination-container ul li{display:inline-block;margin:0 2px 15px 2px}.bx-pagination .bx-pagination-container ul li span{-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease;-o-transition:color .3s ease,background-color .3s ease,border-color .3s ease;transition:color .3s ease,background-color .3s ease,border-color .3s ease;background:#eff0f1;padding:0 8px;display:block;height:32px;min-width:32px;line-height:32px;color:#444;font-size:14px;border-radius:16px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-pagination .bx-pagination-container ul li a{text-decoration:none;display:block;border-radius:16px;height:32px;min-width:32px;line-height:32px;color:#444;vertical-align:middle}.bx-pagination .bx-pagination-container ul li a:hover span{background:#dadada}.bx-pagination .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a span{background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px;color:#444}.bx-pagination .bx-pagination-container ul li.bx-pag-all span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,.bx-pagination .bx-pagination-container ul li.bx-pag-next span{color:#aab1b4;background:#fff;border:2px solid #eff0f1;line-height:28px;padding:0 18px}.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span{background:#fff;border-color:#dadada;color:#000}.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{background:#3bc915;color:#fff}.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{background:#f9a91d;color:#fff}.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{background:#e22b2b;color:#fff}.bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{background:#0083d1;color:#fff}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/services/style.css?17817709623943*/

@media (min-width: 992px){

	.services_card{
		height:500px;
		display:block;
		background-position: center !important;
		background-size: cover !important;
		position: relative;
		border-radius: var(--custom-border-radius);
		overflow: hidden;
		transition: 0.5s;
	}
	
	.services_card_name{
		color: #ffffff;
        font-size: 24px !important;
        text-align: left;
        font-weight: 500;
        height: 77px;
        line-height: 26px;
        overflow: hidden;
        text-decoration: none;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        transition: 0.5s;
	} 

	.services_card:hover::after {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
	}
	
	.services_card_description{
		color: #ffffffab;
		font-size: 14px !important;
		text-align: left;
		font-weight: 400;
		line-height: 16px;
		height: 0px;
		overflow: hidden;
		max-height: 64px;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		opacity: 0;
		transition: 0.5s;
	}
 
	/*
	
	
	

	.services_card:hover .services_card_btn{ 
		opacity: 1 !important;
	}
	*/
	.services_card:hover .services_card_name{ 
		margin-bottom: 20px;
	}
	.services_card:hover .services_card_description{ 
		opacity: 1 !important;
		height: 86px !important;
	}
}

@media (max-width: 992px){
	
	.services_card{
		height:400px;
		display:block;
		background-position: center !important;
		background-size: cover !important;
		position: relative;
		border-radius: var(--custom-border-radius);
		overflow: hidden;
		transition: 0.5s;
	}
	
	
	.services_card_name{
		color: #ffffff;
		font-size: 24px !important;
		text-align: left;
		font-weight: 500;
		height: 80px;
		line-height: 26px;
		margin-bottom: 20px;
		overflow: hidden;
		text-decoration: none; 
		text-overflow: ellipsis;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		transition: 0.5s;
	} 
	
	.services_card_description{
		color: #ffffffab;
		font-size: 14px !important;
		text-align: left;
		font-weight: 400;
		line-height: 16px;
		height: 86px;
		overflow: hidden;
		max-height: 64px;
		text-overflow: ellipsis;
		-webkit-line-clamp: 4;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		/*opacity: 0;*/
		transition: 0.5s;
	}
	
}
 
 
.services_card::after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 14%;
    bottom: 0%; 
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .7) 100%);
}
 
/*  
.services_card:hover{ 
	transform: translateY(-5px);
}
*/ 

.services_card_body{
    position: absolute;
    left: 15px; 
    padding: 20px;
    bottom: 20px;
    right: 15px;
    z-index: 5;
    backdrop-filter: blur(10px);
    border-radius: var(--custom-border-radius);
    box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}

.services_card_link{
    position: absolute;
    top: 15px;
    right: 13px;
    font-size: 20px;
    color: #fff; 
    width: 50px;
    height: 50px;
    border-radius: 25%;
    text-align: center;
    line-height: 49px;
	box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}

.services_card_link i{
	transform: rotate(320deg);
}





 
/*
.services_card_btn{
	position: absolute;
    background: linear-gradient(var(--color-brand), var(--color-brand2));
    color: #fff;
    bottom: 15px;
    text-align: center;
    padding: 6px 25px;
    border-radius: 5px;
    z-index: 5;
    font-size: 15px;
    left: 4%;
	opacity: 0;
	transition: 0.5s;
}
*/

.services_card_all{ 
    background: linear-gradient(var(--color-brand), var(--color-brand2));
	color: #fff;
    text-align: center;
    padding: 9px 25px;
    border-radius: 5px;
    font-size: 15px;
    transition: 0.5s;
    text-decoration: none;

}

 
 
/* End */
/* /local/templates/.default/components/bitrix/news/services/bitrix/news.detail/.default/style.css?17817709624021 */
/* /local/components/main/send.form/templates/statics.v2/style.css?17817709632107 */
/* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.min.css?17817709752530 */
/* /local/templates/.default/components/bitrix/news.list/services/style.css?17817709623943 */
