@charset "utf-8";
/* CSS Document */

body{
	background-color: #000;
	color: white !important;
	font-family: 'Roboto-Regular', sans-serif;
	overflow-x: hidden;
}

main{
	min-height: 100%;
	position: relative;
}

a, a:hover, a:visited, a:active{
	text-decoration: none !important;
	color: white !important;
}

.checkout-container a, .checkout-container a:hover, .checkout-container a:visited, .checkout-container a:active{
	color: rgb(41,108,243) !important;
}

ul{
	-webkit-padding-start: 0px !important; /*overriding bootstrap*/
	padding-left: 0px; /*Firefox*/
}

.help-link{
	cursor: pointer;
}

/*Clear fix method*/
.group:after {
  content: "";
  display: table;
  clear: both;
}

label.error, .error{
	font-weight: normal;
	color: #F15860;
	font-size: .8em;
	font-family: 'InputMono-Regular', "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

#agreeCheckboxError{
	padding: 30px;
}

#header{
	display: block;
	z-index: 20;
}

/* Changing site layout, footer will be in the correct place from just standard block placement
#content{
	padding-bottom: 50px; /*Same as #footer height*/
/*}

#footer{
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 100%;
}*/

.defs-only {
  position: absolute;
  height: 0; width: 0;
  overflow: none;
  left: -100%;
}


.close_button:after{
	content: '×';
}

.stitched{
	width: 100%;
	background-size: 100% 100px;
	background-position: 0 60px; /* height = .top-nav height */
	background-repeat: repeat-x;
}

.stitched_section{
	position: relative;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
}

.stitched_section_short{
	min-height: 100px;
}



.screen_height{
	min-height: 100vh;
}

.stitched_spacer{
	width: 100%;
	height: 100px;
}

.stitched_section h1, .stitched_section h2, .stitched_section h3, .stitched_section h4{
	margin-top: 0px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-family: 'Roboto-Thin', sans-serif;
	font-weight: bold;
}

.stitched_section h1, .stitched_section h2{
	color: white;
}

.stitched_section h3, .stitched_section h4{
	color: rgb(41,108,243);
}

.stitched_section{
	color: rgb(128, 128, 128);
}


.stitched_content{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.stitched_section .width_limiter{
	max-width: 1000px;
}

.stitched_sub_section:not(:last-child){
	margin-bottom: 40px;
}


.stitched_sub_section h2.boxed{
	font-size: 50px;
	
	width: 100%;
	/*border: thin solid #A3CBD9;
	text-transform: uppercase;
	text-align: center;*/
	padding: 20px 0px;
}

.stitched-links{
	padding-top: 40px;
	list-style-type: none;
}

.stitched-links li{
	float: left;
	display: inline;
	margin-right: 30px;
	text-transform: uppercase;
	font-size: 20px;
}


.extrapage_content .getstarted_button{
	margin-top: 60px;
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
}

.extrapage_content .getstarted_button .smbutton{
	font-size: 2.0em;
}

@media(max-width: 479px){
	.stitched_section .stitched_content > h1, .stitched_section > h1{
		margin-left: 20px;
		font-size: 1.4em;
	}
	
	.extrapage_content .stitched{
		background-position: 0px 0px;
	}
	
	.extrapage_content .stitched_spacer{
		height: 20px;
	}
	
	.extrapage_content .getstarted_button .smbutton{
		font-size: 1.3em;
	}
	
	.extrapage_content .stitched_sub_section#sports_psychology, 
	.extrapage_content .stitched_sub_section#organizational_psychology,
	.extrapage_content .stitched_sub_section#technical_data,
	.extrapage_content .stitched_sub_section#ebookinfo,
	.extrapage_content #terms_of_use,
	.extrapage_content #privacy_policy{
		padding: 20px;
	}
	
	#checkout .stitched_spacer{
		height: 0px;
	}
}

img.landscape{
	width: 100%;
    height: auto;
}

img.portrait{
	/*v3 forcing all to width locked
	height: 100% !important;
    width: auto !important;*/
	width: 100% !important;
    height: auto !important;
}

#mainpage-splash{
	padding-top: 60px; /*height of header*/
	min-height: 50vh;
	width: 100%;
}


#splash-section{
	padding-top: 60px; /*height of header*/
	height: 50vh;
	width: 100%;
}

@media (max-width: 479px){
	#splash-section{
		height: auto;
		padding-top: 0px;
	}
	
	#mainpage-splash{
		padding-top: 0px;
		min-height: auto;
	}
}

@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	#splash-section{
		height: 40vh;
	}
	  
	 #mainpage-splash{
		min-height: 40vh;
	}
}

.hype-block{
	padding-top: 2em;
	text-align: center;
	line-height: 75px;
	color: white;
}

.hype-block div:first-child{
	font-size: 5.5em;
	font-family: 'Roboto-Thin', sans-serif;
	text-transform: uppercase;
}

.hype-block div:nth-child(2){
	font-size: 5.575em;
	font-family: 'Roboto-Black', sans-serif;
	text-transform: uppercase;
	margin-left: -6px;
}

.hype-block div:nth-child(3){
	font-size: 2.5em;
	color: rgb(41,108,243);
	font-family: 'Roboto-Thin', sans-serif;
	text-transform: uppercase;
}

.hype-block div:nth-child(4){
	line-height: 1.25em;
	text-align: left;
	margin-bottom: 20px;
}

.hype-block div:nth-child(5){
	height: 2.5em;
	line-height: 2.25em;
}

.hype-block div:nth-child(5) button{
    font-family: 'Roboto-Thin', sans-serif;
	text-transform: uppercase;
	font-size: 1.25em;
    padding-top: 5px;    	
}

.hype-block div:last-child a{
	color: rgb(41,108,243) !important;
}


@media (max-width: 479px){
	.hype-block{
		padding-top: 10px;
		line-height: 55px;
		z-index: 1;
	}
	
	.hype-block div:first-child{
		font-size: 3.85em;
	}

	.hype-block div:nth-child(2){
		font-size: 4.0em;
		margin-left: -6px;
	}

	.hype-block div:nth-child(3){
		font-size: 1.65em;
	}

	.hype-block div:nth-child(4){
		height: 2.5em;
		line-height: 2.25em;
	}

	.hype-block div:nth-child(4) button{
		font-size: 1.25em;
		padding-top: 5px;    	
	}
	
	.hype-block .smbutton{
		padding: 0px 15px;
	}
}

