/*
	Theme Name: Danny MacAskill 2017 - nov17
	Author: Hillside Agency
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
opacity: 0;
-webkit-transition: opacity .5s ease-in;
-moz-transition: opacity .5s ease-in;
-ms-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
}

.wf-loading { opacity: 0; }

.wf-active { opacity: 1; }

body {
	font:400 16px/1.5 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#fff;
	font-style: normal;
	background: #000;
	position: relative;
}

@media only screen and (max-width: 1366px) {
body { font:400 14px/1.5 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width: 100%;sponse
	vertical-align: bottom;
}
a {
	color: #2a97d2;
	text-decoration:none;
	font-weight: bold;
}
a:hover {
	color: #60bff2;
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}
input:focus {
	outline: 0;
	border: 1px solid #04A4CC;
}

.cta-holder {
text-align: center;
}

a.cta {
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
display:inline-block;
margin: 20px 0 30px;
padding: 10px 50px;
color: #fff;
background: #2d2d2d;
box-shadow: inset 0 0 0 2px rgba(89,89,89,1);
-moz-box-shadow: inset 0 0 0 2px rgba(89,89,89,1);
-webkit-box-shadow: inset 0 0 0 2px rgba(89,89,89,1);
font-size: 1.15em;
overflow: visible;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a.cta:before, a.cta:after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);
    transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);
}

a.cta:before {
    border-top: 2px solid #222;
    border-left: 2px solid #222;
    -moz-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	border-color: #a5a5a5;
}

a.cta:after {
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    -moz-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
	border-color: #a5a5a5;
}

a.cta:hover {
background: #595959;
border-color: #a5a5a5;
}

a.cta:hover:before, a.cta:hover:after {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

a.cta-light {
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
display:inline-block;
margin: 20px 0 30px;
padding: 10px 50px;
color: #fff;
background: #2a97d2;
box-shadow: inset 0 0 0 2px rgba(96,191,242,1);
-moz-box-shadow: inset 0 0 0 2px rgba(96,191,242,1);
-webkit-box-shadow: inset 0 0 0 2px rgba(96,191,242,1);
font-size: 1.15em;
overflow: visible;
position: relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

a.cta-light:before, a.cta-light:after {
    content: '';
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);
    transition: all 0.5s cubic-bezier(0.15, 0.85, 0.35, 1);
}

a.cta-light:before {
    border-top: 2px solid #222;
    border-left: 2px solid #222;
    -moz-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	border-color: #fff;
}

a.cta-light:after {
    border-bottom: 2px solid #222;
    border-right: 2px solid #222;
    -moz-transform: scale(0,0);
    -webkit-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
	border-color: #fff;
}

a.cta-light:hover {
background: #60bff2;
border-color: #fff;
}

a.cta-light:hover:before, a.cta-light:hover:after {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.load-mask {
    position: fixed;
    z-index: 1000000;
    top: 0; left: 0; right: 0; bottom: 0;
    background: #222;
}

.load-mask img {
width: 100px;
height: 100px;
overflow: auto;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}

/* wrapper */
.wrapper {
	max-width:1028px;
	width:90%;
	margin:0 auto;
	position:relative;
}

.wide-wrapper {
	width:96%;
	margin:0 auto;
	position:relative;
}

@media only screen and (max-width: 768px) {
.wide-wrapper { width:90%; }
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWELVE   ============================================================================= */

.span_1_of_12 { width: 6.86%; }
.span_2_of_12 { width: 15.33%; }
.span_3_of_12 { width: 23.8%; }
.span_4_of_12 { width: 32.26%; }
.span_5_of_12 { width: 40.73%; }
.span_6_of_12 { width: 49.2%; }
.span_7_of_12 { width: 57.66%; }
.span_8_of_12 { width: 66.13%; }
.span_9_of_12 { width: 74.6%; }
.span_10_of_12 { width: 83.06%; }
.span_11_of_12 { width: 91.53%; }
.span_12_of_12 { width: 100%; }

.offset-1 { margin-left: 5.06%!important; padding-left: 5%; background: transparent url('img/light-line-vert.png') 0 0 repeat-y; width:28.81%; }

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 768px) {
.span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .span_11_of_12  { width: 100%; }
.col { margin: 0; }
.product-col { width: 48% !important; margin: 1% !important; }
.offset-1 { width: 100%; background: none; padding: 0; margin-left: 0!important; }
}

