html,body,ul,li{padding: 0; margin: 0}
h1,h2,h3,h4,h5,h6,#home-nav a,.small-accent,.big-white, #hero-text .btn{
	font-family: "refrigerator-deluxe", sans-serif;
}

h1,h2,h3,h4,h5,h6{text-transform: uppercase; font-weight: 600}

h1{font-size: 5em}
h2{font-size: 4em}
h3{font-size: 3em}
h4{font-size: 2.5em}
h5{font-size: 2em}
h6{font-size: 1.5em}


html{
	font-size: 14px; 
	padding: 10px; 
	background: #232323;
	background: -moz-linear-gradient(left,  #232323 0%, #4c4c4c 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#232323), color-stop(100%,#4c4c4c));
	background: -webkit-linear-gradient(left,  #232323 0%,#4c4c4c 100%);
	background: -o-linear-gradient(left,  #232323 0%,#4c4c4c 100%);
	background: -ms-linear-gradient(left,  #232323 0%,#4c4c4c 100%);
	background: linear-gradient(to right,  #232323 0%,#4c4c4c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#4c4c4c',GradientType=1 );
	
}

@media (max-width: 1368px){ html,body{font-size: 12px !important} }
@media (max-width: 768px){ html,body{font-size: 12px !important} }

p{font-size: 13px !important; font-family: 'Open Sans', sans-serif;}

.modulate{
	margin-bottom: 13px; 
	border-radius: 4px; 
	overflow: hidden; 
/* 	box-shadow: 0 2px 15px rgba(0,0,0,.5);  */
}

@media (max-width: 1025px){
	html{padding: 0px;}
	.modulate{margin-bottom: 0px; border-radius: 0px;}
}



img{vertical-align: top}
body{background: transparent}

#home-hero{
	width: 100%;
	height: 1000px;
	height: 100vh;
/* 	background: #222 url(//boost.romwod.com/core/uploads/s1.jpg) center top no-repeat; */
/* 	background-size: cover; */
	position: relative;
	overflow: hidden
}

#home-hero .hero-slide{
	width: 100%; 
	height: 100%;
	display: block;
	position: absolute;
	top: 0; left: 0;
	background-size: cover;
}

/* #slide-1{	background: #222 url(//boost.romwod.com/core/uploads/becca2.jpg) center top no-repeat; z-index: 7; } */
/* #slide-2{	background: #222 url(//boost.romwod.com/core/uploads/s1.jpg) center top no-repeat; z-index: 6; } */
/* #slide-3{	background: #222 url(//boost.romwod.com/core/uploads/becca.jpg) center top no-repeat; z-index: 4; } */
/* #slide-4{	background: #222 url(//boost.romwod.com/core/uploads/chris4.jpg) center top no-repeat;z-index: 3;} */
/* #slide-6{	background: #222 url(//boost.romwod.com/core/uploads/becca.jpg) center top no-repeat; z-index: 2; } */

#slide-1{ z-index: 7; }
#slide-2{ z-index: 6; }
#slide-3{ z-index: 4; }
#slide-4{ z-index: 3;}
#slide-6{ z-index: 2; }

#home-hero .hero-cover{
	min-width: 100vw; 
	position: absolute; 
	top: 0 ; left: 0; 
	-webkit-transform-origin: 50% 50%;
  -webkit-transition: transform 1s linear;
  -webkit-animation-iteration-count: infinite;
  min-height: 100vh;
  display: none;
}

#home-hero .hero-cover:hover{}

@media (max-width: 767px){
	#home-hero{height: 90vh}
}

#home-nav{
	width: 100%;
	position: absolute;
	top: 0; left: 0;
	display: block;
	padding: 2em;
	z-index: 999;
	transition: background .5s ease-in-out;
}

@media (max-width: 767px){
	#home-nav{position: fixed !important}
}

#home-nav.darken{background: #1c1c1e}

#home-nav #logo{width: 140px; height: auto; position: relative; top: 15px;}

#home-nav ul li{
	display: inline-block;
	margin: 0 1.5em
}

#home-nav ul li a{
	color: #fff;
	text-transform: uppercase;
	font-size: 1.125em;
	letter-spacing: 0.05em;
	transition: all .2s;
	padding: 2em 0 1em 0;
	cursor: pointer
}

