
/*
Theme Name: Thirty Seven Five Child Theme
Template: thirtysevenfive
*/

/*
37.5 Light blue: #63cae1
37.5 Dark blue: #32363f

Gradeitn Text Overlay:
Start: #6d6d6d 1.0, End: #6d6d6d 0.0 Linear

Accent Color: Light Blue
Extra Color 1: Dark Blue;
Extra Color 2: White;
Extra Color 3: #a1abb2;
*/




@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=34584950-7d5e-44c3-879a-fb45781d8806");
@font-face{
    font-family:"DIN Next W01 Light";
    src:url("fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix");
    src:url("fonts/3e0b2cd7-9657-438b-b4af-e04122e8f1f7.eot?#iefix") format("eot"),url("fonts/de1216be-00c2-43c0-9c45-3e7f925eb519.woff2") format("woff2"),url("fonts/bc176270-17fa-4c78-a343-9fe52824e501.woff") format("woff"),url("fonts/3516f91d-ac48-42cd-acfe-1be691152cc4.ttf") format("truetype"),url("fonts/d1b1e866-a411-42ba-8f75-72bf28e23694.svg#d1b1e866-a411-42ba-8f75-72bf28e23694") format("svg");
}
@font-face{
    font-family:"DIN Next W01 Regular";
    src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix");
    src:url("fonts/da088ecc-a53c-4831-a95b-6fd81b5b338a.eot?#iefix") format("eot"),url("fonts/44e7b0fa-6c8d-43c2-b19e-f1e3ce9ea57c.woff2") format("woff2"),url("fonts/c5a7f89e-15b6-49a9-8259-5ea665e72191.woff") format("woff"),url("fonts/868c94b5-ca49-46b7-b62b-297f8d861125.ttf") format("truetype"),url("fonts/e3145f65-29b5-4f7f-8c6e-2dc135021b6a.svg#e3145f65-29b5-4f7f-8c6e-2dc135021b6a") format("svg");
}
@font-face{
    font-family:"DIN Next W01 Medium";
    src:url("fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix");
    src:url("fonts/324dee78-6585-4c13-8ca3-5817cc600d84.eot?#iefix") format("eot"),url("fonts/be607c9f-3c81-41b4-b7ad-17af005c80bb.woff2") format("woff2"),url("fonts/4bf0ead4-e61b-4992-832b-6ff05828d99f.woff") format("woff"),url("fonts/73713a0b-8f6a-4c4e-b8a8-7cf238e632f6.ttf") format("truetype"),url("fonts/b90b6bdf-15e2-4544-9fe0-92c79fff0ecd.svg#b90b6bdf-15e2-4544-9fe0-92c79fff0ecd") format("svg");
}
@font-face{
    font-family:"DIN Next W01 Bold";
    src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix");
    src:url("fonts/b32ab78b-6c51-4bd3-bc37-4edcec0331f8.eot?#iefix") format("eot"),url("fonts/121784c1-863c-4e49-b682-625ea7de55b0.woff2") format("woff2"),url("fonts/9949035f-6226-4080-a14a-bf7d94ffb1e1.woff") format("woff"),url("fonts/6241bd09-15c2-485e-9796-9db8d0aa6974.ttf") format("truetype"),url("fonts/af94da3e-4232-416a-b6bc-f39f85dd5db6.svg#af94da3e-4232-416a-b6bc-f39f85dd5db6") format("svg");
}
@font-face{
    font-family:"DIN Next W01 Black";
    src:url("fonts/abcc85a3-c3f7-49d9-a80a-f79267998ec7.eot?#iefix");
    src:url("fonts/abcc85a3-c3f7-49d9-a80a-f79267998ec7.eot?#iefix") format("eot"),url("fonts/9ab9d016-1519-4c53-849d-77e9a49db637.woff2") format("woff2"),url("fonts/9541b817-6a02-4e7a-af21-ce24b70d9ba3.woff") format("woff"),url("fonts/c1a5af90-f79a-44b1-a4a4-5fd6d888c2f2.ttf") format("truetype"),url("fonts/0c36e45b-5edd-4927-b9ad-2e46a30e5593.svg#0c36e45b-5edd-4927-b9ad-2e46a30e5593") format("svg");
}

body{
  font-smoothing: antialiased;
}

/*a{color:#27CFC3; text-decoration:none; transition:color 0.2s; -moz-transition:color 0.2s; -webkit-transition:color 0.2s}

a:hover{color:inherit}
*/






