#container{max-width:100%;   margin-bottom: 0.5em; } 

#container1
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 max-width:1680px;
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.0em;   
	font-family: 'Open Sans', sans-serif !important;
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
	} 
 
#container1 div.feature{ 
	width: 98%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom:1em;
	margin-top:  0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.0 em; 
	font-family: 'Open Sans', sans-serif !important;	
  
} 


#container1 div.feature h3{
	padding: 10px;
	 font-size:1.4em;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif !important;
}

#container1 h4{
	padding: 10px; 
	font-size: 1.2em;
	font-weight:bold;  
	color: #639;
	 font-family: 'Open Sans', sans-serif !important;
}
 
#container1 div.feature h4{
/**font-family: Palatino Linotype, Palatino, Times, 'Lora',serif;**/
padding: 10px;
font-size:1.1em !important;
color: #000000 !important;
font-weight: bold !important;
	font-family: 'Open Sans', sans-serif !important;
} 
#container1 div.feature h6{
/**font-family: Palatino Linotype, Palatino, Times, 'Lora',serif;**/
padding: 10px;
font-size:1.3em !important;
color: #663399 !important;
font-weight: bold !important;
	font-family: 'Open Sans', sans-serif !important;
} 


 
#container1 div.feature p{
	padding: 10px;
	color:black;
	padding-top:0;
}
 
 #container1 div.feature img {
	max-height:100%;
 }

 


#container1 div.feature p.viewmore{ 
	 
 	width: 90%;	
	font-size:1.05em; 	   
	font-family: 'Open Sans', sans-serif !important;
	color: #000000;
	 border:1px solid #ff99bb !important;
}
 
#container1 div.feature p.viewmore a{
	background: #639; 
	width: 90%;	
	padding: 1em 1em; 
	display: block;
	font-size:1.05em; 	   
	font-family: 'Open Sans', sans-serif !important;
	color: white;
	margin-top:0.5em;
	text-align: center;
	border:1px solid #ff99bb !important;
}

 


#container1 div.feature p.viewmore a:hover{
	color:#fc0;
	  
}
 



@media only screen and (max-width:1340px)
{
	#container1 div.feature{ font-size: 1.0em; }
	#container1 {font-size: 1.0em;}
}
@media only screen and (max-width:1024px){
	#container1 div.feature{
	 font-size:1.05em; 
	}
} 

@media only screen and (max-width:950px){
	#container1 div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
		 font-size:1.05em; 
	}
	 
	 

	#container1 div.feature p.title{
	margin-top:1em;	
	}
 
 
	#container1 div.feature img{
	width: 100%;
	height:100%;
	object-fit:unset;
	float:none !important;
	margin: 0 !important;
	}
}

   .cancel_notice {
  width:70%;  margin-left:10px;
  background-color: #fffffff;   /*padding: 10px;
  border:3px solid #D8D9DA!important;  */
	   font-size:1.0em;   
	font-family: 'Open Sans', sans-serif !important;
	 padding: 25px;
	  border-radius: 5px;
	 float:center;
}
 
 
#topleft{
	float:left;
	width: 80%;
	padding-right:0.1%;
	font-size:1.05em; 
	font-family: 'Open Sans', serif; 
	 
}

 

#topright{
	float:left;
	width: 15%;
	
	font-size:1.05em; 
	/*padding: 1em 0em;margin: 5px; margin-top:1em;*/
  
	font-family: 'Open Sans', serif;
 
	 
}


   #topleft #topright p {
	/*padding: 16px 10px;padding: 5px;*/
	
	font-size:1.05em;  
 }
 
   
 #topright img{
width: 30%; /* width of container */
height: 30% /* height of container */
 
 }

  
 @media only screen and (max-width: 1366px) {
  #topleft {
width:90%; 
clear:both;
padding: 0 1%;
font-size:1.05em; 
font-family: 'Open Sans', serif;
	}	
 #topright {
width:30%; 
clear:both;
padding: 0 1%;
font-size:1.05em; 
font-family: 'Open Sans', serif;
	}	
	 
	 #topleft img{
	 width:10%;
	} 
}
 
  


@media only screen and (max-width: 1150px) {
	#topright, #topleft p {font-size:1.05em; }
}

	 

@media only screen and (max-width: 767px) {
 	#topright, #topleft p{font-size:1.01em;}
 
}

@media only screen and (max-width: 500px) {
	#topright, #topleft p {font-size:0.9em;} 
}	


 

