/* CSS Document */

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
	margin: 0 auto;
	/*height: 100%;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family: 'Proxima Nova', sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #252525;
}

/*html { 
  background: #470A59 url('../images/BM_Side-Graphic.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

body { 
	/*background: #470A59 url('../images/BM_Side-Graphic.jpg') no-repeat 50% top fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */

	font-size: 18px;
	line-height: 1.63;
}

/*FONT SIZE MEDIA QUERIES*/
@media only screen and (max-width: 1199px) {
  body {
    font-size: 1em;
  }
}
@media only screen and (max-width: 991px) {
  body {
    font-size: 1em;
  }
}
@media only screen and (max-width: 767px) {
  body {
    font-size: 1em;
  }
}


/* ---- Font Face 'Proxima Nova' ---- */
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Light.eot');
  src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Light.woff') format('woff'), url('../fonts/ProximaNova-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-LightIt.eot');
  src: url('../fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-LightIt.woff') format('woff'), url('../fonts/ProximaNova-LightIt.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Regular.eot');
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-RegularIt.eot');
  src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-RegularIt.woff') format('woff'), url('../fonts/ProximaNova-RegularIt.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Semibold.eot');
  src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Semibold.woff') format('woff'), url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-SemiboldIt.eot');
  src: url('../fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-SemiboldIt.woff') format('woff'), url('../fonts/ProximaNova-SemiboldIt.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-Bold.eot');
  src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-Bold.woff') format('woff'), url('../fonts/ProximaNova-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Proxima Nova';
  src: url('../fonts/ProximaNova-BoldIt.eot');
  src: url('../fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-BoldIt.woff') format('woff'), url('../fonts/ProximaNova-BoldIt.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}


/* ---- Preloader ---- */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; 
  background-color: #111;
  z-index: 9999;
}
.preloader img {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
  margin: auto;
}


/* FullScreen YouTube Video Background In Pure CSS  */
/* CREDIT: https://codepen.io/dudleystorey/pen/PZyMrd */
/* CHECK here for smooth loading on each loop: http://rochestb.github.io/jQuery.YoutubeBackground/ */
.video-background { 
	background: #470A59 url('../images/bgmobile.jpg') center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; /**/
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: -1;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}
@media screen and (max-width: 768px) {
	/*.video-background {
		top: 74px;
	}*/
	.video-foreground, .video-background iframe { display: none; visibility: hidden; } 
}


/* init all CONTAINERS */
.container-1st { 
	background: transparent; 
	position: relative; top: 245px; 
	text-align: center;
}
@media screen and (max-width: 768px) {
	.container-1st {
		top: 120px;
	}
}

.container-2nd { 
	background: #ffffff; 
	text-align: center;
	margin-top: 300px;
	padding: 75px 0;
}
@media screen and (max-width: 768px) {
	.container-2nd {
		margin-top: 120px;
	}
}

.container-3rd { 
	background: #f3f3f3;
	text-align: center;
	margin-top: -275px;
	padding: 250px 0 60px 0;
}

.container-4th { 
	background: #ffffff; 
	text-align: center;
	padding: 50px 0;
}

.container-5th { 
	background: #f3f3f3; 
	text-align: center;
	padding: 75px 0;
}

.container-6th { 
	background: #ffffff; 
	text-align: center;
	padding: 75px 0;
}

.container-7th { 
	background: #f3f3f3 url('../images/bg1.jpg') right top no-repeat fixed;
	background-size: cover;
	text-align: center;
	padding: 75px 0;
}