h1, h2, h3, h4, h5, h6{color:#444; letter-spacing:0px; font-weight:normal; -webkit-font-smoothing:antialiased; font-family:'DIN Next W01 Bold' !important; font-weight:600}

h1{font-size:100px !important; line-height:90px !important;}

h2{font-size:34px; line-height:44px !important}

h3{font-size:26px !important; line-height:34px; letter-spacing: .1em;}

h4{font-size:18px; line-height:32px;}

h5{font-size:16px; line-height:26px;}

h6{font-size:14px; line-height:24px;}

@media only screen and (max-width: 480px) {
	h1{
		font-size:50px !important; line-height:50px !important;
	}
	h2{
		font-size:34px !important; line-height:40px !important;
	}	
}

@media only screen and (max-width: 320px) {
	h1{
		font-size:40px !important; line-height:40px !important;
	}	
}


/*##########################################################*/
/* 0. GENERAL ----------------------------------------------*/
/*##########################################################*/

.hideLogo {
	/*display: none !important;*/
	opacity: 0;
}

.showLogo {
	/*display: block !important;*/
	opacity: 1;
}

.thirtysevenfive-blue *{
	color: #63cae1 !important;
}

.small-text-12 {
	font-size: 12px;
}

.small-text-14 {
	font-size: 14px;
}

.small-text-16 {
	font-size: 14px;
}

.small-text-17 {
	font-size: 14px;
}

.small-text-18 {
	font-size: 18px;
}

.small-text-20 {
	font-size: 20px;
}

.small-text-24 {
	font-size: 24px;
}

.small-text-25 {
	font-size: 25px;
}

.small-text-30{
	font-size: 30px;
}

.small-text-30 h1, .small-text-30 h2, .small-text-30 h3, .small-text-30 h4, .small-text-30 h5, .small-text-30 h6{
	font-size: 30px !important;
}


.small-text-30 p{
	line-height: 40px;
}

.font-weight-normal {
	font-weight: normal !important;
}

.big-text-40 h1, .big-text-40 h2, .big-text-40 h3, .big-text-40 h4, .big-text-40 h5, .big-text-40 h6{
	font-size: 40px !important;
}

.big-text-50 h1, .big-text-50 h2, .big-text-50 h3, .big-text-50 h4, .big-text-50 h5, .big-text-50 h6{
	font-size: 50px !important;
	line-height: 60px !important;
}

.big-text-60 h1, .big-text-60 h2, .big-text-60 h3, .big-text-60 h4, .big-text-60 h5, .big-text-60 h6{
	font-size: 60px !important;
	line-height: 70px !important;
}

.big-text-80 h1, .big-text-80 h2, .big-text-80 h3, .big-text-80 h4, .big-text-80 h5, .big-text-80 h6{
	font-size: 80px !important;
}

@media only screen and (max-width: 480px) {
	.big-text-40 h1, .big-text-40 h2, .big-text-40 h3, .big-text-40 h4, .big-text-40 h5, .big-text-40 h6{
		font-size: 40px !important;
	}

	.big-text-60 h1, .big-text-60 h2, .big-text-60 h3, .big-text-60 h4, .big-text-60 h5, .big-text-60 h6{
		font-size: 40px !important;
		line-height: 40px !important;
	}

	.big-text-80 h1, .big-text-80 h2, .big-text-80 h3, .big-text-80 h4, .big-text-80 h5, .big-text-80 h6{
		font-size: 40px !important;
	}	
}

.din-font-light {
	font-family:"DIN Next W01 Light" !important;
}

.din-font-regular {
	font-family:"DIN Next W01 Regular" !important;
}

.din-font-bold {
	font-family:"DIN Next W01 Bold" !important;
}

.din-font-medium {
	font-family:"DIN Next W01 Medium" !important;
}

.letter-spacing-2{
	letter-spacing: .2em !important;
} 

.letter-spacing-3{
	letter-spacing: .3em !important;
} 

.align-left{
	text-align: left !important;
}

.align-right{
	text-align: right !important;
}

.color-black, .color-black h1, .color-black h2, .color-black h3, .color-black h4, .color-black h5, .color-black h6{
	color: #000 !important;
}

/* BUTTON */
.no-border.nectar-button.see-through {
	border:0 !important;
}

/*Gray Gradient*/
.supports .gradient-category-hero h1{
	/*border:1px solid #fff;*/
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 20%, rgb(109,109,109) 90%);
	background: -webkit-linear-gradient(top, rgb(255,255,255) 20%,rgb(109,109,109) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 );
	background: linear-gradient(to bottom, rgb(255,255,255) 20%,rgb(109,109,109) 90%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.7;
}
/*@media only screen and (max-width: 320px) { }*/
@media only screen and (max-width: 480px) {
	.supports .gradient-category-hero h1{
		font-size: 2.5em !important;
		line-height: 40px !important;
	}
}
/*@media only screen and (max-width: 690px) { }
@media only screen and (max-width: 845px) { }
*/

/*verified*/
.supports .gradient-text-gray h1{
	line-height:110px !important;
	/*border:1px solid #fff;*/
	background: rgb(179,179,179);
	background: -moz-linear-gradient(top,  rgba(179,179,179,1) 0%, rgba(74,74,74,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(179,179,179,1) 0%,rgba(74,74,74,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#616161',GradientType=0 );
	background: linear-gradient(to bottom,  rgba(179,179,179,1) 0%,rgba(74,74,74,1) 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0.3;
}

/*Header Gradient*/
.supports .gradient-text-gray-opacity h1{
	color: rgba(255, 255, 255);
	opacity: 0.6;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(109,109,109) 60%);
	background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(109,109,109) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 );
	background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(109,109,109) 60%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 1100px) {
	.supports .gradient-text-gray-opacity  h1{
		font-size:75px !important; line-height:75px !important;
	}	
}

@media only screen and (max-width: 690px) {
	.supports .gradient-text-gray-opacity  h1{
		font-size:55px !important; line-height:55px !important;
	}	
}

@media only screen and (max-width: 480px) {
	.supports .gradient-text-gray-opacity h1{
		font-size:36px !important; line-height:40px !important;
	}	
}

/*Header Gradient*/
.supports .partners-gradient-text h1{
	margin-bottom: 0 !important;
	height: 70px;
	color: rgba(255, 255, 255);
	opacity: 0.6;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(190,190,190) 60%);
	background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(190,190,190) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 );
	background: linear-gradient(to bottom,  rgb(245,245,245) 0%,rgb(190,190,190) 60%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

/*Header Gradient*/
.supports .brand-grid-gradient-text h1{
	margin-bottom: 0 !important;
	min-height: 70px;
	color: rgba(255, 255, 255);
	opacity: 0.6;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(190,190,190) 60%);
	background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(190,190,190) 60%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#6d6d6d',GradientType=0 );
	background: linear-gradient(to bottom,  rgb(245,245,245) 0%,rgb(190,190,190) 60%);
	
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	background-image: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(190,190,190) 60%); /* For Chrome and Safari */
    
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

/*Header Gradient*/
.supports .contact-page-gradient h1{
	height: 70px;
	color: rgba(97,97,975);
	opacity: 0.3;
	background: rgb(97,97,97);
	background: -moz-linear-gradient(top,  rgb(136,136,136) 0%, rgb(97,97,97) 100%);
	background: -webkit-linear-gradient(top,  rgb(136,136,136) 0%,rgb(97,97,97) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#616161',GradientType=0 );
	background: linear-gradient(to bottom,  rgb(136,136,136) 0%,rgb(97,97,97) 100%);
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #CCCCCC 100%);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

.backgroundNoRepeat {
	background-repeat: no-repeat;
}

.backgroundCenterTop {
	background-position: center top;
}

.backgroundRightTop {
	background-position: right top;
}

.backgroundLeftTop {
	background-position: left top;
}

#header-outer[data-permanent-transparent="1"][data-full-width="true"] .midnightHeader header#top nav ul.buttons li {
	padding-top: 0px !important;
}

.hide {
	display: none;
}

p .sup{
	position: relative; top: -0.2em; font-size: 80%;
}

.category-icon-svg {
	width: 70px !important;
}

.select2-drop {
    z-index: 9990 !important;
}

/*##########################################################*/
/* 1. HOME -------------------------------------------------*/
/*##########################################################*/
/*#1e7ea4
#5cc0d8
*/

.categoryBG{
	/*background-image: url('/wp-content/themes/thirtysevenfive-child/assets/homepage/TRAIN-background.jpg');*/
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: background-image .6s ease-in-out;
	transition: background-image .6s ease-in-out;
}

.homePageModuleWrapper {
	min-height: 800px;
	padding: 2em 1em;
}

.homePageModuleWrapper h1 {
	text-transform: uppercase;
	color: #fff !important;
	font-weight: bold;
	font-size: 60px !important;
	letter-spacing: .1em;
	text-align: center;
	position: relative;
    top: 45%;
    left: 50%;
    -webkit-transform: translate(-50%, -45%);
	transform: translate(-50%, -45%);
	line-height: 70px !important;
}

.homePageModuleSceneContainer {
	margin: auto;
	width: 100%;
	position: absolute;
    top: 0;
	background: #f60;
}

#homePageModuleScene {
	margin:0 !important;
	padding:0 !important;
}

#homePageModuleScene ul {
	border: 0px solid #f60;
}

#homePageModuleScene ul li{
	list-style: none;
	margin: auto;
	max-width: 500px;
}

