@charset "utf-8";

@font-face {
    font-family: "vivo";
    src: url("../fonts/vivoSans-Medium.ttf") format("truetype"); 
    font-style: normal;
    font-weight: normal;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,section,canvas {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "vivo",Arial, Helvetica, sans-serif;
}
li{ 
    list-style: none;
    font-family: "vivo",Arial, Helvetica, sans-serif;
}

html,body {
    color: #fff;
    font-family: "vivo",Arial, Helvetica, sans-serif;
    /* overflow: hidden; */
    /* width: 100%; */
    /* height: 100%; */
    /* -webkit-touch-callout:none;
    -webkit-user-select:none; */
    background: #000;
    line-height: 1;
    font-size:20px;
    color: #333;
    line-height: 1.6;
}
/* body .fancybox-image, .fancybox-spaceball{
    user-select: auto;
}
body .fancybox-slide--image .fancybox-content{
    user-select: auto;
}
body .fancybox-can-pan .fancybox-content, body .fancybox-can-swipe .fancybox-content{
    user-select: auto;
}
body .fancybox-slide{
    user-select: auto;
} */

input:focus{outline:none;}

div:focus,img:focus {
    outline: none;
}

.btna:active{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
}

.absolute{
    position: absolute;
}

.main{ width: 100%; height: 100%;position: absolute; left: 0; top: 0; overflow: hidden;}
.page{
    width: 100%; height: 100%;position: fixed; left: 0; top: 0%; overflow: hidden;
    /* margin-top:-760px; */
    background-color: #080808;
}


.bg{
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height: 100%;
    object-fit:cover;
}

/* .disable{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(1)
} */