@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('https://fonts.googleapis.com/css?family=Bad+Script|Just+Another+Hand|Raleway');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Sacramento|Satisfy');

@media print{.no-print{display:none;}}

/*	GLOBALS	*/
body{background:#eee; font-family: 'Raleway', sans-serif; color:#58585a; overflow:scroll; margin:0px;}
p{width:100%;display:block; margin-left:auto; margin-right:auto; font-family: 'Raleway', sans-serif; text-decoration:none; color:#58585a;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
li,th{font-family: 'Raleway', sans-serif;}

/*	HEADER	*/
.header{overflow: hidden; display:block; border-top:solid 10px #d7df21; border-bottom:solid 10px #777; margin-left:auto; margin-right:auto; background-color:#58585a; margin:0px;}
.logo{width:100%; max-width:150px; display:block; margin-left:10px; margin-right:auto;}


/*	NAV	 */
.nav-button{padding:2%; color:#d7df21; background-color:#58585a; text-transform:uppercase; border-bottom:5px solid #d7df21; font-family: 'Ubuntu', sans-serif;  text-align:center; margin-top:0%; transition:color,background 1s ease;}
.nav-button:hover{background:#777;}
.nav-div{position:absolute; width:100%; background-color:#58585a; text-align:center; padding:0px; z-index:100; color:#fff;}
.nav-image{opacity:0.9; width:100%;}
.nav-image-dropdown{opacity:0.9; width:100%; max-width:100px;}
.nav-image:hover{opacity:0.7;}
.nav-arrow{width:105px;}
.view_more
{
position: absolute;
bottom: 0;
padding:2%;
left: 0;
right: 0;
background-color:#58585a;
color: #fff;
opacity:0.95;
font-size:150%;
text-align:center;
}


/*	HERO IMAGES	*/
.hero_overlay {
position: relative;
text-align: center;
color: white;
width:100%;
padding:0%;
}

.hero_overlay img
{
object-fit: fill;
width:100%;
}

.hero_title
{
font-family: 'Work Sans', sans-serif;
text-align:left;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
background-color:#d7df21;
font-size:150%;
color: white;
padding:2%;
opacity:0.95;

}

.hero_strap
{
text-align:left;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background-color:#58585a;
color: #fff;
padding:2%;
opacity:0.8;
font-size:150%;
}

.hero_button
{
text-align:center;
position: absolute;
top: 10%;
left: 3%;
background-color:#d7df21;
color: #fff;
padding:5px;
opacity:0.9;
width:20;
font-size:100%;
border-radius:8px;
}

.hero_button:hover, .hero_button:hover a 
{
background-color:#58585a;
color: #d7df21;
}

.hero_text_large
{
font-size:120%;
color:#d7df21;
}

.hero_text_small
{
text-align:left;
position: absolute;
top: 30%;
left: 5%;
font-size:80%;
color:#fff;
padding:1%;
background-color:#58585a;
opacity:0.8;
border-radius:8px;
}


.more_button
{
text-align:center;
color: #fff;
padding:5px;
font-size:100%;
border-radius:8px;
color: #fff;
background-color:#58585a;
max-width:200px;
   margin: auto;
width:100%;
}


/* OVERLAY */

.overlay_bubble
{
overflow:hidden;
height:auto;
width:auto;
margin-left:auto;
margin-right:auto;
border:none;
z-index:15;
position:fixed;
padding:0px;
top:0px;
left:0px;
right:0px;
bottom:0px;
background-color:#fff;
opacity:0.9;
}
.overlay_success
{
overflow:hidden;
/* background:rgba(0,0,0,0.9);  */
background:linear-gradient(#58585a, #d7df21);
padding:3%; 
width:75%; 
margin-top:20%; 
margin-left:auto; 
margin-right:auto; 
font-family: 'Work Sans', sans-serif;
font-size:100%;
color:#fff;
text-align:center;
border-radius:8px;
}


/*	IMAGES	*/
.images-front-bottom{display:block; margin-left:auto; margin-right:auto; width:auto; width:100%;}
.thumb_resp_100{width:95%; border-radius:8px; max-width:500px;}
.thumb_140{width:50%;}
.thumb_200{width:100%; max-width:200px;}
.thumb_150{width:150px;}
.thumb_80{width:80px;}

/* ICONS */
.fa_icon {font-size:200%; color:#d7df21; background-color:#58585a; text-align:center; padding:2%; margin:1%;}
.fa_icon a{color:#d7df21;}
.fa_icon:hover{color:#d7df21;}

/*	HOMEPAGE IMAGES */
.image-size{width:100%;max-width:600px;}
.image-overlay{position: relative;}
.image-overlay:hover{opacity:0.8;}
.image-text{position: absolute; bottom: 0px; left: 0; width: 100%; background:rgb(255,255,255); padding-top:5%; padding-bottom:5%; opacity:0.8;}

.green{color:#d7df21;}
.grey{color:#58585a;}
.white{color:#fff;}
.centered{text-align:center;}
/*	BOXES AND TEXT	*/
.box-text{max-width:1000px; margin-left:auto; margin-right:auto; padding-top:5%; padding-bottom:5%;}
.box-text a{color:rgb(185,145,230);}
.grey_box{padding-top:5%; padding-left:5%; background-color:#58585a; color:#fff; padding-right:5%; width:100%; margin-left:auto; margin-right:auto; border-radius:8px;}
.white-box{padding-top:5%; padding-left:5%; background-color:#fff; padding-right:5%; width:100%; margin-left:auto; margin-right:auto;}
.white-box a{color:rgb(185,145,230);}
.hidden{display:none;}
.underline{border-bottom:solid 1px rgb(180,180,180);}
.error{color:rgb(185,145,230); text-align:center; margin:auto;}
.center{text-align:center;}
.add-on{font-family: 'Raleway', sans-serif; font-size:1em;}
.display-text{width:90%; padding:2%; border:solid 1px rgb(185,145,230); font-size:1.3em; font-family: 'Raleway', sans-serif; text-align:center; margin:auto;}
.www-complete{max-width:400px; width:90%; padding:2%; border:solid 1px rgb(185,145,230); font-size:1.3em; font-family: 'Raleway', sans-serif; text-align:center; margin:auto;}

/* CONTACT FORM */
.contact_input{width:50%; min-width:300px; padding:2%; margin-bottom:2%;}
.contact_button{width:50%; min-width:300px; padding:2%; margin-bottom:2%; background-color:#d7df21; color:#58585a;}


/*	FOOTER	*/
.footer-table{border-top:solid 1px rgb(185,145,230); margin-top:3%; background:linear-gradient(rgb(255,255,255) 50%, rgb(220,220,220));}
.footer-table h3{color:rgb(185,145,230);}
.footer-table p{color:rgb(100,100,100);}
.footer-table a{color:rgb(100,100,100);}


/* APP */
.app_input{width:100%;}

@media all and (min-width: 951px)
{
.nav_mobile{display:none;}
body{font-size:100%;}
.nav_mobile_menu{width:100px; color:#d7df21;}
.sticky {position: fixed; top: 0; width: 100%; margin-bottom:55px; z-index:5;}
.content {padding-top: 60px;}
}

@media all and (max-width: 951px) and (min-width: 701px)
{
.nav_mobile{display:none;}
body{font-size:80%;}
.nav_mobile_menu{font-size:150%;color:#fff;}
.sticky {position: fixed; top: 0; width: 100%; margin-bottom:55px; z-index:5;}
.content {padding-top: 60px;}
}

@media all and (max-width: 701px) and (min-width: 375px)
{
.nav_full{display:none;}
.nav_mobile_menu{font-size:150%;color:#fff;}
.hero_title{font-size:100%;}
.fa_icon {font-size:150%;}
}

@media all and (max-width: 375px) and (min-width: 100px)
{
.nav_full{display:none;}
.hero_button{font-size:140%; width:20%;}
.hero_text_large{font-size:140%; width:20%;}
.hero_text_small{font-size:140%; width:20%; width:40%;}
.hero_button{font-size:140%; width:20%;}
.hero_title{font-size:100%;}
.fa_icon {font-size:120%; padding:2%;}
body{font-size:80%;}
}