charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts_futura/futuralt-webfont.eot');
	
    src: url('../fonts_futura/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts_futura/futuralt-webfont.woff') format('woff'),
         url('../fonts_futura/futuralt-webfont.ttf') format('truetype'),
         url('../fonts_futura/futuralt-webfont.svg#futura_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}	


body{ background:rgb(73,211,240); }

.topImgWr{ position:absolute; top:0px; left:0px; width:100%; overflow:hidden; z-index:-9999;  }
.topImgWr img{top:0px; left:0px; min-width:100%; height:auto; display:block;  }

.freedomImageWraper{ position:relative; width:45%; float:none; clear:both; margin:25% 0% 1em 2em; }



.freedomImageWraper img{ min-width:100%; height:auto; display:block;}

.bottomImgWrapper{ position:relative; width:100% !important; margin-top:0%; overflow:hidden;  clear:both; float:none;   }
.bottomImgWrapper img{ min-width:100%; height:auto; display:block; z-index:0; }
/*
.bottomImgWrapperInner{ position:relative; width:90%; margin:2% auto; }
*/

.bottomImgWrapperInner{ position:relative; width:90%; margin:2% 0% 0% 5%; border:0px solid #fff; float:left;   }

/*
.bottomLogo{ position:relative; width:60%; margin:0px 0% 3em 15%;    }
.bottomLogo img{ min-width:100%; height:auto; display:block; }
*/

.bottomLogoOuter{ position:relative; float:left;  width:45%; margin:0% 0% 0% 0%; display:block;  }
.bottomLogo{ position:relative; width:55%; margin:0em auto 4em auto; text-align:center;     }
.bottomLogo img{ max-width:100%; height:auto; display:block; }

.logoSeudo{ position:absolute; top:0px; left:0px; float:left; width:40%; display:none;}
.logoSeudo img{ min-width:100%; height:auto; display:block;}

.addressWrapper{ position:relative; width:55%; float:left;  text-align:right;  font-family: 'Raleway', sans-serif; margin:0px; padding-right:10px; }

.leftWrapper{ position:relative; width:40%; float:left; background:none; margin:0% 0% 0% 5%; font-family: 'Raleway', sans-serif; border:0px solid #fff; }
.rightWrapper{ position:relative; width:50%; float:left;  background:none; margin:0% 5% 0% 0%; border:0px solid #f00; }
.rightWrapper p{ position:relative; margin:4.6em 0em 0em 2em; padding-top:0em; font-size:1.2em; font-family: 'Raleway', sans-serif; color:rgb(11,40,76); font-weight:bold;}

.middleWrapper{width:100%; margin:0px; display:block; position:relative; float:left; clear:both; }


/*
.rightWrapper h1{ font-size:2.4em; text-transform:uppercase; text-align:right; font-family: 'Montserrat', sans-serif; color:#fff; letter-spacing:0.1em; }
*/

.successBox{ position:absolute; top:40%; left:0%; width:100%; }
h1.successTitle{ position:relative; text-align:center; margin:0% auto 0.2em auto; text-transform:uppercase; color:#fff; font-family: 'Raleway', sans-serif;}
h2.successTitle{ text-align:center; margin:0em auto;  color:#fff; font-family: 'Raleway', sans-serif;}


h1.titleTop{
	position:absolute; top:0.2em; right:5%;  
font-size:2.4em; text-transform:uppercase; text-align:right; 
font-family: 'Montserrat', sans-serif; color:#fff; letter-spacing:0.1em; 
}

.rightWrapper h1 span{ color:#fff;}
.rightWrapper .phNumber{ color:#fff; font-size:2em; margin:0.4em 0em 0em 0em; padding:0; position:relative; display:block; line-height:1.2em; width:100%;   }
.rightWrapper .dotCom{ color:rgb(11,40,76); font-size:3em; margin:0em 0em 0em 0em; padding:0; position:relative; font-size:2em; width:100%; }

.dotCom a{ color:rgb(11,40,76); text-decoration:none; }

.dotCom a:hover{ color:#fff; text-decoration:none; }

/*
.bottomTxtContainer{position:relative; float:none; clear:both; width:60%; color:#000; margin:6em 0em; display:block;}
*/
.bottomTxtContainer{position:absolute; top:20%; left:0px; float:none; clear:both; width:60%; color:#000; margin:0em 0em; display:block; border:0px solid #f00;}
.bottomTxtContainer p{ font-family: 'Raleway', sans-serif; }

.bottomTxtContainer ul{ position:relative; margin:4em 0em 0em 0em; padding:0px;  font-family: 'Raleway', sans-serif;}
/*
.bottomTxtContainer ul li{ list-style-image:url(../images/tickIcon.png); list-style-position:inside; float:left; position:relative; margin-right:1em;}
*/

.bottomTxtContainer ul li{ list-style-position:inside; float:left; position:relative; margin-right:1em; }

/*
.logo{ position:relative; width:auto; margin:3% 0% 5% 40%;    }
*/
.logo{ position:relative; width:auto; margin:3% 0% 5% 0%; text-align:center;    }
.logo img{ max-width:90%; height:auto; display:block; margin:0px auto;}

.descriptionWrapper{ position:relative; width:100% !important; margin:0px 0px;  text-align:left;  }
.descriptionWrapper span.txtClass{ text-shadow:2px 2px 2px #fff;}



h3.formTitle{ color:#fff; text-align:center; text-transform:uppercase; font-size:1.3em; width:100%; padding:0px; mar
0px;}

.key{ position:absolute; float:right; color:#7FADC5; bottom:1em; right:3em;    
 background:rgba(0,0,0,0.5); padding:0.6em; border-radius:0.4em; font-family: 'Raleway', sans-serif; }
.key a{  color:#7FADC5;  }
.key a:hover{ color:rgb(15,98,172) !important;}

/********** media **********/


@media (min-width:240px) and (max-width: 414px){	
body{ overflow-x:hidden !important; width:100%; margin:0; padding:0; }
.topImgWr{ position:absolute; top:0px; left:0px; width:100%; overflow:hidden; z-index:-9999; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
.topImgWr img{top:0px; left:0px; min-width:100%; height:auto; display:block;   }

.bottomImgWrapper{ position:relative; width:100%; margin-top:0%; overflow:hidden;  clear:both; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
.bottomImgWrapper img{ min-width:100%; height:auto; display:block; z-index:0; }


	h1.titleTop{
	position:absolute; top:0.2em; right:0%; width:100%; overflow:hidden;  
font-size:1.6em !important; text-transform:uppercase; text-align:center; 
font-family: 'Montserrat', sans-serif; color:#fff; letter-spacing:0em !important; 
}

.rightWrapper .dotCom{ color:rgb(11,40,76); margin:0em 0em 0em 0em; padding:0; position:relative; font-size:2em; width:100%; overflow:hidden;  }
	
	.logo{ position:relative; width:30%; margin:6em 0% 5% 37%; display:block; border:1px soliod #000;   }
	.logo img{ max-width:100%; height:auto; display:block; }
	.leftWrapper{ position:relative; width:100% !important; float:none; clear:both; background:none; margin:0% auto; font-family: 'Raleway', sans-serif; overflow:hidden;  }
	sup{ display:none;}
	.rightArrow{  position:absolute; float:right; right:0em !important; top:0em;  }
	.leftArrow{ position:relative;   padding-left:5px; }
	
	.rightWrapper{ position:relative; width:80%; float:none; clear:both; background:none; margin:0% 0% 0% 5%; border:0px solid #f00; }
	.rightWrapper h1{ font-size:2em; text-transform:uppercase; text-align:center; font-family: 'Montserrat', sans-serif; color:#fff; }
	
	

.rightWrapper p{ position:relative; margin:1.6em 0em 0em 0em; padding-top:0em; font-size:1.2em; font-family: 'Raleway', sans-serif; color:rgb(11,40,76); font-weight:bold;}

	
	
	.freedomImageWraper{ position:relative; width:70% !important; float:none; clear:both; margin:42% 0em 0em 15% !important;  }
	.freedomImageWraper img{ min-width:100%; height:auto; display:block;}
	
	.descriptionWrapper{ position:relative; width:100% !important; margin:0px 0px;  text-align:left; color:rgb(15,98,172); }
	
	.bottomLogo{ position:absolute; margin:60% 0% 0% 20%; float:left; width:40%; display:none; border:1px solid #f00; }
	/*
	.logoSeudo{ position:absolute; top:80%; left:30%; float:left; width:40%; display:block; border:0px solid #f00; z-index:99999;}
	*/
	.logoSeudo{ position:absolute; margin:138% 0% 0% 25% !important; float:left; width:50% !important; display:none; border:0px solid #f00; z-index:999999999 !important;}
	
	.addressWrapper{ position:relative; width:65% !important; float:none;  text-align:left !important; font-family: 'futura_ltregular', sans-serif; margin:0px 0em 0em 10% !important; padding-right:0px; font-size:1em; }
	
	
	.bottomTxtContainer ul li{ list-style-position:outside; float:none; clear:both; position:relative; margin-right:1em;}
	
	
	
	.bottomTxtContainer{position:relative; float:none; clear:both; width:80%; color:#000; margin:2em auto; display:block; }
	
	.rightWrapper .phNumber{ color:#fff; font-size:1.8em; white-space:nowrap; margin:1em 0em 0em 0em; padding:0; position:relative; display:block; line-height:1.2em; width:100%; overflow:hidden;   }
.rightWrapper .dotCom{ color:rgb(11,40,76); font-size:1.8em; margin:0em 0em 0em 0em; padding:0; position:relative; width:100%; overflow:hidden; }

.key{ position:absolute; width:80% !important; float:none; text-align:center; color:#7FADC5; bottom:2em; right:10% !important;  font-family: 'futura_ltregular', sans-serif !important; 
 background:rgba(0,0,0,0.5); padding:0.6em; border-radius:0.4em;  }

	
}



@media screen and (max-width:768px){
	body{ overflow-x:hidden !important; width:100% !important; display:block; margin:0 !important; padding:0 !important; }
	
	h1.titleTop{
	position:absolute; top:0.2em; right:0%; width:100%;  overflow:hidden; 
font-size:2.4em; text-transform:uppercase; text-align:center; 
font-family: 'Montserrat', sans-serif; color:#fff; letter-spacing:0.1em; 
}
	
	.logo{ position:relative; width:30%; margin:6em auto 5% auto !important; text-align:center; display:block; border:1px soliod #000;   }
	
	.logo img{ max-width:100%; height:auto; display:block; margin:0px auto;  }
	
	.leftWrapper{ position:relative; width:80%; float:none; clear:both; background:none; margin:0% auto; font-family: 'Raleway', sans-serif; }
	.rightArrow{  position:absolute; float:right; right:0em; top:0em; padding-left:50px; }
	.leftArrow{  position:relative;   padding-left:5px; }
	.rightWrapper{ position:relative; width:80%; float:none; clear:both; background:none; margin:0% auto; }
	.rightWrapper h1{ font-size:2em; text-transform:uppercase; text-align:center; font-family: 'Montserrat', sans-serif; color:#fff; }
	
	.freedomImageWraper{ position:relative; width:50%; float:none; clear:both; margin:12em auto 0em auto;  }
	.freedomImageWraper img{ max-width:100%; height:auto; display:block;}
	
	.descriptionWrapper{ position:relative; width:90%; margin:4% auto !important;  text-align:left; }
	
	.bottomLogo{ position:absolute; margin:60% 0% 0% 20%; float:left; width:40%; display:none; border:1px solid #f00; }
	/*
	.logoSeudo{ position:absolute; top:80%; left:30%; float:left; width:40%; display:block; border:0px solid #f00; z-index:99999;}
	*/
	.logoSeudo{ position:absolute; margin:100% 0% 0% 30%; float:left; width:40%; display:block; border:0px solid #f00; z-index:999999999 !important;}
	
	.addressWrapper{ position:relative; width:100%; overflow:hidden; float:none;  text-align:center; font-family: 'futura_ltregular', sans-serif; margin:0px 0em; padding-right:10px; }
	
	.bottomTxtContainer{position:relative; float:none; clear:both; width:80%; color:#000; margin:2em auto; display:block; }
	
	.key{ position:absolute; width:50%; float:none; text-align:center; color:#7FADC5; bottom:1em; right:25%;  font-family: 'futura_ltregular', sans-serif !important; 
 background:rgba(0,0,0,0.5); padding:0.6em; border-radius:0.4em;  }
}
