/* CSS Document */
@font-face {
    font-family: 'Akrobat Regular'; /*  Гарнитура шрифта */
    src: url('fonts/Akrobat-Regular.otf') format('opentype'); } 
html, body {padding:0; margin:0; min-height: 100%; 
            background: linear-gradient(to bottom, #e3c39a, #e7cba6); }     
* { -webkit-tap-highlight-color: transparent; }
/* -------------------- Слайдер -----------------------------*/
    *,
    *::before,
    *::after { box-sizing: border-box; }

.slider__wrapper { overflow: hidden; width:100%;  }
.slider{position:relative}
.slider__container{overflow:hidden}
.slider__items{display:flex; transition:transform .5s ease; justify-content: space-around;}
.slider_disable-transition{transition:none}
.slider__item{flex:0 0 100%; /*max-width:100%; */user-select:none}
.slider__control{position:absolute; top:50%;
    display:flex; align-items:center; justify-content:center; 
    width:40px; height:50px; color:white; text-align:center; 
    transform:translateY(-50%); background:#a24e00; opacity: 0.8;}
.slider__control_hide{display:none}
.slider__control[data-slide=prev]{left:0}
.slider__control[data-slide=next]{right:0}
.slider__control:focus,
.slider__control:hover{color:#fff; text-decoration:none; outline:0;
    opacity: 1;background:#5c3f1e;}
.slider__control::before{content:''; display:inline-block; 
    width:40px; height:50px; background:transparent no-repeat center center; }
.slider__item::before {/* content: counter(slide) "/4"; */
    position: absolute;  top: 10px; right: 20px; color: #fff;
    font-style: italic; font-size: 32px; /*font-weight: bold;*/  display: block; }
/*.slider__item img { max-width: 100%; }*/
    
.slider__control[data-slide=prev]::before {background-image:url("promo/left-arrow-w-21.png")}
.slider__control[data-slide=next]::before {background-image:url("promo/right-arrow-w-21.png")}

/* --------------------Лента промо-------------------------- */
   
div.image-promo { padding: 0; margin: 10px; vertical-align: middle; }    
   
img.icons-w6 {width:6px;}
img.icons-w10 {width:10px;}
img.icons-w16 {width:16px;}
img.icons {width:24px; vertical-align:middle;}
img.icons-w63 {width:63px;}
img.icons-w20 {width:20px; vertical-align:middle;}

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary { display:inline-block; cursor: pointer; }
/*summary:after { content: url(/promo/mark-blue-20.png); margin-left: .3em;
      margin-top: .3em; display: inline-block; transition: transform .5s; } */
summary::after { content: "Читать далее... "; margin-left: .3em;
      margin-top: .3em; display: inline-block; transition: transform .5s; 
      font: calc(0.9rem + 0.1vw) Akrobat Regular; color:white;}      
/*details[open] > summary:after { transform: scale(1,-1); }*/

summary:focus { outline:0; }
/*details[open] summary ~ *{ animation: sweep .5s ease-in-out; }*/
details[open] summary::after {  content: "Скрыть ";}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;} }

details > summary { font: calc(1.1rem + 0.1vw) Akrobat Regular; 
     color:#2c1b0c; text-align:justify; /*font-weight:100;*/ margin: 10px; }

details > p { font: calc(1rem + 0.1vw) Akrobat Regular; 
     color:#2c1b0c; text-align:justify;  /*font-weight:100;*/ margin: 10px; }

.text_details {font: calc(1rem + 0.1vw) Akrobat Regular; 
     color:#2c1b0c; text-align:justify;  /*font-weight:100;*/ margin: 10px 0 0 0;}
     
.promo_arhiv { margin: 0 auto; max-width: 100%;}
   
.slider_promo {width: 90%; margin: 0 auto;}    
   
.slider_promo .slider__item { flex: 0 0 25%; /* max-width: 25%;*/
      position: relative;  counter-increment: slide; } 

.slider__control_promo{ top:50%; }        

img.foto_promo {display:block; width:24.5rem;}   

/* --------------------Лента галерея--------------------------- */

div.image-gallery { padding: 0; margin: 20px; box-sizing: border-box; 
    display: flex; }

.gallery { max-width: 100%; margin: 0; } 
   
.slider_gallery .slider__item { flex: 0 0 50%;  max-width: 50%;
      position: relative;  counter-increment: slide; }      

img.foto_gallery {display:block} 

/* ------------------mobile---------*/

@media (max-width: 768px) {

html, body {  /* Убирает прокрутку по горизонтале, для мобильной версии */
    overflow-x: hidden; }

/* slider-promo */
div.image-promo { margin: 10px auto; }
img.foto_promo {width: 80vmin; margin: 0 auto;}
details {width: 90vmin;} 
         

}

@media (max-width: 480px) {}
@media (max-width: 320px) {}          


}