@media (min-width: 480px) and (max-width: 1023px){
	.hype-block div:first-child{
		font-size: 4.5em;
	}

	.hype-block div:nth-child(2){
		font-size: 4.575em;
	}

	.hype-block div:nth-child(3){
		font-size: 2.0em;
	}
}

.carousel-mobile-gradientbackground-top{
    position: absolute;
    top: -150px;
    width: 100%;
    height: 155px;
    background: linear-gradient(to top, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%)
}

.carousel-mobile-gradientbackground-bottom{
    position: absolute;
    bottom: -150px;
    width: 100%;
    height: 155px;
    background: linear-gradient(to bottom, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%)
}


#home-slideshow-container{
	position: relative;
	max-width: 400px;
    min-height: 400px;
    width: 100%;
	margin-left: auto;
	margin-right: -15px;
	margin-top: 20px;
}

@media (max-width: 479px){
	#home-slideshow-container{
		margin-left: -16px; /*override bootstrap padding*/
		width: 100vw;
		min-height: 100vw;
	}
}

@media (min-width: 480px) and (max-width: 1023px){
	#home-slideshow-container img{
		bottom: 0px;
    	position: absolute;
	}
}

#home-info-section{
	width: 100%;
	padding-bottom: 40px;
	padding-top: 40px;
}

@media (max-width: 479px){
	#home-info-section.bg_darkscale_bg_topdown{
		background: transparent;
		
		padding-bottom: 0px;
	}
}

#info-section{
	width: 100%;
	padding-bottom: 40px;
}

@media (max-width: 479px){
	#info-section.bg_darkscale_bg_topdown_20{
		background: transparent;
	}
}

#product_group_links{
	height: 40px;
}

.product_group_links{
	list-style-type: none;
	width: 100%;
}

.product_group_links li{
	color: white;
	background-color: rgb(41,108,243);
	text-transform: uppercase;
	
	height: 40px;
	width: 21.25%;
	
	line-height: 40px;
	text-align: center;	
	
	float: left;
	display: inline;
}

.product_group_links a:not(:last-child) li{
	margin-right: 5%;
}

.product_group_links li .linkarrow{
	display: none;
}

.mobile-customized-products-for{
	text-transform: uppercase;
	font-size: .85em;
	color: white;
	text-align: center;
	width: 100%;
	position: absolute;
	top: -30px;
	margin-left: -15px;
}

@media (max-width: 479px){
	#product_group_links{
		height: auto;
		padding-right: 20px;
   		padding-left: 20px !important;
	}
	
	.product_group_links li{
		height: 40px;
		width: 100%;
		float: none;
		display: block;
		margin-bottom: 5px;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
	}
	
	.product_group_links li .linkarrow{
		display: block;
		position: absolute;
		right: 10px;
		top: 0px;
	}
}


#about_the_site_accordions{
	padding-top: 20px;
}

.about_the_site_accordions{
	list-style-type: none;
	width: 100%;
}

.about_the_site_accordions > li{
	position: relative;
}

#home-info-section-accordions .about_the_site_accordions li .accordion_content{
	padding: 40px;
	line-height: 1.5em;
}

#info-section-accordions .about_the_site_accordions li .accordion_content{
	padding: 0px 0px 40px 0px;
	line-height: 1.5em;
}

.about_the_site_accordions li .accordion_heading{
	color: rgb(41,108,243);
	font-size: 1.25em;
	padding-left: 20px;
	min-height: 80px;
	line-height: 80px;
}

.about_the_site_accordions li .accordion_heading div:hover{
	color: white;
}


#home-info-section-accordions .about_the_site_accordions li .accordion_heading .expandarrow{
	right: 55%;
}

.about_the_site_accordions li .accordion_heading .expandarrow{
	position: absolute;
	top: 0px;
	right: 10%;
}

.about_the_site_accordions li .accordion_heading a{
	color: rgb(41,108,243) !important;
}

#about_the_site_accordions .about_the_site_accordions li .accordion_heading{
	width: 50%;
	display: inline;
	float: left;
}

#customer_type_accordions .about_the_site_accordions li .accordion_heading{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
	

.about_the_site_accordions li .accordion_image{
	width: 50%;
	display: inline;
	float: left;
	height: 80px;
	border-bottom: 1px black solid;
	overflow: hidden;
	
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
}

.about_the_site_accordions li .accordion_image:after{
	content:'';
    top: 0;
    right: 0;
	height: 100%;
	width: 100%;
    z-index: 150;
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.5;	
}

/* Safari 10.1+ */
@media not all and (min-resolution:.001dpcm) { @media {
    .about_the_site_accordions li .accordion_image:after{
		width: 50%;
	}

}}

.accordion_content h1{
	font-size: 1.25em;
	background: #000;
    background: -webkit-linear-gradient(top, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
	text-transform: none;
	padding: 20px;
}

.accordion_content h1 i{
	color: rgb(128, 128, 128);
}

.accordion_content h2{
	padding: 0px 20px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-transform: none;
	color: rgb(128,128,128);
}

.accordion_content ul{
	padding-bottom: 20px;
	margin: 0px 40px;
	border-bottom: 1px solid rgb(128,128,128);
}

.accordion_content ul li{
	
}

@supports (-ms-ime-align: auto) { /*Edge change*/
	.about_the_site_accordions li .accordion_image:after{
		width: 50%;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*IE 10/11 change*/
	.about_the_site_accordions li .accordion_image:after{
		width: 50%;
	}
}
	
.about_the_site_accordions li .accordion_image img{
	object-fit: cover;
	width: 100%;
	height: 80px;
	object-position: 50% 20%;
}

.about_the_site_accordions li .accordion_heading:before, .about_the_site_accordions li:last-child .accordion_heading:after{
	content: '';
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(200,200,200,1) 50%, rgba(0,0,0,1) 100%);
    display: block;
    height: 1px;
    position: absolute;
	left: 0;
	width: 100%;
}

#about_the_site_accordions .about_the_site_accordions li .accordion_heading:before, #about_the_site_accordions .about_the_site_accordions li:last-child .accordion_heading:after{
	 width: 50%;
}

#customer_type_accordions .about_the_site_accordions li .accordion_heading:before, #customer_type_accordions .about_the_site_accordions li:last-child .accordion_heading:after{
	 width: 100%;
}


.about_the_site_accordions li .accordion_heading:before{
	top: 0;
}

.about_the_site_accordions li:last-child .accordion_heading:after{
	bottom: 0;
}

#info-section .about_the_site_accordions li .accordion_content{
	padding: 0px 0px 40px 0px;
	line-height: 1.5em;
}

