*{
    padding: 0;
    margin: 0;
}
img{
    position: absolute;
}
.glxavor{
    width: 100%;
    height: 140px;
    position: relative;
    overflow: hidden;
    max-width: 1920px;
    min-width: 300px;
}
.logo{
    top: 36px;
    left: 20px;
    animation-name: logo;
}
.dive{
    position: absolute;
    left: 354px;
top: 51px;
    transform: scale(1);
    height: 32px;
}
.a{
    position: absolute;
    left: 904px;
}
.divtxt{
    position: absolute;
    left: 1296px;
    top: 14px;
}
.dive1{
    position: absolute;
    width: 145px;
    overflow: hidden;
    height: 32px;
    animation-name: dive1;

}
.dive2{
    position: absolute;
    width: 145px;
    overflow: hidden;
    height: 32px;
    left: 152px;
    animation-name: dive2;

}
.dive3{
    position: absolute;
    width: 145px;
    overflow: hidden;
    height: 32px;
    left: 310px;
    animation-name: dive3;

}
.txt1{
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 39px;
    animation-name: txt1;
}
.vs{
left: 99px;
    right: 0;
    margin: 0 auto;
top: 48px;
    animation-name: vs;
}
.but{
left: 88%;
        top: 40px;
    animation-name: but;
}
.dzax{
    top: -72px;
}
.aj{
        left: 67%;
    top: -102px;
}
.plus21{
    left: 81%;
    top: 129px;
    z-index: 1000;
    animation-name: plus21;
}

.a1{
    top: -195px;
    transform: scale(0.3);
    left: -142px;
    animation-name: a1;
}

