.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 




#previousParticipationPopup h1, #personNameSpellingCheckPopup h1 {

font-size: 30px;
}


#previousParticipationPopup, #personNameSpellingCheckPopup {

text-align:center;

}

.ui-widget-content {
    border: 0px solid #a6c9e2 !important;
}

		
#previousParticipationPopup a, #personNameSpellingCheckPopup a {
text-decoration: none;
    margin-top: 20px;
    padding-top: 10px;
    padding-right: 10%;
    padding-bottom: 10px;
    padding-left: 10%;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 0px solid #fd8e25; 
    color: #ffffff !important;
    transition: all 0.3s linear;
    background-color:#4CAF50;
    box-shadow: 0px 2px 3px rgb(0 0 0 / 0.7);
}

	
#previousParticipationPopup a:hover, #personNameSpellingCheckPopup a:hover {
	background-color: #1f8e24; 
	cursor: pointer;
}

.input_txt {
		
  
    margin-bottom: 15px;
	}

body {
font-family: 'Roboto', sans-serif !important; 
background-color: #F5EFEC !important;
}
	

a:link {
color: #000000; !important;
text-decoration: underline;

}

#q7753_select {
border-radius: 5px;
width:100%;
height:45px;
border: 1px solid #000000 !important;
background-color:#ffffff !important;
font-size: 16px;
}

a:visited {
color: #000000; !important;
text-decoration: underline;
}



table {
margin-top:-25px;
    width: 100%;
}



.logo_row {
   text-align: center;
   background-color: #ffffff; 
   padding-top: 25px;
}

.logo {

    margin-top: 20px;
    margin-bottom: 20px;
	 /* width:300px;  */
    margin-bottom: 10px;
}	

.incentive_row {
  /*  background: rgba(255, 255, 255, 0.6);
     margin-top: -65px !important; */
 

}

	
.incentive_txt {
    font-size: 3.0rem;
    font-weight: bolder;
    color: #281E1E;
    line-height: 1.1;
    margin-top: 20px;
}

.incentive_txt_small {
    font-size: 1.35rem;
    font-weight: normal;
    color:#281E1E;
    padding-top: 20px;
    line-height: 1.0;
    margin-top: -22px;
    margin-bottom: 20px;
} 

.hero_row {
    text-align: center;
    /* background-color: #C3D2CB; */

}

.hero_img{

}


.twocolumn_row  {
/*background-color: #C3D2CB;  */
    color: #000000 !important;
/* background-image: linear-gradient(0deg, #ffffff,  #EDEEEA); */
 /* background-image: url("https://ms.smartresponse-media.com/Files/111209/bg.jpg") !important; 
   background-repeat: no-repeat;
  background-attachment:scroll;
background-position: center top; */
margin-bottom:40px;
}

.treecolumn_row  {
background-color: #C3D2CB;  
color: #000000 !important;
text-align:center;

}	

.input_content {
	background-color: #ffffff;
	color: #000000;
	border-radius: 15px;
}
	
.onecolumn_row  {
/* background-color:#f5f5f5;
background-image: linear-gradient(0deg, #f5f5f5, #C3D2CB);*/
}

h3{
text-transform:uppercase;
text-align: center;
font-weight: 700 !important;
font-size:1.8rem !important;
}

.footer_row {
text-align:center;
 background-color:#F7F7F7;
color:#000000;
padding-bottom: 25px;
}

.superhidden{

color:#EFF9FF;

}



#inputArea {

}

.adress {

}


.adress li {
    list-style-type: none;

}

.adress ul{
padding-left: 0;
}



input {
border-radius: 4px;
width: 100%;
height: 45px;
margin-left: -35px;
padding-left: 2%;
border: 1px solid #00446F;
}



input[type="checkbox"] {
    height: 20px;
    width:20px;
}



#q8883_select {
 border-radius: 5px;
width: 100%;
height: 45px;
padding-left: 2%;
border: 1px solid #cccccc !important;

}




input[type="checkbox"] {
    height: 20px;
    width:20px;
}

input[type="radio"] {
    height: 20px;
width:20px;
}

.button {
	width: 100%;
	margin-top: 40px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 0px solid #00446F;
	color: #ffffff;
	transition: all 0.3s linear;
    background-color:#ee0000;
}
	
.button:hover {
	background-color: #AF0000;
	/* color: #ffffff; */
	cursor: pointer;
}

.txt_align {
font-size:15px;
}

/* Small Tablets */
@media (min-width: 0px)and (max-width: 767px) {

/* til popup  */
.ui-dialog {
width:85% !important;
}

body {

 
}


#q7753_select {

height:35px;

}

.footer_row {

    font-size: 8px;
}

.incentive_txt {
font-size:1.6rem;
line-height:1.1;
margin-top: 10px;

}
	
.incentive_txt_small{
font-size:0.8rem !important;
margin-top: -18px;
line-height:1.4 !important;
}

.incentive_row {
 /* background: rgba(237, 238, 234, 0.0); */
    margin-top: -20px;
	/* background-color:#C3D2CB; */

}
	
h3{
font-size:1.3rem !important;
}

input {

height: 35px;

}

#q8883_select {
height:35px;

}

#q8883{

font-size:14px;
}



.button {

font-size: 11px; 
}


table {
/* margin-top:-14px; */

}



.adress li {
}

.txt_align {
font-size:11px;

}

.hero_row {
    margin-top:-35px;
/*   background-size: 200%;
margin-bottom: -20px;*/
}


.hero_img{
margin-top: -10px;
margin-bottom: -50px;
}


.logo {

    margin-top: 20px;
    margin-bottom: 20px;
	 width:150px; 
    margin-bottom: -6px;
   width:100px;
}
h3 {
    font-size: 1.0rem !important;
    padding-bottom: 0px;
    padding-top: 5px;
}
	
.logo_row {
   text-align: center;
   background-color: #ffffff; 
   padding-top: 0px;
   padding-bottom: 0px;

}
	
.input_txt {
		
font-size:10px;
    margin-bottom: 15px;
	}

#holidayContainer_2 {
display:none !important;

}	

}	
	
.reveal{
  position: relative !important;
  transform: translateY(150px) !important;
  opacity: 0 !important;
  transition: 1s all ease !important;
}

.reveal.active{
  transform: translateY(0) !important;
  opacity: 1 !important;
}