#home-nav ul li .std_link{position: relative; top: 3px;}

#home-nav ul li .std_link:hover{
	text-decoration: none;
	color: #ffb300;
	border-bottom: 3px solid #ffb300
}

#home-nav ul li:hover{}

#home-nav .btn-primary,
#home-nav .btn-outline{
	padding: .5em 2em
}

#home-nav .btn-outline{
	background: transparent;
	border: 1px solid #fff;
	border-radius: 0px;
}

#home-nav .btn-primary{
	border-radius: 0px;
}

#home-nav.stuck{
	background: rgba(25,25,25,0.95);
	padding: 0px;
	position: fixed; 
	top: -100px;
	max-height: 67px; overflow: hidden
}

#home-nav.stuck ul li{padding: 0 0.35em}
#home-nav.stuck #logo{width: 90px; padding-top: 8px; top: 0px;}
#home-nav.stuck .btn-li{padding: 1em .3em !important; }

#login_btn:hover{transition: all .3s}
#login_btn:hover{background: #fff; color: #333; border-radius: 1px;}

li.btn-li{padding: 2em .35em !important; margin-left: 2em; margin-right: 0px !important}

.nm{margin: 0px !important;}

#hero-text{
	text-align: center;
	padding-top: 25%;
	padding-top: 35vh;
	color: #fff;
	position: relative;
	z-index: 10
}

#hero-text p{
	max-width: 360px;
	font-size: 0.9em;
	opacity: 0.8;
	margin: 0.5em auto 2.5em auto;
	display: block
}

#hero-text .btn-primary{
	border-radius: 3px; 
	font-weight: 600;
	padding: 1em 4em;
	text-transform: uppercase;
	font-size: 1.3em
}

.small-accent{
	font-size: 2.5em;
	color: #ffb300;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	display: block;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 0.9em
}

.big-white{
	font-size: 4.25em;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
	line-height: 0.9em
}

#home-graph{
	height: 50vh;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8
}

#home-graph #graph-base{
	position: absolute;
	bottom: 0; right: 0;
	z-index: 1;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1s;
	max-width: 150%;
	width: 100%;
	height: auto
}

#home-graph #graph-markers{
	position: absolute;
	bottom: 0; right: 0;
	z-index: 2;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-duration: 1s;
	max-width: 150%;
	width: 100%;
	height: auto
}

#home-graph #graph-fore{
	position: absolute;
	bottom: 0; right: 0;
	z-index: 3;
	-webkit-animation-delay: 0.7s;
	-webkit-animation-duration: 0.6s;
	max-width: 150%;
	width: 100%;
	height: auto
}

.delay-05{
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1s;
}

.delay-1{
	-webkit-animation-delay: 1s;
	-webkit-animation-duration: 1s;
}

#home-intro{
	background: #f2f2f2;
	position: relative;
	z-index: 12;
}

#home-intro .col{
	background: #fff;
	min-height: 300px;
	display: inline-block;
	float: left;
	text-align: center;
	padding: 2em 3em
}

#home-intro .col .icon{
	width: 54px;
	margin: 1em 0 0 0;
	height: 54px
}

#home-intro .col p{
	font-size: 0.9em;
	color: #999
}

#home-intro .col h2{
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.07em;
	font-size: 1.75em;
	margin: 1em 0 0.6em 0;
	color: #5c5c5c
}

#home-intro .col-1,
#home-intro .col-3{
	width: 32.66%;
	background: #fcfcfc
}

@media(max-width: 768px){
	#home-intro .col{width: 100% !important; margin: 0 !important}
}

#home-intro .col-1 .icon,
#home-intro .col-3 .icon{
	margin-top: 2em
}

#home-intro .col-2{
	width: 32.66%;
	margin: 0 1%;
}

#home-intro .col-2 .icon{height: 73px !important}

.col-mod-1{
	position: relative; 
	margin-top: -20px !important;
	min-height: 320px !important;
	z-index: 9999
}

#logobar{
	width: 100%; 
	background: #5c5c5c;
	display: block;
}

#logobar #seen-on{
	list-style: none;
	display: block;
	width: 100%; 
	text-align: center;
	padding: 2em 0;
	max-height: 124px;
	overflow: hidden
}