/* header */

header {
min-height: 65px;
background: rgba(34,34,34,.25);
position: fixed;
width: 100%;
z-index: 20;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

.solid {
background-color: #222!important;
}

header.alt {
background-color: #222!important;
}

header.alt .cta-holder {
margin: 10px 0;
}

header.alt .cta-holder a.cta {
margin: 0;
}

header.alt a.home-button {
font-size: 1.5em;
height: 36px;
width: 36px;
background: #2d2d2d;
border: 1px solid #595959;
color: #fff;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 36px;
display: inline-block;
padding: 0;
float:right;
margin: 15px 0;
display: none!important;
}

header.alt a.home-button:hover {
    background: #595959;
    border-color: #a5a5a5;
}

h1.logo {
position:absolute;
left:0;
top: 20px;
font-size:1.5em;
font-family: 'refrigerator-deluxe-n4', 'refrigerator-deluxe', impact, sans-serif;
font-weight: 400;
display:block;
color: white;
line-height:1.3em;
text-transform:uppercase;
letter-spacing: 3px;
z-index: 100;
margin: 0;
}

h1.logo a {
color: white;
font-weight: 400;
}

@media only screen and (max-width: 600px) {
h1.logo { letter-spacing: 2px; font-size: 1.25em; }
}

header .social-bar {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
height: 30px;
}

.social-bar ul{
  margin: 0;
  padding: 0;
}

.social-bar ul li {
display: inline-block;
list-style-type: none;
margin: 0 10px 0 0;
}

.social-bar ul li:last-child {
margin-right:0;
}

.social-bar a {
height: 26px;
width: 26px;
background-color: #fff;
border-radius: 100%;
color: #3a3a3a;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 26px;
display: inline-block;
padding: 0;
}

.social-bar a:hover {
color: #0c90c2;
}

/* Main Menu */

nav.nav {
min-height: 65px;
}

ul.slimmenu {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
font-family: 'refrigerator-deluxe-n4', 'refrigerator-deluxe', impact, sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.2em;
}

ul.slimmenu li {
display: inline-block;
position: relative;
}

ul.slimmenu li a {
padding: 20px;
display:block;
color: white;
font-weight: normal;
}

ul.slimmenu li a:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 0;
top: 0;
left:0;
z-index: -10;
background: #2a97d2;
-webkit-transition: height .4s;
-moz-transition: height .4s;
-ms-transition: height .4s;
-o-transition: height .4s;
transition: height .4s;
}

ul.slimmenu li a:hover:before, ul.slimmenu li a.active:before {
height:100%;
}

.slicknav_menu {
	display:none;
	background: transparent;
	padding:0;
}

.slicknav_btn {
margin: 20px 0;
}

.slicknav_nav {
background: #444;
}

.slicknav_nav li {
    border-bottom: 1px solid #666;
}

.slicknav_nav li:last-child {
    border-bottom: 0px solid #666;
}

.slicknav_nav a {
margin:0;
padding: 10px 15px;
}

.slicknav_nav a:hover {
border-radius: 0;
}

@media only screen and (max-width: 1200px) {
header .social-bar { display:none; }
.nav { float:right; }
header.alt .cta-holder { text-align: right; }
}

@media only screen and (max-width: 1024px) {
.nav { float:none; }
ul.slimmenu { display: none; }
.slicknav_menu { display: block; }
header { background: #222!important; }
}

@media only screen and (max-width: 520px) {
header.alt .cta-holder { display: none; }
header.alt a.home-button { display: block!important; }
}
/* Masthead video */

section.masthead {
background-image: url('img/masthead-alt.jpg');
background-size: cover;
}

video { display: block; }

video#bgvid {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
background: black;
background-size: cover;
display: block;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}

