/* POPUP ADS */
	.popup-wrap{
		    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
	}

	.popup{
		position: relative;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,1);
/* 		margin: 100px auto; */
/*     top:40%;
    left:30%; */
   
	}
	.popup-timer{
		width: auto;
		height: 25px;
		color: #232323;
		position: absolute;
		right: 25px;
		line-height: 25px;
		padding: 0px 10px;
    top:0;
	}
	.btn-close{
		background-color: #fff;
		width: 25px;
		height: 25px;
		text-align: center;
		line-height: 22px;
		position: absolute;
		right: -2px;
		top: -2px;
		cursor: pointer;
		transition: all 0.5s ease;
		border-radius: 50%;
	}
	.btn-close:hover{
		transform: rotate(360deg);
	}

img {
    height: 100%;
	width: 100%;
}

		
	.btn-join{
		position:absolute;
		top: 550px;
        left: 35%;
       
    }
	
	.btn-join img{
		width: 360px;
	}
.promote{
	 position: absolute;
 top: 320px;
    left: 20%;
}
.promote img{
	width:625px;
	
}
@media all and (min-width:769px) and (max-width: 800px) {
 .popup{
		width: 100%;
		height: 100%;
		top: 0%;
		left:0%;
/* 		background-color: rgba(0,0,0,0,); */
/*     top:40%;
    left:30%; */
   
	}
	img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
	.btn-join{
        top: 45%;
        left: 35%;
        width: 50%;
    }
	
	

	
	.btn-join img{
		width: 250px;
	}
.promote{
	     position: absolute;
        top: 20%;
        left: 15px;
        width: 95%;
}
.promote img{
	width:325px;
	
}
	
  .logoPage{
	    width: 50%;
        position: absolute;
        top: 5%;
        left: 28%;
       
    }
}
@media all and (min-width:569px) and (max-width: 768px){
	.popup{
		width: 100%;
		height: 100%;
		top: 0%;
		left:0%;
/* 		background-color: rgba(0,0,0,0,); */
/*     top:40%;
    left:30%; */
   
	}
	img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
	.btn-join{
top: 42%;
        left: 30%;
        width: 60%;
    }
	
	

	
	.btn-join img{
		width: 250px;
	}
.promote{
	     position: absolute;
        top: 20%;
        left: 15px;
        width: 95%;
}
.promote img{
	width:325px;
	
}
	
  .logoPage{
	    width: 65%;
        position: absolute;
        top: 5%;
        left: 20%;
       
    }
}
@media all and (min-width:481px) and (max-width: 568px) {
 		.popup{
		width: 100%;
		height: 100%;
		top: 0%;
		left:0%;
/* 		background-color: rgba(0,0,0,0,); */
/*     top:40%;
    left:30%; */
   
	}
	img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
	.btn-join{
top: 42%;
        left: 20%;
        width: 60%;
    }
	
	

	
	.btn-join img{
		width: 250px;
	}
.promote{
	     position: absolute;
        top: 20%;
        left: 15px;
        width: 95%;
}
.promote img{
	width:325px;
	
}
	
  .logoPage{
	    width: 65%;
        position: absolute;
        top: 5%;
        left: 20%;
       
    }
}
@media all and (min-width:321px) and (max-width: 480px) {
		.popup{
		width: 100%;
		height: 100%;
		top: 0%;
		left:0%;
/* 		background-color: rgba(0,0,0,0,); */
/*     top:40%;
    left:30%; */
   
	}
	img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
	
	.btn-join{
top: 42%;
        left: 20%;
        width: 60%;
    }
	
	

	
	.btn-join img{
		width: 250px;
	}
.promote{
	     position: absolute;
        top: 20%;
        left: 15px;
        width: 95%;
}
.promote img{
	width:325px;
	
}
	
  .logoPage{
	    width: 65%;
        position: absolute;
        top: 5%;
        left: 20%;
       
    }
	
}
/*End POPUP ADS  */







.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}



.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
                margin-left: 60%;
            }

            to {
                margin-left: 0%;
            }
}
@keyframes fade2 {
  from {opacity: .4} 
  to {opacity: 1}
}