#logobar #seen-on li{
	display: inline-block; 
	width: auto; 
	padding: 0vh 1em;
	position: relative;
	opacity: 0.8
}

#home-overview{
/* 	background: url(//boost.romwod.com/core/uploads/devices-bg1.jpg) center top no-repeat; */
	background-size: cover;
	overflow: hidden;
	position: relative;
}

#home-overview .constrain-box{
	width: 100%;
	max-width: 780px;
	margin: 0em auto;
	padding: 7em 0 5em 0;
	text-align: center
}

#home-overview h1{
	font-size: 3.45em;
	font-weight: 600;
	color: #5c5c5c;
	text-transform: uppercase;
	max-width: 700px;
	margin: 0 auto 0.5em auto;
	line-height: 1em
}

#home-overview .overview-hero{
	position: relative;
/* 	left: -4% */
}

#home-overview p{
	max-width: 540px;
	margin: 0 auto 1em auto;
	display: block;
	color: #5c5c5c;
	font-size: 15px !important
}

#home-overview ul {
	border-top: 1px solid #ddd;
	margin-top: 3em;
	padding-top: 2em;
	display: block
}

#home-overview ul li{
	display: inline-block; 
	padding: 1em 1em 1em 50px;
	color: #5c5c5c;
	background: url(//boost.romwod.com/core/uploads/checkmark-blue.svg) left center no-repeat;
	background-size: 36px 36px; 
	font-family: 'refrigerator-deluxe', sans-serif;
  font-size: 1.2em;
}

#home-programming{
	width: 100%; 
	background: url(//boost.romwod.com/core/uploads/programming-bg2.jpg) center top no-repeat;
	background-size: cover;
	position: relative
}

.module-content{
	color: #fff;
	padding: 270px 0; 
	padding: 35vh 0;
}

.module-content h3{
	color: #ffb300;
	text-transform: uppercase;
	font-size: 1.6em;
	letter-spacing: 0.2em;
	margin: 0;
	line-height: 1em;
	font-weight: 600
}

.module-content h4{
	color: #fff;
	text-transform: uppercase;
	font-size: 4.5em;
	letter-spacing: 0.07em;
	line-height: 1em;
	font-weight: 600;
	margin: 0.1em 0 0.1em 0;
}

.module-content p{
	max-width: 350px;
	font-size: 1.1em;
	color: #ccc
}

.module-content.text-right p{float: right;}
.module-content.text-center p{float: none; margin-left: auto; margin-right: auto}
.progday{max-width: 47%; height: auto}
#prog-day1{position: absolute; top: 30%; left: -2px; opacity: 0.2 !important; -webkit-animation-delay: 0.1s; width: 510px}
#prog-day2{position: absolute; top: 37%; left: -2px; opacity: 0.6 !important; -webkit-animation-delay: 0.3s; width: 530px}
#prog-day3{position: absolute; top: 44%; left: -2px; opacity: 0.8 !important; -webkit-animation-delay: 0.5s; width: 560px}
#prog-day4{position: absolute; top: 51%; left: -2px; -webkit-animation-delay: 0.7s; width: 590px}
#prog-jumpto{position: absolute; top: 67.5%; left: 0; -webkit-animation-delay: 1.5s; width: 589px}

#home-routines{
	width: 100%; 
/* 	background: url(//boost.romwod.com/core/uploads/routines-bg1.jpg) center top no-repeat; */
/* 	background-size: cover; */
	position: relative;
	margin-top: -2px;	
}

.relative{position: relative}

#home-routines .section-heros{
	position: relative;
	width: 100%;
	margin-top: 3em;
	display: block
}

#home-routines .primary-hero{z-index: 1; position: relative; -webkit-animation-delay: 0.8s; max-width: 270px;}

#home-routines .secondary-hero{
	position: absolute; 
	left: 200px;
	top: 10%;
	z-index: 0;
	max-width: 500px
}