@media screen and (max-width: 768px) {
	.container-7th { background: #f3f3f3; }
}


.container-8th { 
	background: #ffffff; 
	text-align: center;
	padding: 75px 0;
}

@media screen and (max-width: 768px) {
	.container-8th { padding-bottom: 50px; }
}


.container-9th { 
	background: #f3f3f3 url('../images/bg2.jpg') left top no-repeat fixed;
	background-size: cover;
	text-align: center;
	padding: 75px 0;
}

.container-10th { 
	background: #ffffff; 
	/* background: #0fa3c7 url('../images/bg_eventdetails.jpg') center top no-repeat;
	background-size: cover; */
	text-align: center;
	padding: 75px 0;
}

.container-11th { 
	background: #171717; 
	text-align: center;
	padding: 75px 0;
}

.container-12th { 
	background: #000000; 
	text-align: center;
	padding: 40px 0 30px 0;
	margin: 0 auto;
}


.main-container-nav {
	max-width: 1200px !important;
	margin: 20px auto;
}
.main-container {
	max-width: 1080px !important;
	margin: 0 auto;
}
.main-container-wider {
	max-width: 1150px !important;
	margin: 0 auto;
}


/* SECTION: Nav Menu */
.navbar { 
	background: rgba(0, 0, 0, 0.6) !important;
	padding: 0 5px; 
}
.navbar-dark-bg {
	background: rgba(0, 0, 0, 1) !important;
}
.navbar-brand { 
	outline: 0;
	margin-top: -21px;
}
.navbar-brand img { 
	margin-top: -5px; 
	max-width: 500px;
}

/*.nav-delay-visible { z-index: 10;  border-bottom:1px solid #DCDCDC; box-shadow: 1px 1px 10px #DCDCDC; }*/

@media only screen and (max-width: 768px) { 
	.main-container-nav { margin: 0 auto; }
	.navbar { 
		background: rgba(0, 0, 0, 1) !important;
		border-bottom: 0;
	}
	.navbar-brand img { margin-top: 18px;  max-width: 250px; }
	/*.navbar-brand { 
		margin-top: -15px; 
	}*/
	.navbar-collapse { 
		margin-top: 0px; 
	}
	.navbar-nav { 
		background: #000000; 
		margin-top: 1px; 
	}
}

.navbar-nav { position: relative; }

.navbar-nav li {
	color: #fff;
	font-family: 'Open Sans', sans-serif; 
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0 2px; 
	text-align: center;
}
.nav.navbar-nav li a {
	color: #fff;
	background: transparent;
	border: 2px solid transparent;
	padding: 5px 15px 8px 15px;
	outline: 0;
}
.nav.navbar-nav li a:focus {
	color: #fff;
	border: 2px solid #8FD400;
}
.nav.navbar-nav li button.special-nav { 
	font-weight: 800;
	background: #8FD400; 
    border: none;
    padding: 5px 15px 8px 15px;
}
.nav.navbar-nav li a, .nav.navbar-nav li a:focus, .nav.navbar-nav li button.special-nav {
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-ms-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}

.nav.navbar-nav li button.special-nav:hover { 
    box-shadow: 0 0 30px 0 rgba(255,255,255,0.5); 
    transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.nav.navbar-nav li button.special-nav:hover:before {
    animation: shine 0.5s 0s linear;
	-webkit-animation: shine 0.5s 0s linear;
}

.nav.navbar-nav li a:hover {
	color: #fff;
	background: #8FD400; 
	transition: 0.3s;
}
.navbar-inverse .navbar-toggle .icon-bar {
        background-color: #8FD400 !important;
}

.cs-top {
	background: #470A59; 
	width: 100%;
	height: 26px;
	padding-top: 4px;
}
.cs-top div {
	max-width: 1164px !important;
	margin: 0 auto;
	text-align: right;
	font-family: 'Barlow Condensed', sans-serif; 
	line-height: normal;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0.1em;
}
.cs-top a, .cs-top a:hover, .cs-top a:active, .cs-top a:focus {
	color: #ffffff;
}

.ico-whatsapp { 
	width: 30px !important;
	margin-top: 2px;
	margin-left: 5px;
	cursor: hand;
	cursor: pointer;
}
@media only screen and (max-width: 768px) { 
	.ico-whatsapp { margin-top: 5px; margin-left: 0px; margin-bottom: 10px; }
}


/* SECTION: Mid Menu */
#mid-menu { 
	position: relative; top: 200px;  
}
.cont-mid-menu { 
	background: #EDEDED; height: 51px; 
	border-bottom: 1px solid #DCDCDC; box-shadow: 1px 1px 10px #DCDCDC; 
}
.cont-mid-menu .nav-mid-menu { 
	margin: 12px auto 0 auto;
	max-width: 695px;
	list-style: none;
}
.cont-mid-menu .nav-mid-menu a.special-nav-mid {
	color: #ffffff !important;
	background: #470A59 !important; 
}
.cont-mid-menu .nav-mid-menu li {
	color: #999999;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	float: left;
}
.cont-mid-menu .nav-mid-menu li a {
	color: #999999;
	background: transparent;
	border: 2px solid transparent;
	padding: 15px 30px 17px 30px;
	outline: 0;
}
.cont-mid-menu .nav-mid-menu li a:hover {
	text-decoration: none;
}
/* Hide #mid-menu on less than 695px screen res */
@media (max-width: 768px) {
	#mid-menu { z-index: -100; display: none; }
}


/* Mobile Menu Only */


/* SECTION: First */
.container-1st h1, 
.container-1st h2, 
.container-1st h3, 
.container-1st h4 {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	line-height: normal;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
}
.container-1st h1 {
	font-size: 70px;
	font-weight: bold;
	color: #8FD400;
	text-shadow: 1px 1px 2px #000000;
}
.container-1st h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px #000000;
	text-transform: none;
}
.container-1st h3 {
	font-size: 24px;
	line-height: 1.2em;
	text-shadow: 1px 1px 5px #000000;
}
.container-1st h4 {
	font-size: 28px;
	line-height: 1em;
	text-shadow: 1px 1px 5px #000000;
	font-weight: bold;
}
.container-1st h4 span {
	font-size: 23px;
	font-weight: normal;
}
@media screen and (max-width: 768px) { 
	.container-1st h1 { 
		font-size: 52px;
		line-height: 1em;
	}
	.container-1st h2 { 
		font-size: 28px;
	}
	.container-1st h3 { 
		font-size: 22px;
	}

	.container-1st h4 {
		font-size: 20px; line-height: 1.2em;
	}
	.container-1st h4 span {
		font-size: 16px; line-height: 1.2em;
	}

}
.container-1st p {
	text-align: center;
	color: #ffffff;
	margin-top: 0;
	letter-spacing: 1px;
}


