/*modal-cookie*/
.cookie_modal {
    position: fixed; 
    width: 100%;
    z-index: 101;
    bottom: 0px;
}
.cookie_modal > div {
    max-width: 98%;
    padding: 15px 30px 15px 15px; 
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto!important;
    background-color: transparent;
    font-size: 14px;
    position: relative;
}
.cookie_modal::after {
  background-color: rgba(232, 232, 232, 0.7);
  position: absolute;
  content: "";
  inset: 0px;
  backdrop-filter: blur(32px);
  pointer-events: none;
  z-index: -1;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media screen and (max-width: 767px)
{ 
    .cookie_modal > div {flex-wrap: wrap;}
    .cookie_modal .btn_wrapper {flex-grow: 1; margin-top: 10px;}
}




h1.styled.white, h2.styled.white {color: #FFF!important;}

/*Слайдер - о компании*/
.slider_about {padding-bottom: 30px;}
.slider_about .item {
    padding: 3px;
    text-align: center;
    height: 200px;
    border: 1px solid #ececec;
    
    margin: 0 10px 10px 0;
    overflow: hidden;
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.slider_about .item .img {height: 100%;}
.slider_about .item img {height: 100%; width: auto;} 



/*Услуги*/
.uslugi .item {padding: 15px 0; border-bottom: 1px solid #eaeaea; position: relative;}
.uslugi .img {padding-right: 25px;}
.uslugi .name a {font-weight: 600;}
.uslugi .anons {font-size: 1rem;}
.uslugi .anons p {padding: 5px 0;}

.uslugi .sub_items .sub_item {flex: 0 0 33.3%}
.uslugi .sub_items .sub_item a, .uslugi .sub_items .sub_item {
    line-height: 1.5; color: #002a5a; 
    font-size: 0.85rem; text-transform: uppercase;
}
.uslugi .sub_items .sub_item a:hover {color: #ff8900;}

/*Слайдер*/
.slider .price {
    font-weight: 800; color: #ff8900; font-size: 1.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
}
.slider ul.styled li::before{
    background-color: #FFF;
    content: '';
    position: absolute;
    border-radius: 0;
    top: 16.5px;
    width: 4px;
    height: 4px;
}
.slider .digit {color: #ff8900}
.slider .color {color: #ff8900; font-weight: 600;}

/*Карта*/
.map_form .btn {width: 100%;}
.map_form .phone_container .phone {font-size: 1.1rem!important; font-weight: 500!important;}
.map_form .phone_container .phone a {text-decoration: none;}
.map_form h2.styled {margin-bottom: 10px;}
.map_form .address {font-size: 1rem;}

/*Форма*/
.main_form_wrapper {background: url(/pics/bg/form.jpg) no-repeat; background-size: cover; position: relative;}
.main_form_container {background: url(/pics/bg/form_name.png) right 10% top 10% no-repeat; background-size: 60%;}
.main_form .descr {font-size: 1.2rem; font-weight: 500;}
.main_form .descr .discount {font-weight: 800; color: #fff600; font-size: 1.6rem;}
.main_form a {color: #FFF}


/*Отзывы*/
.reviews_container {
  background: url(/pics/bg/reviews.jpg) right 10% top 70px no-repeat;
  background-size: auto;
  background-size: 65%;
}
.reviews {padding-bottom: 30px; margin-left: -15px;}

.reviews .item {
    width: 570px; 
    height: 300px;
    margin: 30px 15px;
    background-color: #FFF
}
.reviews .item_content {box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); height: 100%;}
.reviews .letter {
    margin-right: 10px; color: #FFF; background-color: #8585cc; 
    border-radius: 50%; width: 36px; height: 36px; text-align: center; line-height: 32px; vertical-align: middle;
}
.reviews .owl-stage .owl-item:nth-child(2n) .letter {background-color: #b37db3;} 
.reviews .owl-stage .owl-item:nth-child(3n) .letter {background-color: #5798d9;} 
.reviews .owl-stage .owl-item:nth-child(4n) .letter {background-color: #50c0e6;} 
.reviews .descr_container {padding: 30px; overflow: hidden; height: 240px;}
.reviews .date_star {margin-top: 10px;}
.reviews .date {color: #a8abb7; font-size: 0.8rem; padding-left: 10px;}
.reviews .star img {height: 12px; margin-top: -8px; display: inline-block; vertical-align: middle; line-height: 12px;}
.reviews .text {
    font-size: 0.95rem;
    display: -webkit-box !important;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 8rem;
}
.reviews .source {text-align: right; color: #a8abb7; font-size: 0.8rem; padding: 0 30px;} 


/*Преимущества*/
.advantage_wrapper {
  background: url(/pics/bg/advantage.jpg) center 10px no-repeat;
  background-size: auto;
  background-size: 98%;
}
.advantage_wrapper .owl-theme .owl-nav button.owl-prev, .advantage_wrapper .owl-theme .owl-nav button.owl-next {margin-top: -40px !important;}


/*Логотипы*/
.logos_container {background-color: #f2f2f2;}
.slider_logos .item {box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.1);}

/*Популярные услуги*/
.popular_wrapper {background: url(/pics/bg/popular.jpg) no-repeat; background-size: cover;}
.popular_container {background: url(/pics/bg/popular_name.png) center 10px no-repeat; background-size: 80%;}
.popular {padding-bottom: 30px;}
.popular .item {
    border-radius: 3px; 
    width: 270px; padding: 30px 0; height: 250px; margin: 0 20px 20px 0; flex: 0 0 300px;
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 1);
    background: #FFF url(/pics/bg/popular_item.jpg) right bottom no-repeat;
}
.popular .item .name {
    font-weight: 600; padding: 0 30px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}
.popular .item .hr {border-top: 1px solid #f2f2f2;}
.popular .item .price {padding: 0 30px;}
.popular .item .price small {padding-right: 20px;}
.popular .item .price .val {color: #ff4f01; font-weight: 600; font-size: 1.4rem;}
.popular .item .price img {padding-left: 7px;}
.popular .item .action {padding: 0 30px;} 
.popular .item .action .btn {width: 100%;}

.popular_wrapper .all_price {color: #FFF; font-size: 1rem;}

/*header*/
header .logo {padding: 10px 0;}
header .header_content_container {
    background: url(/pics/bg/header.jpg) no-repeat;
    background-size: 85% auto;
    background-position: right 0 bottom 10px;
    margin:0 auto;
}
header .slogan {padding: 0 30px 0 15px; line-height: 1.5}
header .phone_container .phone, .map_form .phone_container .phone  {
  padding: 10px 0 5px 30px;
  background: url(/pics/project/phone.png) 0 11px no-repeat;
  font-weight: 600;
  font-size: 1.2rem;
}
header .address_container .address, .map_form .address_container .address {
  padding: 10px 0 10px 30px;
  background: url(/pics/project/address.png) 0 12px no-repeat;
}
header .callback {color: #00419a; display: inline-block; margin: 5px 0 5px 30px; font-size: 0.85rem;}
header .viber_whatsapp {padding-left: 30px;}


/*footer*/
footer .slogan {padding: 0 0 0 25px; line-height: 1.5; font-size: 0.95rem;}
footer .footer_content_container {
    background: url(/pics/bg/footer.png) no-repeat;
    background-size: 96%;
    background-position: left center;
}
footer .phone_container .phone {
  padding: 10px 0 5px 30px;
  background: url(/pics/project/phone_footer.png) 0 11px no-repeat;
}
footer .address_container .address {
  padding: 10px 0 10px 30px;
  background: url(/pics/project/address_footer.png) 0 12px no-repeat;
  font-size: 0.95rem;
}
footer .callback {color: #00419a; display: inline-block; font-size: 0.85rem;}
ul.footer_menu li:first-child{padding: 0px 20px 7px 20px;} 


@media screen and (min-width: 1400px){
    .slider_reviews.owl-theme .owl-nav button.owl-prev {left: -80px;}
    .slider_reviews.owl-theme .owl-nav button.owl-next {right: -60px;}
    
    .slider_popular.owl-theme .owl-nav button.owl-prev {left: -60px;}
    .slider_popular.owl-theme .owl-nav button.owl-next {right: -60px;}
    
    .uslugi_main_wrapper .bg {
          display: block;
          background: url(/pics/bg/bg2.png) no-repeat;
          bottom: 0;
          right: 0;
          width: 441px!important;
          height: 486px!important;
          position: absolute;
          z-index: 2;
          margin-bottom: -50px;
    } 

}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
    .advantage_wrapper {background-size: 70%;}   
    
    .uslugi_wrapper {background: url(/pics/bg/bg1.jpg) left 300px no-repeat;}
    .uslugi_main_wrapper {position: relative;}
    .uslugi_main_wrapper .bg {
          display: block;
          background: url(/pics/bg/bg2.png) no-repeat;
          bottom: 0;
          right: 0;
          background-size: cover;
          width: 300px;
          height: 330px;
          position: absolute;
          z-index: 2;
          margin-bottom: -50px;
    } 
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    header .header_content_container {background-size: 90%; background-position: center center;}    
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .uslugi .name a {margin-bottom: 10px; color: #FFF; display: block;}
    .uslugi .sub_items .sub_item {flex: 0 0 100%;}   
    .uslugi .btn {padding: 8px 16px 10px;} 
    .uslugi .item {background-size: cover !important; padding: 15px; margin-bottom: 10px;}
    .uslugi .sub_items .sub_item a, .uslugi .sub_items .sub_item {font-size: 0.85rem; color: #FFF; text-transform: none; line-height: 1.5}
    .uslugi .bg_shadow {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; z-index: 1;}
    .uslugi .descr_content {z-index: 2; position: relative;}
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .reviews {margin-left: -5px;}
    .reviews .item {padding: 10px; width: 90vw; margin: 0px 15px;}
}





@media screen and (min-width: 767px) {.uslugi .item {background: none!important;}}