.testimonials-dual{background: #f2f2f2;}
.testimonials-dual .container{background: #fff; }
.testimonials-dual .testimonial{background: #fff;  padding: 4em 6em; border-right: 1px solid #eee; text-align: center; color: #777}
.testimonials-dual .testimonial strong{color: #ffb300; font-size: 1em; text-transform: uppercase}
.testimonials-dual .testimonial .thumb{margin-bottom: 1.5em}

.testimonial p{color: #777}

@media (max-width: 992px){
	.testimonials-dual .testimonial:last-child{display: none}
}

#home-paths{
	width: 100%; 
/* 	background: url(//boost.romwod.com/core/uploads/paths-bg4.jpg) center top no-repeat; */
/* 	background-size: cover; */
	position: relative;
	margin-top: -2px;	
}

#home-paths .module-content{
	padding: 15vh 0
}

#home-paths .path{margin-bottom: 1em; padding: 0px;}

#paths-grid{margin-top: 3em}

#home-paths .path .inside{background: transparent; min-height: 300px; width: 96% !important; margin: 0; padding: 0 !important; }
#home-paths .path.col-md-8 .inside{width: 98% !important; padding: 0 !important; overflow: hidden}
#home-paths .path img{width: 100%; height: auto; border-radius: 5px; opacity: 0.95}

#home-paths .path .inside{position: relative}
#home-paths .path .path-title{
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 1.2em;
	position: absolute;
	bottom: 0; left: 0;
	width: 100%; 
	background: rgba(40,40,42,0.85);
	font-weight: 600;
	text-transform: uppercase;
	z-index: 1;
	padding: 1em;
}
#home-paths .path img{position: relative; z-index: 100}
#home-paths .path img:hover{box-shadow: 0 10px 50px rgba(0,0,0,0.5); opacity: 1}

#home-team{
	width: 100%; 
/* 	background: url(//boost.romwod.com/core/uploads/paths-bg.jpg) center center no-repeat; */
/* 	background-size: cover; */
	position: relative;
	margin-top: -2px;	
}

#home-team h3{font-size: 1.75em}

#home-team .module-content{
	padding: 15vh 0
}

#home-team h4{color: #fff; font-size: 5em; line-height: 0.7em; margin-bottom: 0.3em}
#home-team h4 span{color: #999; font-size: 0.5em; display: block}
#home-team .athlete{padding: 0;}
#home-team .athlete .athlete-inner{
	width: 96%; margin: 0 auto;
	position: relative;
	box-shadow: 0 0 10px rgba(0,0,0,1),	
}

#home-team #athlete-grid{margin-top: 4em}

#home-team .athlete-inner .athlete-portrait{width: 100%; height: auto}
#home-team .athlete-inner .athlete-name{
	color: #fff;
	background: #2c2b2b;
}

#home-team .athlete-detail{
	width: 90%;
	position: absolute;
	bottom: 0px;
	left: 5%;
	opacity: 0;
	transition: all .4s;
}

@media (max-width: 768px){
	#home-team .athlete-detail{opacity: 1 !important; bottom: 5%}
}

@media (max-width: 600px){
	#home-team .athlete-detail{opacity: 0 !important; display: none !important}
}




#home-team .athlete-inner .athlete-name,
#home-team .athlete-inner .athlete-bio{
	font-family: "refrigerator-deluxe", sans-serif;
	display: block;
	text-align: left;
	text-transform: uppercase;
	font-weight: 600;
}

#home-team .athlete-inner .athlete-name{
	color: #fff;
	background: #2c2b2b;
	font-size: 1.5em;
	padding: 0.1em 15px
}
#home-team .athlete-inner .athlete-bio{
	color: #fff;
	background: #ffb300;
	font-size: 0.9em;
	padding: 0.1em 15px
}

#home-team .athlete:hover .athlete-inner{
	border: 5px solid #ffb300
}
#home-team .athlete:hover .athlete-detail{
	opacity: 1; bottom: 20px;
}

#get-started{
/* 	background: url (//boost.romwod.com/core/uploads/getstartedbg3.jpg) center top no-repeat; */
/* 	background-size: cover;  */
position: relative;
}

#get-started .container{
	padding: 150px 0; 
	padding: 15vh 0;
	color: #fff; 
}

#get-started h2{
	font-size: 4em;
	letter-spacing: 0.035em
}

#get-started .btn{
	border-radius: 0px; 
	padding: 0.5em 2em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "refrigerator-deluxe", sans-serif;
	font-size: 1.5em;
	margin-bottom: 1em;
	border-radius: 3px
}

#get-started p{font-size: 0.9em; color: #999}