#customer_type_accordions .about_the_site_accordions li .accordion_content{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 480px){
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading .backgroundimage{
		display: none !important;
	}
}

@media (max-width: 479px){
	#info-section-accordions{
		margin-top: 80px;
	}
	
	.about_the_site_accordions{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	#about_the_site_accordions .about_the_site_accordions{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.about_the_site_accordions li .accordion_image{
		display: none;
	}
	
	.about_the_site_accordions li .accordion_heading{
		min-height: 60px;
		line-height: 60px;
		font-size: 1.15em;
		padding-left: 0px;
	}
	
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading{
		width: 100%;
		display: block;
		float: none;
		padding-left: 0px;
		min-height: 80px;
		line-height: 80px;
	}
	
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading .backgroundimage{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		max-height: 80px;
		background-repeat: no-repeat;
 		background-size: 100vw auto;
		z-index: 1;
		
		-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
         -webkit-filter: grayscale(100%);
         filter: gray;
         filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		
		 border-bottom: 1px solid black;
	}
	
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading *:not(.backgroundimage){
		z-index: 10;
	}
	
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading a div:first-child{
		width: 100vw;
		left: 20px;
		position: absolute;
		color: white;
	}
	
	#about_the_site_accordions .about_the_site_accordions li .accordion_heading:before, #about_the_site_accordions .about_the_site_accordions li:last-child .accordion_heading:after {
    	width: 100%;
	}
	
	#home-info-section-accordions .about_the_site_accordions li .accordion_heading .expandarrow{
		right: 20px;
	}
	
	#customer_type_accordions .about_the_site_accordions li .accordion_heading{
		width: 90%;		
		padding-left: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#customer_type_accordions .about_the_site_accordions li .accordion_heading .expandarrow{
		right: 20px;
	}
	
	#customer_type_accordions .about_the_site_accordions li .accordion_content{
		width: 100%;
	}
}

#partners-section{
	margin-top: 40px;
}

.partners_label{
	text-transform: uppercase;
	text-align: center;
	color: rgb(160, 160, 160);
	font-size: 1.25em;
	height: 3em;
	line-height: 3em;
	letter-spacing: 6px;
}

.partners_carousel{
	list-style-type: none;
	height: 100px;
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	white-space: nowrap;
	text-align: center;
}

.partners_carousel li{
	display: inline-block;
	height: 100%;
	margin-right: 10px;
	width: 100px; /* match carousel height */
}

.partners_carousel li img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}

@media (max-width: 479px){
	.partners_label{
		font-size: 1.05em;
		height: 2.5em;
		line-height: 2.5em;
		letter-spacing: 4px;
	}
}

#icons-section{
	height: 60px;
}

#social-icons-section{
	height: 50px;
}


.social-icons, .contact-icons{
	list-style-type: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	height: 50px;
	margin-top: 50px;
}

.social-icons{
	width: 220px;
}

.social-icons li{
	display: inline;
	float: left;
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
  	background-size: cover;
	margin-left: 5px;
}


.contact-icons{
	width: 420px;
}


.contact-icons li{
	width: 200px;
	text-align: center;
	display: inline;
	float: left;
	margin-left: 5px;
	font-size: 0.8em;
}

.contact-icons li div{
	display: block;
}


#social-twitter{
	background-image: url('../images/socialmedia_twitter.png');

}
#social-twitter:hover{
	background-image: url('../common/images/social/Twitter-white.png');
}

#social-instagram{
	background-image: url('../images/socialmedia_instagram.png');
}
#social-instagram:hover{
	background-image: url('../images/socialmedia_instagram_white.png');
}

#social-youtube{
	background-image: url('../images/socialmedia_youtube.png');
}
#social-youtube:hover{
	background-image: url('../common/images/social/Youtube-white.png');
}

#social-facebook{
	background-image: url('../images/socialmedia_facebook.png');
}
#social-facebook:hover{
	background-image: url('../common/images/social/Facebook-white.png');
}

#contact-address{
	color: white;
}

#contact-email-icon, #contact-address-icon{
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
  	background-size: cover;
	margin-left: auto;
	margin-right: auto;
}


#contact-email-icon{
	background-image: url('../images/socialmedia_email.png');
}

#contact-address-icon{
	background-image: url('../images/socialmedia_map.png');
}


@media (max-width: 479px){
	#icons-section{
		min-height: 180px;
		height: auto;
	}

	.social-icons{
		margin-top: 0px;
	}
	
	.contact-icons{
		margin-top: 20px;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	
	.contact-icons li{
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
}


@media (min-width: 480px) and (max-width: 1023px){
	.contact-icons{
		width: 100%;
	}
	
	.contact-icons li{
		width: calc(50% - 5px);
	}
}


#form-newsletter-signup-message{
	text-transform: uppercase;
	line-height: 60px;
	font-size: 1.5em;
}


.splash_section{
	position: relative;
	width: 100%;
	height: 100%;
}

.splash_image_container{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.splash_image_container img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.splash_image_container:after{
	content:'';
    top: 0;
    right: 0;
	height: 100%;
	width: 100%;
    z-index: 1;
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.5;	
}

.splash_section .section_title_overlay{
	position: absolute;
	text-transform: uppercase;
	left: 2em;
	bottom: 2em;
	z-index: 2;
	color: white;
}

.splash_section .section_title_overlay div:first-child{
	font-family: 'Roboto-Thin', sans-serif;
	font-size: 3em;
	line-height: 0.75em;
}

.splash_section .section_title_overlay div:nth-child(2){
	font-family: 'Roboto-Black', sans-serif;
	font-size: 3em;
	line-height: 1em;
	margin-bottom: 5px;
	margin-left: -2px;
}

.splash_section .section_title_overlay div:nth-child(3){
	font-family: 'Roboto-Black', sans-serif;
	font-size: 5em;
	line-height: 0.75em;
	padding-left: 20px;
	position: relative;
}

.splash_section .section_title_overlay div:nth-child(3):after{
	content: '';
	height: 0.75em; /*match nth-child(3) line-height*/
	width: 8px;
	background-color: rgb(41,108,243);
	position: absolute;
	left: 0;
	top: 2px;
}


.splash_section .purchase_button{
	position: absolute;
	text-transform: uppercase;
	bottom: -120px;
	left: 25%;
	margin-left: -108px; /*approx half of own width*/
	z-index: 2;
}

.splash_section .purchase_button .smbutton{
	font-size: 2em;
}


@media (max-width: 479px){
	.splash_section{
		height: 30vh;
		margin-bottom: 0px;
	}
	
	.splash_section .section_title_overlay{
		left: 1em;
		bottom: 1em;
	}
	
	.splash_section .section_title_overlay div:first-child{
		font-size: 1.5em;
	}

	.splash_section .section_title_overlay div:nth-child(2){
		font-size: 1.5em;
		margin-bottom: 5px;
		margin-left: -2px;
	}

	.splash_section .section_title_overlay div:nth-child(3){
		font-size: 3.5em;
		padding-left: 10px;
	}

	.splash_section .section_title_overlay div:nth-child(3):after{
		width: 4px;
		left: -1px;
		top: 2px;
		height: 0.725em;
	}
	
	.splash_section .purchase_button {
		top: 1em;
		right: 1em;
		left: auto;
		bottom: auto;
		margin-left: auto;
		z-index: 2;
	}
	
	.splash_section .purchase_button .smbutton{
		font-size: 1em;
		padding: 6px 10px;
	}
}

#athlete-slideshow-container, #coach-slideshow-container, #parent-slideshow-container, #org-slideshow-container{
	position: relative;
	max-width: 400px;
	min-height: 400px;
	width: 100%;
	margin-left: auto;
	margin-right: -15px;
	margin-top: 20px;
}