.floor {

}

.graphics {

}

.circle {

}

.circle-container {
	position: relative;
	width: 55em;
	height: 55em;
	padding: 0; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
	border-radius: 10%;
	margin: 0 auto;
	z-index: 2;
}

.circle-container a {
	display: block;
	position: absolute;
	top: 50%; left: 50%;
	width: 3.5em; height: 3.5em;
	margin: -2em; /* 2em = 4em/2 */ /* half the width */
	border: 3px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-weight: bold;
	line-height: 3.4em;
	text-indent: 4.3em;
	white-space: nowrap;
}

.circle-container img { display: block; width: 100%; }
.circle-container .work { transform: rotate(-55deg) translate(23em) rotate(55deg); }
.circle-container .workhard { transform: rotate(-33deg) translate(20.5em) rotate(33deg); }
.circle-container .sleep { transform: rotate(23deg) translate(19em) rotate(-23deg); }
.circle-container .train { transform: rotate(-200deg) translate(21em) rotate(200deg); }
.circle-container .relax { transform: rotate(208deg) translate(22em) rotate(-208deg); }
.circle-container .play { transform: rotate(238deg) translate(21em) rotate(-238deg); }


.circle-container a:hover {
	border-color: #fff;
	color: #fff;
	transition: .2s;
}

/*/* this is just for showing the angle on hover */
.circle-container a:not(.center):before {
	position: absolute;
	width: 200px;
	height: 100px;
	opacity: 0;
	background: url("./images/rollover-particles.png") no-repeat -3px -3px transparent;
	text-decoration: none;
	text-indent: -1.5em;
	transition: .2s;  /*  only works in Firefox */
	content: 'GO';
	color: #82ffff;
	left: -20px;
	top: -20px;
	line-height: 6.2em;
}
.circle-container a:hover:before { opacity: 1; }
.circle-container:hover:after { opacity: 1;  }

.circle-container a:not(.center):after {
	position: absolute;
	width: 0px; height: 0px;
	left: 15%;
	margin: -49px;
	opacity: 1;
	content: '+';
	top: 46px;
	color: #fff;
}
.circle-container:hover a:after { color: #FFF; }
.circle-container a:hover:after { transition: .2s; color: #ffffff; opacity: 1; }


.homePageModuleFooter {
	color: #fff;
	text-align: center;
	letter-spacing: .08em;
}

.homePageModuleFooter .row1{
	font-family:"DIN Next W01 Bold";
	font-size: 1.6em;
	margin-bottom: 10px;
	color: #82ffff;
}
.homePageModuleFooter .row2{
	font-size: 1.4em;
	letter-spacing: .25em;
	font-family:"DIN Next W01 Black";
	margin-bottom: 10px;
}

.homePageModuleFooter .row3{
	font-size: 1.6em;
	font-family:"DIN Next W01 Regular";
	letter-spacing: .2em;
}

.nav-carousel {
	display: none;
}

@media only screen and (min-width: 1600px) {
	.categoryBG{
		background-size: contain;
	}
}

@media only screen and (max-width: 800px) {
	.circle-container {
		height: 53em;
	}

	.categoryBG{
		background-position: center 0px;
		background-size: auto 750px;
	}

	.homePageModuleWrapper {
		min-height: 600px;
		padding: 0 1em;
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}

	.homePageModuleWrapper h1 {
		font-size: 4em !important;
	}

	.circle-container .workhard,
	.circle-container .work,
	.circle-container .sleep,
	.circle-container .train,
	.circle-container .relax,
	.circle-container .play {
		display: none;
	}

	.nav-carousel {
		position: absolute;
		bottom: 0px;
		width: 100%;
		display: inline-block;
		text-align: center;
		border:0px solid #f60;
	}
	.nav-carousel-scrollwrap {
		width: 100%;
		position: relative;
	}

	.nav-carousel .item {
		display: inline-block;
		width: 80px;
		height: 90px;
		text-align: center;
		padding: 0;
		margin: 0px 2%;
		position: relative;
		/*border:1px solid;*/
	}


	.nav-carousel .item.double-line a{
		
	}

	.nav-carousel a {
		display: block;
		width: 100%;
		height: 45px;
		margin: 15px; /* 2em = 4em/2 */ /* half the width */
		padding: 0;
		color: #fff;
		font-weight: bold;
		line-height: 20px;
		text-indent: 0px;
		white-space: pre-wrap;
		margin-top: 25px;
		font-size: 20px;
		top: 0px;
		left: 50%;
		border-radius: 0;
		transform: translateX(-70%);
		border:0px solid #f60;		
	}

	.nav-carousel .circle {
		border: 3px solid #fff;
		border-radius: 50%;
		display: block;
		height: 43px;
		width: 45px;
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translate(-50%, -50%);
	}


	/*/* this is just for showing the angle on hover */

	.circle-container a:not(.center):before {
		position: absolute;
		width: 90px;
		height: 100px;
		opacity: 1;
		background: none; 
		text-decoration: none;
		text-indent: 10px;
		transition: .2s;  /*  only works in Firefox */
		content: 'GO';
		color: #82ffff;
		left: -9px;
		top: -78px;
		line-height: 100px;
		font-size: 15px;
	}
	.circle-container a:hover:before { opacity: 1; }
	.circle-container:hover:after { opacity: 1;  }

	.circle-container a:not(.center):after {
		position: absolute;
		width: 0px; height: 0px;
		left: 15%;
		margin: -49px;
		opacity: 1;
		content: '+';
		top: 46px;
		color: #fff;
		display: none;
	}
	.circle-container:hover a:after { color: #FFF; }
	.circle-container a:hover:after { transition: .2s; color: #ffffff; opacity: 1; }
	}
}

@media only screen and (max-width: 690px) { 

	.nav-carousel-scrollwrap {
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {
	.circle-container {
		height: 44em;
	}
	.categoryBG{
		background-position: center 20px;
		background-size: auto 450px;
	}
	.gradient-text-gray h1 {
		font-size: 2.5em !important;
		line-height: 45px !important;
	}

	.homePageModuleWrapper h1 {
		font-size: 2em !important;
		line-height: 30px !important;
		top: 30%;
		-webkit-transform: translate(-50%, -30%);
		transform: translate(-50%, -25%);
	}

	.hide-mobile {
		display: none;
	}


	.nav-carousel a {
		font-size: 17px;
	}

	.homePageModuleFooter {
		padding: 25px 15px 0 15px;
	}
}
@media only screen and (max-width: 320px) {
	.gradient-text-gray h1 {
		font-size: 3.5em !important;
		line-height: 50px !important;
	}
}

/*##########################################################*/
/* 2. FOOTER -----------------------------------------------*/
/*##########################################################*/
#footer-widgets svg {
	width: 55px;
	text-align: right;
	float: right;
}

#footer-widgets h4 {
	border-bottom:.5px solid #a1abb2;
}

#footer-outer #footer-widgets .col ul li:first-child >a {
	padding: 8px 0px !important;
}

#footer-outer #footer-widgets .col ul li {
	border-bottom: 0px !important;
}

#menu-footer-menu {
 /*  display: flex;
   align-content: center;
   justify-content: center;
   flex-flow: column wrap;
   align-content: center;
   flex-direction: row;*/
}

