@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

@charset "utf-8";
/* CSS Document */
*{
margin: 0;
padding: 0;
}

body {

 font-family: 'Source Sans Pro', Verdana,Arial,Helvetica,sans-serif;
}






   
#navigation {

display:none;    
    
}   
   
.nav {
  background-color: #333; 
  position: relative;

}   
   
   
   
    
.topnav #myLinks {
 margin-top:10px;
}

.topnav a.links {
  color: #fff;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  text-align:center;
  height:50px;
  border-bottom: #ccc solid .5px;
  
}    
    
  
     
.topnav a.links:hover {
  background-color: #ccc;
  color: black;
}
   
    

.active {
  background-color: #00A3F5;
  color: white;
}
  

.upper {
 height:50px;
 background-color:#2A4F7C;
    
}


.upper {
  margin-top:0px;
  padding:10px;
  position:relative; 

}


.upper a.logo {
 padding:5px 16px;
 position:absolute;
 top:0px;
 text-decoration:none;
 color:#fff;
}
    
    
.upper a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding:10px;
  color:#fff;
}    
    
  
.wrapper {
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

.main {
 padding: 0px 80px;    
}

h1 {
 font-family: 'Source Sans Pro';   
 text-align:center;  
 font-size:32pt;
 font-weight:400;
 color:#333;
 margin:100px 0 20px 0;
}


h2 {
 margin:30px 0 20px 0;
}

  
h3 {
 font-size:18pt;    
 font-weight:400;
}  
  
    

p {
 font-size: 16pt;  
 padding:0 20px;
 margin:20px 0;   
}
   
ul {
 list-style:none;    
}   
   
   
ul li {
 font-size: 16pt;  
 padding:0 20px;
 margin:20px 80px 0 80px;   
}   
   
ul li span {
 font-weight:800;
 color:#FFAA02;
}   
   
li i.fa {
 margin-left:-2em;  
 margin-right:0.71em;
}   

.fa {
    font-weight: 900;
}  
   
.fa-fw {
    text-align: center;
    width: 1.25em;
}   
   

img {
 max-width: 100%;
}

img.center {
    display: block;
    margin: 0 auto;
}


.right {
 float:right;
}

.rspace {
 margin: 0 0 5px 15px;
}

.left {
 float:left;
}

.lspace {
 margin: 0 15px 5px 0;
}

.center {
 text-align:center;
}

.header {
 margin:50px auto;    
}    
    
   
.header a {
 text-decoration:none;    
}   
       
    
    
.holder {
    width:100%;
    max-width:242px;
    margin:0 auto;
    border: dashed red 0px;
}    
    
    
 
   
.center {
 text-align:center;
}

   
.loader {
 visibility:hidden;
}
 

.redltr {
 color:red;
 font-weight:bold;
}

    
.button {
  background-color: #00A3F5;
  border: none;
  color: white;
  padding: 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 32px;
  font-weight:800;
  margin: 30px 2px;
  border-radius: 15px;
}    

.button:hover {
 background-color: #1EAEF6;    
}    
    
    
  
  
  
.videoholder {
 width:100%;
 max-width:900px;
 margin: 40px auto;   
}  
  
  
  

.on_off_off
{
 background: rgb(150,110,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(180, 140, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
}
.on_off_on
{
 background: rgb(110,150,120);
 font-family: segoe ui;
 font-size: 12px;
 font-weight: bold;
 padding: 5px 10px;
 border: 3px solid rgb(140, 180, 150);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 color: #fff;
 display: inline;
}


  
  
.footer { 
 padding:5px;
 position:relative;
}  
   



#footerlinks { margin:8px 0 8px 0;  }
   
#footerlinks li { display: inline; padding: 0px 1px; margin:0; font-size:12pt; }
   
   
 
   
   
.footer p {
    font-size:12pt;
    margin:0;
    padding:0;
}


.footer p a, #footerlinks a {text-decoration:none; color:#ccc;}

.footer p a:hover, #footerlinks a:hover {color:#336699; text-decoration:underline;}
#footerlinks a:active {outline:none;}

   
   
   
   


.crunchify-top:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
}
 
.crunchify-top {
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	width: 3.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
	font-size: 1.4rem;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	border-radius: 3.2rem;
	text-align: center;
	cursor: pointer;
}

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


.main {
 padding: 0 10px;    
}


p {
 padding:0 15px;
    
}

ul li {
 margin:20px 10px 0 40px;   
}  

.right {
 float:none;
}

.left {
 float:none;
}

.holder {
  max-width:250px;
  border: dashed red 0px;    
}

}    
    

/*Smartphone*/
@media only screen and (max-width : 320px) {


.main {
 padding: 0 10px;    
}


p {
 padding:0 15px;
    
}

ul li {
 margin:20px 10px 0 40px;   
}  

.right {
 float:none;
}

.left {
 float:none;
}


.holder {
  border: dashed red 1px;    
}

.button {
    
 font-size:28pt;    

}


}