/* Start:/local/templates/darkon_032021/components/bitrix/catalog.section.list/services/style.css?17938823106913*/
/*Articles custom*/
.custom_banner .background_block{height: 300px;background-size: cover;background-repeat: no-repeat;position: relative;background-attachment: fixed;}
.custom_banner .background_block.top{background-position: top}
.custom_banner .background_block.middle{background-position: center}
.custom_banner .background_block.bottom{background-position: bottom}
.custom_banner .background_block .background-color{width: 100%;height: 100%;background: rgba(255,255,255,0.5);}
.custom_banner .background_block .background-color .banner-content{text-align:center;width: 100%;position: absolute;top: 0px;bottom: 0px;margin: auto;display: table;padding: 20px 20px 20px 80px;}
.custom_banner .background_block .background-color .banner-content h1{padding-bottom: 10px;position:relative;display:inline-block;text-transform: uppercase;font-weight: 900;font-size: 62px;}
.custom_banner .background_block .background-color .banner-content p.description{padding-left: 10px;border-left: 3px solid #f36c00;position: relative;font-size: 16px;line-height: normal;}
.custom_banner .background_block .background-color .banner-content #form_pop_button{cursor:pointer;transition: 0.3s;background: rgba(45, 164, 17, 0.3);color: #fff;padding: 8px 30px;display: inline-block;border-radius: 30px;margin-top: 10px;font-size: 18px;font-weight: 300;border: 1px solid #2da411;-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3);}
.custom_banner .background_block .background-color .banner-content #form_pop_button:hover{background: rgba(45, 164, 17, 1);transform: translateY(5px);-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);}
.custom_banner .background_block .background-color .banner-content h1:after {content: '';width: 100%;position: absolute;height: 1px;border-bottom: 1px solid #fff;border-top: 1px solid #999;bottom: 0px;left: 0px;}

.custom_banner .uslugi_banner__block.background_block{height: 580px;}
.custom_banner .uslugi_banner__block .background-color{background: rgba(29, 33, 44, 0.5);}
.custom_banner .uslugi_banner__block .background-color .banner-content{padding: 20px;}
.custom_banner .uslugi_banner__block .background-color .banner-content h1{color: #fff;font-weight: 400;font-size: 64px;}
.custom_banner .uslugi_banner__block .background-color .banner-content h1:after{display: none;}
.custom_banner .uslugi_banner__block .background-color .banner-content #form_pop_button{background: linear-gradient(90deg, #8A7658 0%, #F2D18C 100%);color: #333;padding: 10px 50px;height: 55px;display: inline-flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 600;border: 0;}
.custom_banner .uslugi_banner__block .background-color .banner-content #form_pop_button:hover{background: linear-gradient(90deg, #8A7658 0%, #F2D18C 100%);transform: translateY(5px);}
@media (max-width: 576px) {
    .custom_banner .uslugi_banner__block.background_block{height: 36vh;}
    .custom_banner .uslugi_banner__block .background-color .banner-content h1{font-size: 32px;}
}

/*Форма*/
#popup_form .popuptitle{margin: 20px 0px;font-size: 20px;font-weight: 400;padding-left: 10px;border-left: 3px solid #dc4025;}
.fancybox-inner {height:auto !important;}
#contact-form.contact-form-popup label{min-height:70px; width: 100%; margin: 0px}
#contact-form.contact-form-popup  input[type="text"]{font-weight: 400 !important; padding: 6px 15px;border-top: 0px;border-left: 0px;border-right: 0px;background: transparent;color: #666 !important;border-bottom: 1px solid #eaeaea;}
#contact-form.contact-form-popup  input[type="text"]:focus{border-bottom: 1px solid #f36d01;}
#contact-form.contact-form-popup  input[type="text"]::placeholder{color: #cecece; border: 0px}
#contact-form.contact-form-popup  input:-webkit-autofill,
#contact-form.contact-form-popup  input:-webkit-autofill:hover,
#contact-form.contact-form-popup  input:-webkit-autofill:focus,
#contact-form.contact-form-popup  input:-webkit-autofill:active {-webkit-box-shadow: inset 0 0 0 50px rgb(249, 249, 249);
    -webkit-text-fill-color: #000;}
#contact-form.contact-form-popup .captcha.row input[type="text"]{border-bottom: 1px solid #999;}
#contact-form.contact-form-popup .captcha.row input[type="text"]:focus{border-bottom: 1px solid #f36d01;}
#contact-form.contact-form-popup .mf-captcha.custom{float: left;; margin-top: 25px;}
.btns.custom .btn.custom {padding: 10px 30px;font-size: 20px;text-transform: uppercase;}
#contact-form.contact-form-popup .btns.custom {margin-top: 62px;float: left;width: 100%;}
#contact-form.contact-form-popup .mf-captcha.custom p.title{color: #f58521;}
.bx-breadcrumb .bx-breadcrumb-item a {color: #f37005;}
.bx-breadcrumb .bx-breadcrumb-item a:hover{color:#222}


.table-serv.custom .srv-item{height: 300px;padding: 10px;margin-bottom: 20px;}
.table-serv.custom .srv-item .align{height: 90%;}
.table-serv.custom .srv-item .align .background-image{transition:0.4s;position:relative;height: 100%;background-size: cover;padding: 10px;}
.table-serv.custom .srv-item .align .background-image a.section_link{z-index:2;display: block;width: 100%;height: 100%;position: absolute;top: 0px;left: 0px}
.table-serv.custom .srv-item .align .background-image .overlay{background: rgba(255,255,255,0.8);position: relative;width: 100%;height: 100%;}
.table-serv.custom .srv-item .align .background-image .overlay .align-in{position: absolute;display: table;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;text-align: center;width: 100%;}
.table-serv.custom .srv-item .align .background-image .overlay .align-in p.icon{transition:0.4s;display: block;width: 50px;height: 50px;margin: auto;}
.table-serv.custom .srv-item .align .background-image .overlay .align-in p.icon i{width:100%}
.table-serv.custom .srv-item .align .background-image .overlay .align-in p.icon i svg{width: 100%;height:auto;}
.table-serv.custom .srv-item .align .background-image .overlay .align-in p.name{font-size: 22px;text-transform: uppercase;font-weight: 600;margin-top: 15px;}
.table-serv.custom .srv-item .align .background-image:hover{padding:0px}
.table-serv.custom .srv-item .align .background-image:hover .overlay .align-in p.icon{transform:translateY(-5px)}


.uslugi-page .table-serv.custom .srv-item{height: 265px;padding: 10px;}
@media(max-width: 375px){
    .uslugi-page .table-serv.custom .srv-item{height: 215px;}
}
@media(max-width: 326px){
    .uslugi-page .table-serv.custom .srv-item{height: 180px;}
}
.uslugi-page .table-serv.custom .srv-item .align .background-image .overlay{background: none;padding: 35px;}
.uslugi-page .table-serv.custom .srv-item .align .background-image:hover{padding:35px}
.uslugi-page .table-serv.custom.row {
    justify-content: center;
}
/* End */
/* /local/templates/darkon_032021/components/bitrix/catalog.section.list/services/style.css?17938823106913 */