html, body {
	font-family: "nimbus-sans-condensed", 'Helvetica Neue', helvetica, arial, sans-serif;
	/* font-family: 'Open Sans', sans-serif; */
	font-size: 17px;
	letter-spacing: 0.05em;
}

.lead, a.lead, a.lead:hover {
	color: #cc2326;
	text-decoration: none;
}

p {
	font-weight: 300;
	line-height: 24px;
}
.container {
	padding: 0;
}


h3 {
	font-weight: 900;
	margin-bottom: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
	letter-spacing: 0em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	letter-spacing: 2px;
	font-size: 1.2em;
}

/* HOME PAGE */

.panel-caption {
	background-color: #000;
	transition: background-color 0.5s ease-out;
	display: none;
}
.panel-caption:hover {
	background-color: #fff;
}

h1 a {
	color: #fff;
	transition: color 1.5s ease-in-out;
	text-decoration: none;
}

h1 a:hover {
	color: #cc2326;
	text-decoration: none;
}


.container-top {
	margin-top: 380px;
}

.btn-light {
	border: 2px solid white;
	border-radius: 0;
	padding: 10px 30px;
	color: white !important;
}

#btn-tagline:hover {
	background-color: white;
	color: #777 !important;
	transition: all 0.5s ease;
}



body.home div[class^="col"]	{
	padding-left:0px; 
	padding-right:0px;
}

.home-panel {
	background-size: cover;
	height: 420px;
	padding-top: 320px;

}

div.sponsors {
	padding-top: 20px; 
}

table.logos {
	width: 1000px;
	margin: 40px auto;
}


table.sponsors tr td {
	padding: 60px;
}


/* ABOUT US TEXT ON HOME PAGE*/
.home-panel-text {
	background-color: #000;
	color: #fff;
	padding: 20px;
	height: 420px;
	border-bottom: 1px solid #fff;	
}

#panel-surf {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#panel-filming {
	border-left: 1px solid #fff;
	
}

.panel-caption {
	width: 75%;
	padding: 5px;
	padding-right: 20px;
	color: #fff;
	background-color: #000;
	text-align: right;
}

.panel-caption h1 {
	font-weight: 900;
	font-size: 2.5em;
	margin-top: 5px;
	margin-bottom: 5px;
}

.panel-caption h1, .panel-caption p {
	color: #fff;
}

#intro .container {
	padding-top: 315px;
	padding-bottom: 100px;
}

#intro .container p {
	color: white;
	font-size: 1.8em;
	letter-spacing: 2px;
	line-height: 40px;
}








.bw {
    position:relative;
    display:block;
}

/* PROFILES PAGE */
.profile {
	padding: 0 40px;
}


/* TESTIMoNIALS PAGE */
table.sponsor tr td {
	vertical-align: middle;
	padding: 20px;
}

/* GALLERY - always show titles */
.blueimp-gallery > .close, .blueimp-gallery > .title {
	display: block !important;
}

/* CONTACT PAGE */
.contact-details table tr td {
	vertical-align: top;
	padding: 10px;
}
.contact-details table {
	margin-bottom: 20px;
}


.miniSurveyView #msg {
	background: none !important;
	color: #000 !important;
	padding: 15px !important;
	border: 1px solid #999;
	margin: 8px 0px 28px 0px !important;
	border-radius: 5px !important;
	width: 100%;
	max-width: 480px;
}

div.success, div.errors {
	padding: 20px 0;
}


/* FOOTER */
footer {
	background-color: #282828;
}

/*NAVBAR */


.container-fluid .navbar-header {
	text-align: center;
}

.navbar-nav {
	float: none;
	margin: 0px auto;
	width: 940px;
}

.navbar-toggle {
		/* margin-top: 250px; /* to fit with logo */
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-top: -20px; /* TO FIT IN WITH nav */
}

.navbar-brand {
	padding: 0;
}
#navbar-collapse .affixed {
	 margin-top: 30px !important; /* TO FIT IN WITH LOGO */
	box-shadow: none;
}


#navbar-collapse .unaffixed {
	 margin-top: 330px !important;
}


