// Spoiler styles

$img-marker: 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=';

details {
  position: relative;
  margin-bottom: .5rem;
  min-height: 1rem;
  max-height: 3rem;
  transition: min-height .15s linear, max-height .5s linear;
  -webkit-transition: min-height .15s linear, max-height .5s linear;
  will-change: max-height;
  overflow: hidden;

  // summary
  summary {
    
    // remove default marker
    &::-webkit-details-marker { display: none; }
    &::-moz-list-bullet { list-style-type: none; }
    
    // content-fit width
    display: inline-block;
    
    // space for custom marker
    padding-left: 1.5em;

    // aux
    cursor: pointer;
    outline: 0;
    transition: color .12s;  
    -webkit-transition: color .12s;
    
    // border
    span { border-bottom: 1px currentColor dotted; }
    
    // custom marker
    &::before {
      content: "";
      left: 0;
      top: .4em;
      position: absolute;
      background: url($img-marker) no-repeat 50% 50% / 1em 1em;
      width: 1em;
      height: 1em;
      transition: transform .1s linear;
      -webkit-transition: transform .1s linear;
    }

    // hover
    &:hover { color: #d06c6c; }
    
    // content of spoiler
    & ~ * {
      padding-left: 1.5em;
      opacity: 0;
      transition: opacity .15s linear;
      -webkit-transition: opacity .15s linear;
    }
    
  }

  // opened spoiler
  &[open] {
    min-height: 2em;
    max-height: 20em;
    summary {
      color: #d06c6c;
      
      // show details content
      & ~ * {  opacity: 1; }
      
      // rotate custom marker
      &:before {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
       }
    }
  }

}

// fix for ie & edge
@mixin ie_fix() {
  details {
    max-height: none;
    summary {

      & ~ * {
        max-height: 0;
        overflow: hidden;
        position: absolute;
      }

      &:focus {
        color: #d06c6c;

        &::before { 
          transform: rotate(90deg);
          -ms-transform: rotate(90deg);
         }

        & ~ * {
          max-height: 20em;
          position: static;
          opacity: 1;
        }

      }

    }
  }
}

// IE 10-11
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  @include ie_fix();
}


// Edge
@supports (-ms-ime-align:auto) {
  @include ie_fix();
}

p {
  img {
    float: left;
    width: 3.25rem;
    margin: .25rem .5rem .25rem 0;
    opacity: .75;
  }
}

#report details{font-size: 27px;padding-top: 15px;padding-bottom: 15px;border-bottom: 1px solid #15355447;}
#report details p{font-size: 18px;padding: 15px;}
summary::marker{color: #2ca86c}
.why-block img{max-width: 170px;margin: auto;}
.check-doc1 .check1 .why-block img{    max-width: 160px;}
.why-block {margin: auto;text-align: center;    margin-top: 20px;}

details[open] {
  animation: slide .3s ease-in-out;
}

@keyframes slide {
  0%    { opacity: 0; transform:  translate(0, -10px); }
  100%  { opacity: 1; transform:  translate(0, 0); }
}

.fade-in-up-text {
    opacity: 0; /* Устанавливаем начальную непрозрачность в 0 */
    transform: translateY(-20px); /* Сдвигаем элемент вверх на 20px */
    animation: fadeInUp 1s ease-in-out forwards; /* Анимация с постепенным увеличением непрозрачности и сдвигом вниз */
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


.fade-in-down-text {
    opacity: 0; /* Устанавливаем начальную непрозрачность в 0 */
    transform: translateY(20px); /* Сдвигаем элемент вниз на 20px */
    animation: fadeInDown 1s ease-in-out forwards; /* Анимация с постепенным увеличением непрозрачности и сдвигом вверх */
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.check-doc1 .check__item-inner{background-color: #ffffff00;border: 1px solid #cdad7d;}
.bihui-blue{color:#0097a3! important;}
.bihui-red{color:#ff0000! important;}
.announce .price-box-item{font-size: 25px;}
.mail-foot{color: white; font-size: 36px;}
.mail-foot:hover{color: white;}
.descriptions{margin-top: 50px; margin-bottom: 70px;}
.bihui-col{color: #0097a3;}

.header__description img, .header__description1 img{max-width: 30px;}
.mob{display:none;}
.btn-dlt{background: #ff0000;border-bottom: 1px solid #b30000;}
.heading.ttle{margin-bottom: 60px; margin-top: 20px;}
.heading.ttle span{text-align: center; text-transform: uppercase; color: #0097a3; font-weight: 600;}
.announce .heading span{font-size: 46px; color: #000000; font-weight: 600; font-family: inherit;}
@media screen and (max-width: 768px)
 {
  .contacts__info .col-lg-7.col-md-12{padding-left: 0px; padding-right: 0px;}
    .bg1 {background: url(../images/bg/2.png) no-repeat center/cover;}
  .check-doc1 {background: url(../images/bg/1.png);background-size: cover;}
  #check1 .check__content h2 {font-size: 28px;line-height: 33px;max-width: 350px;background: #0000007d;}
  .mob{display:block;}.pc{display:none;}
  .footer__logo img{max-width: 30%;}
  .contacts {padding: 0px 0 0px;}
  .contacts .heading span {font-size: 22px;}
  .header__logo{width: 40%;}
  .header__description {display:none;}
  .check-doc1 .check__container{padding-top: 100px;padding-bottom: 100px;}
  .header__icon{display:none;}
  #check1 .check__item-inner{background-size: 35%;padding: 25px;margin: 15px;    height: auto;}
  .check .heading{text-align: center;}
  .announce .heading span{font-size: 30px;}
  .bigform__prebutton{    font-size: 30px;}
  .check1 .heading {line-height: 30px;font-size: 28px;}
  .check-doc1 h3{font-size: 33px;}
  .check-doc1 .check__item-inner p {font-size: 22px;}
  .header__contacts {width: 50%;}
  .announce .bg1__controls{margin-bottom: 60px; margin-top: 20px;}
  .check2 .heading {line-height: 30px;font-size: 28px;}
  .check-doc2 .check__items h3{font-size: 30px;}
  .check-doc2 .check__item-inner p {font-size: 22px;}
  .check-doc2 .check__item-inner{padding: 25px;margin: 15px;}
  .check-doc2 .check__item-inner {height: auto;}
  .row.getsrv__row .col-lg-7.col-md-12{display: none;}
  .mob-bg1{display: none;}
  .bigform__logos1 {margin-top: 0px;}
  .bg1__content h1 {line-height: inherit;letter-spacing: normal;}
  .card table{width: 100%! important;}
  .card table td{width: 50%! important;}
  
}

@media screen and (max-width: 574px){
.bg1 .swiper__arr-prev {
   left: 0px! important;

}


.bg1 .swiper__arr-next {
      right: 0px! important;
    left: auto;
}

.bg1 .swiper__arr{    margin-top: 170px;
background: #4ea96359;}


}