#menu-footer-menu li {
	border:0px;
	float: left;
	width: 50%;
}

#footer-outer #footer-widgets a:link, #footer-outer #footer-widgets a:visited{
	color: #ffffff;
}
#footer-outer #footer-widgets a:hover{
	color: #63cae1 !important;
}

#footer-outer #footer-widgets #social {
	width: 100%;
	height: 50px;
}

#footer-outer #footer-widgets #social li{
	float: left;
	padding: 0 15px 0 0 !important;
}

.contact-info {
	margin: 0 !important;
	padding: 0 !important;
}





/*#####################################################################*/
/* 3. Brand Products PAGE GRID ----------------------------------------*/
/*#####################################################################*/
.productsGrid * {
	 /*box-sizing: border-box;*/
}
.productsGrid .grid {background: #ccc; border:0 solid #fff;}
.productsGrid p {
	padding-right: 50px;
}
.productsGrid h3 {
	color: #fff !important;
  	text-transform: uppercase;
  	font-size: 35px !important;
  	line-height: 45px !important;
  	text-shadow: 1px 1px 7px rgba(0, 0, 0, 1);

}
.productsGrid .grid-item {
	background: #fff url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/05224802/grey-product-background.jpg") repeat-x;
	background-position: center top;
	border-bottom:15px solid #fff; 
	border-left:15px solid #fff; 
	float: left;
	color: #fff;
}

.remote-popup-gear .productsGrid .grid-item {
	border-bottom:15px solid #e5e5e5; 
	border-left:15px solid #e5e5e5; 
}
.productsGrid .grid-item--width100 { width: 100%; }
.productsGrid .grid-item--width60 { width: 60%;}
.productsGrid .grid-item--width50 { width: 50%;}
.productsGrid .grid-item--width40 { width: 40%;}

.productsGrid .grid-item--width100 + .grid-item--width60 {}
.productsGrid .grid-item--width100 + .grid-item--width50 {}
.productsGrid .grid-item--width100 + .grid-item--width40 {}

.productsGrid .grid-item--width100 + .grid-item--width60  + .grid-item--width40 + .grid-item--width50 {  }
.productsGrid .grid-item--width100 + .grid-item--width40  + .grid-item--width60 + .grid-item--width50 {  }


.grid-item--width50:nth-child(even) {
	
}


.productsGrid .grid-item-wrapper {
	height: 400px;
}

.productsGrid .wideProductPhoto {
	display: flex;
	flex-direction:row-reverse;
	justify-content: left;
	position: relative;

	-webkit-display: flex;
	-webkit-flex-direction:row-reverse;
	-webkit-justify-content: left;
}

.productsGrid .wideBrandPhoto,
.productsGrid .smallBrandPhoto{
	background-size: cover;
}

.productsGrid .smallBrandPhoto, 
.productsGrid .squareProductPhoto,
.productsGrid .wideBrandPhoto,
.productsGrid .smallProductPhoto,
.productsGrid .squarePhoto{
	display: flex;
	flex-direction: row;
	justify-content: left;

	-webkit-display: flex;
	-webkit-flex-direction: row;
	-webkit-justify-content: left;

	position: relative;
}

.productsGrid .content-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;

	-webkit-display: flex;
	-webkit-flex-direction: column;
	-webkit-justify-content: center;

	padding-left: 40px;
}

.productsGrid .wideProductPhoto .content-container {
	width: 50%;
}

.productsGrid .wideBrandPhoto .content-container {
	width: 50%;
}

.productsGrid .content-image-container {
	width: 50%;
}

.productsGrid .content{
	position: relative;
	z-index: 10;
}

.productsGrid .content-image{
	position: absolute;
	z-index: 1;
}

.productsGrid .wideProductPhoto .content-image{
	position: absolute;
	top: -25px;
	left: -25px;
	z-index: 1;
}