/* SECTION: Second */
.container-2nd h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3em;
	color: rgb(45, 45, 45);
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
.video-popup-wrapper {
	max-width: 800px;
	margin: 35px auto 0 auto;
	padding: 0 10px;
}
.video-popup-wrapper img {
	outline: none;
	border: 1px solid #ccc; 
	padding: 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.black-divider { background-color: black; height: 1px; width: 92%; margin: 0 auto; }
@media screen and (max-width: 768px) { 
.container-2nd h3 { 
	font-size: 22px;
	line-height: 1.2em;

	}
}


/* SECTION: Third */
.container-3rd h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000; /* 14AECF */
	margin-top: 0;
	margin-bottom: 0;
}
.container-3rd h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 42px;
	line-height: 1.3em;
	color: rgb(228, 59, 44);
	margin-top: 0;
	margin-bottom: 0;
}
.container-3rd .wrapper-3rd { 
	max-width: 950px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-3rd img { 
	max-width: 90px;
}
.container-3rd h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	color: #101010;
	margin-top: 0;
}
.container-3rd p { 
	text-align: left;
	line-height: 1.25em;
	padding-left: 22px;
}
.container-3rd i { 
	float: left;
	margin-left: -30px;
	color: #470A59;
}
.container-3rd .separator-bottom-col { 
	height: 20px; 
}
@media screen and (max-width: 468px) {
	.container-3rd h1 { font-size: 28px; line-height: 1.2em; }
	.container-3rd .separator-bottom-col { height: 30px; }
}


/* SECTION: Fourth */
.container-4th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
}
.container-4th h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #606060;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-4th .wrapper-4th { 
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-4th .wrapper-4th img {
	outline: none;
	border: 1px solid #ccc; 
	padding: 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.container-4th p { 
	text-align: left;
	line-height: 1.5em;
}
a.bioSingle {
	cursor: pointer;
}
.bio-arrow {
	margin: -15px auto 0 auto;
	max-width: 80px;
	width: 100%;
	z-index: 10;
}
.targetBio { 
	margin: -15px 10px 0 10px;
	background: #ffffff;
	border: 1px solid #d7d7d7;
	border-radius: 0;
}
@media screen and (max-width: 768px) { 
	.targetBio {
		margin: -10px 20px 0 20px;
	}
	.container-4th h1 { font-size: 28px; }
	.container-4th h2 { font-size: 20px; line-height: 1.2em; }
}
.bioDay1 { 
	background: #ffffff url('../images/bg-day1.png') right top no-repeat;
	background-size: cover;
}
.divBioTextArea {
	margin: 0; padding: 0; 
	max-width: 680px; 
	min-height: 100px; 
}

.container-4th h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 30px;
	line-height: normal;
	color: #e92a2d;
	margin-bottom: 0;
} 
.container-4th h4 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 20px;
	line-height: 1.1em;
	letter-spacing: 1px;
	color: #2f2f2f;
}


/* SECTION: Fifth */
.container-5th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-5th .wrapper-5th { 
	padding: 0 30px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) { 
	.container-5th h1 { 
		font-size: 26px;
	}
}


/* SECTION: Sixth */
.container-6th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 20px;
}
.container-6th .ul-6th {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 40px;
}
.container-6th .ul-6th li {
	text-align: left;
	font-size: 16px;
	padding-bottom: 15px;
}
.container-6th .ul-6th li span {
	color: #e92a2d;
	top: 0;
}
.container-6th .wrapper-6th { 
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 20px;
} 
.container-6th p { 
	text-align: center;
	line-height: 1.3em;
}
.container-6th .wrapper-6th-two { 
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
} 
.container-6th h2 { 
	text-align: center;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: normal;
	line-height: 25px;
	color: #606060;
	margin: 0 auto 20px auto;
	padding: 0 10px;
	max-width: 870px;
} 
.container-6th h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: normal;
	color: #470A59;
	margin-top: 20px;
	margin-bottom: 0;
}
.container-6th h4 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	line-height: 1.3em;
	letter-spacing: 3px;
	color: #2f2f2f;
	min-height: 38px;
	margin-bottom: -10px;
}
p.regText { 
	font-size: 17px;
	line-height: 22px;
	font-weight: thin;
	padding: 0 10px;
}
div.divider-6th { 
	background: #dddddd;
	height: 1px;
	margin: 12px auto;
}


