

/* Start:/bitrix/templates/akrilsib/components/bitrix/main.feedback/request_price/style.css?17885482461019*/
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-window {
  background: #fff;
  padding: 20px;
  max-width: 600px;
  width: 100%;
  border-radius: 8px;
  position: relative;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 24px;
  background: none !important;
  border: 0;
}

.mf-ok {
  padding: 12px 14px; 
  border-radius: 6px; 
  background: #f0fff0; 
  border: 1px solid #b6e3b6; 
  color: #225522;
}
.mf-error {
  padding: 12px 14px; 
  border-radius: 6px; 
  background: #fff0f0; 
  border: 1px solid #f0b6b6; 
  color: #772222;
}

.personal-data-consent {
    margin-top: 15px;
    margin-bottom: 20px;
}

.personal-data-consent .custom-control-label {
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
}

.personal-data-consent .custom-control-label a {
    text-decoration: underline;
}

/* End */


/* Start:/bitrix/templates/akrilsib/template_styles.css?17652175996430*/
.content-lines, .content-lines-inner {
  border-left: none !important;
  border-right: none !important;
}

.breadcrumb-area {
    width: 100%;
}

section.breadcrumb-area + .container {
    padding: 40px;
}

section.breadcrumb-area + .container ul {
    margin-bottom: 15px;
}

section.breadcrumb-area + .container ul li {
    list-style: disc !important;
    margin-left: 25px;
}

@media screen and (min-width: 951px) {
    .s-single-services .services-icon {
      width: 30% !important;
    }
}

@media screen and (max-width: 950px) {
    .upper_contacts {
      display: none !important;
    }
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal-window {
  background: #fff;
  padding: 20px;
  max-width: 600px;
  width: 100%;
  border-radius: 8px;
  position: relative;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 24px;
  background: none !important;
  border: 0;
}

.mf-ok {
  padding: 12px 14px; 
  border-radius: 6px; 
  background: #f0fff0; 
  border: 1px solid #b6e3b6; 
  color: #225522;
}
.mf-error {
  padding: 12px 14px; 
  border-radius: 6px; 
  background: #fff0f0; 
  border: 1px solid #f0b6b6; 
  color: #772222;
}


@media screen and (max-width: 950px) {
    .copyright-wrap .col-lg-4.text-left, .copyright-wrap .col-lg-4.text-right {
      text-align: center !important;
    }
}

.details__content-img iframe {
    max-width: 720px;
}
    @media screen and (max-width: 950px) {
        .details__content-img iframe {
          max-width: 100% !important;
        }
    }
    
@media screen and (max-width: 950px) {
  .steps-area {
    padding-top: 175px !important;
  }
 
}

#home .slick-slide {
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2) inset;
}
.slick-slide h1 {
  font-size: 42px !important;
}
.slick-slide p {
  font-size: 20px !important;
}

@media (max-width: 951px){
    .galler-outer {
      margin-left: 0 !important;
    }
}



.mobile-phone__btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 12px;
    border-radius:9999px;
    color:#fff;
    font-weight:600;
    line-height:1;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease, opacity .2s ease;
    -webkit-tap-highlight-color:transparent;
}
.mobile-phone__btn:active{ transform:translateY(1px); }

.mobile-phone__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background: #27AE60;
    width:34px;
    height:34px;
    border-radius:50%;
    flex:0 0 34px;
}

.mobile-phone__text{
    font-size:14px;
    white-space:nowrap;
}

@media (min-width: 951px){
    .mobile-phone__btn{ display:none; }
}

#header-sticky{ padding:6px 0; }

@media (max-width: 950px){
  .logo img{ height:70px !important; width: auto !important; }
  .mobile-header-row{ margin:0; }
  .mobile-phone__btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 10px;
    border-radius:9999px;
    color:#fff; font-weight:600; line-height:1;
    text-decoration:none;
    transition:transform .15s ease, box-shadow .15s ease;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-phone__btn:active{ transform:translateY(1px); }
  .mobile-phone__icon{ width:28px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#27AE60; }

  .mobile-phone__text{ font-size:13px; white-space:nowrap; }
  
    @media (max-width: 400px){
        .mobile-phone__text{ font-size: clamp(12px, 3.6vw, 12px); }
        .mobile-phone__btn{ padding:6px 0px; }
    }

  .mobile-menu-inline{ display:flex; align-items:center; justify-content:flex-end; }
  .mobile-menu-inline .meanmenu-reveal,
  .mobile-menu-inline .slicknav_btn{
    position:static !important;
    margin:0 !important;
  }
  .mobile-menu-inline .meanmenu-reveal span{ top:0 !important; }
}




@media (max-width: 991.98px){
  #steps h3 { font-size: 26px; }
  #steps .pl-60{ padding-left: 15px !important; padding-right: 15px; }
}

@media (max-width: 400px){

    #steps ul{ margin:0; padding:0; list-style:none; }
    #steps .step-box{
      display:flex;
      align-items:flex-start;
      gap:12px;
    }
    #steps .step-box .dnumber{ 
      flex:0 0 36px;
    }
    #steps .step-box .date-box{
      width:36px; height:36px; 
      display:flex; align-items:center; justify-content:center;
    }
    #steps .step-box .text{
      flex:1 1 auto;
      min-width:0;
      overflow-wrap:anywhere; 
      word-break:normal;
    }
    
    @media (max-width: 400px){
      #steps .text h3{ font-size: clamp(16px, 4.6vw, 20px); margin-bottom:6px; }
      #steps .text p { font-size: clamp(14px, 4vw, 16px);  margin-bottom:10px; }
    }
    
    .step-box .date-box::before {
      width: 40px !important;
      height: 40px !important;
      left: -10px !important;
      top: 5px !important;
    }
    
    #steps .step-img img{ max-width:100%; height:auto; display:block; }

}


:root{ --header-height: 56px; }

@media (max-width: 951px){
  .mobile-menu-inline{ display:flex; align-items:center; justify-content:flex-end; }

  .mobile-menu-inline .mean-nav,
  .mobile-menu-inline .slicknav_nav{
    position: fixed !important;
    top: var(--header-height);
    left: 0;
    right: 0;
    width: 100vw !important;
    max-height: calc(100vh - var(--header-height));
    overflow: auto;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,.18);
    z-index: 9999;
  }

  .mobile-menu-inline .mean-bar,
  .mobile-menu-inline .slicknav_menu{
    position: static !important;
    width: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mobile-menu-inline .slicknav_nav a,
  .mobile-menu-inline .mean-nav ul li a{
    display: block;
    padding: 12px 18px;
    font-size: 16px;
    line-height: 1.2;
    white-space: normal;
  }
  .mobile-menu-inline .slicknav_nav li,
  .mobile-menu-inline .mean-nav ul li{
    border-bottom: 1px solid rgba(0,0,0,.06);
  }

  .mobile-menu-inline .slicknav_btn,
  .mobile-menu-inline .meanmenu-reveal{
    position: static !important;
    margin: 0 !important;
  }
}

.header-area, #header-sticky, .menu-area, .container{ overflow: visible; }

@media (max-width: 950px){
    #scrollUp {display: none !important;}
}
/* End */
/* /bitrix/templates/akrilsib/components/bitrix/main.feedback/request_price/style.css?17885482461019 */
/* /bitrix/templates/akrilsib/template_styles.css?17652175996430 */
