/*
 WebCss 1.0
 Copyright 2021 ImaSmi ltd.
 Licensed under WBI (http://web.imasmi.com/plugin/Build/license/1.0.txt)
*/
body{margin:0;padding:0}
a{text-decoration: none; color: inherit;}
ul{padding: 0;}
h1{font-size: 58px;} h2{font-size: 44px;} h3{font-size: 32px;} h4{font-size: 23px;} h5{font-size: 20px;} h6{font-size: 16px;}

/* Administration panel wrapper for tables and forms */
.admin{margin: 50px auto;width:-moz-fit-content; width: fit-content; font-family: sans-serif, arial; font-size: 16px; font-weight: normal;}
.admin td,.admin th{padding:5px;border:0}
.admin input,.admin select{padding:5px 10px;font-size:18px}
.admin select{width:100%;}
.admin a{text-decoration:none;}

/* FILE AND TEXT STYLES */
.File{ width: 100%; height: 100%;}
.image{width: 100%; height: 100%; display: block; background-size:cover; object-fit: cover; background-position: center; background-repeat: no-repeat;}
.video{width: 100%; height: 100%;}
.cover, .cover .image, .cover .video{background-size: cover; object-fit: cover;}
.contain, .contain .image, .contain .video{background-size: contain; object-fit: contain;}
.drag-none, .drag-none .image{-webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
.Text font{line-height: 1.1em;}

.column,.column-1,.column-2,.column-3,.column-4,.column-5,.column-6,.column-7,.column-8,.column-9,.column-10,.column-11,.column-12, .row,.row-1,.row-2,.row-3,.row-4,.row-5,.row-6,.row-7,.row-8,.row-9,.row-10,.row-11,.row-12, .width-0, .width-10pc, .width-20pc, .width-30pc, .width-40pc, .width-50pc, .width-60pc, .width-70pc, .width-80pc, .width-90pc, .width-100pc,.width-10vw, .width-20vw, .width-30vw, .width-40vw, .width-50vw, .width-60vw, .width-70vw, .width-80vw, .width-90vw, .width-100vw,.height-0, .height-10pc, .height-20pc, .height-30pc, .height-40pc, .height-50pc, .height-60pc, .height-70pc, .height-80pc, .height-90pc, .height-100pc,.height-10vh, .height-20vh, .height-30vh, .height-40vh, .height-50vh, .height-60vh, .height-70vh, .height-80vh, .height-90vh, .height-100vh{box-sizing: border-box; position: relative;}
.column-1{width: 8.33333333333%;} .column-2{width: 16.6666666667%;} .column-3{width: 25%;} .column-4{width: 33.3333333333%;} .column-5{width: 41.6666666667%;} .column-6{width: 50%;} .column-7{width: 58.3333333333%;} .column-8{width: 66.6666666667%;} .column-9{width: 75%;} .column-10{width: 83.3333333333%;} .column-11{width: 91.6666666667%;} .column-12{width: 100%;}
.row-1{height: 8.33333333333%;} .row-2{height: 16.6666666667%;} .row-3{height: 25%;} .row-4{height: 33.3333333333%;} .row-5{height: 41.6666666667%;} .row-6{height: 50%;} .row-7{height: 58.3333333333%;} .row-8{height: 66.6666666667%;} .row-9{height: 75%;} .row-10{height: 83.3333333333%;} .row-11{height: 91.6666666667%;} .row-12{height: 100%;}
.width-0{width: 0;} .width-10pc{width: 10%;} .width-20pc{width: 20%;} .width-30pc{width: 30%;} .width-40pc{width: 40%;} .width-50pc{width: 50%;} .width-60pc{width: 60%;} .width-70pc{width: 70%;} .width-80pc{width: 80%;} .width-90pc{width: 90%;} .width-100pc{width: 100%;}
.width-10vw{width: 10vw;} .width-20vw{width: 20vw;} .width-30vw{width: 30vw;} .width-40vw{width: 40vw;} .width-50vw{width: 50vw;} .width-60vw{width: 60vw;} .width-70vw{width: 70vw;} .width-80vw{width: 80vw;} .width-90vw{width: 90vw;} .width-100vw{width: 100vw;}
.height-0{height: 0;} .height-10pc{height: 10%;} .height-20pc{height: 20%;} .height-30pc{height: 30%;} .height-40pc{height: 40%;} .height-50pc{height: 50%;} .height-60pc{height: 60%;} .height-70pc{height: 70%;} .height-80pc{height: 80%;} .height-90pc{height: 90%;} .height-100pc{height: 100%;}
.height-10vh{height: 10vh;} .height-20vh{height: 20vh;} .height-30vh{height: 30vh;} .height-40vh{height: 40vh;} .height-50vh{height: 50vh;} .height-60vh{height: 60vh;} .height-70vh{height: 70vh;} .height-80vh{height: 80vh;} .height-90vh{height: 90vh;} .height-100vh{height: 100vh;}
.frame{max-width: 1200px; margin-left: auto; margin-right: auto;}
.menu{background-color: inherit;}
.menu ul{list-style-type: none;}
.menu .links{width: 100%; margin: 0; padding: 0;}
.menu .mobile-open, .menu .mobile-close{cursor: pointer; display: none; text-align: center;}
.menu .menu-content{width: 100%; height: 100%; display: inline-block;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.left{float: left;}
.right{float:right;}
.center{margin-left: auto; margin-right: auto;}
.middle{display: flex; justify-content: center; align-content: center; flex-direction: column;}
.textarea{width: 100%; height: 300px;}
.attention{background-color: #f08080; text-align: center; padding: 15px 0; font-size: 24px; font-weight: bold;}
.success{background-color: #90ee90;}
.fail{background-color: #f08080;}
.pointer{cursor: pointer;}
.listing tr:hover,.menu-droPDOwn a:hover{background-color:#6a0000; color: #ffffff;}
.border-collapse{border-collapse: collapse;}
.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}
.background{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.listing-highlight{background-color:#ff0}
.listing{width:fit-content}
.popup, #loading{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999;}
#loading{z-index: 1000;}
.popup .background, #loading .background{ position: fixed; width: 100%; height: 100%; background-color: #151515; opacity: 0.8;}
.popup-close{position: fixed; top: 10px; right: 10px; padding: 5px 12px; border: 1px solid #a8a8a8; border-radius: 100px; font-size: 22px; color: red; cursor: pointer; z-index: 3;}
#popup-content{margin: 0 auto; overflow: auto; height: 100vh; width: 100vw; position: relative; text-align: center;}
.popup-content{background-color: #ffffff; color: #000000; display: inline-block; padding: 50px; margin: 0 auto; position: relative; text-align: left;}
#loading img{position: fixed; top: 50%; left: 50%; margin: -63px 0 0 -63px;}
.info{ display: inline-block; cursor: pointer; background-color: #6896ff; border-radius: 20px; padding: 0px 3px; color: #ffffff; font-weight: bold; font-size: 12px; margin-left: 5px;}
.mobile-tap{-webkit-tap-highlight-color: transparent;}
.select-none {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.pointer-none{pointer-events: none;}
.margin-0{margin: 0;}.margin-10{margin: 10px;}.margin-20{margin: 20px;}.margin-30{margin: 30px;}.margin-40{margin: 40px;}.margin-50{margin: 50px;}
.margin-60{margin: 60px;}.margin-70{margin: 70px;}.margin-80{margin: 80px;}.margin-90{margin: 90px;}.margin-100{margin: 100px;}
.marginX-0{margin-left: 0; margin-right: 0;}.marginX-10{margin-left: 10px; margin-right: 10px;}.marginX-20{margin-left: 20px; margin-right: 20px;}.marginX-30{margin-left: 30px; margin-right: 30px;}.marginX-40{margin-left: 40px; margin-right: 40px;}.marginX-50{margin-left: 50px; margin-right: 50px;}
.marginX-60{margin-left: 60px; margin-right: 60px;}.marginX-70{margin-left: 70px; margin-right: 70px;}.marginX-80{margin-left: 80px; margin-right: 80px;}.marginX-90{margin-left: 90px; margin-right: 90px;}.marginX-100{margin-left: 100px; margin-right: 100px;}
.marginY-0{margin-top: 0; margin-bottom: 0;}.marginY-10{margin-top: 10px; margin-bottom: 10px;}.marginY-20{margin-top: 20px; margin-bottom: 20px;}.marginY-30{margin-top: 30px; margin-bottom: 30px;}.marginY-40{margin-top: 40px; margin-bottom: 40px;}.marginY-50{margin-top: 50px; margin-bottom: 50px;}
.marginY-60{margin-top: 60px; margin-bottom: 60px;}.marginY-70{margin-top: 70px; margin-bottom: 70px;}.marginY-80{margin-top: 80px; margin-bottom: 80px;}.marginY-90{margin-top: 90px; margin-bottom: 90px;}.marginY-100{margin-top: 100px; margin-bottom: 100px;}
.margin-left-0{margin-left: 0;}.margin-left-10{margin-left: 10px;}.margin-left-20{margin-left: 20px;}.margin-left-30{margin-left: 30px;}.margin-left-40{margin-left: 40px;}.margin-left-50{margin-left: 50px;}
.margin-left-60{margin-left: 60px;}.margin-left-70{margin-left: 70px;}.margin-left-80{margin-left: 80px;}.margin-left-90{margin-left: 90px;}.margin-left-100{margin-left: 100px;}
.margin-right-0{margin-right: 0;}.margin-right-10{margin-right: 10px;}.margin-right-20{margin-right: 20px;}.margin-right-30{margin-right: 30px;}.margin-right-40{margin-right: 40px;}.margin-right-50{margin-right: 50px;}
.margin-right-60{margin-right: 60px;}.margin-right-70{margin-right: 70px;}.margin-right-80{margin-right: 80px;}.margin-right-90{margin-right: 90px;}.margin-right-100{margin-right: 100px;}
.margin-top-0{margin-top: 0;}.margin-top-10{margin-top: 10px;}.margin-top-20{margin-top: 20px;}.margin-top-30{margin-top: 30px;}.margin-top-40{margin-top: 40px;}.margin-top-50{margin-top: 50px;}
.margin-top-60{margin-top: 60px;}.margin-top-70{margin-top: 70px;}.margin-top-80{margin-top: 80px;}.margin-top-90{margin-top: 90px;}.margin-top-100{margin-top: 100px;}
.margin-bottom-0{margin-bottom: 0;}.margin-bottom-10{margin-bottom: 10px;}.margin-bottom-20{margin-bottom: 20px;}.margin-bottom-30{margin-bottom: 30px;}.margin-bottom-40{margin-bottom: 40px;}.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-60{margin-bottom: 60px;}.margin-bottom-70{margin-bottom: 70px;}.margin-bottom-80{margin-bottom: 80px;}.margin-bottom-90{margin-bottom: 90px;}.margin-bottom-100{margin-bottom: 100px;}
.padding-0{padding: 0;}.padding-10{padding: 10px;}.padding-20{padding: 20px;}.padding-30{padding: 30px;}.padding-40{padding: 40px;}.padding-50{padding: 50px;}
.padding-60{padding: 60px;}.padding-70{padding: 70px;}.padding-80{padding: 80px;}.padding-90{padding: 90px;}.padding-100{padding: 100px;}
.paddingX-0{padding-left: 0; padding-right: 0;}.paddingX-10{padding-left: 10px; padding-right: 10px;}.paddingX-20{padding-left: 20px; padding-right: 20px;}.paddingX-30{padding-left: 30px; padding-right: 30px;}.paddingX-40{padding-left: 40px; padding-right: 40px;}.paddingX-50{padding-left: 50px; padding-right: 50px;}
.paddingX-60{padding-left: 60px; padding-right: 60px;}.paddingX-70{padding-left: 70px; padding-right: 70px;}.paddingX-80{padding-left: 80px; padding-right: 80px;}.paddingX-90{padding-left: 90px; padding-right: 90px;}.paddingX-100{padding-left: 100px; padding-right: 100px;}
.paddingY-0{padding-top: 0; padding-bottom: 0;}.paddingY-10{padding-top: 10px; padding-bottom: 10px;}.paddingY-20{padding-top: 20px; padding-bottom: 20px;}.paddingY-30{padding-top: 30px; padding-bottom: 30px;}.paddingY-40{padding-top: 40px; padding-bottom: 40px;}.paddingY-50{padding-top: 50px; padding-bottom: 50px;}
.paddingY-60{padding-top: 60px; padding-bottom: 60px;}.paddingY-70{padding-top: 70px; padding-bottom: 70px;}.paddingY-80{padding-top: 80px; padding-bottom: 80px;}.paddingY-90{padding-top: 90px; padding-bottom: 90px;}.paddingY-100{padding-top: 100px; padding-bottom: 100px;}
.padding-left-0{padding-left: 0;}.padding-left-10{padding-left: 10px;}.padding-left-20{padding-left: 20px;}.padding-left-30{padding-left: 30px;}.padding-left-40{padding-left: 40px;}.padding-left-50{padding-left: 50px;}
.padding-left-60{padding-left: 60px;}.padding-left-70{padding-left: 70px;}.padding-left-80{padding-left: 80px;}.padding-left-90{padding-left: 90px;}.padding-left-100{padding-left: 100px;}
.padding-right-0{padding-right: 0;}.padding-right-10{padding-right: 10px;}.padding-right-20{padding-right: 20px;}.padding-right-30{padding-right: 30px;}.padding-right-40{padding-right: 40px;}.padding-right-50{padding-right: 50px;}
.padding-right-60{padding-right: 60px;}.padding-right-70{padding-right: 70px;}.padding-right-80{padding-right: 80px;}.padding-right-90{padding-right: 90px;}.padding-right-100{padding-right: 100px;}
.padding-top-0{padding-top: 0;}.padding-top-10{padding-top: 10px;}.padding-top-20{padding-top: 20px;}.padding-top-30{padding-top: 30px;}.padding-top-40{padding-top: 40px;}.padding-top-50{padding-top: 50px;}
.padding-top-60{padding-top: 60px;}.padding-top-70{padding-top: 70px;}.padding-top-80{padding-top: 80px;}.padding-top-90{padding-top: 90px;}.padding-top-100{padding-top: 100px;}
.padding-bottom-0{padding-bottom: 0;}.padding-bottom-10{padding-bottom: 10px;}.padding-bottom-20{padding-bottom: 20px;}.padding-bottom-30{padding-bottom: 30px;}.padding-bottom-40{padding-bottom: 40px;}.padding-bottom-50{padding-bottom: 50px;}
.padding-bottom-60{padding-bottom: 60px;}.padding-bottom-70{padding-bottom: 70px;}.padding-bottom-80{padding-bottom: 80px;}.padding-bottom-90{padding-bottom: 90px;}.padding-bottom-100{padding-bottom: 100px;}
.white{color: #ffffff;}.white-bg{background-color: #ffffff;}
.black{color: #000000;}.black-bg{background-color: #000000;}
.border-box{box-sizing: border-box;}
.show{display: unset;}
.hide, .mobile{display: none;}
.block{display: block;}
.inline{display: inline;}
.inline-block{display: inline-block; vertical-align: top;}
.table{display: table;}
.flex{display: flex;}
.flex > *{box-sizing: border-box;}
.flex-column{flex-direction: column;}
.flex-row-reverse{flex-direction: row-reverse;}
.flex-column-reverse{flex-direction: column-reverse;}
.flex-wrap{flex-wrap: wrap;}
.flex-between{justify-content: space-between;}
.flex-evenly{justify-content: space-evenly;}
.flex-around{justify-content: space-around;}
.flex-around{justify-content: space-around;}
.flex-center{justify-content: center;}
.flex-align-center{align-items: center;}
.flex-align-strech{align-items: stretch;}
.flex-start{align-items: flex-start;}
.flex-end{align-items: flex-end;}
.flex-grow{flex-grow: 1;}
.flex-items-equal > * {flex: 1 1 0;}
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
.sticky{position: sticky;}
.fullscreen{ width: 100%; height: 100%;}
.min-content{width: min-content;}  
.max-content{width: max-content;}
.fit-content{width: fit-content;}

@media only screen and (max-width: 1080px){
    .menu .mobile-open, .menu .mobile-close{ display: block;}
    .mobile-menu .menu-content{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: inherit; z-index: 666; overflow: auto;}
    .menu .mobile-close{ margin: 30px auto;}
    .mobile-menu .links li{ display: block; margin: 20px auto; float: unset;}
    .mobile{display: unset;}
    .desktop{display: none;}
    .responsive{flex-wrap: wrap;}
    .responsive > * {width: 100%;}
    .responsive.flex-items-equal > *{flex: unset;}
}