*{
	padding: 0;
	margin: 0;
}
img{
	position: absolute;
}
@media only screen and (max-width: 18000px) {
.glxavor{
	width: 100%;
	height: 140px;
	overflow: hidden;
	position: relative;
    max-width: 1920px;
    min-width: 300px;
    background-color: #8e090c;
}
.logo{
    top: 37px;
    left: 166px;
}
.txt1{
	top: 97px;
    left: 11px;
    animation-name: txt1;
}
 
.txt11 {
    top: 97px;
    left: 196px;
    animation-name: txt11;
}
.txt2{
    top: 14px;
    left: 769px;
    animation-name: txt2;
}
.txt3{
    top: 227px;
    left: 16px;
    animation-name: txt3;
}
.d{
 
    animation-name: d;
}
.vt{
  
    animation-name: vt;
}
.but{
    top: 33px;
    left: 85%;
    animation-name: but;
}
.plus21{
top: 75px;
    left: 85%;
    animation-name: plus21;
}




 .a1{
	    top: -53px;
    left: 106px;
    width: 1000px;
}
.a2{
        left: 642px;
    top: 248px;
    opacity: 1;
    animation-name: a2;
}
.g{
	    left: 599px;
    top: 84px;
    opacity: 0.7;
    width: 223.5px;
} 
.a3{
    left: 517px;
    top: 260px;
    width: 20px;
    animation-name: a3;
}
.a4{
    left: 755px;
    top: 188px;
    animation-name: a4;
}
.a5{
    left: 784px;
    top: 180px;
    animation-name: a5;
}
.a6{
    left: 521px;
    top: 527px;
    width: 33px;
    animation-name: a6
}
.a7{
    left: 713px;
    top: 332px;
    width: 95px;
    animation-name: a7;
}
.a8{
    left: 721px;
    top: 312px;
    width: 37px;
    animation-name: a8;
}
.a22{
    position: absolute;
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
        position: absolute;
    top: -78px;
    left: 374px;
}
.dv3{
        position: absolute;
    top: -185px;
    left: 751px;
}
.dvt{
        position: absolute;
    width: 92px;
    height: 46px;
    overflow: hidden;
    left: 255px;
    top: 223px;
    transform: scale(0.8);
}
.a{
        position: absolute;
    top: -169px;
    transform: scale(0.8);
    left: 44%;
}
/*-----------------------------------------anim------------------------------------------*/
 .anim{
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 .animb{
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 .animss{
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
 .anims{
animation-duration: 0.5s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
 .buts{
 animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}
@keyframes a2{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}
@keyframes a3{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes a4{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}
@keyframes a5{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}
@keyframes a6{
0%{opacity: 0;}
50%{opacity: 1;}
100%{opacity: 1;}
}
@keyframes a7{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes a8{
0%{opacity: 1;}
50%{opacity: 0;}
100%{opacity: 1;}
}
@keyframes txt1{
0%,1%{opacity: 0;transform: scale(1.2);}
7%{opacity: 1;transform: scale(1.04);}
8%{opacity: 1;transform: scale(1);}
9%{opacity: 1;transform: scale(1.02);}
10%{opacity: 1;transform: scale(1);}
 
}
@keyframes txt11{
0%,10%{opacity: 0;transform: scale(1.2);}
17%{opacity: 1;transform: scale(1.04);}
18%{opacity: 1;transform: scale(1);}
19%{opacity: 1;transform: scale(1.02);}
20%{opacity: 1;transform: scale(1);}
 
}
@keyframes d{
0%{top: -50px;}
50%{top: 50px;}
51%,100%{top: 50px;}
}
@keyframes vt{
0%,45%{top: -50px;}
100%{top: 50px;}
}
@keyframes but{
 0%{ transform: scale(1);}
50%{ transform: scale(1.15);}
100%{ transform: scale(1);}

}
}
@media only screen and (max-width: 1751px) {
.logo{
    top: 37px;
    left: 136px;
}
.txt2{
    top: 14px;
    left: 692px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 33px;
    left: 85%;
}
.plus21{
    top: 75px;
    left: 83%;

}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
    top: -78px;
    left: 301px;
}
.dv3{
    top: -185px;
    left: 673px;
}
.a{
top: -169px;
    transform: scale(0.8);
    left: 42%;
}
}
@media only screen and (max-width: 1671px) {
.logo{
top: 37px;
    left: 193px;
}
.txt2{
    top: 51px;
    width: 224px;
    left: 432px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 33px;
    left: 85%;
}
.plus21{
top: 75px;
    left: 82%;

}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
    top: -63px;
    left: 419px;
    transform: scale(0.7);
}
.dv3{
    top: -90px;
    left: 422px;
    transform: scale(0.7);
}
.a{
    top: -144px;
    left: 34%;
    transform: scale(0.7);
}
}
@media only screen and (max-width: 1400px) {
.logo{
    top: 37px;
    left: 149px;

}
.txt2{
    top: 51px;
    width: 224px;
    left: 343px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
top: 33px;
    left: 83%;
}
.plus21{
top: 75px;
    left: 80%;

}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
    top: -63px;
    left: 329px;
    transform: scale(0.7);
}
.dv3{
    top: -90px;
    left: 330px;
    transform: scale(0.7);
}
.a{
    top: -144px;
    left: 31%;
    transform: scale(0.7);
}
}
@media only screen and (max-width: 1250px) {
.logo{
    top: 37px;
    left: 149px;

}
.txt2{
    top: 51px;
    width: 224px;
    left: 343px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 37px;
    width: 132px;
    left: 84%;
}
.plus21{
top: 79px;
    left: 81%;
    width: 191px;
}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
    top: -63px;
    left: 329px;
    transform: scale(0.7);
}
.dv3{
    top: -90px;
    left: 330px;
    transform: scale(0.7);
}
.a{
    top: -144px;
    left: 28%;
    transform: scale(0.7);
}
}
@media only screen and (max-width: 1125px) {
.logo{
    top: 37px;
    left: 149px;
    display: none;

}
.logo2{
    display: block !important;
    top: 35px;
    left: 152px;
}
.txt2{
    top: 51px;
    width: 224px;
    left: 256px;

}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 37px;
    width: 132px;
    left: 84%;
}
.plus21{
top: 81px;
    left: 81%;
    width: 174px;
}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
top: -63px;
    left: 242px;
    transform: scale(0.7);
}
.dv3{
    top: -90px;
    left: 244px;
    transform: scale(0.7);
}
.a{
top: -144px;
    left: 23%;
    transform: scale(0.7);
}
}
@media only screen and (max-width: 1060px) {
.logo{
    top: 37px;
    left: 149px;
    display: none;

}
.logo2{
    display: block !important;
    top: 35px;
    left: 152px;
}
.txt2{
    top: 51px;
    width: 224px;
    left: 256px;

}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 42px;
    width: 119px;
    left: 84%;
}
.plus21{
    top: 83px;
    left: 81%;
    width: 161px;
}
.a22{
    left: -770px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
top: -63px;
    left: 242px;
    transform: scale(0.7);
}
.dv3{
    top: -90px;
    left: 244px;
    transform: scale(0.7);
}
.a{
    top: -81px;
    left: 33%;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 911px) {
.logo{
    top: 37px;
    left: 149px;
    display: none;

}
.logo2{
    display: block !important;
    top: 35px;
    left: 79px;
}
.txt2{
    top: 51px;
    width: 224px;
    left: 169px;

}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 42px;
    width: 119px;
    left: 83%;
}
.plus21{
top: 83px;
    left: 79%;
    width: 161px;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
}
.divtxt1{
top: -63px;
    left: 157px;
    transform: scale(0.7);
}
.dv3{
top: -90px;
    left: 157px;
    transform: scale(0.7);
}
.a{
    top: -81px;
    left: 27%;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 800px) {
.logo{
    top: 37px;
    left: 149px;
    display: none;

}
.logo2{
    display: block !important;
    top: 35px;
    left: 5px;

}
.txt2{
    top: 51px;
    width: 192px;
    left: 95px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
 top: 42px;
    width: 119px;
    left: 80%;
}
.plus21{
top: 83px;
    left: 76%;
    width: 161px;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
top: -46px;
    left: 84px;
    transform: scale(0.6);
}
.dv3{
    top: -67px;
    left: 85px;
    transform: scale(0.6);
}
.a{
top: -81px;
    left: 16%;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 691px) {
.logo{
top: 8px;
    width: 95px;
    left: 10px;
    display: block !important;
}
.logo2{
    display: none !important;
    top: 35px;
    left: 5px;

}
.txt2{
    top: 64px;
    width: 144px;
    left: 6px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 45px;
    width: 106px;
    left: 79%;
}
.plus21{
    top: 84px;
    left: 75%;
    width: 146px;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
    top: -12px;
    left: -3px;
    transform: scale(0.45);
}
.dv3{
top: -38px;
    left: -3px;
    transform: scale(0.5);
}
.a{
    top: -81px;
    left: 3%;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 641px) {
.logo{
top: 8px;
    width: 95px;
    left: 10px;
    display: block !important;
}
.logo2{
    display: none !important;
    top: 35px;
    left: 5px;

}
.txt2{
    top: 64px;
    width: 144px;
    left: 6px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 45px;
    width: 106px;
    left: 78%;
}
.plus21{
    top: 84px;
    left: 74%;
    width: 146px;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
    top: -12px;
    left: -3px;
    transform: scale(0.45);
}
.dv3{
top: -38px;
    left: -3px;
    transform: scale(0.5);
}
.a{
top: -81px;
    left: 0%;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 581px) {
.logo{
top: 8px;
    width: 95px;
    left: 10px;
    display: block !important;
}
.logo2{
    display: none !important;
    top: 35px;
    left: 5px;

}
.txt2{
    top: 64px;
    width: 144px;
    left: 6px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 45px;
    width: 106px;
    left: 77%;
}
.plus21{
    top: 86px;
    left: 74%;
    width: 129px;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
    top: -12px;
    left: -3px;
    transform: scale(0.45);
}
.dv3{
top: -38px;
    left: -3px;
    transform: scale(0.5);
}
.a{
    top: -63px;
    left: 7%;
    transform: scale(0.4);
}
}
@media only screen and (max-width: 521px) {
.logo{
top: -17px;
    width: 95px;
    left: 10px;
    display: block!important;
}
.logo2{
    display: none !important;
    top: 35px;
    left: 5px;
}
.logo3{
    top: 71px;
    left: 10px;
    display: none !important;
}
.txt2{
top: 35px;
    width: 144px;
    left: 6px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 74px;
    width: 97px;
    left: 23px;
}
.plus21{
    top: 86px;
    left: 74%;
    width: 129px;
    display: none;
}
.plus212{
    top:105px;
    left: 0;
right: 0;
margin: 0 auto;
width: 60%;
    display: block !important;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
    top: -39px;
    left: -3px;
    transform: scale(0.45);
}
.dv3{
    top: -65px;
    left: -3px;
    transform: scale(0.5);
}
.a{
top: -96px;
    left: -8px;
    transform: scale(0.5);
}
}
@media only screen and (max-width: 360px) {
.logo{
top: -17px;
    width: 95px;
    left: 10px;
    display: block!important;
}
.logo2{
    display: none !important;
    top: 35px;
    left: 5px;
}
.logo3{
    top: 71px;
    left: 10px;
    display: none !important;
}
.txt2{
top: 35px;
    width: 144px;
    left: 6px;
}
.txt3{
    top: 227px;
    left: 16px;
}
.but{
    top: 74px;
    width: 90px;
    left: 25px;
}
.plus21{
    top: 86px;
    left: 74%;
    width: 129px;
    display: none;
}
.plus212{
    top: 105px;
    left: 0;
right: 0;width: 90%;
margin: 0 auto;
    display: block !important;
}
.a22{
left: -828px;
    transform: scale(1.1);
    top: -159px;
    display: none;
}
.divtxt1{
    top: -39px;
    left: -3px;
    transform: scale(0.45);
}
.dv3{
    top: -65px;
    left: -3px;
    transform: scale(0.5);
}
.a{
top: -56px;
    left: 6px;
transform: scale(0.4);
}
}
 