.productsGrid .smallProductPhoto .content-image{
	position: absolute;
	top: 50%;
	right: 0px;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.productsGrid .squareProductPhoto .content-image{
	position: absolute;
	top: 50%;
	right: -25px;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.productsGrid .squarePhoto .content-image{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.productsGrid .nectar-button.has-icon {
	position: relative;
	left: -40px;
}


@media only screen and 	(max-width: 990px) {
	.productsGrid .grid-item--width100, 
	.productsGrid .grid-item--width60, 
	.productsGrid .grid-item--width50, 
	.productsGrid .grid-item--width40 { 
		width: 100%; border-left:0;
	} 
	
	.productsGrid .wideBrandPhoto .content-container,
	.productsGrid .smallBrandPhoto .content-container {
		width: 100%;
	}
}

@media only screen and 	(max-width: 690px) {
	.productsGrid .wideProductPhoto {
		display: flex;
		flex-direction:column-reverse;
		justify-content: right;

		-webkit-display: flex;
		-webkit-flex-direction:row-reverse;
		-webkit-justify-content: right;
		margin-bottom: 0px;
	} 
	.productsGrid .wideProductPhoto .content-container {
		padding-top: 45px;
		width: 100%;
	}
	.productsGrid .wideProductPhoto .content-image{
		position: absolute;
		top: -35px;
		left: -25px;
		z-index: 1;
		width: 60%;
	}
}

@media only screen and 	(max-width: 480px) {
	.productsGrid h3 {
	 	font-size: 24px !important;
	  	line-height: 35px !important;
	}
	/*.productsGrid .wideProductPhoto {
		display: flex;
		flex-direction:column-reverse;
		justify-content: right;
		margin-bottom: 0px;
	} 
	.productsGrid .wideProductPhoto .content-container {
		padding-top: 45px;
		width: 100%;
	}*/
	.productsGrid .wideProductPhoto .content-image{
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
		width: 70%;
	}
}


/*#####################################################################*/
/* 4. Partners Grid Modules-----------------------------------------------*/
/*#####################################################################*/
@keyframes animatedBackground {
	from { transform: scale(1); }
	to { transform: scale(2); }
}

.singleCategoryPartners h1{
	margin-left: 4px;
}
.singleCategoryPartners .grid {background: #ccc; border:0 solid #fff;}
.singleCategoryPartners .grid-item {
	background: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/05224802/grey-product-background.jpg");
	background-size: cover;
	border-bottom:10px solid #fff;
	border-left:10px solid #fff; 
	float: left; 
	overflow: hidden;
}
.singleCategoryPartners .innerGrid:hover {
	opacity: 0.9;
    filter: alpha(opacity=90);
    animation: animatedBackground 40s linear infinite;
}
.singleCategoryPartners .grid-item--width60 { border-left:10px solid #fff; width: 60%; height: 400px }
.singleCategoryPartners .grid-item--width40 { border-left:10px solid #fff; width: 40%; height: 400px}
.singleCategoryPartners .grid-item--width20 { border-left:10px solid #fff; width: 20%; height: 200px}
.singleCategoryPartners .innerGrid{
	width: 100%;
	height: 100%;
	text-align: center;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
}

.singleCategoryPartners .brandLogo{
	position: absolute;
	width: 150px !important;
	height: 150px !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.singleCategoryPartners .count {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 15px;
	margin-top: 10px;
}

.singleCategoryPartners .count .line {
	display: inline-block;
	border-top: #d0d5d8 1px solid;
	width: 163px;
	line-height: 10px;
	height: 5px;
	margin: 0 0 0 20px;
}

@media only screen and (max-width: 480px) {
	.singleCategoryPartners .grid-item--width60 { border-left:10px solid #fff; width: 100%; height: 400px }
	.singleCategoryPartners .grid-item--width40 { border-left:10px solid #fff; width: 100%; height: 400px}
	.singleCategoryPartners .grid-item--width20 { border-left:10px solid #fff; width: 100%; height: 400px}	
	.singleCategoryPartners .count {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 15px;
		margin-top: -30px;
	}	
}

@media only screen and (min-width:481px) and (max-width: 1100px) {
	.singleCategoryPartners .grid-item--width60 { border-left:10px solid #fff; width: 50%; height: 400px }
	.singleCategoryPartners .grid-item--width40 { border-left:10px solid #fff; width: 50%; height: 400px}
	.singleCategoryPartners .grid-item--width20 { border-left:10px solid #fff; width: 50%; height: 400px}
	.singleCategoryPartners .count {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		font-size: 15px;
		margin-top: -30px;
	}	
}



/*#####################################################################*/
/* 4. Categories Columns Module ---------------------------------------*/
/*#####################################################################*/
.categoriesModule {
	margin-bottom: 0 !important;
}
.categoriesModuleGrid {background: #ccc; border:0 solid #fff;
	/* 16.6666666667*/
	margin:0;
	padding: 0;
	
	display: -webkit-flex;
	display : flex;
	
	justify-content: left;
	-webkit-justify-content: left;
	
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;

	-webkit-flex-direction: row;
	flex-direction: row;
 }

.categoriesModuleGrid-item {
	border-bottom:0px solid #fff;
	border-left:0px solid #fff; 
	width: 16.6666666667%;
	height: 474px;
	text-align: center;
	font-family:"DIN Next W01 Bold";
	font-size: 20px;
	color: #fff;
}
.categoriesModuleGrid-item .nectar-button {
	height: 100%;
	display: flex;
	display: -webkit-flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;

	justify-content: center;
	-webkit-justify-content: center;
	
	font-size: 19px !important;
	font-family:"DIN Next W01 Bold";
}
.workhardGridItem, .workGridItem, .playGridItem, .relaxGridItem, .sleepGridItem ,.trainGridItem{
	background-repeat: no-repeat;	
	background-color: #000;
	background-position: 70% 0;
	background-size: auto 100%;
}
.workhardGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/08055114/workhardCategoriesModule.jpg");}
.workGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/06/02225436/workCategoriesModule2.jpg");}
.playGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/08055129/playCategoriesModule.jpg");}
.relaxGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/08055125/relaxCategoriesModule.jpg");}
.sleepGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/08055117/sleepCategoriesModule.jpg");}
.trainGridItem{ background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/05/21195945/categoriesModule_train.jpg");}

@media only screen and (min-width: 1680px) {
	.categoriesModuleGrid-item {
		height: 600px;
	}
	.workhardGridItem, .workGridItem, .playGridItem, .relaxGridItem, .sleepGridItem ,.trainGridItem{
		background-repeat: no-repeat;	
		background-color: #000;
		background-position: bottom;
		background-size: cover;
	}
}

@media only screen and (max-width: 480px) {
	.categoriesModuleGrid-item {
		width: 50%;
	}
}
@media only screen and (min-width: 481px) and (max-width: 845px) { 
	.categoriesModuleGrid-item {
		width: 33.3333333333%;
	}
}


/*#####################################################################*/
/* 5. PRO TEAM PAGE ---------------------------------------------------*/
/*#####################################################################*/


.firstName h2{
	font-size: 80px !important;
	margin:0;
	padding: 0;
	line-height: 0;
	white-space: nowrap;
	color: #63cae1 !important;
	font-size: 35px !important;
	text-transform: uppercase;
	padding-bottom: 0px;
}

.lastName h2 {
	font-size: 80px !important;
	margin:0;
	padding: 0;
	line-height: 0;
	white-space: nowrap;
	color: #63cae1 !important;
	font-size: 50px !important;
	text-transform: uppercase;
}

.pro-team-athlete-title p{
	font-family:"DIN Next W01 Bold";
	font-size: 21px;
	text-transform: uppercase;
	color: #32363f !important;
	padding-top: 5px;
	letter-spacing: 7px;
}

.pro-team-connect-with {
	font-size: 14px;
	text-transform: uppercase;
	color: #63cae1 !important;
}

.pro-team-connect-with [class^="icon-"], .pro-team-connect-with i[class*=" icon-"] {
	width: 33px;
	height: 33px;
	line-height: 33px;
	font-size: 25px;
	margin: 0 10px;
}

.pro-team-connect-with .fa-instagram:before {
	height: 30px !important;
}

@media only screen and (max-width: 480px) {
	.firstName h2{
		
	}

	.lastName h2 {

	}
}



/*#####################################################################*/
/* 5. CONTACT PAGE ----------------------------------------------------*/
/*#####################################################################*/


/*FORM STYLES*/
.wpcf7 p{
	padding: 0 0 0 0px;
	margin: 0;
}

input:focus, textarea:focus { border:1px solid #f60 !important; background-color: transparent !important;}

.wpcf7 .text-inner {
	color: rgb(255, 255, 255, 1) !important;
}

body[data-form-style="minimal"] .span_12.light .minimal-form-input label span.text .text-inner {
	color: rgba(255,255,255,1)!important
}

input {
	margin-top: 25px !important;
	border:1px solid #f60;
}
textarea {
	margin-top: 25px !important;
	border:1px solid #f60;
}


div.wpcf7 .wpcf7-recaptcha iframe {
	opacity:1;
}	


body[data-fancy-form-rcs="1"] .select2-container .select2-choice {
	border-top:0px;
	border-left:0px solid #000; 
	border-right:0px solid #000;
	border-radius: 0px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}

.wpcf7 .select2-chosen {
	margin-left: -10px;

}

.wpcf7 .reason-for-contact {
	color: rgba(255,255,255,1)!important;
	margin: 0;
	padding: 0;
}

.wpcf7 .select2-container .select2-choice>.select2-chosen{
	color: rgba(255,255,255,1)!important;
	background-color: #f60 !important;
	color: #f60 !important;
}

.select2-container .select2-choice .select2-arrow b:after {
	border-top-color: #63cae1 !important;
}

.wpcf7 .check-email-field {
	margin-left: -10px;
	padding: 25px 0px 25px 0 !important;
	clear: both;
	display: inline-block;
}

body[data-fancy-form-rcs="1"] input[type='checkbox']:checked+label {
	color: #63cae1 !important;	
}

body[data-fancy-form-rcs="1"] input[type="checkbox"]+label {
	font-family:"DIN Next W01 Regular";
}

body[data-form-submit="see-through"] .wpcf7 input[type=submit] {
	background-color: #63cae1 !important;
	color: #fff !important;
	text-align: center;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}


.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-form-control-wrap select  {
	background-color: #000;
	border-bottom:1px solid #666;
}

.wpcf7-form-control-wrap select {
	background:transparent;
	border-radius: 0 !important;
	padding-left: 0px !important;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #000 !important;
}

/*.wpcf7 p:nth-child(2){
	border-bottom:1px solid #666;
	margin-bottom: 10px;
	padding-bottom: 0 !important;
}

.wpcf7 p:nth-child(3){
	width: 45%;
	float: left;
	margin-right: 5%;
}

.wpcf7 p:nth-child(4){
	width: 50%;
	float: left;
}

.wpcf7 p:nth-child(9){
	margin-top: 25px;
}

@media only screen and (max-width: 480px) { 
	.wpcf7 p:nth-child(3){
		width: 100%;
		float: left;
		margin-right: 0;
	}

	.wpcf7 p:nth-child(4){
		width: 100%;
		float: left;
	}

	.wpcf7-form-control-wrap.reason-for-contact:after {
		content: "\f0d7";
		font-family: FontAwesome;
		font-size: 10px;
		position: absolute;
		bottom: 5px;
		right: 0px;
		color: #63cae1 !important;
	}

}*/


/*MARKER STYLES*/

.map-overlay {
	position: absolute;
	z-index: 1000;
	width: 600px;
	height: 400px;
	top: 80px;
	right: 80px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #63cae1;
	text-align: left;
	padding-left: 5%;
	color: #fff !important;

	/*-webkit-box-shadow: 20px 20px 53px 0px rgba(90,189,214,1);
	-moz-box-shadow: 20px 20px 53px 0px rgba(90,189,214,1);
	box-shadow: 20px 20px 53px 0px rgba(90,189,214,1);*/
}

.map-overlay p {
	font-size: 18px;
	line-height: 25px;
	padding: 10% 0 10% 0;
}
.map-overlay h4 {
	font-size: 30px !important;
	color: #000 !important;
}

.map-overlay .no-border.nectar-button.see-through {
	padding-left: 0px;
}

.map-overlay .no-border.nectar-button.see-through:hover {
	padding-left: 0px;
}

@media only screen and (max-width: 1000px) {
	.map-overlay {
		width: 500px;
		height: 300px;
		top: 80px;
		right: 80px;
	}
}

@media only screen and (max-width: 690px) {
	.map-overlay {
		position: relative;
		width: inherit;
		height: inherit;
		top: inherit;
		right: inherit;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
		-moz-box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
		box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
		padding: 20px 40px;
	}
	.map-overlay p {
		font-size: 16px;
		line-height: 25px;
		padding: 0 0 5% 0;
	}
	.map-overlay h4 {
		font-size: 24px !important;
		line-height: 30px !important;
		color: #000 !important;
	}
}


/*########################################################################*/
/* 5. WHO WE ARE PAGE ----------------------------------------------------*/
/*########################################################################*/

.bold_underline {
	font-weight: 600;
	text-decoration: none;
	font-family:"DIN Next W01 Bold";
}

.align-button-left.no-border.nectar-button.see-through {
	padding-left: 0px;
	margin-bottom: 50px;
}

/*Team Member layout fixed*/

.team-member {
	margin-bottom: 30px !important;
}

.team-member[data-style="bio_fullscreen"] .team-meta {
	padding: 0;
	margin: 0;
	position: relative;
	background: #000000;
}

.team-member[data-style="bio_fullscreen"] .team-meta p {
	opacity: 1;
	color: #63cae1;
	font-size: 11px !important;
	text-transform: uppercase;
	font-weight: 700;
	margin-right: 0;
	transform:translateY(10px);  -webkit-transform:translateY(10px);
}
.team-member[data-style="bio_fullscreen"] .team-meta h3 {
	opacity: 1;
	text-transform: uppercase;
	font-size: 15px !important;
	margin-bottom: 0px;
	line-height: 20px;
	transform:translateY(10px);  -webkit-transform:translateY(10px);
}

.team-member[data-style="bio_fullscreen"]:hover .team-meta h3,
.team-member[data-style="bio_fullscreen"]:hover .team-meta p { 
	transform:translateY(10px);  -webkit-transform:translateY(10px);
 }

body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-line {
	background-color: #63cae1;
	width: 15px; 
}

body .team-member[data-style="bio_fullscreen"] .team-meta .arrow-end {
	color: #63cae1;	
	font-size: 15px;
}




.nectar_team_member_overlay.open {
	background: rgba(50,54,63,.9);
/*	flex-direction:row;
	flex-wrap: wrap-reverse;
	justify-content: center;	
	align-items: center;*/
}

.nectar_team_member_overlay {
	z-index: 9999;
}

.nectar_team_member_overlay .inner-wrap {
	background:#fff;
	color: #fff;
	display: flex;
	flex-direction:row;
	flex-wrap: wrap-reverse;
	justify-content: center;
	width: 100% !important;
	height: 100% !important;
	left: 50%;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	top: 0!important;
}

.nectar_team_member_overlay .team_member_details {
	overflow: hidden;
	height: 100%;
	padding: 8% 10%; 
	margin:0; 
	border:0px solid #f60;
	overflow:scroll;
}


.nectar_team_member_overlay.open .team_member_details h2{
	color: #63cae1;
	font-size: 40px;
	text-transform: uppercase;
}

.nectar_team_member_overlay.open .team_member_details .title{
	color: #000;
}

.nectar_team_member_overlay.open .team_member_details .team-desc{

	overflow:scroll; 
	color: #333;

}
.nectar_team_member_close {
	left: 100% !important;
    top: 50px !important;
    transform: translateX(-120%);
    z-index: 99999;
}

.nectar_team_member_close .inner {
	opacity: 1 !important;
}

/*@media only screen and (max-width: 320px) { }*/
@media only screen and (max-width: 480px) { 
	.nectar_team_member_close {
		left: 100% !important;
    	top: 30px !important;
	}
}
/*@media only screen and (max-width: 690px) { }
@media only screen and (max-width: 845px) { }


*/
.nectar_team_member_overlay.open .team_member_picture{
/*	width: 50% !important;
	height: 100% !important;
	background-color: #fff;*/
}

/*.nectar_team_member_overlay.open .team_member_picture .team_member_picture_wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	height: 90%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

}*/

.nectar_team_member_overlay.open .team_member_picture .team_member_picture_wrap .team_member_image {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
		-moz-box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
		box-shadow: 0px 0px 0px 0px rgba(90,189,214,1);
}



/*########################################################################*/
/* 5. Blog Page  ----------------------------------------------------*/
/*########################################################################*/

.masonry.classic_enhanced .masonry-blog-item.post {
	/*height: 580px !important;*/
}

/*.recent-posts article:after {
	content: "\f178";
	font-family: FontAwesome;
	font-size: 15px;
	position: absolute;
	bottom: 20px;
	left: 40px;
}
*/
.recent-posts article.post:not(.large_featured).wide_tall:after {
	color: #fff;
}

/*STANDARD POST WITH THUMBNAIL BUT NOT LARGE FEATURED AND ALSO NOT REGULAT ALT*/
#post-area.masonry.classic_enhanced article.post:not(.large_featured):not(.wide_tall).has-post-thumbnail .img-link .post-featured-img{
	top: 40px;
	margin: 40px 40px;
	
}
#post-area.masonry.classic_enhanced article.post:not(.large_featured):not(.wide_tall).has-post-thumbnail .meta-category {
	border:1px solid #f60;
	top: -35px;
	line-height: 0;
	position: absolute;

}

/*STANDARD POST WITH THUMBNAIL BUT NOT LARGE FEATURED AND ALSO NOT REGULAT ALT CONTENT CONTAINER*/
.masonry.classic_enhanced .masonry-blog-item.regular.format-standard .article-content-wrap {
	padding: 40px 40px !important;

}

/*STANDARD POST WITH THUMBNAIL BUT NOT LARGE FEATURED AND ALSO NOT REGULAT ALT CONTENT CONTAINER*/
.masonry.classic_enhanced .masonry-blog-item:not(.has-post-thumbnail).regular.format-standard .article-content-wrap {
	padding: 0 40px !important;
}


/*STANDARD POST WITH IMAGE*/
#post-area.masonry.classic_enhanced article.post.wide_tall .article-content-wrap {
	padding: 0 40px !important;
}


.masonry.classic_enhanced .posts-container article:not(.has-post-thumbnail) .meta-category a, .masonry.classic_enhanced .posts-container article.large_featured .meta-category a {
	color: #63cae1;
}

#post-area.masonry.classic_enhanced article.post.wide_tall .post-featured-img {
	background-color: #fff;
}

.masonry.classic_enhanced .masonry-blog-item.post.large_featured .article-content-wrap {
	padding:40px !important;
}

/*Featured image large featured post*/
#post-area.masonry.classic_enhanced article.post.large_featured .post-featured-img {
	margin: 10% 0 0 10% !important;
	width: 80%;
	height: 87%;
}

.masonry.classic_enhanced .posts-container article .meta-category a {
	color: #63cae1;
	border:0px !important;
}

#post-area.masonry.classic_enhanced article.post:not(.large_featured):not(.wide_tall).has-post-thumbnail .date {
	top: -17px;
}

.content-inner .date {
	position: absolute;
	top: 17px;
	right: 40px;
	font-size: 14px;
}

.content-inner .article-content-wrap .post-header h3.title{
	padding: 0;
	margin:0;
	color: #333;
	text-transform: uppercase;
	color: #63cae1 !important;
	font-size:26px !important; line-height:27px; letter-spacing: .1em;
	font-family:"DIN Next W01 Bold";
}

#post-area.masonry article.post .post-meta{
	display: none !important;
}

article.post.link .post-content a .link-inner{
	background-color: #c1eaf3 !important;
	color: #32363f;
}
article.post.link .post-content a .link-inner:hover{
	color: #fff;
}

article.post.link .post-content a .link-inner h3{
	color: #32363f !important;
	text-transform: uppercase;

}
article.post.link .post-content a .link-inner:hover h3{
	color: #fff !important;
	text-transform: uppercase;
}

article.post.link .post-content .link-inner span.icon {
	background-image: none !important;
}

.content-inner .article-content-wrap .more-link {
	position: relative;
	bottom: -100%;
	left: 0;
	display: none;
}


article.post .post-content {
	border
}


.nectar-recent-posts-slider .flickity-page-dots .dot {
	margin:0px;
	margin-right: 10px;
	width: 15px;
}

.nectar-recent-posts-slider .flickity-page-dots .dot:before {
	height: 12px;
	width: 12px;
	border:0px solid #f60;
	border-radius: 12px;
	
}

.nectar-recent-posts-slider .flickity-page-dots .dot.is-selected:before {
	background-color: #63cae1; 
	transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

/*NEWS PAGE HERO SLIDER*/
@media only screen and (min-width: 1000px) { 
	.recent-posts-hero #page-header-bg h1, .recent-posts-hero body .row .col.section-title h1, .full-width-content .recent-post-container .inner-wrap h2 {
		font-family:"DIN Next W01 Bold" !important;
		font-size: 55px;
		text-transform: uppercase;
		line-height: 60px !important;
	}

/*	.recent-posts-hero #page-header-bg h1, .recent-posts-hero body .row .col.section-title h1, .full-width-content .recent-post-container .inner-wrap h2:after {
		content: "\f178";
		font-family: FontAwesome;
		font-size: 20px;
		position: absolute;
		bottom: -50px;
		left: 0;
	}*/

	.recent-posts-hero .nectar-recent-posts-slider .container {
		margin: 0 0 0 100px;
	}

	.recent-posts-hero .nectar-recent-posts-slider .container .strong {
		position: absolute;
		top: -100px;
	}
}

.nectar-recent-posts-slider .container .strong span{
	padding-left: 0;
	color: #5abbd2;
	font-family:"DIN Next W01 Bold" !important;
	font-size: 13px;
}

.nectar-recent-posts-slider .container .strong span:before{
	content: '' !important;
	display: none;

}

#post-area.masonry #pagination {
	text-align: center;
}


#single-below-header {
	display: none;
}

.blog-title .post-meta {
	font-family:"DIN Next W01 Bold";
	text-transform: uppercase;
	margin-bottom: 25px;
}


#page-header-bg.fullscreen-header .author-section {
	margin-bottom: 45px !important;
	display: none;
}

#page-header-bg.fullscreen-header .author-section .meta-date {
	font-size: 18px;
	color: #fff;
}


.nectar-social:before {
	content: "SHARE";
	color: #a1abb2;
	font-size: 14px;
	font-weight: 600;
}
.nectar-social {
	padding-left: 80px;
	padding-bottom: 45px;
	color: #fff;
}

.nectar-social a:first-child:before{
	border-top:1px solid #a1abb2;
	content: "";
	width: 112px;
	height: 5px;
	display: inline-block;
	margin: 0 10px;
}

@media only screen and (max-width: 1000px) { 
	.nectar-social {
		padding-left: 0px;
	}

	.nectar-social a:first-child:before{
		width: 20px;
	}
}


@media only screen and (max-width: 560px) { 
	.recent-posts-hero {
		padding-top: 75px !important;
	}
}

/* #############################################################*/
/* #### MENU ###################################################*/
/* #############################################################*/

.right-aligned-menu-items .buttons .slide-out-widget-area-toggle a{
	padding-bottom: 6px !important;
	display: block;
}



.light .right-aligned-menu-items .buttons .slide-out-widget-area-toggle .closed {
	background-image: url("/375_logo-stacked.svg");
	background-position: 0 0 !important;
	background-size: 24px 60px;
}

.dark .right-aligned-menu-items .buttons .slide-out-widget-area-toggle .closed ,
.default .right-aligned-menu-items .buttons .slide-out-widget-area-toggle .closed {
	background-image: url("/375_logo-stacked.svg");
	background-size: 24px 60px;
	background-position: 0 -29px !important;
}

.right-aligned-menu-items .buttons .slide-out-widget-area-toggle .closed .lines-button {
	opacity: 0;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container {
	
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu {
	display: flex;
	flex-direction: column;
	align-items: flex-end;

	-webkit-display: flex;
	-webkit-flex-direction: column;
	-webkit-align-items: flex-end;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li {
	width: 50%;
	text-align: left;
	padding-left: 55px;
	z-index: 999999;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li.current_page_item {
	border-left: 4px solid #fff;

}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a{
	font-size: 30px;
	color: #fff !important;
	padding-right: 150px;
	border-top-color: 1px solid #f60;
	font-family:"DIN Next W01 Bold";
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a:hover {
	color: #63cae1 !important;
}

#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li.current_page_item a:after { 
	content: "";
	font-size: 45px;
	color: #808080;
	position: absolute;
	right: 25px;
}



@media only screen and (min-width: 715px) {
	
	#slide-out-widget-area-bg.open + #slide-out-widget-area.open  .inner-wrap{
		background-image: url("https://s3.amazonaws.com/stg-assets.thirtysevenfive.com/wp-content/uploads/2017/09/01182436/menu-image2.jpg");
		background-position: center left;
		background-attachment: initial;
		background-repeat: no-repeat;
		background-size: 50%;
	}

}

@media only screen and (max-width: 1050px) {
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a {
		padding-right: 70px;
	}
}

@media only screen and (max-width: 900px) {
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li {
		padding-left: 25px;
	}
	
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a:after { 

	}
}

@media only screen and (max-width: 715px) {
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li {
		width: 100%;
		text-align: center;
	}

	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a {
		padding-right: 80px;
	}


}

@media only screen and (max-width: 480px) {
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu {
		padding-top: 50px;
	}

	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a{
		font-size: 25px;
		padding: 0;
	}

	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li.current_page_item {
		border-left: 0px solid #fff;
	}

	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li.current_page_item a:after { 
		content: "+";
		font-size: 45px;
		color: #808080;
		position: absolute;
		right: 25px;
		display: none;
	}

	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li {
		padding-left: 0px;
	}
	
	#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li a {
		padding-right: 0px;
		border-top-color: 1px solid #f60;
	}

}

a.play_button_2.large.nectar_video_lightbox.magnific-popup {
    flex: 0 0 70px;

}

@media only screen and (max-width: 680px) {

	a.play_button_2.large.nectar_video_lightbox.magnific-popup {
	    flex: 0 0 30px;
	}

}

@media only screen and (max-width: 480px) {

	#category-row-work, 
	#category-row-workhard, 
	#category-row-sleep, 
	#category-row-train, 
	#category-row-relax .row-bg .using-image, 
	#category-row-play {
		background-size: 10px 10px !important;
	}

}

.nectar_video_lightbox.play_button_with_text .link-text >* {
	font-family:"DIN Next W01 Bold" !important;
	font-size: 20px;
	text-align: left;
}

.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
}




.popup-shop-hero .row-bg .using-image .using-bg-color   {
	background-size: 100%;
}

.supporting-climbing {
	margin-left: 0 !important;
}


/*    .packery-grid-item { width: 25%; border:1px solid #f60; }
*/

.packery-grid {
	background: #DDD;
}

.packery-grid * { box-sizing: border-box; }
/* clear fix */
.packery-grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ---- */

.packery-grid-item {
	width: 38%; /*width: 40%;*/
}


.packery-grid-item--width25 { width: 25%; }
.packery-grid-item--width50 { width: 50%; }
.packery-grid-item--width60 { width: 60%; }
.packery-grid-item--width100 { width: 100%; }

.packery-grid-item img {
	display: block;
	width: 100% !important;
	overflow: hidden;
}

.packery-gutter-sizer { width: 2%; border:1px solid #f60; }

/*
@media only screen and (max-width: 320px) { }
@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 690px) { }
@media only screen and (max-width: 845px) { }
*/


.width-100 {
	width: 100%;
	clear: both;
	display: block;
	-webkit-transform: translate(0px, 0px) !important;
}


.wpb_row .nectar-parallax-scene[data-scene-position="center"] div, .wpb_row .nectar-parallax-scene div, .wpb_row .nectar-parallax-scene[data-scene-position="top"] div {
    background-position: right;
    background-size: auto;
    background-repeat: no-repeat;
}


.popup-shop-hero .row-bg {
	background-size: auto !important;
}


@media only screen and (max-width: 1000px) {
	.popup-shop-hero .row-bg {
		background-size: cover !important;
	}
}