#footer{padding: 3em 0; background: #f9f9f9}

#footer #footer-menu{margin-left: 0em; min-height: 40px}

#footer #footer-menu li{
	display: inline-block; 
	padding: 0 1em
}

.footer-left{padding-top: 0em}

@media (max-width: 992px){#footer #footer-menu li:first-child{padding-left: 0px;}}

#footer #footer-menu li a{color: #999; font-size: 12px; position: relative; top: 12px}

#footer .container-fluid{max-width: 94% !important}

#footer #copyright{
	color: #999;
	position: relative;
	top: 3px;
	min-height: 40px;
	font-size: 11px
}

.burgerpatty{width: 32px;
	height: 4px;
	background: #fff;
	margin-bottom: 5px;
	display: block;
}

#mobile-nav{
	position: absolute;
	top: 35%; right: 40px
}

#mobile-nav:hover span{background: #ffb300}

@media (max-width: 767px){
	#home-nav{padding: 1em 0px;}
	.overflow-guard{overflow: hidden !important; max-width: 100% !important; width: 100% !important}
}

/* Small Devices, Tablets */
@media (max-width: 600px) {

}

#mobile-nav-menu{
	position: fixed;
	top: 66px; left: 0;
	height: 100vh;
	background: #1c1c1e;
	background: -moz-linear-gradient(top,  #1c1c1e 0%, #3c3c3e 100%);
	background: -webkit-linear-gradient(top,  #1c1c1e 0%,#3c3c3e 100%);
	background: linear-gradient(to bottom,  #1c1c1e 0%,#3c3c3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1e', endColorstr='#3c3c3e',GradientType=0 );
	width: 100%; 
	display: none;
	z-index: 999999999999999
}

#mobile-nav-menu ul {padding: 7.5vh 0}

#mobile-nav-menu ul li{
	display: block;
	text-align: center;
	padding: 1.25em 0
}

#mobile-nav-menu ul li a{
	font-size: 1.85em;
	color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all .2s;
  padding: 0em !important;
  cursor: pointer;
}

#mobile-nav-menu ul li a:hover,
#mobile-nav-menu ul li a:active,
#mobile-nav-menu ul li a:focus{text-decoration: none; color: #ffb300}

@media (max-width: 767px){
	
	
	#home-nav{
		padding: 7px 0;
	}
	
	#home-nav #logo{width: 90px; padding-top: 2px !important; top: 0; padding-bottom: 5px}
	.big-white{font-size: 3.2em; max-width: 90%; display: block; margin: 0 auto}
	.small-accent{font-size: 1.6em; line-height: 1.2em}
	.overview-hero{width: 100%; margin: 0 auto; height: auto; left: 0px !important}
	#hero-text p{font-size: 14px !important}
	.module-content{padding: 100px 1.5em 450px 1.5em; text-align: center;}
	.module-content h3{font-size: 1.4em}
	#home-overview h1, .module-content h4{font-size: 3.25em}
	#home-routines .module-content{padding-bottom: 100px}
	#home-paths .path .inside{min-height: 0px;}
	#home-paths .row{clear: none !important; margin: 0}
	#home-paths .module-content, #home-team .module-content{padding: 100px 0}
	#home-team h3{font-size: 1.35em; line-height: 0.8em}
	#home-team h4{font-size: 2.75em; line-height: 0.8em}
	
	#get-started h2{font-size: 2.75em}
	#footer{padding: 0em 0 3em 0}
	#footer-menu{float: none; clear: both; margin: 0em!important; text-align: center; width: 100%}
	#footer #footer-menu li{padding: 1em 1em 0em 0}
	#footer #footer-menu li a{font-size: 0.85em}
	#footer .container-fluid{max-width: 94% !important; width: 100%}
	.copyright{font-size: 0.8em; display: block; text-align: center; opacity: 0.5; float: none !important}
	.path{max-width: 400px; margin-left: auto; margin-right: auto; }
	#hero-text .btn-primary{padding: 0.75em 3em; font-size: 1.4em; opacity: 0.9}
	#hero-text p{margin-bottom: 1em !important; max-width: 92%}
}

