body{margin:0;padding:0}
#adminPanel{background-color:#6a0000; position: relative; z-index: 777; position: relative;}
#adminPanel #admin-web{position: absolute; right: 40px; top: 2px;}
#adminPanel #admin-web #web-logo{width: 56px;}
#adminPanel #admin-web #text-logo{height: 20px; margin-top: 8px; display: none;}
.menu{background-color: inherit;}
.menu .links{width: 100%; margin: 0px; padding: 0px;}
.menu .mobileIcon, .menu .mobileClose{width: 40px; height: 40px; cursor: pointer; display: none; font-size: 20px;}
.menu .pages{width: 100%; height: 100%; display: inline-block;}
.menuSection{background-color:transparent;color:#ffffff;padding: 9px 18px;font-size:16px;border:0; background: url('../file/down-arrow.png') no-repeat right/8px auto; }
.adminMenu{position:relative;display:inline-block}
.menuDropdown{display:none;position:absolute;background-color:#ffffff;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:777;}
.menuDropdown a{color:#000;padding:8px 50px;text-decoration:none;display:block; text-align: center;}
.listing tr:hover,.menuDropdown a:hover{background-color:#6a0000; color: #ffffff;}
.adminMenu:hover .menuDropdown,.view a{display:block}
.adminMenu:hover .menuSection{background-color:#fff;color:#08494c}
.text-right{text-align:right}
.text-center,.title{text-align:center}
.textarea{width: 100%; height: 300px;}
.center{margin: 0 auto;}
.title{font-size:20px;padding:20px 0;}
.attention{background-color: #f08080; text-align: center; padding: 15px 0px; font-size: 24px; font-weight: bold;}
.success{background-color: #90ee90;}
.fail{background-color: #f08080;}
.view{margin: 50px auto;width:fit-content; font-family: sans-serif, arial; font-size: 16px; font-weight: normal;}
.view td,.view th{padding:5px;border:0}
.moduler{width:200px;padding:15px}
.moduler span{width:80px}
.on_off{width:60px;height:30px;position:relative;border-radius:15px;border:1px solid gray;line-height:30px;font-size:12px;text-align:center}
.change_on_off{width:50%;display:block;height:100%;float:left;cursor:pointer}
.on_off .switcher{position:absolute;width:50%;height:100%;transition:1s;border-radius:20px}
.on_off .on{left:0;top:0;background-color:green}
.on_off .off{left:50%;top:0;background-color:red}
.view input,.view select{padding:5px 10px;font-size:18px}
.view select{width:100%;}
.File button,.view button,.view input[type=button],.view input[type=submit], .button{outline:0;border:0;background-color:#08494c;color:#fff;padding:8px 16px;transition:.3s}
.view button:hover,.view input[type=button]:hover,.view input[type=submit]:hover, .button{cursor:pointer;background-color:#001f21}
.errorLine{background-color:#eb9191;padding:10px;margin-bottom:10px;border:1px solid #9b1d1d;color:#000}
.view a{text-decoration:none;color:#b10000}
.view .search{float:right}
.view .searchHighlight{background-color:#ff0}
.listing{width:fit-content}
.show{display: unset;}
.hide{display: none;}
.block{display: block;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
#DYN{ display: none; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 999; text-align: center; overflow: auto;}
#closeDYN{ position: fixed; width: 100%; height: 100%; background-color: #151515; opacity: 0.8;}
#imaDYN{position: relative; margin: 30px auto; background-color: #ffffff; display: inline-block;}
#imaDYN .view{margin: 0 auto;}
.mobileTap{-webkit-tap-highlight-color: transparent;}
.noSelect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* FILE AND TEXT STYLES */
.File,.Text,.moduler span{display:inline-block}
.File{ width: 100%; height: 100%;}
.image{width: 300px; height: 300px; background-size:cover; background-position: center; background-repeat: no-repeat;}
.contain, .contain .image{background-size:contain;}
.background{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.background .image, .fullscreen, .fullscreen .image { width: 100%; height: 100%;}
.emptyFile .image{width: 150px; height: 150px;}
.video{height: 300px; width: 300px;}
.stripText{display: none;}

/*GALLERIES STYLES */
.gallery{height: 300px;}
.gallery .gImage{transition: 0.5s; z-index: 1;}

.gallery.billboard .gBody{position: relative;}
.gallery.billboard .gImage{position: absolute; width: 60%; height: 100%; z-index: 0;}
.gallery.billboard .gImage.current{left: 20%; z-index: 2;}
.gallery.billboard .gImage.prev{left: 0; transform: perspective(500px) rotateY(35deg); height: 60%; width: 40%; top: 20%;}
.gallery.billboard .gImage.next{left: 60%; transform: perspective(500px) rotateY(-35deg); height: 60%; width: 40%; top: 20%;}
.gallery.billboard .gImage.inactive{display: none;}
.gallery.billboard .gSwitch{position: absolute; width: 20%; height: 100%; z-index: 2; cursor: pointer;}
.gallery.billboard .gSwitch span{display: none;}
.gallery.billboard .gPrev{left: 0;}
.gallery.billboard .gNext{right: 0;}


/*ANIMATIONS*/


@media only screen and (max-width: 1080px){
    .menu .mobileIcon, .menu .mobileClose{ display: block;}
    .mobileMenu .pages{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: inherit; z-index: 666; overflow: auto;}
    .menu .mobileClose{ margin: 30px auto;}
    .mobileMenu .links li{ display: block; margin: 20px auto; float: unset;}
}