/* MODAL Styling */
.divTextArea {
	margin: 0; padding: 0; 
	width: 100%; 
	min-height: 100px; 
}
.divTextArea h5 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif;
	font-size: 40px;
	line-height: normal;
	color: #470A59;
}
.divTextArea .ul-6th-day {
	margin: 0 auto;
	padding-left: 25px;
}
.divTextArea .ul-6th-day li {
	text-align: left;
	padding-bottom: 15px;
}
.divTextArea .ul-6th-day li span {
	color: #000;
	top: 0;
}
.btn-modal-day {
	max-width: 210px;
	margin: 0 auto 20px auto;
	cursor: hand;
	cursor: pointer;
}
.close-modal-day {
	position: absolute;
	top: -18px;
	right: -6px;
	cursor: hand;
	cursor: pointer;
}
@media screen and (max-width: 468px) {
	.divTextArea h5 { 
		font-size: 35px;
		line-height: 1em;
	}
	.container-6th h1 { font-size: 28px; line-height: 1.2em; }

}


/* SECTION: Seventh */
.container-7th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	color: #2f2f2f;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-7th h1 span { 
	color: #470A59;
	font-weight: bold;
}
.container-7th .wrapper-7th-main { 
	max-width: 860px;
	margin: 0 auto;
	padding: 0 20px;
}
.container-7th .wrapper-7th { 
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
.container-7th p { 
	text-align: left;
	line-height: 1.4em;
}
.container-7th h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #2f2f2f;
	margin-top: 0;
	margin-bottom: 0;
}

.container-7th h2.oxygen {  
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 0 !important;
	padding: 0 0 !important;
	text-align: left;
}

.container-7th h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #2f2f2f;
	margin-top: 0;
	margin-bottom: 0;
}

.container-7th h3.oxygen {  
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 0 !important;
	padding: 0 0 !important;
	text-align: center;
}

.container-7th p {
	text-align: left;
}

.container-7th .img-force { padding: 5px 0 20px 0; }

.container-7th .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #e9e9e9;
}

.container-7th .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #ffffff;
	border-color: #EEEEEE;
}

.container-7th .panel-default .panel-body p {
	padding-left: 10px;
}

.container-7th .panel-title {
	font-size: 14px;
}

.container-7th .panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}
.container-7th .panel-title > a:hover > h2 {  
	color: #ffffff;
}

.container-7th .more-less {
	float: right;
	color: #212121;
	transition: all 1s;
}

.container-7th .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
}

.container-7th .panel-default > .panel-heading a[aria-expanded='true'] {
    background-color: #470A59; 
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition:all 1s;
}
.container-7th .panel-default > .panel-heading a[aria-expanded='true']>h2.oxygen {
	color: #ffffff;
}
.container-7th .panel-default > .panel-heading a[aria-expanded='false'] {
    background-color: #ffffff;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition:all 1s;
}

.container-7th .panel-default > .panel-heading a[aria-expanded='false']:hover {
	background-color: #470A59;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition:all 0.5s;
}


@media screen and (max-width: 468px) {
	.container-7th h1 { font-size: 28px; line-height: 1.2em; }
	.container-7th h3.oxygen {  letter-spacing: 0px; }
}


/* SECTION: Eighth */
.container-8th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #333333;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 20px;
}
.container-8th .wrapper-8th { 
	padding: 0 20px;
	margin: 0 auto;
}
.container-8th .shrink-8th { 
	padding: 30px 40px;
}
@media screen and (max-width: 468px) {
	.container-8th .shrink-8th { 
		padding: 30px 5px;
	}
}
.container-8th .wrapper-8th img.outline {
	outline: none;
	border: 1px solid #ccc; 
	padding: 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}
.container-8th h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	line-height: normal;
	color: #606060;
	margin-top: 12px;
	margin-bottom: 0;
}
.container-8th h3 { 
	text-align: center;
	text-transform: capitalize;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 17px; 
	line-height: normal;
	color: #303030;
	margin-top: 4px;
	margin-bottom: 0;
}
.container-8th h4 {
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 22px;
	font-weight: bold;
}
.container-8th .wrapper-8th .well { 
	background: #ffffff;
	border: 1px solid #d7d7d7;
	border-radius: 0;
	min-height: 540px;
}

.container-8th p {
	line-height: 1.2em;
}
.container-8th p.quotes {
	font-size: 17px;
	margin-top: 7px;
	margin-bottom: -7px;
	color: #696969;
}