.designedfor-block{
	min-height: 400px;
	position: relative;
}

.designedfor-block div{
	padding-left: 20px;
	padding-right: 20px;
}

.designedfor-block div:first-child{
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 45%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: white;
}

.designedfor-block div:nth-child(2){
	color: rgb(128, 128, 128);
	text-align: center;
	font-size: 1.25em;
	position: absolute;
	top: calc(45% + 2em);
	-ms-transform: translateY(-20%);
	transform: translateY(-20%);
}

.slideshow-block > div:first-child{
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	font-size: 1.5em;
	color: white;
}

.slideshow-block .viewdemo_button{
	position: absolute;
    top: 130px;
    left: -50%;
    font-size: 1.25em;
	-ms-transform: translateX(-40%);
	transform: translateX(-40%);
}

.slideshow-block .viewdemo_button a{
	color: rgb(41,108,243) !important;
}

@media(max-width: 479px){
	#athlete-slideshow-container .carousel-mobile-gradientbackground-top, 
	#coach-slideshow-container .carousel-mobile-gradientbackground-top, 
	#parent-slideshow-container .carousel-mobile-gradientbackground-top, 
	#org-slideshow-container .carousel-mobile-gradientbackground-top{
		display: none;
	}
	
	.designedfor-block{
		min-height: auto;
		padding: 15px;
	}
	
	.designedfor-block div:first-child{
		position: relative;
		top: auto;
		-ms-transform: none;
		transform: none;
	}

	.designedfor-block div:nth-child(2){
		padding-top: 5px;
		position: relative;
		top: auto;
		-ms-transform: none;
		transform: none;
	}
	
	.slideshow-block{
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.slideshow-block .carousel-mobile-gradientbackground-bottom{
		height: 55px;
		bottom: -54px;
	}
	
	.slideshow-block .viewdemo_button{
		top: auto;
		left: auto;
		
		bottom: -60px;
		
		-ms-transform: none;
		transform: none;
		
		text-align: center;
		width: 100%;
	}
	
	.slideshow-block .getstarted_button{
		position: absolute;
		bottom: -110PX;
		text-align: center;
		width: 100%;
	}
	
	.slideshow-block .getstarted_button .smbutton{
		padding: 6px 12px;
		font-size: 1.2em;
	}
	
	#athlete-slideshow-container, #coach-slideshow-container, #parent-slideshow-container, #org-slideshow-container{
		margin-left: auto;
		margin-right: auto;
		width: 100vw;
		height: auto;
		min-height: 100vw;
	}
}

.aboutus_employee_heading{
	border-top: 1px rgb(61,61,61) solid;
	padding: 20px;
	max-height: 120px;
	height: 25vw;
}


#minds .stitched_content:last-child .aboutus_employee{
	border-bottom: 1px rgb(61,61,61) solid;
}


.aboutus_employee_heading .aboutus_employee_image{
	max-width: 25%;
	display: inline;
	float: left;
	margin-right: 30px;
	height: 100%;
}

.aboutus_employee_heading .aboutus_employee_image img{
	width: auto;
	height: 100%;
}

.aboutus_employee_labels{
	font-weight: bold;
	font-family: 'Roboto-Thin', sans-serif;
	float: left;
	display: inline;
	position: relative;
	height: 100%;
	width: 75%;
}

.aboutus_employee_title{
	position: absolute;
	top: 20%;
	font-size: 1.5em;
	color: rgb(41,108,243);
	
}

.aboutus_employee_subtitle{
	position: absolute;
	top: 60%;
}

.aboutus_employee_labels .expandarrow{
	position: absolute;
	right: 10%;
	top: 20%;
}

.aboutus_employee_content{
	padding-bottom: 20px;
}


@media(max-width: 479px){
	.aboutus_employee_heading .aboutus_employee_image{
		margin-right: 20px;
	}
	
	.aboutus_employee_title{
		top: 16%;
		font-size: 1.25em;
	}
	
	.aboutus_employee_subtitle{
		font-size: 0.9em;
		white-space: nowrap;
	}
	
	.aboutus_employee_labels .expandarrow{
		right: 0px;
	}
	
	.aboutus_employee_content{
		padding: 20px;
		padding-top: 0px;
	}
}



.step_section{
	width: 100%;
	margin-bottom: 20px;
}

.step_section .step_bullet{
	float: left;
	display: inline;
	width: 3em;
}

.step_section .step_bullet>div{
	border: 1px white solid;	
	border-radius: 30px;
	width: 1.6em;
	height: 1.6em;
	text-align: center;
	line-height: 1.6em;
	color: rgb(128,128,128);
	font-family: 'Roboto-Black', sans-serif;
	font-size: 1.6em;
	margin-top: 5px;
}

.step_section .step_info{
	float: left;
	display: inline;
	padding-left: 10px;
	width: calc(100% - 3em);
}


.step_section .step_label{
	text-transform: uppercase;
	font-size: 2em;
	color: rgb(41,108,243);
}

@media(max-width: 479px){
	.step_section{
		margin-left: 20px;
		padding-right: 40px;
	}
	
	.step_section .step_bullet{
		width: 2.5em;
	}
	
	.step_section .step_bullet>div{
		font-size: 1.2em;
		width: 1.5em;
		height: 1.5em;
		line-height: 1.5em;
		margin-top: 0px;
	}
	
	.step_section .step_label{
		font-size: 1.2em;
	}
	
	.step_section .step_info{
		padding-left: 0px;
	}
}