@media (max-width: 992px){
	#home-team .athlete{max-width: 320px !important; margin: 0.3em auto; text-align: center; float: none !important; display: inline-block}
	#athlete-grid, #paths-grid{text-align: center; width: 85% !important; margin: 0 auto}
	#home-paths .path .inside{min-height: 0px !important;}
	#paths-grid{margin-top: 4em}
}

@media (min-width: 1200px){
	#home-routines .module-content{float: right}
	#home-programming{}
}



@media(max-width: 992px){
	#home-intro .container{width: 100%}
	.progday{left: auto; margin-right: -37.5% !important; height: auto; right: 50% !important; max-width: none !important}
	#home-programming .module-content{padding: 150px 0 700px 0}
	#prog-day1,#prog-day2,#prog-day3,#prog-day4,#prog-jumpto{height: auto}
	#prog-day1{top: 40%; width: 700px }
	#prog-day2{top: 47%; width: 700px }
	#prog-day3{top: 54%; width: 700px }
	#prog-day4{top: 61%; width: 700px}
	#prog-jumpto{top: 80%; width: 700px }
	.module-content{text-align: center}	
	.module-content p{margin-left: auto; margin-right: auto; float: none !important; max-width: 90%}
	#home-routines .module-content{padding: 100px 0 100px 0 }
}

@media (max-width: 767px){
	#home-programming .module-content{padding: 100px 0 500px 0}
	#prog-day1,#prog-day2,#prog-day3,#prog-day4,#prog-jumpto{height: auto}
	#prog-day1{top: 32%; }
	#prog-day2{top: 40%; }
	#prog-day3{top: 48%; }
	#prog-day4{top: 56%;}
	#prog-jumpto{top: auto; bottom: 0; width: 100% !important; height: auto; max-width: 721px !important; }	
	#home-intro .col{min-height: 0px !important; margin-top: 0px !important; padding: 2em 0;}
	#home-intro .col p{max-width: 420px; width: 90%; margin-left: auto; margin-right: auto; color: #999}
	#hero-text{padding-top: 16vh}
}

.solidify{background: rgba(20,20,22,.9)}

#ouibounce-modal {
  font-family: 'Open Sans', sans-serif;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000
}
#ouibounce-modal .underlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(30,30,33,0.75);
  cursor: pointer;
  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}
#ouibounce-modal .modal {
  width: 500px;
  height: 715px;
  z-index: 1;
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 4px;
  -webkit-animation: popin 0.3s;
  animation: zoomIn .6s;
  display: block;
  background: #fff;
  max-width: 100%;
}
#ouibounce-modal .modal-title {
  font-size: 18px;
  background-color: #ffb300;
  color: #fff;
  padding: 10px;
  margin: 0;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
#ouibounce-modal h3 {
  color: #fff;
  font-size: 1em;
  margin: 0.2em;
  text-transform: uppercase;
  font-weight: 500;
}
#ouibounce-modal .modal-body {
  padding: 2em 2.5em 0em 2.5em;
  font-size: 0.9em;
}

.modal-body .btn{width: 100%; text-transform: uppercase; font-family: 'refrigerator-deluxe'; padding: .75em 0; font-size: 2em; margin: 1em auto 0 auto; display: block}

#ouibounce-modal p {
  color: #344a5f;
  line-height: 1.3em;
}
#ouibounce-modal form {
  text-align: center;
  margin-top: 35px;
}
#ouibounce-modal form input[type=text] {
  padding: 12px;
  font-size: 1.2em;
  width: 300px;
  border-radius: 4px;
  border: 0px solid #ccc;
  -webkit-font-smoothing: antialiased;
}
#ouibounce-modal form input[type=submit] {
  text-transform: uppercase;
  font-weight: bold;
  padding: 12px;
  font-size: 1.1em;
  border-radius: 4px;
  color: #fff;
  background-color: #4ab471;
  border: none;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}
#ouibounce-modal form p {
  text-align: left;
  margin-left: 35px;
  opacity: 0.8;
  margin-top: 1px;
  padding-top: 1px;
  font-size: 0.9em;
}
#ouibounce-modal .modal-footer {
  position: absolute;
  bottom: 20px;
  text-align: center;
  border: none !important;
  width: 100%;
}
#ouibounce-modal .modal-footer p {
  text-transform: capitalize;
  cursor: pointer;
  display: inline;
  border-bottom: 0px solid #344a5f;
}
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

