body {
	background: #fff;
}

section {
	background: none;
}

header {
	background: none;
	z-index: 99;
}

header.scrollmobile {
		background: url(../images/content/index-banner.jpg)
}


header .container #logo {
	overflow: visible;
	margin-top: 0px;
}

	header.scrollmobile .container #logo {
		margin-top: -11px;
		overflow: hidden;
	}

@media only screen and (min-width: 1024px) {
	header.shrinkhead .container #logo {
		margin-top: -11px;
		overflow: hidden;
	}
}


#banner {
	min-height:730px;
	width:100%;
	overflow: hidden;
	position:relative;
	top:0;
	left:0;
}

#banner .block {
	overflow: visible;
	position: relative;
	z-index: 2;
}
#banner .block h2 {
	color: #fff;
}
#banner .container {
	margin: 0px auto;
	position: relative;
	overflow: visible;
	bottom: 0;
	top: 0;
	height: 481px;
    max-width: 400px;
    padding: 0 60px
}
#banner img {
	position: absolute;
	z-index: 3;
	bottom: -10px;
	left:-1px;
	width: 101%;
	height: auto;
	margin: 0 auto;
	display: block;
}
#banner:after {
	content: "";
	position: absolute;
	top: 0%;
	left: 0%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 1;
	background: rgba(50,67,159,0.5);
}
#banner video {
	position: absolute;
	top: 0%;
	left: -500px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	background: url('/images/content/index2.jpg') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}

.index-content .container .col .col30 {
	display:none;
}

#main {
	margin: 0 0 0 0
}

h1.welcome-text {
	display: block;
	text-align: left;
	padding: 150px 5px 5px;
	color: #fff;
	line-height: 1.3em;
	margin: 0px auto;
	font-size: 2.6rem;
    font-weight: bold;
    text-transform: uppercase;
    max-width:  none
    
}
    h2 {
        text-align: left;
        max-width:  none;
        margin:0 auto;
        padding: 5px;
        font-size: 1rem;
    
    }

@media only screen and (min-width: 768px) {
#banner {
	height: 100%;
	min-height:790px;
}
#banner .container {
    padding: 0;
    }
    
h1.welcome-text {
	font-size: 3rem;    
}
    
	
	#banner video {
	left: -180px;

}
}

@media only screen and (min-width: 1024px) {
#main {
	margin: 40% 0 0 0
}

#banner {
	top: 0%;
	left: 0%;
	min-width: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	position:absolute;
}
	
		#banner video {
	left: 0%;

}
#banner img {
	bottom: -20%;
}
	
h1.welcome-text {
	font-size: 3.6rem;    
}	
	
#main .index-content .container {
	max-width: 1800px!important;
	padding: 60px 0 60px 60px!important;
}

.index-content {
	padding-top:100px
}

.index-content .container .col.col30 {
	display:inline-block;
	padding-top:20px;
}
}
@media only screen and (min-width: 1200px) {
#banner { 
min-height:900px;
}
}
@media only screen and (min-width: 1500px) {
#banner { 
min-height:1000px;
}
h1.welcome-text {
	padding: 200px 5px 5px; 
	font-size: 4.4rem;
} 

.index-content {
	padding-top:0
} 
#main .index-content .container {
	width: 1527px!important;
}
}

@media only screen and (min-width: 1900px) {
#banner { 
min-height:1200px;
}
}
    
@media only screen and (min-width: 2400px) {
#banner { 
min-height:1400px;
} 
}



.index-content .container .col .col {
	padding: 0;
	height: 100%;
	overflow: hidden;
}
.index-content .container .col .col .col {
	padding: 0;
	height: 50%;
	position: relative;
	overflow: hidden;
}
.index-content .container .col .col30 .col a img {
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0;
	max-width: none;
}
.index-content .container .col .col30 .col a h3 {
	position: absolute;
	color: #fff;
	text-decoration: none;
	z-index: 3;
	text-align: center;
	padding: 70px 20px 0;
	font-size: 18px;
	width: 100%;
}
.index-content .container .col .col30 .col a h3:before {
	content: "\f030";
	font-family: FontAwesome;
	font-size: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
}
.index-content .container .col .col30 .col:last-of-type a h3:before {
	content: "\f041";
	font-family: FontAwesome;
	font-size: 40px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
}
.index-content .container .col .col30 .col a:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 130%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	background: rgba(3,9,183,0.66);
}



@media only screen and (min-width: 1400px) {	
	
.index-content .container .col .col30 .col a h3 {
	height: 110px;
	top:50%;
	margin-top: -55px;
}
}

/* ------------------------------------------------------------ 
	ACTIVITY SELECTOR (homepage)
---------------------------------------------------------------*/
section.activities-selector {
	background: #2c346b;
}
.activities-selector .activities .slick-slide a {
	width: 200px;
	height: 200px;
	padding-top:30px;
	color: #5665c3;
	text-decoration: none;
	display: inline-block;
	border-radius:50%;
}

.activities-selector .activities .slick-slide a:hover {
	background: #5665c3;
}