#research a{
	margin-left: 4em;
	line-height: 4em;
	color: rgb(41,108,243) !important;
	font-weight: normal;
	font-family: 'Roboto-Regular', sans-serif;
}

#research a:before{
	content: '●';
	padding-right: 10px;
}

#research h4{
	color: white;
	width: 100%;
	border-top: thin solid rgb(61,61,61);
	border-bottom: 2px solid rgb(61,61,61);
	line-height: 3em;
	padding: 1em;
	margin-bottom: 1em;
}


@media(max-width: 479px){
	#research a{
		margin-left: 0.5em;
		line-height: 1.5em;
	}
}


.account_packages{
	list-style-type: none;
}

.account_packages li{
	padding: 40px 20px;
}


.account_packages li:not(:nth-last-child(-n+2)){
	/*border-bottom: 3px solid #58C4C4; /*data_blue*/
}

.account_packages .icon,
.account_packages .titles{
	display: inline;
	float: left;
}

.account_packages .titles{
	padding-left: 20px;
}

.account_packages .name{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1em;
	margin-top: 10px;
	color: black;
}

.account_packages .description{
	display: block;
	max-width: 500px;
	margin-top: 10px;
	color: #6E6E6E; /*heavey_grey*/
}

.account_packages .link{
	background-color: #58C4C4; /*data_blue*/
	font-size: 1em;
	text-transform: uppercase;
	margin-top: 40px;
	color: white;
	text-align: center;
	padding: 5px 20px;
	width: 40%;
	margin-left: 25%; /*Using this instead of auto - on a lot of screen widths the text wrapping on the description above this makes it appear non-centered*/
	margin-right: auto;
}




#accountpackages-list{
	list-style-type: none;
}

#accountpackages-list li{
	margin-bottom: 5px;
}

.accountpackage_accordion_header > div{
	line-height: 60px;
	min-height: 60px;
	padding: 0px 20px;
}

.accountpackage_accordion_header:not(.expanded){
	background: #000;
	background: -webkit-linear-gradient(top, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(34,34,32,1) 0%, rgba(34,34,32,1) 10%, rgba(0,0,0,1) 100%);
}

.accountpackage_accordion_header > div:not(:last-child){ /*last child = clearfix*/
	float: left;
	display: inline;
}

.accountpackage_accordion_header > div:first-child{
	width: 55%;
	margin-right: 5%;
	overflow: hidden;
	white-space: nowrap;
	font-family: 'Roboto-Black', sans-serif;
}

.accountpackage_accordion_header > div:not(:first-child){
	width: 20%;
}

.accountpackage_accordion_header > div:nth-child(2){ /*price*/
	font-family: 'Roboto-Black', sans-serif;
	color: white;
}

.accountpackage_accordion_header > div:nth-child(3){ /*buy button*/
	text-align: right;
}

.accountpackage_accordion_header.expanded > div:first-child{
	width: 100%;
	margin-right: 0%;
	font-size: 1.5em;
}


.accountpackage_accordion_header .expandarrow{
	position: absolute;
	right: 10%;
	top: 0;
}

.accountpackage_accordion_header .buy_button{
	height: 2em;
}

.accountpackage_accordion_header .buy_button input{
	line-height: 2em;
}

.accountpackage_accordion_content{
	display: block;
}

.accountpackage_accordion_content .row{
	float: right;
}

.accountpackage_accordion_content .product_buying_info{
	margin-left: 20px;
	margin-bottom: 20px;
}

.accountpackage_accordion_content .product_buying_info h4{
	font-family: 'Roboto-Regular', sans-serif;
	font-weight: bold;
	color: rgb(128,128,128);
}

.accountpackage_accordion_content .product_buying_info .package_includes a{
	color: rgb(41,108,243) !important;
}

@media(max-width: 1023px){
	.accountpackage_accordion_content .row{
		float: none;
	}
	
	.accountpackage_accordion_header > div:not(:first-child){
		width: 16%;
		white-space: nowrap;
	}
}

@media(max-width: 479px){
	
	.accountpackage_accordion_header > div:first-child{
		width: 100% !important;
		overflow: auto;
	}
	
	.accountpackage_accordion_header > div:first-child > a:first-child > div:first-child{
		overflow: hidden;
		width: 90%;
	}
	
	.accountpackage_accordion_header .expandarrow{
		right: 20px !important;
	}
	
	
	.accountpackage_accordion_header > div:nth-child(2), .accountpackage_accordion_header > div:nth-child(3){
		display: none !important;		
	}
	
	.accountpackage_accordion_header.expanded > div:first-child > a:first-child > div:first-child{
		overflow: visible;
		white-space: normal;
		line-height: 1.3em;
	}
	
	.accountpackage_accordion_content .product_description{
		margin-top: 20px;
	}
	
	.accountpackage_accordion_content .product_buying_info{
		margin-left: 0px;
	}
}


.row.package{
	margin-bottom: 5px;
	height: 285px;
}

.package-image-row{
	padding-right: 5px !important;
}

.package-details-row{	
	padding-left: 5px !important;
}

.package-image-row, .package-details-row{
	height: 100%;
}

.package-image-row{
	position: relative;
	color: white;
}

.package-image-row img{
	width: 100%;
	height: 100%;
}

.package-image-row .overlay_container{
	position: absolute;
    text-transform: uppercase;
    left: 2em;
    bottom: 1.25em;
    z-index: 2;
}

.package-image-row .overlay_line1{
	font-family: 'Roboto-Thin', sans-serif;
    font-size: 2em;
    line-height: 0.75em;
}

.package-image-row .overlay_line2{
	font-family: 'Roboto-Black', sans-serif;
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 5px;
    margin-left: -2px;
}

.package-image-row .overlay_line3{
	font-family: 'Roboto-Black', sans-serif;
    font-size: 3.75em;
    line-height: 0.75em;
    padding-left: 20px;
    position: relative;
}

.package-image-row .overlay_line3:after{
	content: '';
    height: 0.75em;
    width: 8px;
    background-color: rgb(41,108,243);
    position: absolute;
    left: 0;
    top: 2px;
}

.package .package-details-row{
	position: relative;
}

.package .package-description{
	width: 100%;
	padding: 15px;
	/* hide text if it more than N lines  */
	overflow: hidden;
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (5) */
	max-height: 7.0em; 
}

