@charset "utf-8";
/*css*/

/*all pages*/
body {
   font-family: 'Poppins', sans-serif; 
   /* background-image: url('../images/bg_img.png');
   background-size: cover; */
   width: 100%;

}
span{cursor: pointer;}
button{outline: none; cursor: pointer;}

placeholder-color::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}
 


.bg-white-1t{background: #ffffff2b;}

.border-tran
{
	border-color:#e5e7eb8a;
}

.text-green-1
{
color:#009688;
 }
 .bg-green-2
 {
 /* background: #008c80; */
 }

@media only screen and (max-width: 768px)
{

	.bg-green-768
 {
 /* background: #008c80; */
 }

}

.bk-arrow-color
{
	color: #aaaaaa;

}
.bk-btn-bg
{
 background:  #e8e8e8;	
}

@media only screen and (max-width: 320px)
{
.text-xl-320
{
font-size: 1.25rem;
line-height: 1.75rem;

} 

}



@media only screen and (max-width: 320px)
{
	.text-2xl-320
	{
		 font-size: 1.5rem;
line-height: 2rem;
	}
}

@media only screen and (max-width: 425px)
{

.mat-425-16
{
	font-size: 16px;


}

}

@media only screen and (max-width: 768px)
{
.overflow-y-768
{
height: 90%;
}
}









.fade1-enter {
    opacity: 1;
    transform: translateX(-100%);
    }
    .fade1-enter-active {
    opacity: 1;
    transform: translateX(0%);
    }
    
    
    
    .fade1-exit {
    opacity: 0;
    transform: translateX(0%);
    }
    .fade1-exit-active {
    opacity: 0;
    transform: translateX(0%);
    }
    
    
    .fade1-enter-active{
    transition: opacity 500ms, transform 500ms;
    }
    
    
    
    
    
    
    
    .fade-enter {
    opacity: 1;
    transform: translateX(100%);
    }
    .fade-enter-active {
    opacity: 1;
    transform: translateX(0%);
    }
    
    
    
    .fade-exit {
    opacity: 0;
    transform: translateX(0%);
    }
    .fade-exit-active {
    opacity: 0;
    transform: translateX(0%);
    }
    
    
    .fade-enter-active{
    transition: opacity 500ms, transform 500ms;
    }
    
    


    .subtitle{
        position:absolute;
        top:10%;
        left:56%;
        background:#f1f1f1;
        border-radius:5px;
        padding:2px 5px;
        margin-top: 10px;
        cursor:default;
        color:#3399ff;
        display: none;
        font-size: 14px;
    }


    .quz:hover .subtitle{
        display: block;
        
        }


        

    /* .subtitle2{
      position:absolute;
      top:10%;
      left:75%;
      background:#f1f1f1;
      border-radius:5px;
      padding:2px 5px;
      margin-top: 10px;
      cursor:default;
      color:#3399ff;
      display: none;
      font-size: 14px;
  }


  .quz:hover .subtitle2{
      display: block;
      
      } */