.navbar-default {
    padding-left:50px;
    padding-right:50px;
    background-color: transparent;
    border-color: transparent;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}
.navbar-default .navbar-brand{
    font-weight: 700;
    text-transform: uppercase;
    color:white;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	/* GREY BOX WITH RED UNDERLINE
    color: #000;
    background-color: #eee;
    border-bottom: 5px solid #cc2326;
    */
    /* RED N WHITE */
	color: #fff;
	background-color: #cc2326;
}


.affix{
    background-color: #fff;
    padding-top:0px;
    padding-bottom:0px;
    opacity: 0.9;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: white;
    background-color: transparent;
}




.navbar-nav > li > a {
    color: #000;
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0em;
    position: relative;
    padding: 15px 30px;
/*	background-color: #fff; */
}

@media (min-width: 768px) {
	.navbar-nav > li > a { 
    }
}


.navbar-default .navbar-nav > li > a {
}


.navbar-right .dropdown-menu {
	left: 0;
	right: auto; /* to align from the left ! */
	background-color: transparent;
}

li.dropdown ul {
	opacity: 0;

}
li.dropdown.open ul {
	opacity: 1;
	transition: opacity 0.5s ease; /* DOESN:T WORK IN BOOTSTRAP NAV GRRRR */
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 15px;
    clear: both;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 2px 0;
    margin: 3px 0 0;
    font-size: 10px;
    text-align: left;
    list-style: none;
    background-color: #323232;
    background-clip: padding-box;
    border: 0;
    box-shadow: none;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #d5d5d5;
    transition: color 0.5s ease;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #282828;
    background-color: #d5d5d5;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/*Medium Tablets */
@media (max-width: 900px){

    .navbar-nav > li > a {
        letter-spacing: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media (max-width: 768px){

	.navbar-header button {
		margin-top: 60px;
		background-color: #cc2326;
	}
	
	.navbar-default .navbar-toggle {
		background-color: #cc2326 !important;
	}


	.container.marketing {
		margin: 0px auto;
	}
	.navbar-header {
		width: 100%;
	}


	nav.affixed .navbar-toggle {
		/* 	margin-top: 100px; */
	}

    .dropdown-submenu li a{
        text-align:center;
    }
    
    
    .affix .navbar-collapse {
        background:transparent;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100%;
        overflow-y: hidden !important;
    }

    .navbar-nav>li>.dropdown-menu {
        text-align: center;
    }
    
	.navbar-default .navbar-collapse {
		text-align: left;
	}
    
    
 .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	 margin-right: 0px !important;
 }
 
	.navbar-nav {
		background-color: #282828 !important;
	}
 
 
    
}


@media (max-width: 480px) {


	body.home .container-top {
		margin-top: 116px;
	}
	
	.navbar .container-fluid {
		padding-right: 0;
		padding-left: 0;
	}
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-left: 0;
	}	

	.navbar-brand img {
		max-width: 100%;
		max-width: 300px !important;
		max-height: 164px !important;
		width: 300px !important;
		height: 164px !important;
	}
}

/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 767px) {


	.panel-caption h1 {
		font-size: 2em;
	}
	
	.container {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.container-top {
		margin-top: 205px;
	}
	
	body.home container {
		padding-right: 0;
		padding-left: 0;
	}



.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #e7e7e7;
}


	.navbar-default {
		padding-left: 10px;
		padding-right: 10px;
	}
	.navbar-nav {
		width: 100%;
	}
    .navbar-collapse .affixed {
        border-color: #e7e7e7;
 /*       background: rgba(0, 0, 0, 0.9); */
        text-align: left;
        margin-top: 150px !important; /* position of drop-down section */
    }

	.navbar-collapse .unaffixed {
		background: rgba(0, 0, 0, 0.8);
		margin-top: 330px !important;
	}

	.container-top {
	/*	margin-top: 600px; */
	}


}



/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.bs-footer {
  position: absolute;
   bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 80px;
}


/* EDIT BAR STICKY FOOTER FIX */
body.editing .bs-footer {
	position: relative;
}