.package .expand_link a{
	color: rgb(41,108,243) !important;
	cursor: pointer;
	padding-left: 15px;
}

.package .price{
	position: absolute;
	font-size: 3em;
	left: 20px;
	bottom: 10px;
	color: white;
	font-family: 'Roboto-Black', sans-serif;
}

.package .price .zero_price_text{
	font-size: 0.5em;
	font-family: 'Roboto-Thin', sans-serif;
}

.package .price .zero_price_text a{
	color: rgb(41,108,243) !important;
}

.package .price div{
	float: left;
	display: inline;
}

.package .buy_button{
	position: absolute;
	right: 20px;
	bottom: 20px;
}

.package .buy_button .smbutton{
	font-size: 1.5em;
}


@media (max-width: 492px){
	.package-image-row, .package-details-row{
		height: auto;
	}
	
	.package-image-row{
		border-top: 4px solid black;
	}
	
	.package .package-description{
		padding-left: 30px;
		padding-right: 20px;
	}
	
	#packages-container .purchase_row{
		height: 80px;
	}
	
	.package .expand_link a{
		padding-left: 30px;
	}
	
	.package .price {
		font-size: 2.25em;
		left: 35px;
		bottom: 15px;
	}
	
	.package .buy_button{
		right: 40px;
	}
	
	.package .buy_button .smbutton {
		font-size: 1.25em;
	}
}


@media (max-width: 992px){
	.account_packages li{
		padding: 40px 0px;
	}
	
	.account_packages li:not(:last-child){
		border-bottom: 3px solid #58C4C4; /*data_blue*/
	}
}

.product_description ul{
	-webkit-padding-start: 40px !important;
}

@media (max-width: 600px){
	img.account_package_icon{
		display: block;
   		margin-bottom: 10px;
	}
}

.faq-list{
	list-style-type: none;
}

.faq-list li{
	float: left;
	display: inline;
	margin-bottom: 40px;
	padding-right: 40px;
}

.faq-list .question{
	font-weight: bold;
}

.faq-list .answer{
	margin-top: 20px;
	font-size: 1.1em;
	color: #6E6E6E; /*heavy grey*/
}

.news-list{
	list-style-type: none;
}

.news-list li{
	float: left;
	display: inline;
	margin-bottom: 40px;
	padding-right: 40px;
}

.news-list .oneliner{
	margin-bottom: 10px;
	position: relative;
}

.news-list .headline{
	font-weight: bold;
	text-align: left;
	font-size: 1.25em;
	
}

.news-list .date{
	text-align: right;
}

.news-list .news{
	color: #6E6E6E; /*heavy_grey*/
}

.news-list .readmore{
	font-weight: bold;
	color: #58C4C4; /*data_blue*/
}

.news-list .clickable{
	cursor: pointer;
}

.news-list .archived{
	font-size: .8em;
	opacity: .6;
}

.news-list .first_archive:before{
	content: '[Older News] ';
}

.news-list .nth_archive:before{ /*Before pushes the first archive down - we're doing this so that the others have the same spacing above them if floated next to each other*/
	content: '[]';
	opacity: 0;
}

.blog_entries .latest_entries .blog_entry:not(:first-child){
	margin-top: 40px;
}

.blog_entries .latest_entries .blog_entry:not(:last-child){
	padding-bottom: 20px;
	border-bottom: 3px solid #58C4C4; /*data_blue*/
}

.blog_entries .title{
	font-weight: bold;
	text-align: left;
	font-size: 1.25em;
	margin-bottom: 10px;
}

.blog_entries .author{
	text-align: left;
	font-size: .8em;
}

.blog_entries .date{
	text-align: right;
	font-size: .8em;
}

.blog_entries .entry{
	margin-top: 15px;
}

.blog-archives{
	list-style-type: none;
	font-size: .9em;
}

.blog-archives li{
	padding: 10px 10px 10px 20px;
	line-height: 1em;
}

.blog-archives li:nth-child(6n-1){
	background-color: #EEE;
}

.blog-archives li:nth-of-type(2) .oneliner:before{
	content: '[Archives] ';
	color: #6E6E6E;
	padding-bottom: 10px;
}



/*
*
Checkout Page
*
*/

.checkout-secure-heading{
	font-size: 2.15em;
	color: white;
	text-transform: uppercase;
	font-family: 'Roboto-Thin', sans-serif;
	padding-bottom: 0.25em;
}

.checkout-secure-heading span{
	font-family: 'Roboto-Black', sans-serif;
}

@media (max-width: 479px){ /*General Mobile*/
	.checkout-secure-heading{
		margin-left: 20px;
	}
}

.checkout-container{
	position: relative;
	min-height: 500px;
	/*overflow: hidden;*/
	width: 100%;
	margin-left: 0px !important;
	margin-right: 0px !important;
}
/* These next 2 entries ensure checkout and cart sections are the same height*/
.checkout-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.checkout-container > [class*='col-'] {
  display: flex;
  flex-direction: column;
}


.checkout-container .checkout-section-title{
	text-transform: uppercase;
	font-family: 'Roboto-Black', sans-serif;
	font-size: 1.25em;
	color: black;
	padding-bottom: 5px;
	padding-left: 5px;
}


.checkout-container .form-group{
	margin-bottom: 8px;
}

.checkout-container .form-group.multipleinput .col-sm-6:not(:last-of-type), .checkout-container .form-group.multipleinput .col-sm-4:not(:last-of-type){
	padding-right: 0px;
}
.checkout-container .form-group.multipleinput .col-sm-6:not(:first-of-type), .checkout-container .form-group.multipleinput .col-sm-4:not(:first-of-type){
	padding-left: 5px;
}

@media (max-width: 479px){ /*General mobile*/
	.checkout-container .form-group.multipleinput .col-sm-6:not(:last-of-type), .checkout-container .form-group.multipleinput .col-sm-4:not(:last-of-type){
		padding-right: 15px; /*restore to bootstrap default*/
	}
	.checkout-container .form-group.multipleinput .col-sm-6:not(:first-of-type), .checkout-container .form-group.multipleinput .col-sm-4:not(:first-of-type){
		padding-left: 15px; /*restore to bootstrap default*/
	}
}

.checkout-container .cart{
	position: relative;
	padding-left: 0px !important; /*override bootstrap*/
	padding-right:  0px !important; /*override bootstrap*/
	min-height: 500px;
}

.checkout-container .cart .product, .checkout-container .cart .product_description{
	color: black;
	padding: 0px 20px;
	z-index: 1;
	position: relative;
}