.activities-selector .activities .slick-slide a p {
	color: #5665c3;
	padding-top: 65px;
	background-image:url(../images/content/activities/icons/icons.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:510px;
	width:80px;
	height:60px;
	margin:10px auto 0;
}
.activities-selector .activities .slick-slide a:hover, .activities-selector .activities .slick-slide a:hover p {
	color: #fff;
}
.activities-selector .activities .slick-slide a div a {
	border-radius: 50%;
	padding: 20px;
}
.activities-selector .activities .slick-slide a  div:hover {
	background-color: #5665c3;
	color: #fff;
}

.activities-selector .activities .slick-slide a:focus {
	border: none;
	color: #fff;
}

.activities-selector .activities .slick-slide a.abseiling p { 
	background-position:0 0 !important;
}
.activities-selector .activities .slick-slide a.holy p {
	background-position:-80px 0 !important;
}
.activities-selector .activities .slick-slide a.power p {
	background-position:-240px 0 !important;
}
.activities-selector .activities .slick-slide a.sailing p {
	background-position:-324px 0 !important;
}
.activities-selector .activities .slick-slide a.nachos p {
	background-position:-396px 0 !important;
}
.activities-selector .activities .slick-slide a.rollers p {
	background-position:-0 -78px !important;
}
.activities-selector .activities .slick-slide a.laser p {
	background-position:-80px -82px !important;
}
.activities-selector .activities .slick-slide a.tomahawk p {
	background-position:-160px -82px !important;
}
.activities-selector .activities .slick-slide a.golf p {
	background-position:-230px -82px !important;
}
.activities-selector .activities .slick-slide a.backwoods p {
	background-position:-305px -82px !important;
}
.activities-selector .activities .slick-slide a.powerblocking p {
	background-position:-370px -82px !important;
}
.activities-selector .activities .slick-slide a.leap p {
	background-position:-436px -82px !important;
}
.activities-selector .activities .slick-slide a.grass p {
	background-position:-0 -160px !important;
}
.activities-selector .activities .slick-slide a.pedal p {
	background-position:-80px -160px !important;
}
.activities-selector .activities .slick-slide a.trike p {
	background-position:-160px -160px !important;
}
.activities-selector .activities .slick-slide a.circus p {
	background-position:-240px -160px !important;
}
.activities-selector .activities .slick-slide a.street p {
	background-position:-301px -160px !important;
}
.activities-selector .activities .slick-slide a.mountain_boarding p {
	background-position:-400px -160px !important;
}
.activities-selector .activities .slick-slide a.archery p {
	background-position:8px -246px !important;
}
.activities-selector .activities .slick-slide a.water_walker p {
	background-position:-74px -243px !important;
}
.activities-selector .activities .slick-slide a.gps p {
	background-position:-160px -240px !important;
}
.activities-selector .activities .slick-slide a.branding p {
	background-position:-240px -240px !important;
}
.activities-selector .activities .slick-slide a.tin p {
	background-position:-320px -240px !important;
}
.activities-selector .activities .slick-slide a.climbing p {
	background-position:-395px -245px !important;
}
.activities-selector .activities .slick-slide a.zorb p {
	background-position:6px -330px !important;
}
.activities-selector .activities .slick-slide a.inflatable p {
	background-position:-82px -329px !important;
}
.activities-selector .activities .slick-slide a.crafts p {
	background-position:-160px -331px !important;
}
.activities-selector .activities .slick-slide a.swimming p {
	background-position:-240px -320px !important;
}
.activities-selector .activities .slick-slide a.team p {
	background-position:-333px -329px !important;
}
.activities-selector .activities .slick-slide a.crepe p {
	background-position:-414px -320px !important;
}
.activities-selector .activities .slick-slide a.oven p {
	background-position:0 -411px !important;
}
.activities-selector .activities .slick-slide a.kayaking p{
	background-position:-89px -409px !important;
}
.activities-selector .activities .slick-slide a.biking p{
	background-position:-173px -412px !important;
}
.activities-selector .activities .slick-slide a.chef p{
	background-position:-254px -407px !important;
}
.activities-selector .activities .slick-slide a.rafting p{
	background-position:-352px -408px !important;
}
.activities-selector .activities .slick-slide a.gorge p{
	background-position:-444px -405px !important;
}
.activities-selector .activities .slick-slide a.survival p{
	background-position:13px -480px !important;
}
.activities-selector .activities .slick-slide a.sumo p{
	background-position:-83px -484px !important;
}
.activities-selector .activities .slick-slide a.movie p{
	background-position:-171px -484px !important;
}
.activities-selector .activities .slick-slide a.rescue p{
	background-position:-255px -488px !important;
}
.activities-selector .activities .slick-slide a.crates p{
	background-position:-344px -487px !important;
}
.activities-selector .activities .slick-slide a.rladder p{
	background-position:-438px -488px !important;
}
.activities-selector .activities .slick-slide a.glideboard p{
	background-position:10px -567px !important;
}
.activities-selector .activities .slick-slide a.science p{
	background-position:-67px -571px !important;
}
.activities-selector .activities .slick-slide a.bubble p{
	background-position:-150px -566px !important;
}
.activities-selector .activities .slick-slide a.ranger p{
	background-position:-228px -567px !important;
}
.activities-selector .activities .slick-slide a.mystery p{
	background-position:-312px -564px !important;
}
.activities-selector .activities .slick-slide a.tyrolean p{
	background-position:-400px -560px !important;
}
.activities-selector .activities .slick-slide a.powerblocking p{
	background-position: -370px -82px !important;
}