/* Reset */

html, body, div, span, applet, object, iframe, h1, h3, h4, h5, 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 {
margin: 0;
padding: 0;
border: 0;
font-family: 'Open Sans', sans-serif;
font-size: 100%;
font: inherit;
text-align: center;
}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
position:relative;
background-image:url('floridaeyebackground.jpg');
background-position:center;
background-size:cover;
width:100vw;
height:100vh;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
-webkit-text-size-adjust: none;
}
/* Box Model */
*, *:before, *:after {
box-sizing: border-box;
}
/* Basic */
@-ms-viewport {
width: device-width;
}
strong, b {
font-weight: 600;
}

/************* Button special **********************/
input[type="submit"].button special,
input[type="reset"].button special,
input[type="button"].button special,
.button.special {
text-align:center;		
display:block;    
background: linear-gradient(to right, rgba(206, 189, 167, .55), rgba(247, 241, 226, 1), rgba(206, 189, 167, .55));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border:none;
font-size:1.25em;	
font-weight:600;	    
outline:none;
box-shadow: inset 0 1px 2px 3px rgba(84, 102, 1, 0) !important;
cursor:pointer;
height:2em;
margin-right:auto;
margin-left:auto;
margin-top:.25em;
padding-bottom:.25em;
transition: all 0.35s ease-in-out;
width: 100px;
}
input[type="submit"].button special:visited,
input[type="reset"].button special:visited,
input[type="button"].button special:visited,
.button.special:visited { 
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, 1), rgba(206, 189, 167, .2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
outline:none;
}
input[type="submit"].button special:hover,
input[type="reset"].button special:hover,
input[type="button"].button special:hover,
.button.special:hover {
background: linear-gradient(to right, rgba(206, 189, 167, .1), rgba(247, 241, 226, .5), rgba(206, 189, 167, .1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
input[type="submit"].button special:active,
input[type="reset"].button special:active,
input[type="button"].button special:active,
.button.special:active { 
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, 1), rgba(206, 189, 167, .2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
outline:none;
}
input[type="submit"].button online,
input[type="reset"].button online,
input[type="button"].button online,
.button.online {
text-align:center;		
display:block;   
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, 1), rgba(206, 189, 167, .2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border:none;
font-size:.85em;	
font-weight:600;	    
outline:none;
box-shadow: inset 0 1px 2px 3px rgba(84, 102, 1, 0) !important;
cursor:pointer;
height:2em;
margin-right:auto;
margin-left:auto;
margin-top:2em;
padding:0;
transition: all 0.35s ease-in-out;
width: 100%;
}
input[type="submit"].button online:visited,
input[type="reset"].button online:visited,
input[type="button"].button online:visited,
.button.online:visited { 
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, 1), rgba(206, 189, 167, .2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
outline:none;
}
input[type="submit"].button online:hover,
input[type="reset"].button online:hover,
input[type="button"].button online:hover,
.button.online:hover {
background: linear-gradient(to right, rgba(206, 189, 167, .1), rgba(247, 241, 226, .5), rgba(206, 189, 167, .1));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
input[type="submit"].button online:active,
input[type="reset"].button online:active,
input[type="button"].button online:active,
.button.online:active { 
background: linear-gradient(to right, rgba(206, 189, 167, .2), rgba(247, 241, 226, 1), rgba(206, 189, 167, .2));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
outline:none;
}
input[type="email"],
input[type="text"],
placeholder {
text-align: center;
display:block;
font-size: 1em;
color: rgba(0,0,0,1);	   
background: linear-gradient(to right, rgba(206, 189, 167, 1), rgba(247, 241, 226, 1), rgba(206, 189, 167, 1));
text-transform: none;
outline: 0;
border:none;
border-radius:6px;
padding: 0em;
cursor:text;
height: 2.5em;
width: 300px;
max-width:100%;
padding:.35em 0em 0em 0em;
margin-right:auto;
margin-left:auto;
}
input[type="email"]:focus,
input[type="text"]:focus,
focus {
text-align: center;
box-shadow: inset 0 1px 2px 3px rgba(84, 102, 1, .3);
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
::-webkit-input-placeholder {
color: rgba(0, 0, 0, .45);    
}
::-moz-placeholder {
color: rgba(0, 0, 0, .45);
}
:-ms-input-placeholder {
color: rgba(0, 0, 0, .45);
}
:-moz-placeholder {
color: rgba(0, 0, 0, .45);
}
@media screen and (max-width: 1050px) {	
h6 {
display:none;
}
}
@media screen and (max-width: 736px) {			
input[type="text"],	        
placeholder {	        
font-size:.9em;		                 	                    
} 
}						
@media screen and (max-width: 480px) {	
input[type="text"],	        
placeholder {	        
font-size:.9em;		                 	                    			
} 
}
@media screen and (max-width: 360px) {
input[type="text"],	        
placeholder {	        
font-size:.9em;		                 	                    
} 
}
/* List */

ol li {
padding-left: 0.25em;
}

ul li {
padding-left: 0em;
}
ul.alt {
list-style: none;
padding-left: 0;
}
ul.alt li {
border-top: solid 1px #c9c9c9;
padding: 0.5em 0;
}
ul.alt li:first-child {
border-top: 0;
padding-top: 0;
}
ul.icons {
cursor: default;
list-style: none;
padding-left: 0;
margin: 0em 1em 1em 0em;
}
ul.icons li {
display: inline-block;
padding: 1em 0 0 1.2em;
}
ul.actions {
cursor: default;
list-style: none;
padding-left: 0;
}
ul.actions li {
display: inline-block;
padding: 0 1em 0 0;
vertical-align: middle;
}
ul.actions li:last-child {
padding-right: 0;
}
ul.actions.small li {
padding: 0 0.5em 0 0;
}
ul.actions.vertical li {
display: block;
padding: 1em 0 0 0;
}
ul.actions.vertical li:first-child {
padding-top: 0;
}
ul.actions.vertical li > * {
margin-bottom: 0;
}
ul.actions.vertical.small li {
padding: 0.5em 0 0 0;
}
ul.actions.vertical.small li:first-child {
padding-top: 0;
}
ul.actions.fit {
display: table;
margin-left: -1em;
padding: 0;
table-layout: fixed;
width: calc(100% + 1em);
}
ul.actions.fit li {
display: table-cell;
padding: 0 0 0 1em;
}
ul.actions.fit li > * {
margin-bottom: 0;
}
ul.actions.fit.small {
margin-left: -0.5em;
width: calc(100% + 0.5em);
}
ul.actions.fit.small li {
padding: 0 0 0 0.5em;
}
@media screen and (max-width: 480px) {
ul.actions {
margin: 0 0 2em 0;
}
ul.actions li {
padding: 1em 0 0 0;
display: block;
text-align: center;
width: 100%;
}
ul.actions li:first-child {
padding-top: 0;
}
ul.actions li > * {
width: 100%;
margin: 0 !important;
}
ul.actions li > *.icon:before {
	margin-left: -2em;
}
ul.actions.small li {
padding: 0.5em 0 0 0;
}
ul.actions.small li:first-child {
padding-top: 0;
}
}
dl {
margin: 0 0 2em 0;
}

dl dt {
display: block;
font-weight: 900;
margin: 0 0 1em 0;
}
dl dd {
margin-left: 2em;
}
/* Image */
.image {
border-radius: 4px;
border: 0;
display: inline-block;
margin:0em 0em 1em 0em;
}
.image img {
border-radius: 4px;
display: block;
box-shadow: 0px 1px 3px 7px rgba(0,0,0,.15);
}
/*********************************************** Header *******************/
header {
Background:transparent;
width:100%;
z-index:3;
position:fixed;
padding: 0em 0em 9em 0em;
}
header nav {
position: fixed;
right: 3em;
top: 6.5em;
z-index: 10000;
}
header nav ul {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
align-items: center;
list-style: none;
margin: 0;
padding: 0;
}
header nav ul li {
display: block;
padding: 0;
}
header nav ul li a {
display: block;
position: relative;
height: 3em;
line-height: 4em;
padding: 0 1.5em;
background-color: rgba(0, 0, 0, .45);
box-shadow: 0px 2px 20px rgba(255,255,255,.5);
border-radius: 15px;
border: 0;
font-size: 3em;
font-weight: 600;
letter-spacing: 0.35em;
text-transform: uppercase;
}
header nav ul li a[href="#menu"] {
-webkit-tap-highlight-color: transparent;
width: 4em;
text-indent: 4em;
font-size: 1.5em;
overflow: hidden;
padding: 0;
white-space: nowrap;
}
header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
-moz-transition: opacity 0.2s ease;
-webkit-transition: opacity 0.2s ease;
-ms-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: 3em 3em;
}
header nav ul li a[href="#menu"]:before {
background-image: url("menu.png");
opacity: 0;
}
header nav ul li a[href="#menu"]:after {
background-image: url("menu.png");
opacity: 1;
}
header nav ul li a[href="#menu"]:hover:before {
opacity: 1;
}
header nav ul li a[href="#menu"]:hover:after {
opacity: 0;
}
header h1 { 
text-align:center;
color:rgba(0,0,0,1);
font-family: 'Open Sans', sans-serif;		 
font-size: 2em; 
font-weight:900;
letter-spacing: 0px;
text-transform:capitalize;
line-height:.5em;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header p {
text-align:center;
font-family: 'Open Sans', sans-serif;
font-size:1em; color:rgba(0,0,0,.7);
font-weight:700;
line-height:1.3em;
letter-spacing:0px;
width:800px;
margin-right:auto:
margin-left:auto;
display:inline-block;		
margin-bottom:2em;
}
header img {
max-width:550px;
padding:2em 0em 0em 0em;
}
@media screen and (max-width: 1230px) {
header p {
width:70%;
font-size:1em; 
line-height:1.4em;
margin:0em 0em 1em 0em;	
}
header {
padding: 0em 0em 8em 0em;	
}
header nav {
right: 2em;
top: 5.5em;
}
}
@media screen and (max-width: 980px) {
header h1 { 
font-size: 1.6em; 
font-weight:600;
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header {
padding: 0em 0em 8em 0em;	
}
header p {
font-size:.9em; 
line-height:1.4em;
margin:0em 7em 1em 0em;		
}
header nav {
right: 2em;
top: 5.5em;
}
}
@media screen and (max-width: 736px) {
header {
padding: 0em 0em 7em 0em;
}	
header p {
font-size:.9em; 
line-height:1.3em;		
}
header h1 { 
font-size: 1.25em; 
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header nav {
right: 2em;
top: 5em;
}
header img {
max-width:250px;
}		
}
@media screen and (max-width: 550px) {
header p {
font-size:.9em; 
line-height:1.2em;
margin:0em 7em .5em .5em;		
}
header h1 { 
font-size: 1em; 
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header nav {
right: 1em;
top: 5em;
}			
}
@media screen and (max-width: 480px) {
header p {
font-size:.9em; 
line-height:1.2em;
margin:0em 0em .5em 0em;		
}
header h1 { 
font-size: 1em; 
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header nav {
right: 1em;
top: 1.7em;
}
header {
padding: 3em 0em 1em 0em;
}	
header img {
max-width:175px;
}				
}
@media screen and (max-width: 360px) {
header {
padding: 1.85em 0em 1em 0em;
margin:0em 0em 0em 0em;
}
header p {
font-size:.8em; 
font-weight:600;
line-height:1.1em;
letter-spacing:0px;		
padding: 1.7em 1em 0em 1em;
}
header h1 { 
font-size: 1em; 
margin:0em 0em 0em 0em;
padding:0em 0em 0em 0em;
}
header img {
max-width:150px;
padding:1.2em 0em 0em 0em;
}	
header nav ul li a[href="#menu"] {
width:2.75em; height:2em;
}	
header nav {
right: 0.5em;
top: 1.2em;
}
header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
background-size: 2em 2em;
}	
}

/* Menu */

#menu {
transform: translateX(22em);
transition: transform 0.45s ease, visibility 0.45s;
position: fixed;
top: 0;
right: 0;
width: 22em;
height: 100%;
-webkit-overflow-scrolling: touch;
background: rgba(0,0,0,.85);
color: #ffffff;
cursor: default;
visibility: hidden;
z-index: 10002;
}
#menu img {
text-align:center;
display:block;
position:relative;
max-width:100px;
width:100%;
padding: 3em 0em 1em 0em;
margin-right:auto;
margin-left:auto;
}
#menu span {
color:#e1fa7c;
}
#menu > .inner {
transition: opacity 0.45s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
border-left:solid 0px rgba(255,255,255,0);
padding:1em 0em 15em 0em;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#menu > .inner > ul {
list-style: none;
padding: 0em 0em 0em 0em;
margin:2em 1em 0em 1em;
}
#menu > .inner > ul > li {
font-size:1em;
font-weight:300;
padding: 0;
border-top: solid 1px rgba(255, 255, 255, .4);
}
#menu > .inner > ul > li a {
display: block;
font-family: 'Open Sans', sans-serif;
color: #ffffff;
text-decoration:none;
padding: 1em 0em 1em 0em;
line-height: 1.5;
border: 0;
}
#menu > .inner > ul > li a:hover {
color:#e1fa7c;
}
#menu > .inner > ul > li:first-child {
border-top: 0;
margin-top: -1em;
}
#menu > .close {
-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease; -webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease; -ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease; transition: opacity 0.45s ease, transform 0.45s ease; -moz-transform: scale(0.25) rotate(180deg); -webkit-transform: scale(0.25) rotate(180deg); -ms-transform: scale(0.25) rotate(180deg); transform: scale(0.25) rotate(180deg); -webkit-tap-highlight-color: transparent;
display: block;
position: relative;
font-family: 'Open Sans', sans-serif;
font-size: 1em;
top: 1em;
border: 0;
opacity: 0;
overflow: hidden;
padding: 0;
white-space: nowrap;
width: 150px;
margin-right:auto;
margin-left:auto;
}
#menu > .close:before, #menu > .close:after { -moz-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
content: 'Close Window';
color: rgba(255, 255, 255, 1);
display: block;
position:relative;
top: .85em;
left: 0;
width: 150px;
margin-right:auto;
margin-left:auto;
}
a:link {
color:transparent;
}
#menu > .close:before {
opacity: 1;
}
#menu > .close:after {
opacity: 0;
}
#menu > .close:hover:before {
opacity: .5;
}
#menu > .close:hover:after {
opacity: 0;
}

