/**** Body ****/
/**** Body ****/
html { font-size: 16px; }

body { font-size: 0.8em; }

/**** Paragraph ****/
p { margin: 0px; padding: 1px 0px; }

/**** Links ****/
a, a:link, a:active, a:hover, a:visited { color: #1182BF; text-decoration: none; border: none; }

a:hover { color: #F89D1C; text-decoration: underline; }

/**** Headings ****/
h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; padding: 0; font-family: "Barlow Condensed", sans-serif; font-weight: 600; line-height: 1.15; }

h1 { font-size: 50px; margin-bottom: 20px; }

h2 { font-size: 40px; margin-bottom: 10px; }

h3 { font-size: 32px; color: #1182BF; margin-bottom: 7px; }

h4 { font-size: 28px; color: #2BB34B; }

h5 { font-size: 24px; }

h6 { font-size: 22px; color: #1182BF; }

/**** Tables ****/
table img { height: auto !important; }
@media only screen and (max-width: 52em) { table.table-mobile { max-width: 100%; }
  table.table-mobile tr { display: block; }
  table.table-mobile td { display: block; width: 100% !important; padding: 0 !important; }
  table.table-mobile-2 td { width: 50% !important; display: table-cell; vertical-align: middle; } }

/**** Menu ****/
/* Clear */
.menu:after { content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; visibility: hidden; }

/* Horizontal - structure */
.menu-horizontal > ul, .menu-horizontal > ul li, .menu-horizontal > ul ul { list-style: none; margin: 0; padding: 0; }

.menu-horizontal > ul { position: relative; z-index: 197; float: left; }

.menu-horizontal > ul li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1; }

.menu-horizontal > ul li.hover, #header .menu-horizontal > ul li:hover { position: relative; z-index: 199; cursor: default; }

.menu-horizontal > ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 198; width: 100%; }

.menu-horizontal > ul ul li { float: none; }

.menu-horizontal > ul ul ul { top: 1px; left: 99%; }

.menu-horizontal > ul li:hover > ul { visibility: visible; display: block; }

/* Horizontal - basic styling */
.menu-horizontal a, .menu-horizontal a:hover { display: block; padding: 3px 4px; text-decoration: none; }

/**** Body ****/
#body { font-family: "Barlow", sans-serif; }

/**** Container ****/
/**** Header ****/
#header { padding: 15px 40px; }
@media only screen and (max-width: 40em) { #header { padding: 15px; } }
#header #header-logo img { max-width: 130px; }
@media only screen and (max-width: 40em) { #header #header-logo { text-align: center; }
  #header #header-logo img { max-width: 220px; } }

.body-default #header { background: #eee; }

body .uwy.userway_p1 .userway_buttons_wrapper { top: 7px !important; }
@media only screen and (max-width: 40em) { body .uwy.userway_p1 .userway_buttons_wrapper { top: 8px !important; left: calc(100vw - 8px) !important; }
  body .uwy .uai, body .uwy .ulsti { width: 25px !important; height: 25px !important; } }

/**** Menu ****/
@media only screen and (max-width: 40em) { #menu-mobile { position: absolute; z-index: 10; top: 10px; right: 41px; width: 20px; height: 20px; background: url(../images/icon-menu-black.png) no-repeat center center; cursor: pointer; } }

#menu-main a, #menu-main span { font-size: 18px; font-weight: 600; color: #3a4149; padding: 40px 10px 5px; }
#menu-main a:hover, #menu-main span:hover { text-decoration: none; }
#menu-main ul ul { min-width: 200px; background: #fff; }
#menu-main ul ul a, #menu-main ul ul span { padding: 5px 10px; font-size: 16px; }
@media only screen and (max-width: 40em) { #menu-main { position: absolute; z-index: 2; top: 0px; left: -225px; width: 225px; background: rgba(255, 255, 255, 0.8); padding: 15px 0px; text-align: left; }
  #menu-main li { float: none; }
  #menu-main a, #menu-main span { padding: 5px 20px; }
  #menu-main ul ul { visibility: visible; background: none; position: relative; }
  #menu-main ul ul a, #menu-main ul ul span { padding: 5px 20px 5px 30px; } }

/**** Content ****/
#content > .page { padding: 40px; min-height: 400px; }
@media only screen and (max-width: 40em) { #content > .page { padding: 15px; } }

.page-section { padding: 40px; }
@media only screen and (max-width: 40em) { .page-section { padding: 15px; } }

.body-default .page { max-width: 1160px; margin: 0 auto; }

/**** Footer ****/
#footer { padding: 15px 40px; background: #3a4149; color: #fff; text-align: center; }
#footer a { color: #fff; }
@media only screen and (max-width: 40em) { #footer { padding: 15px; } }
#footer #footer-logos img { margin: 10px 20px 20px; max-height: 100px; }

/**** Share ****/
#body .stButton { margin: 0px 1px; }

/**** Font Resize ****/
.font-resize a { font-size: 1.2em; line-height: 1.2em; vertical-align: middle; }

/**** Search ****/
.search-box-form-input { width: 120px; vertical-align: middle; }

.search-box .search-box-form-submit { vertical-align: middle; }

/** Button */
.button, a.button { text-transform: uppercase; border-radius: 100px; padding: 15px 30px; background: #F89D1C; color: #fff; letter-spacing: 1px; display: inline-block; font-weight: 600; font-size: 16px; }
.button:hover, a.button:hover { color: #fff; background: #d87f00; text-decoration: none; }

/** Mobile */
@media only screen and (max-width: 52em) { iframe { max-width: 100%; height: auto !important; min-height: 215px; } }
/** Home */
.page-section-home-banner { padding: 0; 	/*background:url(../images/banner-1.jpg) no-repeat center center;
	background-size:cover;

	// Temp min-height (while text box is hidden)
	min-height:550px;
	@media only screen and (max-width: 769px) {
		min-height:320px;
	}
	@media only screen and (max-width: 480px) {
		min-height:200px;
	}

	.home-banner-container {
		display:none; // Hidden for now

		max-width:500px;
		background:rgba(255,255,255,0.7);
		padding:25px;
		text-align:center;
		
		h3 {
			line-height:1.05;
			margin-bottom:5px;
		}
	}
	
	img {
		width:400px;
	}
	
	.home-banner-text {
		font-size:55.6px;
		margin-bottom:30px;
		line-height:0.85;
		font-weight:800;
		font-family:$font_fancy;
		
		.home-banner-text-1 {
			font-size:140px;
			letter-spacing:4.2px;
		}
		.home-banner-text-2 {
			font-size:84px;
			letter-spacing:3.5px;
		}
	}
	
	/*@media only screen and (max-width: 64em) {
		background-image:url(../images/banner-2-narrow.jpg);
		
		.home-banner-text {
			margin-bottom:20px;
		}
		.page h3 {
			margin-bottom:10px;
			max-width:50%;
		}
	}
	
	@media only screen and (max-width: 52em) {
		.home-banner-text {
			margin-bottom:20px;
			font-size:55px;
			
			.home-banner-text-1 {
				font-size:137px;
			}
			.home-banner-text-2 {
				font-size:83px;
			}
		}
		.page h3 {
			font-size:28px;
			margin-bottom:10px;
			max-width:50%;
		}
	}
	
	@media only screen and (max-width: 40em) {
		background-image:url(../images/banner-2-b.jpg);
		background-position:center bottom;
		padding-bottom:320px;
		text-align:center;
		
		.page h3 {
			max-width:100%;
			font-size:24px;
		}
	}
	@media only screen and (max-width: 375px) {
		padding-bottom:280px;
	}
	@media only screen and (max-width: 320px) {
		padding-bottom:235px;
	}*/ }
.page-section-home-banner p { padding: 0; }

.page-section-home-buttons h1 { text-align: center; background: url(../images/h1.gif) no-repeat center bottom; padding-bottom: 15px; margin-bottom: 40px; }

.home-buttons { width: 100%; margin: 0 -1.5%; }
.home-buttons td { text-align: center; width: 50%; }
.home-buttons a { display: inline-block; padding: 30px; width: 94%; height: 200px; margin: 20px 0; background: #F89D1C; color: #fff; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 50px; line-height: 1.1; letter-spacing: 1px; text-align: center; transition: all 0.5s ease-out; }
.home-buttons a:hover { text-decoration: none; margin: 15px 0; padding: 35px 30px; width: 96%; height: 210px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.6); }
.home-buttons a .button { padding: 10px 15px; background: none; border: 2px solid #fff; margin-top: 20px; }
.home-buttons a .button:hover { background: #d87f00; }
@media only screen and (max-width: 1024px) { .home-buttons a { height: 250px; }
  .home-buttons a:hover { height: 260px; } }
@media only screen and (max-width: 800px) { .home-buttons a { height: auto; }
  .home-buttons a:hover { height: auto; } }

.page-section-home-join { /*background:$color_blue;
color:#fff;

a {
	color:#fff;
}*/ }
@media only screen and (max-width: 64em) and (min-width: 52.0001em) { .page-section-home-join iframe { width: 400px; height: 220px; } }

.home-join-carousel { padding-left: 50px !important; }
@media only screen and (min-width: 40.0001em) { .home-join-carousel .carousel { margin-top: -50px; } }
.home-join-carousel img { height: auto !important; }
@media only screen and (max-width: 40em) { .home-join-carousel { padding-left: 0 !important; } }

/** Mailing List */
.g-recaptcha, .ctct-form-footer { display: none; }

/** Countdown */
.page-section-home-countdown { background: #F89D1C; }
.page-section-home-countdown .is-countdown { border: none; background: none; height: 80px; margin: -16px auto -5px; color: #fff; max-width: 1000px; }
.page-section-home-countdown .countdown-amount { font-size: 48px; font-weight: bold; }
@media only screen and (max-width: 40em) { .page-section-home-countdown .is-countdown { margin-top: -2px; }
  .page-section-home-countdown .countdown-amount { font-size: 32px; } }

/*<div id="countdown" class="is-countdown"><span class="countdown-row countdown-show4"><span class="countdown-section"><span class="countdown-amount">301</span><span class="countdown-period">Days</span></span><span class="countdown-section"><span class="countdown-amount">22</span><span class="countdown-period">Hours</span></span><span class="countdown-section"><span class="countdown-amount">28</span><span class="countdown-period">Minutes</span></span><span class="countdown-section"><span class="countdown-amount">13</span><span class="countdown-period">Seconds</span></span></span></div>*/
/** Registration */
#rates-tabs a.button { padding: 12px 20px; margin: 0 8px 8px 0; letter-spacing: 0; }

/*!/*##end##*/