@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.cf {
   
}


body{ 
	
    background-image: url('SIDE1BLUE.gif');
    background-repeat: repeat;
}

a{
	text-decoration:none;
	color: black;
}
.container{ 

		width:90%;
		max-width: 60em;
		
		height: auto;
		margin: auto;
		border: 5px solid;
		background-color: white;	
		white-space:nowrap;
-webkit-box-shadow: 0px 0px 13px 8px rgba(50, 50, 50, 0.89);
-moz-box-shadow:    0px 0px 13px 8px rgba(50, 50, 50, 0.89);
box-shadow:         0px 0px 13px 8px rgba(50, 50, 50, 0.89);


  max-width: 80%;
  height: auto;
  width: 70vw; 
  min-height: 100vp;
}





.Heading{
	
	
	
}


.aboutUs h2{


	font-family:"Arial Black", Gadget, sans-serif;

line-height:3em;
	font-weight:bold;
	background-color:rgb(0,133,188);
	border-top: 8px solid;
	font-size:1.2em;
border: 4px solid;
	margin-top: 0.5em;
border-left: 0;
border-right: 0;
		width:100%;
		
		position:relative;
		top: 0.4em;
		text-align:center;
		z-index: 1;
			margin:0 auto;
-webkit-box-shadow: 0px 20px 20px -20px rgba(50, 50, 50, 0.89);
-moz-box-shadow:    0px 20px 20px -20px rgba(50, 50, 50, 0.89);
box-shadow:         0px 20px 20px -20px rgba(50, 50, 50, 0.89);
margin-bottom: 2.5em;
}






 section {
	display: Block;
 
	width: 70%;
	border: 4px solid white; 
	margin: 0 auto;
	background-color:white;
	text-wrap:normal;
	white-space:normal;
	padding: 2%;
	min-height: 50%;
	max-width:40em;
	border-radius: 20px;	
	font-size:1.5 em;
	padding-top: 2.5em;
	position:relative;
	padding-left: 3%;
	padding-right:5%;
	Top:-1em;
	font-family:"Arial Black", Gadget, sans-serif;
	margin-left:auto;
	margin-right: auto;
	line-height:3.25em;
	font-weight:bold;
	min-height: 40em;
	#background-color:rgb(0,133,188);
	text-align:justify;
	margin-bottom:2.5em;
	
	
	
	
	}


#heading{
	margin:0 auto;
	margin-top:.5em;

	font-family:"Arial Black", Gadget, sans-serif;


	font-weight:normal;
	
	font-size:0.6em;
	

	text-align:justified;
		max-width:87.5%;
		
		position:relative;
		top: 2em;
		
		z-index: 1;
}

footer{
}
 

p.device1 {
	
	margin:auto;
	padding-left: 0.0em;
	
	padding-top: 0.4em;
	
	text-align:left;

	font-size:0.8em; 
	font-weight: bold ;
	
	border-left: 0px solid;
	
	border-bottom: 0px solid;
	
	padding-left:0.5em;
	
	
	
	
	
}
 


	
	 


#temps{
font-size: 0.8em;
line-height: 2em;
font-weight:normal;
text-align:left;

padding-top:0em;

overflow:hidden;


min-height:50em;

}
	


form.dateForm{

text-align:center;
margin-right:5%;
margin-top:0.3em;
display: Block;
	font-size:1em;
	
}
.dropbtn {
  background-color: rgb(0,133,188);
  color: black;
  border-style:solid;
  padding-top: 0.8em;
  background-color: white;
  font-size: 14px;

  cursor: pointer;
  border:none;
  padding-bottom:1em;
    font-style:bold;

font-weight:bold;
}

.dropdown {
  position: relative;
  display: inline-block;
  z-index:2;


 
   
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f9f9f9;
 
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:2;
  text-align:left;

 
  
}

.dropdown-content a {
  color: black;
  padding: 35px 30px;
  text-decoration: none;
  display: inline-block;
text-align:left;
  font-size: 16px;
   z-index:2;
   text-align:left;
   min-width: 70px;
   
   
   
    
}



.dropdown:hover .dropdown-content {
  display: block;
  z-index:2;
  text-align:left;
  
  
 
}

.dropdown:hover .dropbtn {
 background-color: rgb(0,133,188);
  z-index:2;
  text-align:left;


   
}

section { 
 opacity: 0;
  animation: fadeinLoad 0.6s 0.2s forwards;
}
@keyframes fadeinLoad {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

h2 { 
 opacity: 0;
  animation: fadeinLoad 0.2s 0.1s forwards;
}
@keyframes fadeinLoad {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}