@media only screen and (max-width: 768px) {
video#bgvid { display: none; }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
video#bgvid { display: none; }
}

.book-banner, .video-banner {
display: table;
max-width: 160px;
z-index: 10;
position: relative;
text-align: center;
}

.book-banner {
float: right;
margin: 100px 40px 0 0;
}

.video-banner {
float: left;
margin: 100px 0 0 40px;
}

/*
.book-banner-desc, .book-banner-img {
display: table-cell;
vertical-align: middle;
} */

/* .book-banner-desc {
width: 230px;
padding: 10px;
} */

.book-banner a, .video-banner a {
color: white;
}

.book-banner img, .video-banner img { max-width: 120px; }

p.banner-desc {
font-size: 1.65em;
line-height: 1.2em;
font-weight: bold;
text-transform: uppercase;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);	
}

@media only screen and (max-width: 768px) {
.video-banner { width:50%; }
.book-banner { width:50%; }
}

@media only screen and (max-width: 560px) {
.video-banner { width:100%; margin: 80px auto 0; max-width: none; }
.book-banner { width:100%; margin: 7px auto 0; max-width: none; float: none; }
.book-banner img, .video-banner img { max-width: 120px; }
p.banner-desc { font-size: 1.2em; }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
section.masthead { display: none; }
}

.hidden {
display: none!important;
}

.visible {
display: block!important;
}

/* Top-Button */

.scrollTop {
border-radius: 0 5px 5px 0;
margin: auto;
position: fixed;
top: 0; left: -1px; bottom: 0;
z-index:100;
height:40px;
padding: 0 10px;
background: #2a97d2;
color: white;
text-align: center;
line-height: 39px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border:1px solid #60bff2;
opacity: 0;
}

.scrollTop:hover {
background: #60bff2;
color: white;
padding: 0 10px 0 15px;
border:1px solid #7fd2ff;
}

@media only screen and (max-width: 1024px) {
.scrollTop { display: none; }
}

/* sponsors bar */

.sponsor-bar {
background-color: rgba(0,0,0,.25);
position: fixed;
width: 100%;
bottom: 0;
z-index:10;
-webkit-transition: background-color .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out;
-o-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}

@media only screen and (max-width:768px) {
.sponsor-bar { display: none; }
}

ul.spons {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
display: table;
table-layout: fixed;
width: 100%;
}

ul.spons li {
display: table-cell;
padding: 1.3%;
}

ul.spons li a {
display: block;
}

ul.spons li a img:last-child{ display:none; }
ul.spons li a:hover img:first-child{ display:none; }
ul.spons li a:hover img:last-child{ display: inline-block; }

ul.spons li a img {
vertical-align:middle;
max-height: 65px;
height: auto;
max-width: 100%;
width: auto;	
}

ul.spons .logo-wide {width:11%;}


.sponsor-bar.solid ul.spons .logo-wide a img:last-child{ display:inline-block; }
.sponsor-bar.solid ul.spons .logo-wide a img:first-child{ display:none; }



/* footer sponsors bar */

.footer-sponsor-bar {
background: #444;
position: relative;
width: 100%;
bottom: 0;
z-index:10;
border-top: 2px solid #595959;
text-align:center;
}

.footer-sponsor-bar ul.spons li a img {
display: inline-block;
}

/* Mobile Sponsor Bar */

ul.spons-row {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
display: table;
table-layout: fixed;
width: 100%;
border-bottom: 1px solid #595959;
}

.mob-spons .section:last-child ul.spons-row {
border-bottom: 0px solid #595959;
}

ul.spons-row li {
display: table-cell;
padding: 1%;
}

ul.spons-row li a {
display: block;
}

.footer-sponsor-bar .mob-spons { display: none; }

@media only screen and (max-width: 1024px) {
.footer-sponsor-bar ul.spons { display: none;}
.footer-sponsor-bar .mob-spons { display: block; }
}

.footer-sponsor-bar .sponsors-row a {
display: block;
max-width: 28.33%;
margin: 4% 2.5%;
float: left;
}

.footer-sponsor-bar .sponsors-row img {
vertical-align:middle;
}


