.glavnaya_stranica {display:flex; width:100%; height:auto; margin-top:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}
.name_bloki {display:flex; font-size:large; width:calc(100% - 20px); height:60px; margin-top:10px; margin-bottom:0px; border-radius:12px; /* background:#2b3034; */ background:linear-gradient(to bottom, #686868 0%, #3b454c 100%, #000000d4 100%); color:#fff; align-items:center; justify-content:flex-start;}
.bloki_gs {display:flex; width:calc(100% - 20px); height:320px; margin-top:5px; margin-bottom:10px; border-radius:12px; background:#212121; box-shadow: 0 0 6px 0 #000; overflow-x:scroll;}
img.img_skroll {height:320px; width:300px; object-fit:cover; border-radius:12px; /*aspect-ratio:16/9;*/ pointer-events:none;}

.vitrina {display:flex; width:calc(100%); height:auto; margin-top:5px; margin-bottom:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}
.vitrina_mfo {display:flex; width:100%; height:auto; margin-top:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}
.vitrina_casino {display:flex; width:100%; height:auto; margin-top:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}
.vitrina_uslugi {display:flex; width:100%; height:auto; margin-top:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}
.vitrina_shop {display:flex; width:100%; height:auto; margin-top:5px; border-radius:16px; align-items:center; justify-content:center; color:#fff; background:#3b454c; flex-wrap:wrap; justify-content:center;}

.box_container {display:block; height:320px; width:100%; max-width:100%; margin-top:0px; /*box-shadow: 0 0 16px 0 #000;*/ background:#212121;}
@media screen and (max-width:1040px) { .box {height:calc(100vw - 0px - 320px) !important;}}
@media screen and (max-width:700px) { .box {height:calc(100vw - 0px - 0px) !important;}}
.box {display:block; position:relative; width:320px; height:calc(100vw - 320px - 320px - 20px); max-height:calc(100vw - 20px); background:#212121; align-items:center; 
transform:rotate(-90deg) translateY(-320px) translateX(0px);
transform-origin:right top; /* transform-origin:0% 50%; */
  overflow-x:scroll;
margin-top:0px;
scrollbar-width: none; /* firefox - убираем полосы прокрутки для браузера firefox */
}
/* Настройка Скрола, полосы прокрутки */
.box::-webkit-scrollbar {width:0px; height:0px; scrollbar-width:none;}
.left_link_active::-webkit-scrollbar {width:0px; height:0px; scrollbar-width:none;}
.bloki_gs::-webkit-scrollbar {width:0px; height:0px; scrollbar-width:none;}

html::-webkit-scrollbar {width:20px; height:0px;}
html::-webkit-scrollbar-track {background:#181c1c;}
html::-webkit-scrollbar-thumb {background:#aab1b0;}

.blcks_grznt {display:flex; position:relative; width:300px; height:320px; margin-top:-1px; margin-left:20px; margin-bottom:-19px; /* background:#eaeaea; */ color:#000; justify-content:center; align-items:center;
  transform: rotate(90deg) translateY(0px) translateX(301px); transform-origin:right top;}

.vit_title_top_off {display:none; position:absolute; color:#fff; min-height:70px; max-height:250px; height:auto; width:300px; top:0px; background:#1c8f54e8; transform: rotate(0deg) translateY(0px) translateX(0px); border-top-right-radius:12px; border-top-left-radius:12px;}
.vit_kn_bottom_off {display:none; position:absolute; color:#fff; height:70px; width:300px; top:250px; background:#1c8f54e8; transform: rotate(0deg) translateY(0px) translateX(0px); border-bottom-right-radius:12px; border-bottom-left-radius:12px;}
.vit_title_top_on {display:flex; position:absolute; min-height:70px; max-height:250px; height:auto; width:300px; top:0px; background:#1c8f54e8; transform: rotate(0deg) translateY(0px) translateX(0px); border-top-right-radius:12px; border-top-left-radius:12px;}
.vit_kn_bottom_on {display:flex; position:absolute; height:70px; width:300px; top:250px; background:#1c8f54e8; transform: rotate(0deg) translateY(0px) translateX(0px); border-bottom-right-radius:12px; border-bottom-left-radius:12px;}

.blcks_grznt:hover > a div.vit_title_top_off {display:flex !important; cursor:pointer; font-size: 16pt !important; flex-direction:column-reverse; align-items:center; justify-content:center;}
.blcks_grznt:hover > a div.vit_kn_bottom_off {display:flex !important; cursor:pointer; font-size: x-large !important; flex-direction:column-reverse; align-items:center; justify-content:center;}

a div.vit_title_top_off:hover > a div.vit_kn_bottom_off {display:none !important;}

/*
div:hover > .vit_title_top {display:flex !important; cursor:pointer;} 
*/
/*
.vit_title_top:hover + .vit_kn_bottom {display:none !important;} 
.vit_kn_bottom:hover + .vit_title_top {display:none !important;} 
*/

/* .vit_title_top:hover > .vit_kn_bottom{display:none !important;}  */

/* стили DLE Видео Плеер */
/*
.plyr__video-wrapper {max-height:380px !important; }
*/
.dleplyrplayer {/* width:calc(100% + 16px) !important;  max-width:calc(100% + 16px) !important; margin-left:-8px !important; */}