@media screen and (max-width: 350px) {
#menu {
width:100%;
}
#menu > .inner {
border:none;
}
#menu > .close {
font-size: .65em;
}
#menu > .inner > ul > li {
font-size:.65em;
}
}

body.is-menu-visible #wrapper {
pointer-events: none;
cursor: default;
opacity: 1;
}
body.is-menu-visible #menu {
transform: translateX(0);
visibility: visible;
}
body.is-menu-visible #menu > * {
opacity: 1;
}
body.is-menu-visible #menu .close {
transform: scale(1.0) rotate(0deg);
opacity: 1;
}

/******************* Main *****************************/
#main {
position: absolute;
background: rgba(0,0,0,.6);
width: 95%;
border-radius:15px;
box-shadow: 0px 10px 25px rgb(0,0,0, .3);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
padding: 0em 0em 0em 0em;
max-width: 500px;
}
.content {
padding: 1em;
}
#main h1 {
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size: 1em;
line-height: 1.15em;
color: rgba(255,255,255,.85);
font-weight: 600;	
padding:2em 0em .25em 0em;
margin:0;
}
#main header {
font-family: 'Open Sans', sans-serif;
text-align: center;
font-size: 2.25em;
background: linear-gradient(to right, rgba(206, 189, 167, .3), rgba(247, 241, 226, 1), rgba(206, 189, 167, .3));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 600;
line-height: 1.15em;	
padding:0em 0em 1em 0em;
}
#main p {
text-align:justify;
font-family: 'Open Sans', sans-serif;
font-size: calc(80% + .25vw);
color: rgba(255,255,255,1);
font-weight:600;
line-height:1.35em;
padding:2em .5em 2em .5em;
margin-right:auto;
margin-left:auto;
}
@media screen and (max-width: 980px) {
#main header {
font-size: 1.85em;
}
#main h1 {
font-size: .9em;
}
}
@media screen and (max-width: 550px) {
#main header {
font-size: 1.75em;
}
#main p {
word-spacing:-1px;
}
}
@media screen and (max-width: 380px) {
#main header {
font-size: 1.6em;
}
#main h1 {
font-size: .8em;
}
}