/*------------------------------------*\
    SECTIONS - General
\*------------------------------------*/

section {
position: relative;
margin: 0;
padding:0;
border:0;
overflow: hidden;
}

.gradient-overlay {
background: rgba(0,0,0,.5);
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
}

.gradient-overlay-left-align {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
}

.gradient-overlay-right-align {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
}

.parallax-window {
    min-height: 650px;
	position: relative;
	background-size: cover;
	background-position: center center;
}

@media only screen and (max-width: 1366px) {
.parallax-window { min-height: 450px; }
}

@media only screen and (max-width: 768px) {
.parallax-window { min-height: 300px; }
}

@media only screen and (min-width: 768px) {
.parallax-window { background-attachment: fixed; }
}

.centered-title {
position: absolute;
left: 0;
right: 0;
margin: auto;
max-width: 1028px;
width: 95%;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
}

.centered-title h3 {
font-size: 10em;
line-height: 1em;
text-transform:uppercase;
letter-spacing: 12px;
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
margin:0;
color: #fff;
}

@media only screen and (max-width: 768px) {
.centered-title { text-align: center!important; }
.centered-title h3 { font-size: 6.66em; letter-spacing: 6px; }
.centered-title img { max-width: 300px; }
}


@media only screen and (max-width: 568px) {
.centered-title h3 { font-size: 3.33em; letter-spacing: 3px; }
}


.centered-title p {
margin:0;
font-size: 1.5em;
letter-spacing: 3px;
}

.section-content {
padding: 25px 0 50px;
}

.section-content h4 {
font-size: 2.35em;
text-transform:uppercase;
letter-spacing: 4px;
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
background: transparent url('img/dark-line.png') 0 center repeat-x;
}

.section-content h4 span {
padding: 0 20px;
}

@media only screen and (max-width: 768px) {
.section-content h4 { font-size: 1.66em; }
.section-content h4 span { padding: 0 10px; }
}

/* Section 2 - VIDEOS */

#section2 .centered-title {
text-align: center;
}

.video-section {
background:#383838;
border-top: 3px solid #444;
border-bottom: 3px solid #444;
}

.video-section h4 {
text-align: center;
margin: 1em 0;
}

.video-section h4 span {
background: #383838;
}

.card {
border: 3px solid #595959;
background: #000;
margin: 10px 0;
}

.card:hover {
border: 3px solid #fff;
}

.card-container {
position: relative;
}

.card .front h5 {
font-family: 'refrigerator-deluxe-n4', 'refrigerator-deluxe', impact, sans-serif;
font-weight: 400;
color: white;
z-index: 3;
letter-spacing: 2px;
font-size: 1.35em;
margin: .35em 0;
}

@media only screen and (max-width: 768px) {
.card .front h5 { font-size: 1.15em; letter-spacing: 1px; margin: .15em 0; }
}


@media only screen and (max-width: 600px) {
.card .front h5 { font-size: 1em; letter-spacing: 1px; margin: .15em 0; }
.card .front p { font-size: .85em; }
}

