/*------------------------------------*\
  Reset & Base Styles
\*------------------------------------*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix{
	clear:both;
}
p{
	margin-bottom:20px;
	line-height:22px;
}
a:active {
    outline: none;
}
::selection {
	color:#fff;
	background:#20bb8b;
}
::-moz-selection {
	color:#fff;
	background:#20bb8b;
} 
.posright{
	float:right;
}
.posleft{
	float:left;
}
.poscenter{
	margin:0 auto;
	display:block;
}
.hundredheight{
	height:100% !important;
	min-height:100% !important;
}
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.desktop-hide{
	display:none;
}

/*------------------------------------*\
  Grid & Layout
\*------------------------------------*/

.wrap-container{
	min-width:960px;
}
.section-container{
	width:960px;
	min-height:105px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	height:100%;
    position:relative;
}
.section-padding{
	padding-left:0;
	padding-right:0;
	width:100%;
	height:auto;
}
.section-inner-wide-padding{
	padding-left:65px; 
	padding-right:65px;
}
.section-padding-vertical{
    padding-bottom: 40px;
    padding-top: 50px;
}
.section-grid{
	height:100%;
	width:100%;
}
.section-grid-padding{
	padding-left:0;
	padding-right:0;
	width:100%;
	height:auto;
}
.section-grid-four, .section-grid-three, .section-grid-two, .section-grid-one, .section-grid-three-quarter, .section-grid-one-quarter, .section-grid-inner-page-left-larger, .section-grid-inner-page-right-smaller{
	float:left;
}
.section-grid-four{
	width:25%;
}
.section-grid-three{
	width:33.3%;
}
.section-grid-two{
	width:50%;
}
.section-grid-one{
	width:100%;
}
.section-grid-three-quarter{
	width:75%;
}
.section-grid-one-quarter{
	width:25%;
}
.section-grid-inner-page-left-larger{
	width:65%;
}
.section-grid-inner-page-right-smaller{
	width:35%;
}
.grid-column{

}
.grid-column-padding{
	padding-left: 15px;
    padding-right: 15px;
}
/*------------------------------------*\
  Full Height Banner
\*------------------------------------*/
html, body{
	height:100%;
	min-height:100%;
}
main{
	height:auto;
	background-color: white;
}
.main-hero-full{
	height:600px !important;
	/*  height:100%;
	min-height:100%; */
	position:relative;
	width:100%;
	z-index: 0;
}
.vert-center-content-wrapper{
 	display: table;
 	width: 100%;
}
.vert-center-content{
	display:table-cell;
	vertical-align: middle;
}
/*------------------------------------*\
    Navigation
\*------------------------------------*/
#nav {
    float: right;
    list-style: outside none none;
    margin-bottom: 10px;
    margin-top: 52px;
    position: relative;
    right: -14px;
    z-index: 5;
}
#nav li{
    float:left;
    margin-left:0px;
    position:relative;
}
#nav a{
    display:block;
    padding-left:6px;
    padding-right:6px;
    padding-top:9px;
    padding-bottom:9px;
    color:#fff;
    text-decoration:none;
    font-size:14px;
    -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
#nav a:hover{
    color:#0a5540;
    background:#09bc8a;
    text-decoration:none;
}
#nav .current-menu-item > a, #nav .current-menu-parent a{
    color:white;
    background:#09bc8a;
    text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
    background:#09bc8a;
    list-style:none;
    position:absolute;
    left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    -webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
#nav .sub-level-nav li{
    margin-left:0px;
}
#nav ul li{
    float:none;
}
#nav ul .current_page_item a{
    font-weight:700;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background:#09bc8a;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background:#46c9a3;
   
}
/*------------------------------------*\
    Tabs
\*------------------------------------*/

.container{
	width: 100%;
	margin: 0 auto;
}
ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: #ededed;
	color:#7e7e7e;
	cursor: pointer;
}
.tab-link{
	height:50px;
	display: block;
	float:left;
	width:50%;
	text-align:center;
	line-height:50px;
	font-weight:800;
	font-size:18px;
	-webkit-transition: all 0.3s ease;                  
    -moz-transition: all 0.3s ease;                 
    -o-transition: all 0.3s ease;   
    -ms-transition: all 0.3s ease;          
    transition: all 0.3s ease;
}
.tab-link:hover{
	color:#454545;
}
ul.tabs li.current{
	background: white;
	color:#454545;
}

.tab-content{
	display: none;
	background: white;
    font-size: 13px;
    line-height: 25px;
    padding: 15px;
}
.tab-content.current{
	display: inherit;
}
/*------------------------------------*\
    Google Maps
\*------------------------------------*/
.google-maps {
	position: relative;
	overflow: hidden;
	margin-bottom:10px;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}