@font-face {  
    font-family: 'Arimo'; 
    src: url('fonts/Arimo.tt') format('truetype'); }

html, body {padding:0; margin:0; min-height: 100%; 
            background: radial-gradient(at 0% 30%, #bac7cf 50%, #8f979b 50% 75%); 
            }

a:link{color:#5e90ab;}
a:visited{color:#fff;} 
a:hover{color:#ff7b2d;}      
    
/* -------------------- Слайдер -----------------------------*/
    *,
    *::before,
    *::after { box-sizing: border-box; }

.slider__wrapper { overflow: hidden; }
.slider{position:relative}
.slider__container{overflow:hidden}
.slider__items{display:flex; transition:transform .5s ease}
.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:#3c6b87; 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;}
.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-menu { padding: 0; margin: 20px; box-sizing: border-box; 
    display: flex;}

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

img.menu_size {width:35rem; margin-left: auto; margin-right: auto; display:block} 

div.menu_fon {position: relative;display:inline-block; margin: auto auto;} 
.menu-overlay { position: absolute; top:20%; left:50%;
               transform: translate(-50%, -55%); color:white; } 

.menu_load {font: calc(1rem + 0.5vw) Arimo; position: relative;
     color:#26495b; text-align:center;  font-weight:600; margin-top: 300px; line-height:1.5;
     } 
          
/* ------------------mobile---------*/

@media (max-width: 768px) {

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

/* slider-menu */
.slider_menu .slider__item { flex: 0 0 100%;  max-width: 100%; }
img.menu_size {width: 90vmin;}
         

}

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


}