.card .front .element {
opacity: 0;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

.card .front:hover .element {
opacity: 1;
}

.card .front .video-thumb {
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

.card .front:hover .video-thumb {
opacity: .25;
}

@media only screen and (max-width: 1024px) {
.card .front .video-thumb { opacity: .35; }
.card .front .element { opacity: 1; }
}

.outerContainer {
    width: 100%;
	white-space: inherit;
    display: table;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
	transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
    position: absolute;
	padding: 0 2%;
}

.outerContainer .innerContainer {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.outerContainer .innerContainer .element {
    display:inline-block;
}

/* Section 3 - Drop and Roll */

#section3 .centered-title {
text-align: left;
}

.drop-section {
background: #e9e9e9;
color: #595959;
border-top: 3px solid white;
border-bottom: 3px solid white;
}

.drop-section  h4 {
color: #2a97d2;
background: transparent url('img/light-line.png') 0 center repeat-x;
}

.drop-section  h4 span {
background: #e9e9e9;
padding-left:0;
}

@media only screen and (max-width: 768px) {
.drop-section { text-align: center; }
.drop-section  h4 span { padding: 0 10px; }
}

.drop-dates {
margin-left: 5.06%!important;
padding-left: 5%;
background: transparent url('img/light-line-vert.png') 0 0 repeat-y;
width: 54.21%;
}

@media only screen and (max-width: 768px) {
.drop-dates { width: 100%; background: none; padding: 0; margin-left: 0!important; }
}

.drop-dates h5 {
font-size: 1.65em;
text-transform:uppercase;
letter-spacing: 2px;
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
background: transparent url('img/light-line.png') 0 center repeat-x;
text-align: center;
margin: 1.25em 0;
}

.drop-dates h5 span {
background: #e9e9e9;
padding: 0 20px;
}

table.events-grid {
width: 100%;
}

table.events-grid tr:nth-child(2n+1){
background: #cccccc;
}

table.events-grid tr td {
padding: 5px 10px;
}

td.date {
float: right;
}

/* Section 4 - Social */

.social-section {
background: #3a3a3a;
color: #adadad;
border-top: 3px solid #444;
border-bottom: 3px solid #444;
}

.social-section  h4 {
color: #fff;
background: transparent url('img/dark-line.png') 0 center repeat-x;
}

.social-section  h4 span {
background: #3a3a3a;
padding-left:0;
}

.social-section .social-bar {
margin: 30px 0;
}

.social-feed {
margin-left: 5.06%!important;
padding-left: 5%;
background: transparent url('img/dark-line-vert.png') 0 0 repeat-y;
width: 62.68%;
}

@media only screen and (max-width: 768px) {
.social-section { text-align: center; }
.social-section  h4 span { padding: 0 10px; }
.social-feed { display: none; width: 100%; background: none; padding: 0; margin-left: 0!important; }
}

.social-feed h5 {
font-size: 1.65em;
text-transform:uppercase;
letter-spacing: 2px;
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
background: transparent url('img/dark-line.png') 0 center repeat-x;
text-align: center;
margin: 1.25em 0;
color: #fff;
}

.social-feed h5 span {
background: #3a3a3a;
padding: 0 20px;
}

.juicer-feed h1.referral {
display:none;
}

.juicer-feed.classic li.feed-item {
background: #3a3a3a;
}

.juicer-feed.classic li.feed-item .j-text {
color: #fff;
font-family: 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:1em;
}

.juicer-feed.classic li.feed-item .message a, .juicer-feed.classic li.feed-item .j-message a {
color: #2a97d2;
}

.juicer-feed.classic li.feed-item .info a:hover {
color: #60bff2;
}

.juicer-feed.classic li.feed-item .info {
font-size:.85em;
color: #adadad;
}

.juicer-feed li.juicer {
display: none;
}

::-webkit-scrollbar {
    width: 18px;
}

::-webkit-scrollbar-track {
    background: rgba(34,34,34,1);
}

::-webkit-scrollbar-thumb {
    background: rgba(111,111,111,1);
}

/* Section 5 - Products */

#section5 .centered-title {
text-align: center;
}

.products-section {
background: #dedede;
color: #595959;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}

.products-section .product-col:nth-child(6n+7) {margin-left: 0px;}

.products-section h4 {
color: #2a97d2;
background: transparent url('img/light-line.png') 0 center repeat-x;
text-align: center;
margin: 1em 0;
}

.products-section h4 span {
background: #dedede;
}

.product-label {
background: #4e4e4e;
color: white;
text-align: center;
padding: 5px 10px;
transition: all .5s ease-out;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
}

.product-label h6 {
font-size:1.2em;
margin-bottom: 0;
letter-spacing: 2px;
}

.product-col:hover .product-label {
background: #222222;
}

.product-col:hover .product-label h6 span {
background: #222222;
}

.product-col img {
    width: 100%;
    height: auto;
}

/* Section 6 - Press */

#section6 .centered-title {
text-align: right;
}

.press-section {
background: #383838;
color: #ddd;
text-align: center;
border-top: 3px solid #444;
border-bottom: 3px solid #444;
}

.press-section  h4 {
color: #fff;
background: transparent url('img/dark-line.png') 0 center repeat-x;
text-align: center;
}

.press-section  h4 span {
background: #dedede;
}

.image-gallery {
margin-left: 0;
width: 40.73%;
float: right;
}

@media only screen and (max-width: 768px) {
.image-gallery { width: 100%; background: none; padding: 0; margin-left: 0!important; }
}

.press-section h5 {
font-size: 1.65em;
text-transform:uppercase;
letter-spacing: 2px;
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
background: transparent url('img/dark-line.png') 0 center repeat-x;
text-align: center;
margin: 1.25em 0;
color: #fff;
}

.press-section h5 span {
background: #383838;
padding: 0 20px;
}

.press-section h6 {
font-size: 1em;
font-family: 'Titillium Web';
text-transform: none;
letter-spacing: 0px;
}

ul.gallery-grid {
margin:0;
padding: 0;
list-style-type: none;
}

ul.gallery-grid:after {
content: "";
display: table;
clear: both;
}

ul.gallery-grid li {
width: 32%;
display: block;
float:left;
margin: 1% 0 2% 2%;
}

ul.gallery-grid li:nth-child(3n+1), ul.gallery-grid li:first-child {
margin-left: 0;
clear:both;
}

/* Section 7 - Contact */

.contact-section {
color: #fff;
background: #000 url('img/contact_bg.jpg') no-repeat;
background-size: cover;
padding-top: 50px;
-moz-box-shadow:    inset  0  50px 50px -50px #000,
                    inset  0 -50px 50px -50px #000;
-webkit-box-shadow: inset  0  50px 50px -50px #000,
                    inset  0 -50px 50px -50px #000;
 box-shadow:        inset  0  50px 50px -50px #000,
                    inset  0 -50px 50px -50px #000;
}

@media (max-width: 768px) {
.contact-section { background-image: url('img/contact_bg_dark.jpg'); background-position: calc(0px) 0px; background-position-x: 0px; padding-top: 25px; }
}

.contact-section  h4 {
background: transparent url('img/light-line.png') 0 bottom repeat-x;
padding-bottom: 10px;
}

.contact-social-bar ul{
  margin: 0;
  padding: 0;
}

.contact-social-bar ul li {
display: block;
list-style-type: none;
margin: 10px 0 0 0;
}

.contact-social-bar a {
color: #555;
}

.contact-social-bar a:hover {
color: #0c90c2;
}

.contact-social-bar span {
height: 26px;
width: 26px;
background-color: #555;
border-radius: 100%;
color: #fff;
text-align: center;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
line-height: 26px;
display: inline-block;
padding: 0;
margin-right: 10px;
}

.contact-social-bar a:hover span {
background: #0c90c2;
}

.ninja-forms-required-items {
margin-bottom: 10px;
}

.field-wrap {
margin-bottom: 10px!important;
}

.ninja-forms-req-symbol {
color: #0c90c2!important;
}

.profile_pass-wrap input, .text-wrap.label-above input, .text-wrap.label-below input, .text-wrap.label-inside input, .textarea-wrap.label-above textarea, .textarea-wrap.label-below textarea, .textarea-wrap.label-inside textarea, .list-dropdown-wrap.label-above select, .list-dropdown-wrap.label-below select, .ninja-forms-field {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 0;
background: #fff;
color: #5b5b5b;
}

#ninja_forms_field_11 {
font-family: 'refrigerator-deluxe-n7', 'refrigerator-deluxe', impact, sans-serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
margin: 0;
padding: 10px 50px;
color: #fff;
background: #2d2d2d;
border: 1px solid #595959;
font-size: 1em;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#ninja_forms_field_11:hover {
background: #595959;
border: 1px solid #777;
}

