@charset "UTF-8";


.fadeIn2{
	animation-name: fadeIn2;
	-webkit-animation-name: fadeIn2;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn2 {
	0% {
	
		opacity: 0.0;		
	}
50% {

		opacity: 0.0;		
	}
	100% {

		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn2 {
	0% {

		opacity: 0.0;		
	}
	50% {

		opacity: 0.0;		
	}
	100% {
	
		opacity: 1;	
	}		
}


.fadeInElipse {


	animation-name: fadeInElipse;
	-webkit-animation-name: fadeInElipse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeInElipse {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}

	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeInElipse {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}


.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}

	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}


	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}

.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}

		
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
				opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0%);opacity: 1;
	}	
}
.fadeOut{
	animation-name: fadeOut;
	-webkit-animation-name: fadeOut;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out ;		


}

@keyframes fadeOut {
	0% {
		transform: scale(1);
		opacity: 1;		
	}

	100% {
		transform: scale(1);
		opacity: 0;	
	}		
}

@-webkit-keyframes fadeOut {
	0% {
		-webkit-transform: scale(1);
		opacity: 1;		
	}

	100% {
		-webkit-transform: scale(1);
		opacity: 0;	
	}		
}


.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);	
        opacity: 0.8;
	}
	50% {
		transform: translateY(10%);	
        opacity: 0.3;
	}	
	100% {
		transform: translateY(0%);
        opacity: 0.8;
	}			
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
        opacity: 0.8;
	}
	50% {
		-webkit-transform: translateY(10%);	
        opacity: 0.3
	}	
	100% {
		-webkit-transform: translateY(0%);
        opacity: 0.8;
	}			
}


@keyframes overlayout {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0   
	}			
}
@-webkit-keyframes overlayout {
		0% {
	opacity: 1
	}

	100% {
		opacity: 0  
        
	}						
}


.answer {
    color:#6EA372 !important;
    animation-name: answer;
	-webkit-animation-name: answer;	
	animation-duration: 0.4s;	
	-webkit-animation-duration: 0.4s;
	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	
    display: inline-block;
    
}

@keyframes one {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes one {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}

@keyframes answer {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    14% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes answer {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    14% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}
@keyframes to1 {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    20% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes to1 {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    20% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}
@keyframes all1 {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    25% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes all1 {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    25% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}
@keyframes types {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    35% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes types {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    35% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}
@keyframes of {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    45% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes of {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    45% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}

@keyframes cough {
	0% {
		transform: scale(1.8);	
        opacity: 0;
	}
    55% {
		transform: scale(1.8);	
        opacity: 0;
	}
	100% {
		transform: scale(1);
        opacity: 1;   
	}			
}
@-webkit-keyframes cough {
		0% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}
    55% {
		-webkit-transform: scale(1.8);	
        opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
        opacity: 1;
        
	}						
}

.associated {
font-size: 15px;
color: #CFD0D3;
    display:block !important;
    text-align:center !important;
animation-name: of;
-webkit-animation-name: of;
animation-duration: 0.8s;
-webkit-animation-duration: 0.8s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
display: inline-block;
    margin:0 auto;
    font-family: 'boldItalic', sans-serif !important;float:none !important
}

@media (min-width:800px) {

.slideLeft{
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
	.slideRight{
	animation-name: slideRight;
	-webkit-animation-name: slideRight;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
	}
@media (max-width:800px) {

.slideLeft{
	animation-name: slideLeft800;
	-webkit-animation-name: slideLeft800;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
	.slideRight{
	animation-name: slideRight800;
	-webkit-animation-name: slideRight800;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}
	}
@keyframes slideLeft {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
    

    
	100%{
		transform: translateX(0);
		opacity: 1;
	}

}

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(100%);		opacity: 0;
	

	}			
	100% {
		-webkit-transform: translateX(0%);opacity: 1;
	}
}

@keyframes slideLeft800 {
	0% {
		
		opacity: 0;
	}
    

    
	100%{
	
		opacity: 1;
	}

}

@-webkit-keyframes slideLeft800 {
	0% {
		opacity: 0;
	

	}			
	100% {
	opacity: 1;
	}
}
.slideLeft2{
	animation-name: slideLeft2;
	-webkit-animation-name: slideLeft2;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideLeft2 {
	0% {
		transform: translateX(150%);
		opacity: 0;
	}
    

    
	100%{
		transform: translateX(0);
		opacity: 1;
	}

}

@-webkit-keyframes slideLeft2 {
	0% {
		-webkit-transform: translateX(150%);		opacity: 0;
	
	}			
	100% {
		-webkit-transform: translateX(0%);opacity: 1;
	}
}




@keyframes slideRight {
	0% {
		transform: translateX(-150%);
		opacity: 0;
	}

	100% {
		transform: translateX(0%);
		opacity: 1;
	}	
}

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);opacity:0;
	}
	
	100% {
		-webkit-transform: translateX(0%);opacity: 1;
	}
}



@keyframes slideRight800 {
	0% {
		
		opacity: 0;
	}

	100% {
		
		opacity: 1;
	}	
}

@-webkit-keyframes slideRight800 {
	0% {
	opacity:0;
	}
	
	100% {
	opacity: 1;
	}
}

.slideRight2{
	animation-name: slideRight2;
	-webkit-animation-name: slideRight2;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes slideRight2 {
	0% {
		transform: translateX(-150%);
		opacity: 0;
	}
		
	100% {
		transform: translateX(0%);
		opacity: 1;
	}	
}

@-webkit-keyframes slideRight2 {
	0% {
		-webkit-transform: translateX(-150%);opacity:0;
	}

	100% {
		-webkit-transform: translateX(0%);opacity: 1;
	}
}


.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	

	visibility: visible !important;						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}
		
	100% {
		transform: translateY(0%);
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
	}
	
	100% {
		-webkit-transform: translateY(0%);
	}	
}

.naviopen {

    overflow:hidden;
	animation-name: naviopen;
	-webkit-animation-name: naviopen;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible;	
}

@keyframes naviopen {
	0% {
        opacity: 0;
        width:0;
        height:0;
	}

	100% {
	 opacity: 1;
        width:12vw;
        height:auto;
	}		
}

@-webkit-keyframes naviopen {
	0% {
        opacity: 0;
        width:0;
        height:0;
	}

	100% {
	 opacity: 1;
        width:12vw;
        height:auto;
	}
}


.naviclose {

    overflow:hidden;
	animation-name: naviclose;
	-webkit-animation-name: naviclose;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: hidden !important
}

@keyframes naviclose {
	0% {	 opacity: 1;
        width:12vw;
        height:auto;
     visibility: visible;	
	}

	100% {
  opacity: 0;
        width:0;
        height:0;
        visibility: hidden;
	}		
}

@-webkit-keyframes naviclose {
	0% {	 opacity: 1;
        width:12vw;
        height:auto;
     visibility: visible;	
      
	}

	100% {
	  opacity: 0;
        width:0;
        height:0;
                visibility: hidden;
	}
}