.header2{
	font-family: 'Open Sans', sans-serif !important;
	font-size: 1.2em; font-weight: bold;
	color:#663399 !important;   
	margin-top: 10px;
	margin-left: 0 !important;
	padding-left: 0 !important;
 
} 
 
 
		 
		div.topbutton{margin:0.5em 0.5em 1.5em 1.5em; display:inline-block; font-size:1.1em;}
		div.topbutton a{background:#639; color:white !important; padding:1em; display:block; min-width:220px;}
		div.topbutton a:hover{background:#fc0; color:#639 !important; padding:1em; display:block; min-width:220px;}
		div.topbutton p{font-size:0.8em !important; font-style:italic; font-weight:bold; color: #000; margin-top:0.5em; padding-bottom:0 !important;}
		
 
		
		@media only screen and (max-width: 1024px) {
		 
			div.topbutton{margin:0.5em; display:inline-block; font-size:1.1em;}
			
		}	
  
 
#container3{
 /* width: 95.5%;	 */
 max-width:1680px;
 clear:both;
 /* padding: 4em 2.25%; */
 padding: 0em 1.25% 2em 1.25%;
 overflow: hidden;
 margin-bottom: 1em;
 margin-right:auto;
 margin-left:auto;
 
 }
 
				
 
#container3 div.feature{
 width: 25%;	
 float:left;
 margin-right: 5%;
 background:white;
 
 }
 
  #container2 h4{
	padding: 10px; 
	font-size: 1.2em;
	font-weight:bold;  
	color: #639;
	 
}
 
#container3 div.feature:nth-of-type(3){
 
 margin-right: 0;
 }


#container3 div.feature img{
 width: 100%; /* width of container */
 height: 100%; /* height of container */
	border:1px solid #663399 !important; 
 
 }




@media only screen and (max-width:1340px){
 #container3 div.feature{
 	font-size: 1.3em;
 }
}



@media only screen and (max-width:1024px){
 #container3 div.feature{
 	font-size: 1.0em;
 }
 }



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

#container3 div.feature{
 	margin-left: 2.25%;
 	margin-right: 2.25%;
 	width: 94.5%;
 	clear:both;	
 	margin-bottom: 2em;
 	text-align:center;
 }
 #container3 div.feature:nth-of-type(3){
 	margin-bottom: 0;
 }
#container3 div.feature img{
 	width: 100%;
 }
 }


 #container_table
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/  
	
	width:80%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.0em;   
	font-family: 'Open Sans', sans-serif !important;
	
  /*  margin: 0.05em 0;  padding-left: 10px; 
   margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;  */   
  
	 margin-left:30px;
	} 
 

/* Tables 2*/
	
#pas_table2 table
{ text-align: left;  	  
	width:92%; border-collapse:collapse;
	 height:100%;
 	border:1px solid #D8D9DA !important; 
	vertical-align:top; text-align:left; 
	 margin-left:20px;
}

#pas_table2 td, #pas_table2 th 
{
	font-size: 1em;  text-align:left; border:1px solid #D8D9DA;
	vertical-align:top; text-align:left; 
	 
	margin:5px; padding:10px !important;
	height:40px !important;
	 margin-left:20px;
	line-height: 1.6;
	
 }


@media screen and (max-width: 600px) {
  #pas_table2 table {
    border: 0;
  }

  #pas_table2 table caption {
    font-size: 1.3em;
  }
  
 #pas_table2 table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  #pas_table2 table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 1.625em;
  }
  
 #pas_table2  table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  #pas_table2 table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #pas_table2 table td:last-child {
    border-bottom: 0;
  }
}







#container2
{/*width:98%; border:1px solid #ff99bb !important; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 max-width:1680px;
	width:99%;
	clear:both;
	 position: relative; overflow: auto;
	text-align: left;  
	color: #000000 !important; 
	   font-size:1.0em;   
	font-family: 'Open Sans', sans-serif !important;
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   margin-top: 0.1em;
	margin-bottom: 1em;
	margin-right:auto;
	margin-left:auto;
	 
	} 
 
#container2 div.feature{ 
	width: 98%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom:1em;
	margin-top:  0.5em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.0 em; 
	font-family: 'Open Sans', sans-serif !important;	
  
} 


#container2 div.feature h3{
	padding: 10px;
	 font-size:1.4em;
	font-weight:bold;
	font-family: 'Open Sans', sans-serif !important;
}

 

 
#container2 div.feature p{
	padding: 10px;
	color:black;
	padding-top:0;
}
 
 

#container2 div.feature img {
	 width: 60%;
 }

@media only screen and (max-width:1340px)
{
	#container2 div.feature{ font-size: 1.0em; }
	#container2 {font-size: 1.0em;}
}
@media only screen and (max-width:1024px){
	#container2 div.feature{
	 font-size:1.05em; 
	}
} 

@media only screen and (max-width:950px){
	#container2 div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
		 font-size:1.05em; 
	}
	 
}