.checkout-section-product-select{
	color: black;
	z-index: 1;
	position: relative;
	margin-bottom: 20px;
}

.checkout-section-product-select > .name_row1{
	font-size: 1.25em;
	margin-top: -20px;
	text-transform: uppercase;
	display: inline-block;
}

.checkout-section-product-select > .name_row2{
	font-size: 3em;
	font-family: 'Roboto-Black', sans-serif;
	overflow: hidden;
    max-height: 1.45em;
}

.package_choice-container{
	margin-top: 10px;
}

.package_choice-container > .minor_description{
	margin-bottom: 10px;
	width: calc(50% - 15px);
	float: left;
	display: inline-block;
}

@media (max-width: 479px){ /* General Mobile*/
	.package_choice-container > .minor_description{
		width: 100%;
		float: none;
		display: block;
	}
}

.package_choice-container > .minor_description.selected{
	outline: 4px solid rgba(70,98,221,1);
	outline-offset: 4px;
}

.package_choice-container a div{
	color: #333 !important;
}

.package_choice-container > .minor_description:first-of-type{
	margin-right: 15px;
}

.package_choice-container > .minor_description:last-of-type .price{
	font-size: 1.5em;
}

.checkout-section-product-select > .minor_description, .package_choice-container > .minor_description{
	font-size: 0.8em;
	padding: 5px;
	background-color: #e6e6e6;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
}

.checkout-section-product-select > .minor_description .price, .package_choice-container > .minor_description .price{
	font-size: 1.5em;
	position: absolute;
	width: 40%;
	right: 0px;
	text-align: center;
	top: 2px;
	/*padding-left: 25px;*/
	font-family: 'Roboto-Black', sans-serif;
	background-color: white;
}

@media (max-width: 479px){ /*General Mobile*/
	.checkout-section-product-select > .minor_description .price, .package_choice-container > .minor_description .price{
		text-align: right;
	}
}


.payment_fields .country_specific{
	padding-right: 0px;
}

@media (max-width: 479px){ /*General Mobile*/
	.payment_fields .country_specific{
		padding-right: 15px;
	}
}

.checkout-container .cart .product .included-packages-header{
	font-weight: bold;
}

.checkout-container .cart .product .feature_list{
	list-style-type: none;
	border-top: 3px solid #e6e6e6;
}

.checkout-container .cart .product .feature_list li{
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 30px;
}

.checkout-container .cart .product .feature_list li .count,
.checkout-container .cart .product .feature_list li .name{
	float: left; 
	display: inline;
	margin-left: 5px;
}

.checkout-container .cart .product .purchase_addons{
	margin-top: 10px;
	list-style-type:none;
}

.checkout-container .cart .product .purchase_addons li{
	height: 30px;
	
}

#purchasing-addon-list .remove_button{
	margin-top: 3px;
	width: 30px;
	text-transform: uppercase;
	padding: 3px 6px 3px 6px;
	background-color: rgb(41,108,243);
	border-radius: 0px;
	text-align: center;
	color: white;
	font-size: .8em;
	
	position: absolute;
	left: 0px;
}

#purchasing-addon-list .addon_name{
	line-height: 30px;
	position: absolute;
	left: 60px; /*remove_button width+left+ some space*/
}

#purchasing-addon-list .addon_price{
	line-height: 30px;
	position: absolute;
	right: 20px; 
}

.checkout-container .cart .pricing-container{
	text-align: right;
    padding-right: 20px;
	color: #444;
}

.checkout-container .cart .subtotal{
	margin-top: 10px;
	text-align: right;
}

.checkout-container .cart .subtotal .subtotal-label{
	font-size: .8em;
}

.checkout-container .cart .subtotal .subtotal-amount{
	font-size: 1.2em;
}

.checkout-container .cart .taxes{
	margin-top: 10px;
	text-align: right;
}

.checkout-container .cart .taxes .taxes-label{
	font-size: .8em;
}

.checkout-container .cart .taxes .taxes-amount{
	font-size: 1.1em;
}

.checkout-container .cart .discount{
	margin-top: 10px;
	text-align: right;
}

.checkout-container .cart .discount .discount-label{
	font-size: .8em;
}

.checkout-container .cart .discount .discount-amount{
	font-size: 1.1em;
}


.checkout-container .cart .total{
	margin-top: 10px;
	text-align: right;
}

.checkout-container .cart .total .total-label{
	font-family: 'Roboto-Black', sans-serif;
    color: black;
    font-size: 1em;
    text-transform: uppercase;
}

.checkout-container .cart .total .total-amount{
	font-family: 'Roboto-Black', sans-serif;
    color: black;
    font-size: 2em;		
    margin-top: -10px;
}


.checkout-container .cart .addons{
	z-index: 1;
	position: relative;
}

.checkout-container .cart .addons .addons-label{
	text-transform: uppercase;
	font-size: .8em;
	color: #555;
	display: none; /*not using currently - 022221*/
}

.checkout-container .cart .addons .addon_list, 
.checkout-container .cart .addons .addon_list .feature_list{
	list-style-type: none;
}


.checkout-container .cart .addons .addon_list{
	margin-top: 5px;
	border-bottom: 3px solid #e6e6e6;
}

.checkout-container .cart .addons .addon_list > li{
	position: relative;
	border-top: 3px solid #e6e6e6;
	padding-top: 5px;
}

.checkout-container .cart .addons .addon_list .addon-count-section{
	margin-top: 10px;
	display: inline-block;
    width: 100%;
}

.checkout-container .cart .addons .addon_list .addon-button{
	border-radius: 100%;
    width: 32px;
    height: 32px;
    border: 3px solid #888;
    text-align: center;
    font-weight: bold;
    font-family: 'Roboto-Black', sans-serif;
    line-height: 23px;
    font-size: 1.8em;
    display: inline-block;
    float: left;
}

.checkout-container .cart .addons .addon_list .addon-button:hover{
	background-color: #e6e6e6;
}

.checkout-container .cart .addons .addon_list .addon-current-count{
	font-family: 'Roboto-Black', sans-serif;
    line-height: 32px;
    font-size: 1.8em;
    display: inline-block;
    float: left;
	margin: 0px 10px;
}

.checkout-container .cart .addons .addon_list > li > .name{
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto-Black', sans-serif;
}

.checkout-container .cart .addons .addon_list > li .price{
	display: inline-block;
    float: right;
    font-family: 'Roboto-Black';
    font-size: 2.2em;
    margin-top: -10px;
}