.photo-credit {
position: absolute;
margin: 0;
bottom: 20px;
right: 20px;
font-size:.7em;
text-align:right;
}

/*------------------------------------*\
    Categories
\*------------------------------------*/


body.category .centered-title {
text-align: right;
}

.pagination {
font-size: 1.65em;
margin: 50px 0 0;
text-align: center;
background-position: 0 0;
padding-top: 30px;
}

.pagination span {
display: inline-block;
}

.pagination span.current {
font-weight: bold;
color: #2a97d2;
}

.pagination a.page-numbers {
color: #adadad;
}

.pagination a.page-numbers:hover {
color: white;
}

body.category .footer {
background: #222;
}

.dark-category {
background: #383838;
border-top: 3px solid #444;
}

.dark-category  h4 {
color: #fff;
background: transparent url('img/dark-line.png') 0 center repeat-x;
text-align: center;
}

.dark-category  h4 span {
background: #383838;
padding: 0 20px;
}

.dark-category .pagination {
background: transparent url('img/dark-line.png') 0 top repeat-x;
}

.light-category {
background: #e9e9e9;
color: #595959;
border-top: 3px solid white;
}

.light-category  h4 {
color: #2a97d2;
background: transparent url('img/light-line.png') 0 center repeat-x;
text-align: center;
}