#signup-frame{
	width: 100%;
	height: 100vh;
	position: fixed; top: 0; left: 0;
	display: block; 
	z-index: 100;
	display: none
}

#signup-frame form{
	width: 480px;
	min-height: 400px;
	background: #fbfbfb;
	margin-left: -240px;
	position: absolute;
	left: 50%; 
	top: 15%;
	padding: 4em;
	
	border-top: 5px solid #ffb300;
}

#signup-frame form input{width: 100%; border: 1px solid #ddd; height: 60px; padding-left: 1em; margin-bottom: 5px}

#close-signup{width: 100%; color: #fff; position: relative; top: 110px; display: block; text-align: center; text-decoration: underline; font-weight: 700}
#close-signup:hover{color: #ffb300}

@media (max-width: 640px){
	.progday{width: 101% !important; max-width: 500px !important}
	#prog-jumpto{top: 65% !important; max-width: 1000px !important}
	#get-started h2{font-size: 2em}
	#get-started .btn{font-size: 1.5em}
}

@media (max-width: 540px){
	#prog-day1{top: 37%; }
	#prog-day2{top: 45%; }
	#prog-day3{top: 53%; }
	#prog-day4{top: 61%;}
	#home-programming .module-content{padding: 80px 0 400px 0}
}


#static-buttons{
	width: 100%; 
	position: fixed;
	bottom: 0; left: 0;
	display: block;
	z-index: 999;
	display: none;
	opacity: 0.95
}

#static-buttons a{
	width: 50%; 
	display: inline-block;
	padding: 0.9em 0;
	text-align: center;
	font-weight: 600;
	font-family: 'refrigerator-deluxe', sans-serif; 
	text-transform: uppercase;
	font-size: 1.5em
}

#static-buttons a:first-child{color: #777; background: #eee}
#static-buttons a:last-child{color: #fff; background: #ffb300}

/* Remove unessential images for mobile */
@media(max-width: 600px){
	#slide-1,#slide-2,#slide-3,#slide-4{background: none !important; display: none !important}
	#home-programming{background: #3c3c3e}
	#home-routines{background: #2c2c2e}
	#home-paths{background: #4c4c4e}
	#home-team{background: #1c1c1e}
	body{padding-bottom: 56px;}
}

@media (max-width: 1440px) and (max-height: 900px){
	#prog-day1{top: 32%; }
	#prog-day2{top: 40%; }
	#prog-day3{top: 48%; }
	#prog-day4{top: 56%;}
	#prog-jumpto{top: 86% }	
}

@media (max-width: 992px){
#footer .container-fluid{max-width: 96% !important}
}

.module-content p{font-size: 15px !important}

.imgix-fluid-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
}

#mobile-ui-logo{width: 32px; height: auto; padding-top: 10px; float: left}
#mobile-nav-ui{display: none !important}

.playbtn img {
    height: 41px;
    width: 64px;
}


#mobile-basenav{
	width: 100%; 
	position: fixed; left: 0; bottom: 0;
	z-index: 9999999;
	padding: 0; 
	margin: 0; 
	padding: 0em 0;
	background: #1c1c1e;
	background: -moz-linear-gradient(left,  #1c1c1e 0%, #3c3c3e 100%);
	background: -webkit-linear-gradient(left,  #1c1c1e 0%,#3c3c3e 100%);
	background: linear-gradient(to right,  #1c1c1e 0%,#3c3c3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1e', endColorstr='#3c3c3e',GradientType=1 );
}
#mobile-basenav ul{border-radius: 100px; margin: 0; width: 90%; margin: 0 auto;}
#mobile-basenav li{display: block; float: left; width: 33.3%; text-align: center; margin: 0; }
#mobile-basenav li a{display: block; width: 100%; padding: 0; line-height: 60px;}
#mobile-basenav li a:hover{border-bottom: 2px solid #6c6c6e !important}
#mobile-basenav li a.current{border-bottom: 2px solid #ffb300 !important}
#mobile-basenav li a img{position: relative}

@media (max-width: 768px){ 
	#footer{padding-bottom: 100px}
	#subForm{margin: 1em auto !important; display: block; float: none !important}
	#intercom-container .intercom-launcher-button{bottom: 60px !important}  
}

/* .svg { max-height: 100%; } */