.checkout-container .cart .addons .addon_list .feature_list{
	margin-top: 10px;
	color: black;
}

.checkout-container .cart .addons .addon_list .feature_list a{
	color: rgb(41,108,243) !important;
}

.checkout-container .cart .addons .addon_list .feature_list li{
	padding-left: 10px;
}

.checkout-container .cart .addons .feature_list li .count,
.checkout-container .cart .addons .feature_list li .name{
	float: left; 
	display: inline;
	margin-left: 5px;
}

.checkout-container .cart .addons .feature_list li .count{
	width: 15%;
}

.checkout-container .cart .addons .feature_list li .name{
	width: 75%;
}


.checkout-container .checkout, .checkout-container .cart{
	padding: 20px;
	margin: 20px;
	background-color: white;
}

@media (max-width: 479px){ /*General Mobile*/
	.checkout-container .checkout, .checkout-container .cart{
		margin: 10px;
	}
}

@media (min-width: 961px){
	.checkout-container .cart{
		margin-left: 0px;
		width: calc(41.66666667% - 60px); /* In order to add the white outer margin to these two sections (checkout and cart) but still take advantage of the bootstrap col- design, we are using col-md-7 + col-md-4, meaning we are 1/12th short at md and greater. So we're taking width of md-5 and subtracting our combined margin*/
	}
}

.checkout-container .help-block{
	font-size: .9em;
	color: #444;
	padding-left: 5px;
    margin-top: -7px;
}

.checkout-container .fineprint{
	font-size: 0.6em;
    line-height: 1.75em;
    color: #444;
    text-align: center;
    padding: 0px 45px;
    margin-top: 10px;
}

.checkout-terms-agree{
	padding: 0px 20px;
	font-size: 0.9em;
	line-height: 1em;
	text-align: center;
}

.promo_code-container{
	background-color: #e6e6e6;
	padding: 20px;
	position: relative;
}


.promo_code-container, .promo_code-trigger{
	font-size: .9em;
}

.promo_code-container{
	margin-top: 30px;
}

.promo_code-input{
	vertical-align: middle;
	line-height: 30px;
}

#promo_code-input-text{
	width: 100%;
	height: 40px;
	padding-left: 10px;
	border: none;
}

.promo_code-input input{
	height: 32px;
}

.promo_code-apply_button{
	position: absolute;
    right: 20px;
    color: white;
    top: 20px;
    font-weight: bold;
    font-size: 1em;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
    line-height: 34px;
}

.promo_code-apply_button .glyphicon{
	top: 0px;
}

.promo_code-apply_button .smbutton{
	padding: 5px 20px 5px 20px;
}

.promo_code-error{
	margin-top: 10px;
}

.temporary_slide{
	position: absolute;
}

.checkout-container .steps{
	padding-bottom: 80px;
}

.next-tab:hover, .prev-tab:hover{
	background-color: rgb(41,108,243);
}

.next-tab, .prev-tab{
	position: absolute;
	bottom: 20px;
	background: rgb(41,108,243);
	background: -webkit-linear-gradient(left, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	background: -o-linear-gradient(left, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	background: linear-gradient(to right, rgba(146,39,143,1) 0%, rgba(41,108,243,1) 100%);
	padding: 5px 20px;
	color: white !important;
	border-radius: 2px;
}

.next-tab{
	right: 20px;
}

.prev-tab{
	left: 20px;
}

#form-purchase-agree-container{
	margin-bottom: 30px;
}

#sign_up-button{
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	margin-left: 20px;
}

#sign_up-button div{
	position: relative;
	font-size: 2em;
    padding: 3px 60px 3px 0px;
    text-align: right;
}

#sign_up-button div:hover{
	background-color: rgb(41,108,243);
	color: white;
}

#sign_up-button div img{
	height: 0.8em;
    position: absolute;
    right: 15px;
    top: 0.45em;
}

#learning table{
	min-height: 150px;
}

#learning table td{
	width: 25%;
	position: relative;
}
	
.learn-report .heading{
	background-color: white;
	color: #102941;
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 5px;
	font-size: 20px;
}

.learn-report .description{
	color: white;
	
	vertical-align: top;
	padding: 10px 5px;
	
}

#how_it_works-separator{
	text-align: center;
	max-width: 800px;
	font-size: 30px;
}

#newsletter-signup-form-container{
	text-align: center;
}

#form-newsletter-signup-message{
	margin: 30px;
	text-transform: uppercase;
}

#form-newsletter-signup-inputs{
	margin-bottom: 30px;
	display: block;
}

#form-newsletter-signup-email,
#form-newsletter-signup-button{
	display: inline-block;
}


#contact-message{
	margin-bottom: 5px;
}

#contact-message span:first-child{
	color: rgb(41,108,243);
	font-size: 1.25em;
}

#contact-message span:nth-child(2){
	font-size: 1.25em;
}

#contact-message span:nth-child(3){
	font-family: 'Roboto-Thin', sans-serif;
	display: block;
	color: white;
}


.iframe-video-container{
	position: relative;
    overflow: hidden;
    padding-top: 56.25%;
	width: 80vw;
	height: auto;
}

.iframe-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.featherlight .featherlight-close-icon{
	color: white !important;
}

@media (min-width: 991px) and (max-height: 640px){ /*Wide short screens*/
	.stitched_section:not(.slideshow-section){
		zoom: 75%;
	}
}

@media (max-width: 991px){
	.account_packages .link{
		margin-left: auto;
	}
}

@media (max-width: 768px){
	#development table tr > td:first-child,
	#perform table tr > td:first-child{
		display: none;
	}
}


@media (max-width: 768px){
	.checkout-container .cart .background{
		display: none;
	}
}

@media (max-width: 767px){
	.account_packages .description{
		margin: auto;
	}
	
	.account_packages li{
		text-align: center;
		width: 100%;
	}
	
	.account_packages .icon, .account_packages .titles{
		display: block;
		text-align: center;
		float: none;
	}
}

@media (max-width: 479px){
	.form-group .col-xs-12.col-sm-6:first-child,
	.form-group .col-xs-6.col-sm-4:first-child{
		margin-bottom:7.5px;
	} 
	
	#contact-message{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	#contact_form_container{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
	}
}   

@media (max-width: 639px){
	.post_slideshow-user_types li{
		width: 100% !important;
		margin: 0 !important;
	}
	
}

@media (max-width: 400px){
	.stitched_sub_section h2.boxed{
		font-size: 40px;
	}
}