.light-category  h4 span {
background: #e9e9e9;
padding: 0 20px;
}

.light-category .pagination {
background: transparent url('img/light-line.png') 0 top repeat-x;
}

/* footer */

/* sponsors bar */

.footer-sponsor-bar {
background: #444;
position: relative;
width: 100%;
bottom: 0;
z-index:10;
border-top: 3px solid #595959;
}

.footer-sponsor-bar .sponsors-group a img {
-webkit-filter: none;
filter: none;
}

.footer-sponsor-bar .sponsors-group a img:hover {
-webkit-filter: none;
filter: none;
}

@media only screen and (max-width: 768px) {
.footer-sponsor-bar .sponsors-group { width: 100%; margin: 0; }
}

.footer {
font:400 14px/1.5 'Titillium Web', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: #383838;
color:#aaa;
padding:20px 0;
z-index: 20;
position: absolute;
width: 100%;
height: 120px;
}

.footer h5 {
color:#fff;
border-bottom:1px solid #00a6d6;
padding-bottom:5px;
}

.footer p span {
font-weight:bold;
color:#fff;
}

.footer a {
color:#ccc;
}

.footer a:hover {
color:#fff;
}

.copyright {
float: left;
}

.design-credit {
float:right;
text-align: right;
}

@media only screen and (max-width: 768px) {
.copyright, .design-credit { float: none; text-align:center; }
}

/*------------------------------------*\
    POSTS
\*------------------------------------*/

.category-loop {
width: 23.8%;
margin: 1% 0 1% 1.6%;
display: block;
float:left;
}

.category-loop:nth-child(4n+1) {
margin-left:0;
clear: both;
}

@media only screen and (max-width: 768px) {
.category-loop { width: 49.2%; }
.category-loop:nth-child(2n+1) { margin-left:0; clear: both; }
.category-loop .card .front .video-thumb img { width: 100%; }
.category-loop .card .front .video-thumb { max-height: 188px; overflow: hidden; }
}


/*------------------------------------*\
    Contact Form
\*------------------------------------*/


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

p {
margin:.5em 0;
}

h1, h2, h3, h4, h5, h6 {
line-height:1.3em;
margin: .67em 0;
text-transform:uppercase;
letter-spacing: 4px;
font-family: 'refrigerator-deluxe', impact, sans-serif;
}

h1 {
font-size: 2.5em;
}

h2 {
font-size: 2.15em;
color: #fff;
line-height: 1.1em;
display: inline-block;
line-height: 1.1em;
}

h3 {
font-size: 1.75em;
font-weight:bold;
}

h4 {
font-size: 1.1em;
font-weight: 700;
}

h5 {
font-size: 1.25em;
font-weight: 700;
}

p.intro  {
font-size:1.25em;
font-weight:normal;
line-height:1.4em;
}

.credit {
font-weight:bold;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
/* .ie9 img[src*=".svg"] {
  width: 100%!important;
}
/* 2 */
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
} */

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:10px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:10px auto 10px auto;
}
.alignright {
	float:right;
	margin:10px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:10px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:10px 0 20px 20px;
}
a img.alignnone {
	margin:10px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:10px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}