@media screen and (max-width: 468px) {
	.container-8th h1 { font-size: 28px; line-height: 1.2em; }
}


/* SECTION: Ninth */
.container-9th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3em;
	color: #000000;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-9th .wrapper-9th { 
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}
.container-9th .ul-9th {
	margin: 0 auto;
	padding: 0 20px;
}
.container-9th .ul-9th li {
	text-align: left;
	padding-bottom: 15px;
	color: #333333;
}
.container-9th .ul-9th li span {
	color: #470A59;
	top: 0;
}
.container-9th p {
	text-align: left;
}

.container-9th h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 25px;
	font-weight: bold;
	line-height: normal;
	color: #470A59;
	margin-top: 12px;
	margin-bottom: 0;
}
.container-9th h2.oxygen {  
	font-family: 'Oxygen', sans-serif; 
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 0 !important;
	padding: 0 0 !important;
}
.container-9th h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oxygen', sans-serif; 
	font-size: 14px;
	line-height: normal;
	color: #2e2e2e;
	margin-top: 8px;
	margin-bottom: 0;
}

.container-9th .wrapper-9th-panel { 
	padding: 0 10px;
	margin: 0 auto;
	max-width: 1020px;
	position: relative;
	display: block;
}

@media screen and (max-width: 468px) {
	.container-9th h1 { font-size: 27px; line-height: 1.2em; }
}

/* CREDIT: https://codemyui.com/pure-css-accordion-tabs/ */
.days-tabs {
	width: 100%;
	float: none;
	list-style: none;
	position: relative; 
	margin: 10px 0 340px 10px;
	text-align: left;
}
.days-tabs li {
    float: left;
    display: block;
  }
.days-tabs input[type="radio"] {
    position: absolute;
    top: 0;
    left: -9999px;
  }
.days-tabs label {
    display: block;
    padding: 10px 55px 6px 55px;
    border-radius: 2px 2px 0 0;
    font-size: 20px;
    font-weight: bold;
	color: #ffffff;
    text-transform: uppercase;
    background: #470A59;
    cursor: pointer;
    position: relative;
    top: 5px;
	margin-left: 0;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.days-tabs label:hover {
	background: #8fd400; 
}

.days-tabs .tab-content {
    z-index: 2;
    display: none;
    overflow: hidden;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    padding: 25px;
    position: absolute;
    top: 53px;
    left: 0;
    background: #ffffff; 
	border: 1px solid #e9e9e9;
}
.days-tabs .tab-content div {
	max-width: 650px;
}
.days-tabs .tab-content.dtc1 {
	background: url('../images/bg-day1.jpg') no-repeat right top; background-size: cover;
}
.days-tabs .tab-content.dtc2 {
	background: url('../images/bg-day2.jpg') no-repeat right top; background-size: cover;
}
.days-tabs .tab-content.dtc3 {
	background: url('../images/bg-day3.jpg') no-repeat right top; background-size: cover;
}
.days-tabs .tab-content.dtc4 {
	background: url('../images/bg-day4.jpg') no-repeat right top; background-size: cover;
}
.days-tabs .tab-content.dtc5 {
	background: url('../images/bg-day5.jpg') no-repeat right top; background-size: cover;
}
/* The Magic */
.days-tabs [id^="tab"]:checked + label {
    top: 0;
    padding-top: 17px;
	background: #8fd400;
	color: #303030;
}
.days-tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
}
/* DAYS tab on tab/mobile view */
.nav-days-mobile {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 18px;
	font-weight: bold;
	color: #999999;
}
.nav-days-mobile li {
	border: 3px solid #999999;
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin-bottom: 10px;
}
.nav-days-mobile li:hover {
	border: 3px solid #470A59;
}
.nav-days-mobile li a {
	color: #606060;
}
.nav-days-mobile li:hover a {
	color: #1089a3;
}
.nav-days-mobile li.active a,
.nav-days-mobile li.active a:focus {
	display: block;
	background-color: #a5a5a5 !important;
	color: #0e0e0e;
}

.separator-days-tabs { clear: both; height: 100px; }

@media screen and (min-width: 980px) {
	.days-tabs-mobile { display: none; }
}
@media screen and (max-width: 980px) {
	/*.days-tabs-desktop { display: none; }*/
	.wrapper-7th-panel { left: -9999px; height: 1px; display: none; visibility: hidden; }
	.days-tabs { margin: -120px 0 0 0 !important; }
	.separator-days-tabs { clear: both; height: 0px !important; margin-top: 0; padding-top: 0; }
}
@media screen and (max-width: 468px) {
	/*.days-tabs { margin: -200px 0 0 0 !important; }*/
}