.a2{
    left: 60px;
    transform: scale(0.3);
    top: -151px;
    animation-name: a2;
}
.fons{
left: 94px;
    top: -110px;
    width: 321px;
    animation-name: fons;
}
.txt2{
left: 0;
    right: 0;
    margin: 0 auto;
    top: 39px;
    animation-name: txt2;
}
.a3{
    top: -175px;
    transform: scale(0.3);
    left: -74px;
    animation-name: a3;
}
.a4{
top: -171px;
    left: 153px;
    animation-name: a4;
    transform: scale(0.3);
}
.txt3{
left: 0;
    right: 0;
    margin: 0 auto;
    top: 38px;
    animation-name: txt3;
}
.a5{
     top: -149px;
    transform: scale(0.3);
    left: -197px;
    animation-name: a5;
}
.a6{
    top: -141px;
    left: 53px;
    transform: scale(0.3);
    animation-name: a6;
}
.txt4{
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 39px;
    animation-name: txt4;
}
.a7{
top: -158px;
    transform: scale(0.3);
    left: -98px;
    animation-name: a7;
}
.a8{
    top: -195px;
    transform: scale(0.3);
    left: 180px;
    animation-name: a8;
}
.txt5{
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 39px;
    animation-name: txt5;
}
.a9{
top: -150px;
    transform: scale(0.3);
    left: -105px;
    animation-name: a9;
}
.a10{
    top: -169px;
    transform: scale(0.3);
    left: 165px;
    animation-name: a10;
}
/*-----------------------------------------anim------------------------------------------*/
 .anim{
  animation-duration: 14s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 .buts{
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes fons{
0%,1%{opacity: 0;}
10%{opacity: 1;}
11%,100%{opacity: 1;}
}
@keyframes dive1{
0%,1%{width: 23px;}
3%{width: 145px;}
4%,100%{width: 145px}
}
@keyframes dive2{
0%,3%{width: 23px;}
6%{width: 145px;}
7%,100%{width: 145px}
}
@keyframes dive3{
0%,6%{width: 23px;}
9%{width: 145px;}
10%,100%{width: 145px}
}
@keyframes vs{
0%,11%{transform: rotateY(-180deg);opacity:0;}
17%{transform:rotateY(0deg);opacity:1;}
18%,25%{transform:rotateY(0deg);opacity:1;}
35%{transform:rotateY(360deg);opacity:1;}
36%,45%{transform:rotateY(360deg);opacity:1;}
51%{transform:rotateY(720deg);opacity:1;}
52%,62%{transform:rotateY(720deg);opacity:1;}
69%{transform:rotateY(1080deg);opacity:1;}
67%,82%{transform:rotateY(1080deg);opacity:1;}
89%{transform:rotateY(1440deg);opacity:1;}
90%,100%{transform:rotateY(1440deg);opacity:1;}

 
}
@keyframes txt1{
0%,9%{transform: scale(1.1);opacity:0;}
11%{transform: scale(1);opacity:1;}
12%,25%{transform: scale(1);opacity:1;}
27%{transform: scale(1);opacity:0;}
28%,100%{transform: scale(1);opacity:0;}
 
}
@keyframes a1{
0%,11%{opacity: 0;}
14%{opacity: 1;}
15%,25%{opacity: 1;}
27%{opacity: 0;}
28%,100%{opacity: 0;}
 
}
@keyframes a2{
0%,11%{opacity: 0;}
14%{opacity: 1;}
15%,25%{opacity: 1;}
27%{opacity: 0;}
28%,100%{opacity: 0;}
}
@keyframes txt2{
0%,27%{transform: scale(1.1);opacity:0;}
29%{transform: scale(1);opacity:1;}
30%,44%{transform: scale(1);opacity:1;}
46%{transform: scale(1);opacity:0;}
47%,100%{transform: scale(1);opacity:0;}
 
}
@keyframes a3{
0%,29%{opacity: 0;}
32%{opacity: 1;}
33%,44%{opacity: 1;}
46%{opacity: 0;}
47%,100%{opacity: 0;}
 
}
@keyframes a4{
0%,29%{opacity: 0;}
32%{opacity: 1;}
33%,44%{opacity: 1;}
46%{opacity: 0;}
47%,100%{opacity: 0;}
}
 




 @keyframes txt3{
0%,46%{transform: scale(1.1);opacity:0;}
48%{transform: scale(1);opacity:1;}
50%,62%{transform: scale(1);opacity:1;}
64%{transform: scale(1);opacity:0;}
65%,100%{transform: scale(1);opacity:0;}
 
}
@keyframes a5{
0%,48%{opacity: 0;}
51%{opacity: 1;}
52%,62%{opacity: 1;}
64%{opacity: 0;}
65%,100%{opacity: 0;}
 
}
@keyframes a6{
0%,48%{opacity: 0;}
51%{opacity: 1;}
52%,62%{opacity: 1;}
64%{opacity: 0;}
65%,100%{opacity: 0;}
}
 
 @keyframes txt4{
0%,64%{transform: scale(1.1);opacity:0;}
66%{transform: scale(1);opacity:1;}
67%,80%{transform: scale(1);opacity:1;}
82%{transform: scale(1);opacity:0;}
83%,100%{transform: scale(1);opacity:0;}
 
}
@keyframes a7{
0%,66%{opacity: 0;}
69%{opacity: 1;}
70%,80%{opacity: 1;}
82%{opacity: 0;}
83%,100%{opacity: 0;}
 
}
@keyframes a8{
0%,66%{opacity: 0;}
69%{opacity: 1;}
70%,80%{opacity: 1;}
82%{opacity: 0;}
83%,100%{opacity: 0;}
}
 @keyframes txt5{
0%,82%{transform: scale(1.1);opacity:0;}
84%{transform: scale(1);opacity:1;}
85%,100%{transform: scale(1);opacity:1;}
 
 
}
@keyframes a9{
0%,84%{opacity: 0;}
87%{opacity: 1;}
88%,100%{opacity: 1;}
}
@keyframes a10{
0%,84%{opacity: 0;}
87%{opacity: 1;}
88%,100%{opacity: 1;}
}
 @keyframes but{
0%{transform: scale(0.8);}
50%{transform: scale(1);}
100%{transform: scale(0.8);}
}
@media only screen and (max-width: 1917px) {
.logo{
        top: 36px;
    left: 20px;
}
.dive{
    position: absolute;
    left: 354px;
top: 51px;
    transform: scale(1);
    height: 32px;
}
.a{
    position: absolute;
    left: 904px;
}
.divtxt{
      position: absolute;
    left: 1249px;
    top: 14px;
}
.but{
left: 88%;
       top: 40px;
}
.dzax{
    top: -72px;
}
.aj{
        left: 67%;
    top: -102px;
}
.plus21{
    left: 81%;
    top: 129px;
    z-index: 1000;
 
}

}
@media only screen and (max-width: 1860px) {
.logo{
        top: 36px;
    left: 20px;
}
.dive{
    position: absolute;
    left: 354px;
  top: 51px;
    transform: scale(1);
    height: 32px;
}
.a{
position: absolute;
    left: 833px;
}
.divtxt{
position: absolute;
    left: 1180px;
    top: 14px;
}
.but{
left: 88%;
      top: 40px;
}
.dzax{
    top: -72px;
}
.aj{
        left: 67%;
    top: -102px;
}
.plus21{
    left: 80%;
    top: 129px;
    z-index: 1000;
 
}

}
@media only screen and (max-width: 1780px) {
.logo{
     top: 36px;
    left: 20px;
}
.dive{
    position: absolute;
    left: 354px;
    top: 13px;
    transform: scale(1);
    height: 32px;
}
.a{
    position: absolute;
    left: 915px;
}
.divtxt{
position: absolute;
    left: 415px;
    top: 17px;

}
.but{
left: 88%;
    top: 40px;
}
.dzax{
    top: -72px;
}
.aj{
        left: 67%;
    top: -102px;
}
.plus21{
    left: 80%;
    top: 129px;
    z-index: 1000;
 
}
.txt2 {
    left: -24px;
    right: 0;
    margin: 0 auto;
    top: 39px;
    animation-name: txt2;
}
}
@media only screen and (max-width: 1667px) {
.logo{
    top: 36px;
    left: 20px;
}
.dive{
    position: absolute;
    left: 354px;
    top: 13px;
    transform: scale(1);
    height: 32px;
}
.a{
    position: absolute;
    left: 876px;
}
.divtxt{
position: absolute;
    left: 415px;
    top: 17px;

}
.but{
    left: 86%;
    top: 40px;
}
.dzax{
    top: -72px;
}
.aj{
        left: 67%;
    top: -102px;
}
.plus21{
     left: 78%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 1518px) {
.logo{
 top: 37px;
    left: 20px;
    width: 162px;
}
.dive{
    position: absolute;
    left: 237px;
    top: 13px;
    transform: scale(1);
    height: 32px;
}
.a{
    position: absolute;
    left: 751px;
}
.divtxt{
    position: absolute;
    left: 292px;
    top: 17px;

}
.but{
    left: 84%;
      top: 40px;
}
.dzax{
    top: -72px;
}
.aj{
    left: 60%;
    top: -102px;
}
.plus21{
    left: 75%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 1310px) {
.logo{
 top: 37px;
    left: 20px;
    width: 162px;
}
.dive{
    position: absolute;
    left: 237px;
    top: 13px;
    transform: scale(1);
    height: 32px;
}
.a{
position: absolute;
    left: 694px;
}
.divtxt{
    position: absolute;
    left: 292px;
    top: 17px;

}
.but{
    left: 85%;
    top: 33px;
    width: 150px;
}
.dzax{
    top: -72px;
}
.aj{
    left: 60%;
    top: -102px;
}
.plus21{
    left: 72%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 1220px) {
.logo{
    top: 5px;
    left: 149px;
    width: 162px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 50%;
    top: -102px;
}
.dive{
    position: absolute;
    left: 59px;
    top: 43px;
    transform: scale(0.8);
    height: 32px;
}
.a{
    position: absolute;
    left: 506px;
}
.divtxt{
    position: absolute;
    left: 103px;
    transform: scale(0.8);
    top: 48px;

}
.but{
 left: 81%;
    top: 33px;
    width: 150px;
}
.dzax{
    top: -72px;
}
.aj{
    left: 60%;
    top: -102px;
}
.plus21{
    left: 67%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 1055px) {
.logo{
    top: 5px;
    left: 101px;
    width: 162px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 45%;
    top: -102px;
}
.dive{
position: absolute;
    left: 12px;
    top: 43px;
    transform: scale(0.8);
    height: 32px;
}
.a{
    position: absolute;
    left: 400px;
}
.divtxt{
    position: absolute;
    left: 53px;
    transform: scale(0.8);
    top: 48px;

}
.but{
 left: 81%;
    top: 33px;
    width: 150px;
}
.dzax{
    top: -72px;
}
.aj{
    left: 60%;
    top: -102px;
}
.plus21{
    left: 64%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 910px) {
.logo{
top: 14px;
    left: 101px;
    width: 110px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
    position: absolute;
    left: 28px;
    top: 42px;
    transform: scale(0.6);
    height: 32px;
}
.a{
    position: absolute;
    left: 331px;
}
.divtxt{
    position: absolute;
    left: 65px;
    transform: scale(0.6);
    top: 54px;

}
.but{
    left: 81%;
    top: 40px;
    width: 120px;
}
.dzax{
    top: -72px;
}

.plus21{
left: 59%;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 836px) {
.logo{
top: 14px;
    left: 101px;
    width: 110px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
    position: absolute;
    left: 28px;
    top: 42px;
    transform: scale(0.6);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
     top: 29px;
    transform: scale(0.8);
}
.divtxt{
    position: absolute;
    left: 65px;
    transform: scale(0.6);
    top: 54px;

}
.but{
    left: 81%;
    top: 64px;
    width: 120px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 56%;
    top: 129px;
    z-index: 1000
 
}
 
}
@media only screen and (max-width: 750px) {
.logo{
top: 10px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 23px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
   top: 29px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -273px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 56px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 248px;
    transform: scale(0.5);
    top: 33px;

}
.but{
left: 284px;
    top: 105px;
    width: 86px;
    z-index: 100000;
    
}
.dzax{
    top: -72px;
}

.plus21{
left: 184px;
    top: 129px;
    z-index: 1000;
 
}
 
}
@media only screen and (max-width: 670px) {
.logo{
top: 10px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 23px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 33px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -273px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 46px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 248px;
    transform: scale(0.5);
    top: 33px;

}
.but{
    left: 274px;
    top: 97px;
    width: 107px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
left: 184px;
top: 131px;
    z-index: 1000;
 
}
 .min{
        position: absolute;
    left: -43px;
}
}
@media only screen and (max-width: 617px) {
.logo{
top: 10px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 23px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 33px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -273px;
}
.vs{
left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 46px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 248px;
    transform: scale(0.5);
    top: 33px;

}
.but{
    left: 275px;
    top: 96px;
    width: 98px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
left: 184px;
top: 130px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -71px;
}
}
@media only screen and (max-width:561px) {
.logo{
top: 10px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 23px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 33px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -273px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 50px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 248px;
    transform: scale(0.5);
    top: 33px;

}
.but{
    left: 283px;
    top: 102px;
    width: 88px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
left: 184px;
top: 131px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -98px;
}
}
@media only screen and (max-width:498px) {
.logo{
top: -12px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 0px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 33px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -273px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 30px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 245px;
    transform: scale(0.5);
    top: 10px;

}
.but{
    left: 274px;
    top: 85px;
    width: 100px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 184px;
    top: 121px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -77px;
    top: 15px;
    transform: scale(0.9);
}
}
@media only screen and (max-width:460px) {
.logo{
top: -12px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 0px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 38px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -217px;
}
.aaa{
    position: absolute;
    left: -100px;
}
.vs{
   left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 31px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 245px;
    transform: scale(0.5);
    top: 10px;

}
.but{
   left: 283px;
    top: 92px;
    width: 85px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 184px;
    top: 122px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -77px;
    transform: scale(0.9);
}
}
@media only screen and (max-width:430px) {
.logo{
top: -12px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 0px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 38px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -217px;
}
.aaa{
    position: absolute;
    left: -100px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 28px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 245px;
    transform: scale(0.5);
    top: 10px;

}
.but{
   left: 283px;
    top: 92px;
    width: 85px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 184px;
    top: 122px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -108px;
    transform: scale(0.9);
}
}
@media only screen and (max-width:370px) {
.logo{
top: -12px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 0px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 38px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -217px;
}
.aaa{
    position: absolute;
    left: -100px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 21px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 245px;
    transform: scale(0.5);
    top: 10px;

}
.but{
   left: 283px;
    top: 92px;
    width: 85px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 184px;
    top: 122px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -130px;
    transform: scale(0.9);
}
}
@media only screen and (max-width:340px) {
.logo{
top: -12px;
    left: 285px;
    width: 76px;
}
.dzax {
    top: -72px;
    left: -199px;
}
.aj {
    left: 37%;
    top: -102px;
}
.dive{
position: absolute;
    left: 219px;
    top: 0px;
    transform: scale(0.5);
    height: 32px;
}
.a{
position: absolute;
    left: 329px;
    top: 39px;
    transform: scale(0.8);
}
.aa{
        position: absolute;
    left: -217px;
}
.aaa{
    position: absolute;
    left: -100px;
}
.vs{
    left: -30px;
    width: 50px;
    right: 0;
    margin: 0 auto;
    top: 21px;
    animation-name: vs;
}
.divtxt{
    position: absolute;
    left: 245px;
    transform: scale(0.5);
    top: 10px;

}
.but{
   left: 283px;
    top: 100px;
    width: 85px;
    z-index: 100000;
}
.dzax{
    top: -72px;
}

.plus21{
    left: 184px;
    top: 135px;
    z-index: 1000;
 
}
 .min{
    position: absolute;
    left: -99px;
    transform: scale(0.8);
}
}