*{margin:0;padding:0;border:0;}
a,input{outline:none;}
@font-face {
    font-family: "Clear Sans Thin";
    src: url("/assets/fonts/ClearSans-Thin.ttf");
}
@font-face {
    font-family: "Clear Sans";
    src: url("/assets/fonts/ClearSans-Regular.ttf");
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {
    -moz-appearance: textfield;
}
rt{
    font-weight: 400;
    display: inline-block;
}
/* width */
::-webkit-scrollbar {width: 3px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 3px grey; border-radius: 3px;}
::-webkit-scrollbar-thumb {background: #fff; border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background: #fff; }
body{width:100%;overflow-x:hidden !important;overflow-y: scroll !important;font-family:"Clear Sans Thin",Arial, Helvetica, sans-serif;}            
img{width:100%;}
.flex{display:flex;flex-wrap: wrap;}
.flex-x-c{justify-content: center;}
.mb-30{margin-bottom:30px;}
header{width:100%;position:relative;z-index:10;}
header ul{width:100%;display:flex;justify-content: space-between;flex-wrap: wrap; margin-top:40px;list-style:none;font-size: 15px;font-family: "Clear Sans Thin";color: rgb(255, 255, 255);margin-bottom:0px;}
header ul li a{color:inherit;position: relative;transition: all 0.4s;}       
header ul li a:after{content:"";position: absolute;bottom:0;width:0%;height:1px;background:#fff;left:50%;opacity:0;transition:all 0.4s;}
header ul li a:hover{color:#eee;text-decoration: none;transition: all 0.4s;}
header ul li a:hover:after{content:"";position: absolute;bottom:0;width:100%;height:1px;background:#fff;left:0%;opacity:1;transition:all 0.4s;}
header ul li.active a:after{content:"";position: absolute;bottom:0;width:100%;height:1px;background:#fff;left:0%;opacity:1;transition:all 0.4s;}
footer{width:100%;position:relative;bottom:0;transition:all 0.4s;}
footer p{width:100%;font-size: 12px;font-family: "Clear Sans Thin";color: rgb(255, 255, 255);text-align: center;opacity:0.7;line-height:1;margin-top: 20px;margin-bottom: 20px;}
footer p a{color:#fff;text-decoration: underline;}
footer p a:hover{color:#fc3;}
nav#menu{width:100%;height:0%;position: fixed;top:0px;padding-top:0px;left:0;background:#202020;z-index:9;overflow:hidden;transition:all 0.4s;}
nav#menu.active{height:100%;padding-top:60px;overflow: auto;transition:all 0.4s;}
nav#menu ul{width:100%;display:inline-block;list-style: none;overflow: hidden;}
nav#menu ul li{width:100%;text-align:center;margin-top:40px;color:#fff;position:relative;}
nav#menu ul li:after{width:10%;height:1px;background:#fff;bottom:-20px;left:45%;position: absolute;content:"";}
nav#menu ul li:last-child:after{display:none;}
nav#menu ul li a{color:#fff;}
/* Insert Winter */
/* Keyframes */

@keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
     100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
    }
    
@-moz-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-o-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#snowstart {
    width:100%;
    height:100%;
    position:fixed;
}

.snow {
    background-image: url('https://forum.gtaprovince.ru/newyear/snow1.png'), url('https://forum.gtaprovince.ru/newyear/snow3.png'), url('https://forum.gtaprovince.ru/newyear/snow2.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    -o-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}

.snow.dark{
    background-color: rgba(0,0,0,0.5);
}

/* END */
/* bgr_winter2.png */
/* .bgr{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/assets/img/back_winter22.jpg');background-size:cover;background-position:50% 50%;z-index:-1;} */
/*.bgr{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/assets/img/bgr_winter2020.jpg');background-size:cover;background-position:50% 50%;z-index:-1;} */
/* .bgr{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/assets/img/bgr.jpg');background-size:cover;background-position:50% 50%;z-index:-1;}  */
/* .bgr-winter{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/assets/img/bgr_winter.png');background-size:cover;background-position:50% 50%;z-index:-1;}  */
.bgr {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
/* .bgr span{width:100%;height:100%;position:absolute;top:0;left:0;background:url('/assets/img/dot.png');background-size:6px;background-repeat: repeat;opacity:0.32;z-index: 1;} */
/* .bgr-winter span{width:100%;height:100%;position:absolute;top:0;left:0;background:url('/assets/img/dot.png');background-size:6px;background-repeat: repeat;opacity:0.32;z-index: 1;} */
.bgr video {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bgr .overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/img/dot.png');
    background-size: 6px;
    background-repeat: repeat;
    opacity: 0.32;
    pointer-events: none;
    z-index: 1;
}
/* .bgr img{width:100%;height:100%;position:fixed;top:0;left:0;background:url('/assets/img/bgr.jpg');background-size:cover;background-position:50% 50%;z-index:-1;} */
.mobile{display:none;}
#app{width:100%;min-height: calc(100vh - 200px);transition:all 0.4s;display: flex;flex-wrap: wrap;}
@media (max-width: 768px){
    .desktop{display:none;}
    .mobile{display:block;}
    header{width:100%;background:#252525;padding:15px 0;color:#fff;position:fixed;}
    header .mobile .lnr{font-size:30px;line-height:30px;height:30px;}
    header .mobile .lnr:hover{color:#eee;cursor:pointer;}
    header .mobile p{font-size:20px;line-height:30px;height:30px;margin-bottom: 0;}
    header .mobile a{width:30px;height:30px;border-radius:15px;font-size:20px;text-align: center;text-decoration: none;}
    header .mobile a .lnr{font-size:20px;color:#fff;}
    header .mobile a:hover .lnr{color:#eee;}
    header ul{margin-top:0;}
    header ul li{width:50%;text-align: center;}
    /* .bgr video{display:none;} */
    #app{padding-top: 60px;min-height: calc(100vh - 85px);}
}
@media (max-width: 992px){
    .bgr video{transform: scaleX(1.8) scaleY(1.8);}
}
@media (min-width: 1600px){
    header ul li a:after{content:"";position: absolute;bottom:0;width:0%;height:2px;background:#fff;left:50%;opacity:0;transition:all 0.4s;}
    header ul li a:hover:after{content:"";position: absolute;bottom:0;width:100%;height:2px;background:#fff;left:0%;opacity:1;transition:all 0.4s;}
    header ul li.active a:after{content:"";position: absolute;bottom:0;width:100%;height:2px;background:#fff;left:0%;opacity:1;transition:all 0.4s;}
}

section.main{width:100%;display:flex;align-items: center;flex-wrap: wrap;}
section.main .image{width:316px;max-width:100%;padding:0 0%;box-sizing: border-box;transition:all 0.4s;}
/* section.main .image{width:416px;max-width:100%;padding:0 0%;box-sizing: border-box;transition:all 0.4s;} */
section.main .image:hover{padding:0 15px;box-sizing: border-box;transition:all 0.4s;}
@media (min-width: 1600px){
    /* section.main .image{width:586px;} */
    section.main .image{width:416px;}
}
@media (min-width: 1600px){
    #app{width:100%;min-height: calc(100vh - 152px);transition:all 0.4s;display: flex;flex-wrap: wrap;}
    header ul{font-size:20px;}
    footer p{font-size: 14px;}
}


section.about{width:100%;}
section.about .image{width:280px;height:294px;max-width:100%;margin-top:40px;padding:0 0%;box-sizing: border-box;transition:all 0.4s;}
section.about .image img{width:100%;}
section.about .image:hover{padding:0px 15px;box-sizing: border-box;transition:all 0.4s;}
section.about .block-about{width:calc(25% - 30px);float:left;box-sizing:border-box;margin:40px 15px 0;height:340px;position:relative;z-index:2;display:block;}
section.about .block-about .images{width:100%;height:100%;position: absolute;transition:all 0.4s;}
section.about .block-about.b1 .images{background: url(../img/about/com.jpg);background-size: cover;background-position: 50% 50%;filter: brightness(1);clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);}
section.about .block-about.b1:hover .images{transition:all 0.4s;filter: brightness(0.75);clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
section.about .block-about.b2 .images{background: url(../img/about/maps.jpg);background-size: cover;background-position: 50% 50%;filter: brightness(1);clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);}
section.about .block-about.b2:hover .images{transform: rotateX(0deg);transition:all 0.4s;filter: brightness(0.75);clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
section.about .block-about.b3 .images{background: url(../img/about/ot.jpg);background-size: cover;background-position: 50% 50%;filter: brightness(1);clip-path: polygon(0% 0, 90% 0, 100% 100%, 10% 100%);}
section.about .block-about.b3:hover .images{transform: rotateX(0deg) skewX(0deg);transition:all 0.4s;filter: brightness(0.75);clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
section.about .block-about span{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;color: #fff;font-family: "Clear Sans Thin";font-size:22px;line-height:1.2;text-align: center;}
@media (min-width: 1600px){
    section.about .image{width:304px;height:282px;}
    section.about .block-about{width:calc(33.3% - 30px);height:550px;margin-top:45px;}
    section.about .block-about span{font-size:30px;}
}
@media (max-width: 992px){
    section.about .block-about{width:calc(33.3% - 30px);}
}
@media (max-width: 768px){
    section.about .block-about{width:100%;}
    section.about .block-about.b1 .images{clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
    section.about .block-about.b2 .images{clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
    section.about .block-about.b3 .images{clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%);}
}

section.community{width:100%;box-sizing: border-box;}
section.community h1{font-size:26px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";margin-top:40px;}
section.community p{font-size:20px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";margin-top:25px;}
section.community a.link{width:90px;height:90px;border-radius:100%;margin:0 20px;margin-top:20px;position: relative;border-radius:100%;overflow: hidden;transition:all 0.4s;transform: rotateZ(0deg);display: inline-block;}
section.community a.link:hover{transition:all 0.4s;transform: rotateZ(360deg);}
section.community a img{width:100%;height:100%;float:left;border-radius:100%;overflow: hidden;}
section.community a p{font-size: 12px;line-height: 1;color: #fff;width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;margin: 0;background:rgba(0,0,0,0.75);border-radius:100%;opacity:0;transition:all 0.4s;}
section.community a:hover p{opacity:1;transition:all 0.4s;}
section.community .box{text-align: center;display: block;}
@media (max-width: 768px){
    section.community a.link{width:80px;height:80px;margin:0 20px;margin-top:20px;}
}
@media (max-width: 576px){
    section.community a.link{width:76px;height:76px;}
}
@media (max-width: 460px){
    section.community a.link{width:120px;height:120px;margin:30px 60px 0;}
}
@media (min-width: 1600px){    
    section.community h1{font-size:32px;width:100%;margin-top:70px;line-height:1;}
    section.community p{font-size:22px;width:100%;margin-top:40px;line-height:1;}
    section.community a.link{width:110px;height:110px;border-radius:100%;margin:0 35px;margin-top:40px;}    
    section.community a p{font-size: 14px;}
    section.community .box{margin-top:10px;}
}

section.maps{width:100%;box-sizing: border-box;}
section.maps h1{font-size:26px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";margin-top:40px;}
section.maps p{font-size:16px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";margin-top:25px;}
section.maps #maps{width:100%;height:500px;float:left;margin-top:40px;overflow: hidden;position: relative;background:rgba(3,3,3,0.2);}
section.maps #maps .maps-box{overflow:hidden;position: absolute;top:0;left:0;width:100%;height:100%;}
section.maps #maps img{width:100%;position: absolute;z-index:0;transition:all 0.1s;cursor: move;}
section.maps #maps .home{width:40px;height:40px;position: absolute;top:15px;left:15px;background:#fff;border-radius:100%;text-align: center;font-size:20px;line-height:40px;cursor: pointer;z-index:3;}
section.maps #maps .plus{width:40px;height:40px;position: absolute;top:70px;left:15px;background:#fff;border-radius:100%;text-align: center;font-size:20px;line-height:40px;cursor: pointer;z-index:3;}
section.maps #maps .minus{width:40px;height:40px;position: absolute;top:125px;left:15px;background:#fff;border-radius:100%;text-align: center;font-size:20px;line-height:40px;cursor: pointer;z-index:3;}

@media (min-width: 1600px){    
    section.maps h1{font-size:32px;width:100%;margin-top:70px;line-height:1;}
    section.maps p{font-size:22px;width:100%;margin-top:40px;line-height:1.2;}
    section.maps #maps{height:600px;}
    section.maps #maps .home{width:60px;height:60px;font-size:30px;line-height:60px;top:15px;left:15px;}
    section.maps #maps .plus{width:60px;height:60px;font-size:30px;line-height:60px;top:90px;left:15px;}
    section.maps #maps .minus{width:60px;height:60px;font-size:30px;line-height:60px;top:165px;left:15px;}
}

section.transport{width:100%;box-sizing: border-box;}
section.transport h1{font-size:26px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";margin-top:40px;}
section.transport .block{position: relative;margin-top:20px;width:100%;float:left;cursor:pointer;}
section.transport .block img{width:100%;float:left;}
section.transport .block p{font-size:15px;color:#fff;text-align: center;font-family: "Clear Sans";position: absolute;top:10px;right:10px;}
section.transport .block p:after{content:"";position: absolute;bottom:0;width:0%;height:1px;background:#fff;left:50%;opacity:0;transition:all 0.4s;}
section.transport .block:hover p:after{content:"";position: absolute;bottom:0;width:100%;height:1px;background:#fff;left:0%;opacity:1;transition:all 0.4s;}
@media (min-width: 1600px){    
    section.transport h1{font-size:32px;width:100%;margin-top:70px;line-height:1;}
    section.transport .block p{font-size:22px;}
    section.transport .block{margin-top:40px;}

}


section.download{width:100%;box-sizing: border-box;}
section.download .banner{width:100%;margin-top: 40px; margin-bottom: 40px;}
section.download h1{font-size:26px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans Thin";/*margin-top:80px;*/}
section.download .video-box{width:350px;max-width:100%;margin-top:60px;}
section.download .video {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0;display: block;}
section.download .video iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
section.download .box{width:calc(100% / 3 - 30px);height:100%;margin:0 15px;margin-top:50px;}
section.download .block{width:100%;height:100%;box-sizing: border-box;position: relative;text-align: center;padding-left:60px;}
section.download .block .num{width:46px;height:46px;position: absolute;top:0px;left:0px;background:#fff;border-radius:100%;text-align: center;line-height:46px;font-size:26px;color:#666;}
section.download .block p{width:100%;font-size:11px;line-height:1.5;color:#fff;text-align: center;margin-bottom:0;box-sizing: border-box;display: inline-block;}
section.download .block a{border:1px solid #fff;font-size:9px;line-height: 1;padding:7px 20px;color:#fff;margin-top:10px;box-sizing: border-box;margin:10px auto 0;display: inline-block;}
@media (max-width: 992px){
    section.download .box{width:calc(50% - 30px);height:auto;margin-top:30px;}
}
@media (max-width: 768px){
    section.download .box{width:calc(100% - 30px);height:auto;margin-top:30px;}
    section.download .block{text-align:left;}
    section.download .block p{text-align:left;}
}

@media (min-width: 1600px){        
    section.download h1{font-size:32px;/*margin-top:130px;*/}
    section.download .video-box{width:580px;margin-top:90px;}
    section.download .box{width:calc(100% / 3 - 30px);height:100%;margin:0 15px;margin-top:70px;}
    section.download .block{width:100%;height:100%;box-sizing: border-box;position: relative;text-align: center;padding-left:70px;}
    section.download .block .num{width:60px;height:60px;position: absolute;top:0px;left:0px;background:#fff;border-radius:100%;text-align: center;line-height:60px;font-size:30px;color:#666;}
    section.download .block p{width:100%;font-size:15px;line-height:1.5;color:#fff;text-align: center;margin-bottom:0;box-sizing: border-box;display: inline-block;}
    section.download .block a{border:1px solid #fff;font-size:18px;line-height: 1;padding:12px 38px;color:#fff;margin-top:18px;box-sizing: border-box;margin:18px auto 0;display: inline-block;}
}
section.donate select{ background: none; color: #fff; outline: none; }
section.donate select option{ color: rgb(3,3,3); }

section.donate{width:100%;box-sizing: border-box;}
section.donate .title{width:100%;text-align: center;color:#fff;font-family: "Clear Sans";font-size:18px;margin-top:40px;line-height: 1;display: block;font-weight: normal;}
section.donate h1{font-size:20px;color:#fff;text-align: center;width:100%;font-family: "Clear Sans";margin-top:60px;}
section.donate ul{width:100%;margin-top:30px;list-style: none;}
section.donate ul li{width:100%;}
section.donate ul li p{color:#fff;display: inline-block;margin-bottom:0;}
section.donate ul li {display: flex;align-items: flex-end;line-height:1;margin-top:10px;}
section.donate ul li .dots {flex-grow: 1;border-bottom: 4px dotted #fff;margin:0 10px;}
section.donate ul li .value{flex-basis: 140px;}
section.donate .server{width:100%;text-align: center;color:#fff;font-size:22px;margin-top:30px;position: relative;}
section.donate .server label{margin-left:10px;cursor: pointer;}
section.donate .server label input{display:none;}
section.donate .server input:checked + label{text-decoration: underline;}
section.donate .payment{width:100%;text-align: center;color:#fff;font-size:22px;margin-top:30px;margin-bottom:30px;position: relative;}
section.donate .payment label{margin-left:10px;cursor: pointer;}
section.donate .payment label input{display:none;}
section.donate .payment input:checked + label{text-decoration: underline;}
section.donate .box{width:100%;margin-top:30px;}
section.donate .box .in{width:100%;padding:0 10px;margin-top:10px;display: flex;flex-wrap: wrap;}
section.donate .box .in .icon{width:15px;height:15px;font-size:15px;line-height:1;color:#fff;text-align: center;display: inline-block;}
section.donate .box .in label{width:40%;background:none;outline: none;text-align: right;padding-left:10px;color:#fff;font-size:22px;}
section.donate .box .in label rt{color:#fff200;}
section.donate .box .in input{width:40%;background:none;outline: none;border-bottom:1px solid rgba(255,255,255,1);color:#fff;font-size:14px;text-align: left;padding-left:10px;color:#fff;font-size:22px;height:32px;}

section.donate .box .in input::-webkit-input-placeholder {color: rgba(255,255,255,0.4);transition:all 0.4s;}
section.donate .box .in input::-moz-placeholder {color: rgba(255,255,255,0.4);transition:all 0.4s;}
section.donate .box .in input:-ms-input-placeholder {color: rgba(255,255,255,0.4);transition:all 0.4s;}
section.donate .box .in input:-moz-placeholder {color: rgba(255,255,255,0.4);transition:all 0.4s;}
section.donate .box .in input:hover::-webkit-input-placeholder {color: rgba(255,255,255,1);transition:all 0.4s;}
section.donate .box .in input:hover::-moz-input-placeholder {color: rgba(255,255,255,1);transition:all 0.4s;}
section.donate .box .in input:hover:-ms-input-placeholder {color: rgba(255,255,255,1);transition:all 0.4s;}
section.donate .box .in input:hover:-moz-input-placeholder {color: rgba(255,255,255,1);transition:all 0.4s;}
section.donate .box .in input.err{color:#d50000;}
section.donate .box .in input.err::-webkit-input-placeholder {color:#d50000;}
section.donate .box .in input.err::-moz-placeholder {color:#d50000;}
section.donate .box .in input.err:-ms-input-placeholder {color:#d50000;}
section.donate .box .in input.err:-moz-placeholder {color:#d50000;}
section.donate .box .in input.err:hover::-webkit-input-placeholder {color:#d50000;}
section.donate .box .in input.err:hover::-moz-input-placeholder {color:#d50000;}
section.donate .box .in input.err:hover:-ms-input-placeholder {color:#d50000;}
section.donate .box .in input.err:hover:-moz-input-placeholder {color:#d50000;}
section.donate .desc{width:100%;background:none;outline: none;color:#fff;text-align: center;font-size:16px;color:rgba(255,255,255,0.4);text-align: center;display:inline-block;line-height:1;}
section.donate .box .desc{padding-left:25px;}
section.donate .desc rt{color:#fff200;}
section.donate .agreement{width:100%;text-align: center;margin-top:30px;color:#fff;font-size:14px;line-height:1;cursor:pointer;}
section.donate .agreement span{width:12px;height:12px;box-sizing: border-box;border:2px solid #fff;display:inline-block;margin-right:10px;margin-top:2px;position: relative;}
section.donate .agreement span.active:after{content: "";position: absolute;width: 12px;top: -6px;left: -3px;height: 12px;background: url('/assets/img/V.png');background-size: cover;}
section.donate .agreement span.err{border-color:#d50000;transition:all 0.4s;}
section.donate .agreement a{color:#00bfff;}
section.donate .submit{border:4px solid #fff;background:none;border-radius: 10px;display:block;max-width:100%;width: 310px;height:48px;text-align: center;line-height:40px;color:#fff;text-decoration: none;font-size:22px;margin:35px auto 15px;font-family:'Clear Sans';transition:all 0.4s;cursor:pointer;transition: all 0.4s;}
section.donate .submit:hover{background:#fff;color:#252525;transition: all 0.4s;}

section.donate .case{width:100%;margin-top:30px;border-radius: 11px;background-color: rgb(0, 0, 0,0.7);display: inline-block;position: relative;}
section.donate .case a{text-decoration:none;}
section.donate .case .sale{width:80px;height:80px;background: url('/assets/img/sale.png');background-size:cover;background-position:0% 0%;position: absolute;top:0;right:0;cursor: pointer;transition: all 0.25s;}
section.donate .case .sale:hover{width:100px;height:100px;transition: all 0.25s;}
section.donate .case .name{width:100%;margin-top:20px;display:block;text-align: center;font-family: "Clear Sans";color:#fff;font-size:22px;}
section.donate .case .img{width:290px;height:290px;margin:0 auto;display: block;padding:10px;transition: all 0.25s;}
section.donate .case:hover .img{padding:0px;transition: all 0.25s;}
section.donate .case .img-mini{width:236px;height:236px;margin:0 auto;display: block;padding:10px;transition: all 0.25s;}
section.donate .case:hover .img-mini{padding:0px;transition: all 0.25s;}
section.donate .case .price{width:100%;display: inline-block;font-size:18px;text-align: center;color:#fff;font-family: "Clear Sans";margin-bottom: 0;}
section.donate .case .price rt{font-size:18px;}
section.donate .case .btn-o{border:4px solid #fff;border-radius: 10px;display:block;max-width:100%;width: 310px;height:48px;text-align: center;line-height:36px;color:#fff;text-decoration: none;font-size:22px;margin:20px auto 15px;font-weight: bold;transition:all 0.4s;}

section.donate .row .col-12:nth-child(1) .case:hover .btn-o{border:4px solid #ffd52f;transition:all 0.4s;}
section.donate .row .col-12:nth-child(2) .case:hover .btn-o{border:4px solid #b52bdd;transition:all 0.4s;}
section.donate .row .col-12:nth-child(3) .case:hover .btn-o{border:4px solid #8bdd2b;transition:all 0.4s;}
section.donate .row .col-12:nth-child(4) .case:hover .btn-o{border:4px solid #00aeef;transition:all 0.4s;}
section.donate .row .col-12:nth-child(5) .case:hover .btn-o{border:4px solid #f26522;transition:all 0.4s;}
section.donate .row .col-12:nth-child(6) .case:hover .btn-o{border:4px solid #ed1c24;transition:all 0.4s;}

section.donate .case-outher{width:100%;margin-top:30px;border-radius: 11px;background-color: rgb(0, 0, 0,0.7);display: inline-block;padding:40px;}
section.donate .case-outher .block-title{width:100%;display:block;text-align: center;font-family: "Clear Sans";color:#fff;font-size:24px;}
section.donate .case-outher ul{width:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content: center;}
section.donate .case-outher ul li{margin-top:35px;width:20%;}
section.donate .case-outher ul li a{width: 100%;display: flex;flex-wrap: wrap;justify-content: center;text-decoration: none;}
section.donate .case-outher ul li .box-img{width:162px;height:86px;margin:0 auto;display:flex;flex-wrap: wrap;align-items: flex-end;align-content: flex-end;}
section.donate .case-outher ul li .box-img img{max-width:100%;max-height:100%;width: auto;margin: auto;display: block;transform: scale(1);transition: all 0.4s;}
section.donate .case-outher ul li p{width:100%;text-align: center;margin-top:20px;font-size:20px;text-decoration: none;}
section.donate .case-outher ul li:hover .box-img img{transform: scale(1.1);transition: all 0.4s;}
section.donate .box-content{padding: 10px 30px 30px;background: rgba(0,0,0,0.7);border-radius: 10px;}

#popup-sale{width:100%;height:100%;position: fixed;top:0;left:0;display:none;z-index:1000;overflow-y: auto;}
#popup-sale .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale .box{width:900px;max-width:100%;padding:22px;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;}
#popup-sale .box:after{width: 380px;height: 300px;top: -125px;left: 50%;margin-left: -190px;background: url(/assets/img/ornament.png);background-size: 100% auto;background-position: 50% 50%;background-repeat: no-repeat;content: '';position: absolute;}
#popup-sale .box:before{content: '';width: calc(100% - 44px);height: calc(100% - 44px);border: 8px solid rgb(238, 214, 136);position: absolute;top: 22px;left: 22px;}
#popup-sale .box h2{margin-top:160px;width:100%;color:#fff;text-transform: uppercase;font-size:40px;text-align: center;font-family: sans-serif;font-weight: 600;letter-spacing: 5px;}
#popup-sale .box p{margin-top:30px;width:100%;color:#fff;text-align: center;font-family: "Clear Sans";font-size:30px;}
#popup-sale .box p span{color:#fff200;}
#popup-sale .box .line {border: 2px solid rgb(238, 214, 136);width:75%;margin:30px auto 0;display: block;}
#popup-sale .close-icon{position: absolute;top: 40px;right: 40px;min-width: 25px;min-height: 25px;max-width: 30px;cursor: pointer;z-index: 1005;}
#popup-sale .box span:last-child {margin-top: 30px;width: 100%;color: #fff;text-align: center;font-family: "Clear Sans Thin";font-size: 24px;display: block;margin-bottom: 40px;font-weight: 300;}

#popup-sale-8mart{width:100%;height:100%;position: fixed;top:0;left:0;display: none;z-index:1000;overflow-y: auto;}
#popup-sale-8mart .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-8mart .box{width: 950px;max-width:100%;padding:22px;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;}
#popup-sale-8mart .box:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 1002;display: block;top: 0;left: 0;border-radius: 11px;background: url('/assets/img/8mart.png');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
#popup-sale-8mart .box:before{content: '';width: calc(100% - 44px);height: calc(100% - 44px);border: 8px solid #f5989d;position: absolute;top: 22px;left: 22px;}
#popup-sale-8mart .box h2{margin-top: 40px;width: 100%;color: #fff;text-transform: uppercase;font-size: 40px;text-align: center;font-family: sans-serif;font-weight: 600;letter-spacing: 5px;}
#popup-sale-8mart .box p{margin-top: 60px;width:100%;color:#fff;text-align: center;font-family: "Clear Sans";font-size:30px;}
#popup-sale-8mart .box > span{margin-top: 30px;width: 100%;color: #fff;text-align: center;font-family: "Clear Sans Thin";font-size: 24px;display: block;margin-bottom: 40px;font-weight: 300;}
#popup-sale-8mart .close-icon{position: absolute;top: 50px;right: 50px;min-width: 25px;min-height: 25px;max-width: 25px;cursor: pointer;z-index: 1005;}

#popup-sale-12april{width:100%;height:100%;position: fixed;top:0;left:0;display: none;z-index:1000;overflow-y: auto;}
#popup-sale-12april .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-12april .box{width: 950px;max-width:100%;padding:22px;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;}
#popup-sale-12april .box:after{content: "";position: absolute;width: 100%;height: 100%;z-index: 1002;display: block;top: 0;left: 0;border-radius: 11px;background: url('/assets/img/12april.png');background-position: 0% 50%;background-repeat: no-repeat;}
#popup-sale-12april .box:before{content: '';width: calc(100% - 44px);height: calc(100% - 44px);border: 8px solid #f5989d;position: absolute;top: 22px;left: 22px;}
#popup-sale-12april .box h2{margin-top: 200px;width: 100%;color: #fff;text-transform: uppercase;font-size: 40px;text-align: center;font-family: sans-serif;font-weight: 600;letter-spacing: 5px;}
#popup-sale-12april .box p{margin-top: 500px;width:100%;color:#fff;text-align: center;font-family: "Clear Sans";font-size:30px;}
#popup-sale-12april .box > span{margin-top: 30px;width: 100%;color: #fff;text-align: center;font-family: "Clear Sans Thin";font-size: 24px;display: block;margin-bottom: 40px;font-weight: 300;}
#popup-sale-12april .close-icon{position: absolute;top: 50px;right: 50px;min-width: 25px;min-height: 25px;max-width: 25px;cursor: pointer;z-index: 1005;}


#popup-sale-1maya{width:100%;height:100%;position: fixed;top:0;left:0;display:none;z-index:1000;overflow-y: auto;}
#popup-sale-1maya .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-1maya .box{width:900px;max-width:100%;padding:22px;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;}
#popup-sale-1maya .box:after{width: 809px;height: 315px;top: -34px;left: 50%;margin-left: -404px;background: url('/assets/img/ornament-1maya.png');background-size: 100% auto;background-position: 50% 50%;background-repeat: no-repeat;content: '';position: absolute;}
#popup-sale-1maya .box h2{margin-top:302px;width:100%;color:#fff;text-transform: uppercase;font-size:30px;text-align: center;font-family: sans-serif;font-weight: 600;letter-spacing: 5px;}
#popup-sale-1maya .box .sub-title{font-size: 30px;text-transform: uppercase;font-weight: bold;margin-top:15px;}
#popup-sale-1maya .box p{margin-top:30px;width:100%;color:#fff;text-align: center;font-family: "Clear Sans";font-size:22px;}
#popup-sale-1maya .close-icon{position: absolute;top: 40px;right: 40px;min-width: 25px;min-height: 25px;max-width: 30px;cursor: pointer;z-index: 1005;}
#popup-sale-1maya .box span:last-child {margin-top: 30px;width: 100%;color: #fff;text-align: center;font-family: "Clear Sans Thin";font-size: 22px;display: block;margin-bottom: 40px;font-weight: 300;}
#popup-sale-1maya .box .back-brg{width: 100%;height: auto;position: absolute;left:0;bottom:0;}

#popup-sale-9maya{width:100%;height:100%;position: fixed;top:0;left:0;display:none;z-index:1000;overflow-y: auto;}
#popup-sale-9maya .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-9maya .box{width:900px;max-width:100%;padding:22px;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;}
#popup-sale-9maya .box:after{width: 508px;height: 333px;top: -90px;left: 50%;margin-left: -254px;background: url('/assets/img/ornament-9maya.png');background-size: 100% auto;background-position: 50% 50%;background-repeat: no-repeat;content: '';position: absolute;}
#popup-sale-9maya .box h2{margin-top:265px;width:100%;color:#fff;text-transform: uppercase;font-size:30px;text-align: center;font-family: sans-serif;font-weight: 600;letter-spacing: 5px;}
#popup-sale-9maya .box .sub-title{font-size: 30px;text-transform: uppercase;font-weight: bold;margin-top:15px;}
#popup-sale-9maya .box p{margin-top:30px;width:100%;color:#fff;text-align: center;font-family: "Clear Sans";font-size:22px;}
#popup-sale-9maya .close-icon{position: absolute;top: 40px;right: 40px;min-width: 25px;min-height: 25px;max-width: 30px;cursor: pointer;z-index: 1005;}
#popup-sale-9maya .box span:last-child {margin-top: 30px;width: 100%;color: #fff;text-align: center;font-family: "Clear Sans Thin";font-size: 22px;display: block;margin-bottom: 40px;font-weight: 300;}
#popup-sale-9maya .box .back-brg{width: 100%;height: auto;position: absolute;left:0;bottom:0;}

#popup-sale-all{width:100%;height:100%;position: fixed;top:0;left:0;display: none;z-index:1000;overflow-y: auto;}
#popup-sale-all .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-all .box{width: 950px;max-width:100%;background-color: rgba(0, 0, 0, 0.9);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;overflow: hidden;}
#popup-sale-all .box .popup-sale-all-img{width:100%;height:100%;}
#popup-sale-all .close-icon{position: absolute;top: 50px;right: 50px;min-width: 25px;min-height: 25px;max-width: 25px;cursor: pointer;z-index: 1005;}

#popup-sale-1may21{width:100%;height:100%;position: fixed;top:0;left:0;display: none;z-index:1000;overflow-y: auto;}
#popup-sale-1may21 .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-1may21 .box{width: 950px;max-width:100%;background-color: rgba(0, 0, 0, 0);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;overflow: hidden;}
#popup-sale-1may21 .box .popup-sale-all-img{width:100%;height:100%;}
#popup-sale-1may21 .close-icon{position: absolute;top: 153px;right: 40px;min-width: 25px;min-height: 25px;max-width: 25px;cursor: pointer;z-index: 1005;}

#popup-sale-9may21{width:100%;height:100%;position: fixed;top:0;left:0;display: none;z-index:1000;overflow-y: auto;}
#popup-sale-9may21 .close{width: 100%;height: 100%;z-index:1001;position: absolute;top:0;left:0;cursor: pointer;}
#popup-sale-9may21 .box{width: 950px;max-width:100%;background-color: rgba(0, 0, 0, 0);margin:150px auto 0;position: relative;z-index:1002;border-radius: 11px;overflow: hidden;}
#popup-sale-9may21 .box .popup-sale-all-img{width:100%;height:100%;}
#popup-sale-9may21 .close-icon{position: absolute;top: 28px;right: 20px;min-width: 25px;min-height: 25px;max-width: 25px;cursor: pointer;z-index: 1005;}


@media (min-width: 1600px){            
    section.donate .title{font-size:28px;margin-top:100px;}
    section.donate h1{font-size:32px;margin-top:100px;}
    section.donate .table{width: 70%;flex: 0 0 70%;}    
    section.donate ul li p{font-size:22px;}
    section.donate ul li {display: flex;align-items: flex-end;line-height:1;margin-top:10px;}
    section.donate ul li .value{flex-basis: 180px;}    
    section.donate .box{width:100%;margin-top:40px;}
    section.donate .form{width: 40%;flex: 0 0 40%;max-width:100%;}
    section.donate .box .desc{font-size:14px;}
    section.donate .agreement{margin-top:40px;font-size:16px;height:16px;}
    section.donate .agreement span{width:16px;height:16px;margin-right:10px;margin-top:2px;} 
    section.donate .agreement span.active:after{content: "";position: absolute;width: 16px;top: -8px;left: -4px;height: 16px;background: url('/assets/img/V.png');background-size: cover;}
    section.donate .submit{font-size:18px;}
}
@media (max-width: 768px){
    section.donate .case-outher ul li{width:50%;}
    section.donate .box .in label{
        width:100%;
        text-align: center;
    }
    section.donate .box .in input{
        width:100%;
        text-align: center;
    }
}

section.contact{width:100%;}
section.contact .image{width:304px;height:282px;max-width:100%;margin-top:40px;display: inline-block;padding:0 0%;box-sizing: border-box;transition:all 0.4s;}
section.contact .image img{width:100%;}
section.contact .image:hover{padding:0px 15px;box-sizing: border-box;transition:all 0.4s;}
section.contact .agreement{width:100%;margin-top:50px;}
section.contact .agreement p{width:100%;color:#fff;text-align: center;margin-bottom:0;font-size:14px;}
section.contact .agreement p a{color:#00aeff;}
section.contact .title{width:100%;text-align: center;color:#fff;margin-top:80px;font-size:14px;opacity:0.4;}
section.contact .text{width:100%;text-align: center;color:#fff;font-size:14px;line-height:1;display:inline-block;opacity:0.4;}
section.contact .text p{width:auto;display:inline-block;margin:0 10px;line-height:1;}
@media (min-width: 1600px){
    section.contact{width:100%;box-sizing: border-box;}
    section.contact .image{width:427px;height:402px;max-width:100%;margin-top:40px;display: inline-block;}
    section.contact .image img{width:100%;}
    section.contact .agreement{width:100%;margin-top:70px;}
    section.contact .agreement p{width:100%;color:#fff;text-align: center;margin-bottom:0;font-size:18px;}
    section.contact .agreement p a{color:#00aeff;}
    section.contact .title{width:100%;text-align: center;color:#fff;margin-top:70px;font-size:19px;opacity:0.4;}
    section.contact .text{width:100%;text-align: center;color:#fff;font-size:13px;line-height:1;display:inline-block;opacity:0.4;}
    section.contact .text p{width:auto;display:inline-block;margin:0 10px;line-height:1;}
}


#linku{width: auto;max-width:100%;background: rgba(3,3,3,0.4);padding-bottom: 10px;list-style:none;padding:0 40px 20px;margin-top:30px;display:none;}
#linku li{width:100%;color:#fff;font-size:20px;margin-top:10px;text-align: center;}
#linku li a{border:none;font-size:15px;color:#fff;text-align: center;}
#linku li a img{margin-right:10px;width: auto;height: 20px;}
#linku.active{display:block;}
.subps{
width:100%;
color: #bbb;
    padding: 0 40px;
    text-align: center;
    font-size: 14px;
}

.cookie {
    position: fixed;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    width: auto;
    max-width: 37.5rem;
    background-color: #383D45;
    border-radius: 0.3125rem;
    z-index: 99999;
    padding: 1.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    color: #FFF;
    font-size: 0.9375rem;
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 1;
    transform: translateY(0);
}

.cookie.hide {
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
}

.cookie-button {
    color: #FFF;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    border-radius: 1.09375rem;
    padding: 0.44rem 3.31rem;
    font-family: "Clear Sans", Arial, Helvetica, sans-serif;
    background: linear-gradient(90deg, #F89140 0%, #E17724 100%);
    box-shadow: 2px 2px 18px 0px rgba(248, 145, 64, 0.30);
    cursor: pointer;
    user-select: none;
    transition: background 0.5s;
}

.cookie-button:hover {
    background: linear-gradient(90deg, #FF9E52 0%, #EA812E 100%);
}

.cookie-link {
    color: #F89140;
    text-decoration: underline;
}

.cookie-link:hover {
    color: #F89140;
}