/* SECTION: Tenth */
.container-10th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	color: #2C2C2C;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-10th h2 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 25px;
	font-weight: bold;
	line-height: 1.2em;
	color: #2C2C2C;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 10px;
}
.container-10th .divider-10th { 
	background: #000000;
	height: 3px;
	margin: 0 auto;
	max-width: 600px; 
	width: 100%;
}
@media screen and (max-width: 600px) { /* Specific to this divider width */
	.container-10th .divider-10th { 
		width: 90%;
	}
	.container-10th h2 { font-size: 22px; line-height: 1.2em; }
}
.container-10th .wrapper-10th { 
	margin: 0 auto;
	padding: 0 10px;
}
.container-10th .wrapper-10th img { 
	margin: 10px auto;
	min-width: 100px;
	max-width: 200px;
	width: 100%;
	padding: 0;
}
.container-10th p { 
	text-align: left; 
	line-height: 1.5em;
	color: #2C2C2C;
}
.container-10th p span { 
	color: #2C2C2C;
}
.container-10th p.disclaimer { 
	text-align: center; 
	font-size: 14px;
	color: #d1d1d1;
	padding: 0 15px;
}
.nav-bm {
	text-align: center;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 20px;
	font-weight: bold;
	color: #2C2C2C;
}
.nav-bm li {
	border: 3px solid #2C2C2C;
	border-radius: 8px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px;
	margin-bottom: 10px;
}
.nav-bm li:hover {
	border: 3px solid #5c5c5c;
}
.nav-bm li a {
	color: #2C2C2C;
}
.nav-bm li:hover a {
	color: #5c5c5c;
}
.nav-bm li.active a,
.nav-bm li.active a:focus {
	display: block;
	background-color: #2c2c2c !important;
	color: #efefef;
}
.container-10th h3, .tab-title-h3 { 
	text-align: left;
	text-transform: uppercase;
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 30px;
	font-weight: 500; 
	line-height: normal;
	color: #470A59;
	margin-top: 0;
	margin-bottom: 0;
}
.divider-10th-tab { 
	background: #D2D2D2;
	height: 1px;
	margin: 12px auto;
	max-width: 100%;
}
.container-10th dl {
	text-align: left;
}
.container-10th dd {
	display: block;
	margin-left: 20px;
}
.google-maps {
    position: relative;
    padding-bottom: 50%; /* This is the aspect ratio */
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
	max-height: 400px;
}
.close-modal-faq {
	position: absolute;
	top: -8px;
	right: -6px;
	cursor: hand;
	cursor: pointer;
}


/* SECTION: Eleventh */
.container-11th .wrapper-11th {
	margin: 0 auto;
	padding: 0 15px;
}
.container-11th h1 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 30px;
	font-weight: bold;
	line-height: 1.2em;
	color: #c5c5c5;
	margin-top: 0;
	margin-bottom: 0;
}
.container-11th h3 { 
	text-align: center;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif; 
	font-size: 15px;
	line-height: normal;
	color: #a09f9f;
	margin-top: 0;
	margin-bottom: 0;
}
.container-11th .wrapper-11th .content-11th {
	max-width: 880px;
	margin: 0 auto;
	text-align: left;
}
.container-11th p { 
	color: #ffffff;
	padding: 0 10px;
}
.container-11th img {
	outline: none;
	border: 1px solid #4e4e4e; 
	padding: 2px;
	border-radius: 6px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
}

@media screen and (max-width: 468px) {
	.container-11th h1 { font-size: 28px; line-height: 1.2em; }
}


/* SECTION: Twelveth */
.container-12th .wrapper-12th { 
	padding: 0 10px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	border-bottom: 1px solid #414141;
}
.container-12th .slide-12th {
	padding-left: 40px;
}
.container-12th h4 { 
	text-align: left;
	text-transform: uppercase;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;;
	letter-spacing: 2px;
	color: #8fd400;
	margin-top: 0;
	margin-bottom: 0;
}
.container-12th p {
	text-align: left;
	font-size: 16px;
	line-height: 1.4em;
	color: #efefef;
}
.container-12th .divider-12th { 
	background: #414141;
	height: 1px;
	margin: 10px 0;
	max-width: 135px;
}
.container-12th p.copyright {
	text-align: center;
	font-family: 'Proxima Nova', sans-serif; 
	font-size: 14px;
	line-height: 1.3em;
	color: #767676;
}
.container-12th p.copyright a {
	color: #aba8a6;
}
.container-12th p.copyright a:active, 
.container-12th p.copyright a:focus {
	text-decoration: none;
	outline: 0;
}


/* ADDITIONAL Styling */
.separator-5px  { height:5px; }  .separator-10px { height:10px; } 
.separator-15px { height:15px; } .separator-20px { height:20px; } 
.separator-25px { height:25px; } .separator-30px { height:30px; } 
.separator-35px { height:35px; } .separator-40px { height:40px; } 
.separator-45px { height:45px; } .separator-50px { height:50px; }
.separator-55px { height:55px; } .separator-60px { height:60px; }
.separator-65px { height:65px; } .separator-70px { height:70px; }
.separator-75px { height:75px; } .separator-80px { height:80px; }
.separator-85px { height:85px; } .separator-90px { height:90px; }
.separator-95px { height:95px; } .separator-100px { height:100px; }

.fontNormal		{ font-weight: 300; }
.fontBold		{ font-weight: 600; }
.fontBoldie		{ font-weight: 700; }
.fontBolder		{ font-weight: 800; }
.fontBlack		{ color: #000000; } 
.fontRed		{ color: #d60a0a; }
.fontDarkRed	{ color: #800000; }
.fontSkyBlue	{ color: #470A59; }

.mw100 { max-width: 100px; }
.mw150 { max-width: 150px; }
.mw250 { max-width: 250px; }

.text-white { color: #fff; }
.text-black { color: #101010; }
.text-grey { color: #929397; }
.text-dkYellow { color: #fba60d; }
.text-orange { color: #f25a04; }

.text-uppercase { text-transform: uppercase; }

.hideme { display: none; } 

.pointer { cursor: hand; cursor: pointer; }

.glowing {
 animation:b 1.5s infinite alternate
}
.shadow {
 filter:drop-shadow(0 0 5px #F05C00);
}
.shadow-light {
 filter:drop-shadow(0 0 10px rgba(240, 92, 0,.5))
}


/* jQuery aniview additional CSS */
.fast {
    -moz-animation-duration: 1s;
    -moz-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 0s;
}
.fast2 {
    -moz-animation-duration: 1.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-delay: 0.2s;
}
.fast3 {
    -moz-animation-duration: 1.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-delay: 0.4s;
}
.slow {
    -moz-animation-duration: 3s;
    -moz-animation-delay: 1s;
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 1s;
}
.reallyslow {
    -moz-animation-duration: 6s;
    -moz-animation-delay: 3s;
    -webkit-animation-duration: 6s;
    -webkit-animation-delay: 3s;
}


#myModal {
	top: 20%; 
	outline: none;
	overflow:hidden;
}

.modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 300px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate3d(0, -300px, 0);
    transform: translate3d(0, -300px, 0);
    opacity: 1;
}
.modal-backdrop{
	opacity:0; transition:opacity .2s;
}
.modal-backdrop.in{
	opacity:.8;
}


@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }

  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}

/* Shiny Button GREY */
.shiny-button-grey {
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 26px;
	font-weight: 600;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	text-align: center;
	color: #999999;
	border-radius: 5px;
	line-height: 1em;
	padding: .7em 2em;
	box-shadow: 0 0 0 0 transparent;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	border: 3px solid #999999;
}
.shiny-button-grey span {
	font-size: 14px;
	font-weight: normal;
}
.shiny-button-grey:hover {
	color: #4e4e4e;
    box-shadow: 0 0 30px 0 rgba(165,165,165,0.5);
    background-color: #a5a5a5;
	border: 3px solid #5c5c5c;
    transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.shiny-button-grey:hover:before {
    animation: shine 0.5s 0s linear;
	-webkit-animation: shine 0.5s 0s linear;
}
.shiny-button-grey:active {
	box-shadow: 0 0 0 0 transparent;
    transition: box-shadow 0.2s ease-in;
    -webkit-transition: box-shadow 0.2s ease-in;
}
.shiny-button-grey:before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: white;
    box-shadow: 0 0 15px 3px white;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}

/* Shiny Button BLACK & WHITE */
.shiny-button-bw {
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 30px;
	font-weight: 600;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	text-align: center;
	color: #ffffff;
	border-radius: 5px;
	line-height: 1em;
	padding: .7em 2em;
	box-shadow: 0 0 0 0 transparent;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	border: 3px solid #ffffff;
	min-width: 550px;
}
.shiny-button-bw i {
	margin-right: 12px;
}
.shiny-button-bw:hover {
	color: #333333;
    box-shadow: 0 0 20px 0 rgba(233,233,233,0.5);
    background-color: #ffffff;
    transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.shiny-button-bw:hover:before {
    animation: shine 0.5s 0s linear;
	-webkit-animation: shine 0.5s 0s linear;
}
.shiny-button-bw:active {
	box-shadow: 0 0 0 0 transparent;
    transition: box-shadow 0.2s ease-in;
    -webkit-transition: box-shadow 0.2s ease-in;
}
.shiny-button-bw:before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #d1d1d1;
    box-shadow: 0 0 15px 3px #d1d1d1;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}
@media screen and (max-width: 768px) { 
	.shiny-button-bw {
		min-width: 100px;
		width: 90%;
	}
}

/* Shiny Button LIGHT BLUE */
.shiny-button-ligblue {
	font-family: 'Barlow Condensed', sans-serif; 
	font-size: 26px;
	font-weight: 600;
	text-decoration: none !important;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	text-align: center;
	color: #ffffff;
	border-radius: 5px;
	line-height: 1em;
	padding: .7em 2em;
	box-shadow: 0 0 0 0 transparent;
	transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	border: 3px solid #8FD400;
	min-width: 550px;
    background-color: #8FD400;
}
.shiny-button-ligblue:hover {
	color: #470A59;
    border: 3px solid #470A59;
    box-shadow: 0 0 30px 0 rgba(255,255,255,0.5);
    background-color: #ffffff;
    transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}
.shiny-button-ligblue:hover:before {
    animation: shine 0.5s 0s linear;
	-webkit-animation: shine 0.5s 0s linear;
}
.shiny-button-ligblue:active {
	box-shadow: 0 0 0 0 transparent;
    transition: box-shadow 0.2s ease-in;
    -webkit-transition: box-shadow 0.2s ease-in;
}
.shiny-button-ligblue:before {
    content: '';
    display: block;
    width: 0px;
    height: 86%;
    position: absolute;
    top: 7%;
    left: 0%;
    opacity: 0;
    background: #108fab;
    box-shadow: 0 0 15px 3px white;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
}
@media screen and (max-width: 768px) { 
	.shiny-button-ligblue {
		min-width: 100px;
		width: 90%;
	}
}


/* https://codepen.io/littlesnippets/pen/bpMmBO */
@import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');
figure.snip1477 {
  font-family: 'Barlow Condensed', sans-serif; 
  position: relative;
  overflow: hidden;
  margin: 10px auto;
  min-width: 150px;
  max-width: 250px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 18px;
  background-color: #000000;
}
figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
figure.snip1477 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  opacity: 0.9;
}
figure.snip1477 .title {
  position: absolute;
  top: 58%;
  left: 5px;
  padding: 5px 10px 10px;
}
figure.snip1477 .title:before,
figure.snip1477 .title:after {
  height: 2px;
  width: 400px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title:before {
  top: 0;
  left: 10px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
figure.snip1477 .title:after {
  bottom: 0;
  right: 10px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
  width: 2px;
  height: 300px;
  position: absolute;
  content: '';
  background-color: #ffffff;
}
figure.snip1477 .title div:before {
  top: 10px;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
figure.snip1477 .title div:after {
  bottom: 10px;
  left: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
figure.snip1477 h2,
figure.snip1477 h4 {
  margin: 0;
  text-transform: uppercase;
}
figure.snip1477 h2 {
  font-weight: 600;
  border-bottom: 3px solid #e92a2d;
}
figure.snip1477 h4 {
  display: block;
  font-weight: 700;
  background-color: #ffffff;
  padding: 5px 10px;
  color: #000000;
}
figure.snip1477 figcaption {
  position: absolute;
  bottom: 42%;
  left: 10px;
  text-align: left;
  opacity: 0;
  padding: 5px 10px 5px 10px;
  font-size: 0.7em;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 768px) { 
	figure.snip1477 figcaption {
		font-size: 0.9em;
		line-height: normal;
	}
}
figure.snip1477 figcaption p {
  margin: 0;
}
figure.snip1477 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
figure.snip1477:hover img,
figure.snip1477.hover img {
  zoom: 1;
  filter: alpha(opacity=35);
  -webkit-opacity: 0.35;
  opacity: 0.35;
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after,
figure.snip1477:hover .title div:before,
figure.snip1477.hover .title div:before,
figure.snip1477:hover .title div:after,
figure.snip1477.hover .title div:after {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
figure.snip1477:hover .title:before,
figure.snip1477.hover .title:before,
figure.snip1477:hover .title:after,
figure.snip1477.hover .title:after {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

figure.snipmobile:hover img {
  zoom: 1;
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  opacity: 1;
}


/* Apply & remove to fix dynamic content scroll issues on iOS 9.0 | MODAL Day */
.modal-scrollfix.modal-scrollfix {
    overflow-y: hidden;
}



.nomargincentered { margin:0 auto; }
.lettspacing1 { letter-spacing: 1px; }



/* Lightbox effect on the Masters */
.fancBox-container {
  position: relative;
  width: auto;
  max-width: 180px;
  margin: 0 auto;
  overflow: hidden;
}
.fancBox-image {
  display: block;
  width: 100%;
  height: auto;
}
.fancBox-middle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA; 
  border-radius: 50%; 
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.fancBox-text { 
  color: #ffffff;
  font-size: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0;
}
.fancBox-container:hover .fancBox-image {
  opacity: 0.8;
  /*transform: scale(1.5);*/
}
.fancBox-container:hover .fancBox-middle {
  opacity: 0.3;
}
.fancBox-container:hover .fancBox-text {
  opacity: 1;
}