/*
Theme Name: The Hero - karl schwantes
Theme URI: http://almostcustomwebsites.com/layouts/
Description: The Hero Layout from Almost Custom Websites, a responsive child theme of the Inti Framework.
Version: Modifed 2.2
Author: Almost Custom Websites
Author URI: http://www.almostcustomwebsites.com/
Template: inti
*/

@import url("../inti/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


/**
style.css
Used for the structural elements of the theme and its multiple breakpoints. Colors and fonts can be found in css/base.css as these
are normally consistant throughout breakpoints (i.e. they apply to mobile, tablet and desktop)

 * Aleady called before this stylesheet:
 * normalize.css
 * bootstrap.css (optional)
 * font-awesome.css
 * toastr.css
 * material.css
 * ripples.css
 * animate.css
 * slick.css
 * magnific-popup.css
 * select2.css
 * fonts.css


 * Table of Contents:
 *
 * 1.0 - Mobile Header & Navigation Styles
 * 2.0 - Mobile Content Layout Styles
 * 3.0 - Footer Styles
 * 4.0 - Basic Forms and buttons reset
 * 5.0 - WordPress stuff
 * 6.0 - Mobile Shortcode structure
 * 7.0 - Widget structure

 @breakpoint [default 30em==480px]
 * 8.0 - WordPress stuff

 @breakpoint [default 37.5em==600px]
 * 9.0 - Content Layout Styles

 @breakpoint [default 48em==768px]
 * 10 - Header & Navigation Styles
 * 11. - Content Layout Styles
 * 12. - Shortcodes - 2nd breakpoint

 @breakpoint [default 64em==1024px]

 @breakpoint [default 75em==1200px]

 @breakpoint [default 87.5em==1400px]

*/



/* ---------------------------------------- */
/*	1.0 - Mobile Header & Navigation Styles
/* ---------------------------------------- */
/* Starting from mobile, these are the structural styles for mobile but are also inherited by all following media-queries and remain in use unless overwritten */

.webpage {
	margin: 0 auto;
	width: 100%;
	/*max-width: 960px;*/ /* use this to turn the theme unresponsive */
	overflow: hidden;
}   
	.limiter { width:100%; max-width: 1200px; margin:0 auto; } /* Set the max-width to the largest breakpoint we're going to use (you can add as many as you like!) */
	.webpage .limiter.main { width: 98%;} /* Gives us 2x 1% margins on mobile - we need margins, but don't want to be wasteful */
	
	header.webpage-header {
		
	}  
		.webpage-header > header.logobar {
			position: relative;
		}   
		.home .webpage-header > header.logobar{
			height: auto !important; 
			background-position: left top;
		}

			#logo-area {
				padding: 2em 0; background: rgba(0,0,0,0.6); text-align: center;
			}
				img#logo {
					max-width:100%;
				}       
			#cart-area {
				position: absolute; top: 0.25em; right: 0em; z-index: 8;
			}
				#cart-area #cart-area-widget {
					width: 100%; position: relative;
				}
					#cart-area #cart-area-widget #in-your-bag {
						margin: 0;
						/*cursor: pointer;*/
						position: relative;
						overflow: visible;
						padding: 6px 10px;
						text-decoration: none;
						font: bold 100%/1em inherit;
						left: auto;
					}
						#cart-area #cart-area-widget #in-your-bag #cart-data {
							display: none;
						}       
						#cart-area #cart-area-widget #in-your-bag #cart-icon {

						}
					#cart-area #cart-area-widget .cart-popup {
						display: none; position: absolute; top:52px; right: 0; min-width: 300px; 
						text-align: left; 
						padding: 1em;
					}
						#cart-area #cart-area-widget .cart-popup div.cart-buttons {
							margin: 2em 0 0 0;
						}
				#cart-area #cart-area-links {
					display: none;
				}
					
			#launch-bar {
				display: none;
			}

		.webpage-header header.navbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.webpage-header .is-sticky header.navbar {
			left: 0; z-index: 99998;
		}	

		/** Hide and Show menus **/
			nav.macromenu {
				display:none;
			}
			nav.micromenu {
				display:block;
			}
		/* All menu styles - these values pass on to later breakpoints */
				ul.nav-prime li {
					position:relative;
				}
				ul.nav-prime li:last-child, ul.nav-prime li:last-of-type {
					
				}
					ul.nav-prime a {
						display: block;
					}
				ul.nav-prime ul {
					list-style: none;
					margin:0 0 10px 0; padding:0;
					z-index: 99999;
				}


				
		/* Micro Menu Styles */
				nav.micromenu ul#nav-buttons {
					list-style: none; margin: 0; padding: 0;
				}
					nav.micromenu ul#nav-buttons li:first-child {
						border-left: 1px solid rgba(0, 0, 0, 0.075);
					}				
					nav.micromenu ul#nav-buttons li {
						float: left; display: block; line-height: 55px; padding: 0 10px;
						cursor: pointer; max-height: 55px;
						border-right: 1px solid rgba(0, 0, 0, 0.075);
						border-bottom: 1px solid rgba(0, 0, 0, 0.025);
					}
						nav.micromenu ul#nav-buttons li a, 
						nav.micromenu ul#nav-buttons li span {
							font-weight: 400;
							text-decoration: none; 
							font-size: 1em;
						}

				
						nav.micromenu ul#nav-buttons li span {
							font-weight: 400;
							text-transform: uppercase;
						}	
						nav.micromenu ul#nav-buttons li i.icon-shopping-cart { margin-right: 5px; }		
					nav.micromenu ul#nav-buttons li.hover,
					nav.micromenu ul#nav-buttons li.hover > span,
					nav.micromenu ul#nav-buttons li.hover > a,
					nav.micromenu ul#nav-buttons li.hover > a span {

					}
					nav.micromenu ul#nav-buttons li.hover:hover,
					nav.micromenu ul#nav-buttons li.hover:hover > span,
					nav.micromenu ul#nav-buttons li.hover:hover > a,
					nav.micromenu ul#nav-buttons li.hover:hover > a span,
					nav.micromenu ul#nav-buttons li.hover.active {

					}
					nav.micromenu ul#nav-buttons li#show-nav-prime {
						color:#fff;	
						font-size: 1.5em;
						line-height: 2.4;
					}
					nav.micromenu ul#nav-buttons li#micrologo {
						max-width: 35%; line-height: 1; height: 55px; /*padding: 0 1%;*/
					}
						nav.micromenu ul#nav-buttons li#micrologo img {
							max-width: 100%; max-height: 100%;
						}
					nav.micromenu ul#nav-buttons li#microhome {
						padding: 0 1.25%;
						font-size: 1.5em;
						line-height: 2.4;
					}
				/*ul#menu-icons {
					 position: absolute; top:5px; right:10px;
				}
				ul#menu-icons li {
					display: block; float: left;
				}
				ul#menu-icons li a {
					padding:0 0.5em;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
				}
				ul#menu-icons li a:hover {
					opacity:0.9;
					filter:alpha(opacity=90);
				}*/
			select.select-menu {
				display:block; padding:5px; margin: 0 auto;
			}
			nav.micromenu ul.nav-prime {
				display:none;
				list-style:none; padding:0; margin:0;
			}	

	header.membership-header {

	}			
		.membership-header header.modulesbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.membership-header .is-sticky header.modulesbar {
			left: 0; z-index: 99998;
		}	
		header.membership-header header.loginbar {
			
		}
			header.membership-header header.loginbar #logo-area {
				padding: 1em 0; text-align: center;
			}
			header.membership-header header.loginbar #loginmenu {
				padding: 0 0 1em 0;
			}
				header.membership-header header.loginbar #loginmenu ul {
					list-style: none; margin: 0; padding: 0; text-align: center;
				}
					#loginmenu ul li {
						display: inline-block; margin-right: 1em;
					}

	.membership header.bannerbar {}
		.membership header.bannerbar img { max-width: 100%; display: block; }

/* ---------------------------------------- */
/*  2.0 - Mobile Content Layout Styles
/* ---------------------------------------- */
/* Content Area - Column Setup for this and all breakpoints unless overwritten later on */

div#content {
	z-index: 1; margin: 2em 0;
}   

/**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column 
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, in mobile, no columns are floated, all are 100% blocks.
*/
div#content.fullwidth {}
	div#content.fullwidth section.column-two {
		width: 100%; padding: 2em 2.5%;
	}   
		/* If page is set to FullWidth, hide other columns */
		div#content.fullwidth section.column-one, div#content.fullwidth section.column-three { display: none; }

div#content.skinny {}
	div#content.skinny section.column-two {
		width: 100%; padding: 2em 2.5%; /* Same as full width because we don't want margins on a small screen */
	}   
		/* If page is set to Skinny, hide other columns */
		div#content.skinny section.column-one, div#content.skinny section.column-three { display: none; }       

div#content.two-columns {} /* here in mobile view, no floating, as they'll be one below the other */
	div#content.two-columns section.column-one {

	}
	div#content.two-columns section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.two-columns section.column-three {
		padding: 2em 2.5%;
	}   
	div#content.two-columns section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   

div#content.two-columns-left {} /* here in mobile view, no floating, as they'll be one below the other */
	div#content.two-columns-left section.column-one {
		padding: 2em 2.5%;
	}
	div#content.two-columns-left section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.two-columns-left section.column-three {
		
	}   
	div#content.two-columns-left section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   

div#content.three-columns {}    
	div#content.three-columns section.column-one {
		padding: 2em 2.5%;
	}
	div#content.three-columns section.column-two { 
		padding: 2em 2.5%;
	}   
	div#content.three-columns section.column-three {
		padding: 2em 2.5%;
	}   
	div#content.three-columns section.column-main { /* This is the one that'll be huge on some pages, here in mobile, everything is 100% */
		
	}   



/**
 *  Front Page (if one exists)
 */
div#content.front-page {
	margin: 0 0 0 0;
}   

/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		margin: 0 auto; width: 90%;
		/* This can also have padding like a #content column */
	}


	section.block.optin {
		background: url('/wp-content/uploads/2020/10/bg_optin.png') repeat-y center top;
	}
		section.block.optin .limiter{
			max-width: 1100px;
		}



	section.block.buttons-box {
		padding: 2em 0;
	}
		section.block.buttons-box .title {
	    margin: 1.5em auto 2.5em;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
			section.block.buttons-box .title:after, section.block.buttons-box .title:before {
				border-top: 1px solid #fff;
				position: absolute;
				left: 0;
				top: 50%;
				width: 15%;
				content: ""
			}
			section.block.buttons-box .title:before {
				left: auto;
				right: 0;
			}

		section.block.buttons-box .title h3 {
		  color: #fff;
		  display: inline-block;
		  font-size: 1.875em;
		  font-weight: 400;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		  text-transform: uppercase;
		}



		.buttons-box .boxbutton {
			 margin-bottom: 1em;
		}		
			.buttons-box .boxbutton img {
				display: block; max-width: 100%; height: auto;  margin: 0 auto;
			}
		.buttons-box #button-1 {

		}
		.buttons-box #button-2 {

		}
		.buttons-box #button-3 {

		}


	section.block.home-bio {
		padding: 0;
	}
		section.block.home-bio article {
			margin: 0 0;
		}
			section.block.home-bio article .bio-photo {
				
			}
				section.block.home-bio article .bio-photo img {
					display: block;|
				}
			section.block.home-bio article .bio-text {

			}
				section.block.home-bio article .bio-text h3{
					font-family: "cinzel", arial;font-weight: 400;margin-top: 1em;
				}

				section.block.home-bio article .bio-text p {

				}
					section.block.home-bio article .bio-text a.button {
				    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);				    
				    font-size: 1.125em;
				    font-weight: 700;
				    margin-top: 1em;
					}


	section.block.buy-now {
		background: url('/wp-content/uploads/2020/10/textura_papel.jpg') repeat center top;		
		min-height: 350px;
		padding: 1em 0;
	}
		section.block.buy-now article {
			margin: 1em 0 0;
		}
			section.block.buy-now article .buy-now-photo {
				
			}
				section.block.buy-now article .buy-now-photo img {
					
				}
			section.block.buy-now article .buy-now-text {

			}
				section.block.buy-now article .buy-now-text h3{
					font-size: 1.875em;margin: 0 0 15px;text-transform: uppercase;font-weight: 400;					
				}
				section.block.buy-now article .buy-now-text p {
					margin: 0 0 1em;line-height: 180%;
				}
				section.block.buy-now article .buy-now-text a.button:hover{
					color: #6d6e71;border-color: #6d6e71;background: none !important;
				}
				section.block.buy-now article .buy-now-text a.button {
			    font-size: 18px;font-weight: 700;margin-top: 0.5em;
				}


	section.block.home-testimonials {
		background: url('/wp-content/uploads/2020/10/textura_papel.jpg') repeat center top;
		padding: 2em 0;
	}
		section.block.home-testimonials .title {
	    margin: -1em auto 0;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
		
			section.block.home-testimonials .title:after, section.block.home-testimonials .title:before {
				border-top: 1px solid #8d704e ;
				position: absolute;
				left: 0;
				top: 50%;
				width: 15%;
				content: ""
			}
			section.block.home-testimonials .title:before {
				left: auto;
				right: 0;
			}

			section.block.home-testimonials .title h3 {
			  color: #8d704e;
			  display: inline-block;
			  font-size: 1.875em;
			  font-weight: 400;
			  margin: 0;
			  padding: 0 0.8em;
			  position: relative;
			  text-transform: uppercase;
			}


		section.block.home-testimonials .inti-testimonials {
			margin: 2em 0;
		}
			section.block.home-testimonials .inti-testimonials {
				
			}
				section.block.home-testimonials .inti-testimonials div.slide {
					
				}
					blockquote.testimonial  div.testimonial-image {
						float: none;
				    margin: 0 0 1em;
				    text-align: center;
				    width: 100%;
					}	
						div.testimonial-image img {
							max-width: 100%; height: auto;
						}	

					blockquote.testimonial div.testimonial-text {
					  float: none;
					  width: auto;
					}
						.inti-testimonials div.slide div.testimonial-text cite {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-name {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-jobtitle {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-company {
							
						}	
							.inti-testimonials div.slide div.testimonial-text p.testimonial-company a {
								
							}	
					


	section.block.home-blogposts {
		padding: 2em 0;min-height: 608px;
	}
		section.block.home-blogposts .title {
	    margin: 1.5em auto 2.5em;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
			section.block.home-blogposts .title:after, section.block.home-blogposts .title:before {
				border-top: 1px solid #cac8c7;
				position: absolute;
				left: 0;
				top: 50%;
				width: 15%;
				content: ""
			}
			section.block.home-blogposts .title:before {
				left: auto;
				right: 0;
			}

		section.block.home-blogposts .title h3 {
		  color: #cac8c7;
		  display: inline-block;
		  font-size: 1.875em;
		  font-weight: 400;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		  text-transform: uppercase;
		}



			section.block.home-blogposts article {
				margin-bottom: 2em; 
			}
				section.block.home-blogposts article .featured-image {

				}
					section.block.home-blogposts article .featured-image img {
						max-width: 100%; height: auto;
					}
				section.block.home-blogposts article .post-text {
					
				}
					section.block.home-blogposts article .post-text span {
						font-size: 0.938em;
					}
					section.block.home-blogposts article .post-text p {
						margin: 0;
					}
					section.block.home-blogposts article .post-text h3 {
						margin-bottom: 0;font-size: 1.125em ;
					}
					section.block.home-blogposts article .post-text .more {
						text-transform: uppercase;font-size: 0.938em;
					}

	section.block.quiz{
		text-align: left;
		min-height: 250px;
	}
		.quiz-img{
			/*margin: 4.5em 0 0 12em;*/
			display: block;
	    	margin: 4em auto;
	    	padding: 0 10%;
		}
			.quiz-img img{
		   		height: auto;
	    		max-width: 100%;
	    		width: 100%;
			}


	section.block.carousel {
		padding: 2em 0;
	}
		section.block.carousel .title {
	    margin: 1.5em auto 2.5em;
	    max-width: 100%;
	    position: relative;
	    text-align: center;
		}
			section.block.carousel .title:after, section.block.carousel .title:before {
				border-top: 1px solid #cac8c7 ;
				position: absolute;
				left: 0;
				top: 50%;
				width: 15%;
				content: ""
			}
			section.block.carousel .title:before {
				left: auto;
				right: 0;
			}

		section.block.carousel .title h3 {
		  color: #cac8c7;
		  display: inline-block;
		  font-size: 1.875em;
		  font-weight: 400;
		  margin: 0;
		  padding: 0 0.8em;
		  position: relative;
		  text-transform: uppercase;
		}

		section.block.carousel .flexcarousel {

		}
			section.block.carousel .flexcarousel ul.slides {

			}
				section.block.carousel .flexcarousel ul.slides li {

				}
				section.block.carousel .flexcarousel ul.slides li img {
					max-height: 140px;
				}
				section.block.carousel .flexcarousel ul.slides li div.swiper-slide-text {
					display: none;
				}
				section.block.carousel .flex-direction-nav{display: none;}
				section.block.carousel .flex-control-paging{display: none;}


/**
 *  Pages
 */

/* All */
article.page { 
	padding: 0;
}

/* Membership Pages */
.membership div#content.login-page {
	background-size: cover;
	margin: 0; padding: 2em 0;
}
	.membership div#content.login-page article.login-form {

	}
	.membership.pilotpress div#content.login-page article.login-form div.op-login-form-1 {

	}
	.membership.wishlist div#content.login-page article.login-form div {

	}

section.video-area {

}


/**
 *  Blog Posts
 */

/* All */
article.post { 
	padding: 0;
}

article.post .entry .sharing { margin: 2em 0; }
article.post .entry .sharing h4 { display: inline-block; margin-right: 0.5em; }
	article.post .entry .sharing ul { display: inline-block; list-style: none; padding: 0; margin: 0; }
		article.post .entry .sharing ul li { display: inline-block; margin: 0 0.5em 0 0; font-size: 1.5em; }

article.post .entry #inti-vendor-sharing.sharing {  }
article.post .entry #inti-pretty-sharing.sharing {  }

article #post-comments { padding: 2em 0 0; }

nav.single-post-navigation { margin: 0 0 2em 0; }
	nav.single-post-navigation ul { padding: 0; margin: 0; list-style: none; }
		nav.single-post-navigation ul li { display: block; }
		nav.single-post-navigation ul li.nav-left { float: left; margin-right: 1em; }
		nav.single-post-navigation ul li.nav-right { float: right; margin-left: 1em; }

div#content.blog-index, div#content.search-index {
	
}
	div#content.blog-index article.post {

	}
		div#content.blog-index article.post section.featured-image, div#content.search-index article.post section.featured-image {
			
		}       
			div#content.blog-index article.post section.featured-image img, div#content.search-index article.post section.featured-image img {
				max-width: 100%; height: auto; box-shadow: 2px 2px 2px #efefef;
			}   
		div#content.blog-index article.post .entry .continue, div#content.search-index article.post .entry .continue {
			text-align: right; margin: 0 0 1em 0;
		}       

div#content.single-post {

}
/** all blog posts **/
	div#content.blog article.post {
		margin-bottom: 3em;
	}   
	div#content.blog article.post > h1 {
		margin: 0;
	}   
	div#content.blog article.post .meta {
		font-size: 0.9em; margin: -0.25em 0 0.25em 0;
	}

div#content.single-page {

}
	
div#content.testimonials-index {

}

div#content.search-index {

}
	
div#content.search-page {

}


/**
 *  Membership Modules and Lessons
 */
div#content.single-module {

}	
	div#content.single-module.two-columns-left section.column-one {
		display: none; /* With left column floating top on mobile, best just to hide */
	}
	div#content.single-module.two-columns-left section.column-two { 
		
	}   

div#content.single-lesson {

}	
	div#content.single-lesson.two-columns-left section.column-one {
		display: none; /* With left column floating top on mobile, best just to hide */
	}
	div#content.single-lesson.two-columns-left section.column-two { 
		
	}   


/**
 *  WooCommerce Products
 */

/* All */
li.product, article.product { 
	padding: 0;
	position: relative;
}
div#content.product-index {

}
	div#content.product-index h1.page-title {

	}
	div#content.product-index div.page-description {

	}
	div#content.product-index .woocommerce-result-count {
		margin: 0;
	}
	div#content.product-index .woocommerce-ordering {
		margin-bottom: 1em;
	}
	ul.products {
		margin: 0; padding: 0; list-style: none;
	}
		/* */
		ul.products li {
			margin: 0 0 3em 0; position: relative;
		}
		ul.products li:before, div#content.product-index ul.products li:after { content: ""; display: table; }
		ul.products li:after { clear: both; }
		ul.products li { *zoom: 1; }    

			ul.products li a {

			}
			ul.products li a:hover {
				text-decoration: none;
			}
				ul.products li a img {
					float: left; margin-right: 1em;
				}
				ul.products li a h3 {
					font-size: 1em;
				}
				ul.products li a span.price {
					font-size: 1.2em;
				}
			ul.products li a.add_to_cart_button {
				float: right;
			}

	div#content.product-index div.navigation {
		margin: 0 0 1em 0;
	}   
		div#content.product-index div.navigation .nav-next {
			
		}
		div#content.product-index div.navigation .nav-previous {
			
		}
	div#content.product-index form.woocommerce-ordering {
		margin: 0 0 1em 0;
	}   
		div#content.product-index form.woocommerce-ordering select {
			
		}
	div#content.product-index .woocommerce-pagination {
		clear: both; float: right;
	}
		div#content.product-index .woocommerce-pagination ul.page-numbers {
			list-style: none;
		}   
			div#content.product-index .woocommerce-pagination ul.page-numbers li {
				display: inline;
			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li span.current {
				padding: 0.1em 0; display: inline-block; width: 1.75em; text-align: center; margin: 0 0.15em;

			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li a {
				display: inline-block; 
			}
			div#content.product-index .woocommerce-pagination ul.page-numbers li a:hover {

			}



div#content.single-product-page {

}
		div#content.single-product-page article.product div.images {
			margin-bottom: 1em;
		}
			div#content.single-product-page article.product div.images a.zoom {

			}
				div#content.single-product-page article.product div.images a.zoom img{

				}
			div#content.single-product-page article.product div.images div.thumbnails {

			}
		div#content.single-product-page article.product div.summary {
			margin-bottom: 2em;
		}
			div#content.single-product-page article.product div.summary h1.product_title {

			}
			div#content.single-product-page article.product div.summary div {
				overflow: auto;
			}
				div#content.single-product-page article.product div.summary div p.price {
					font-size: 1.1em;
				}
			div#content.single-product-page article.product div.summary form {
				display: block; overflow: auto;
			}           
				div#content.single-product-page article.product div.summary form div.quantity {

				}   
					div#content.single-product-page article.product div.summary form div.quantity input.minus {

					}   
					div#content.single-product-page article.product div.summary form div.quantity input.input-text {

					}   
					div#content.single-product-page article.product div.summary form div.quantity input.plus {

					}   
				div#content.single-product-page article.product div.summary form button.single_add_to_cart_button {

				}

			div#content.single-product-page article.product div.summary div.product_meta {
				clear: both;
			}
				div#content.single-product-page article.product div.summary div.product_meta span.posted_in {

				}

		div#content.single-product-page article.product div.woocommerce-tabs {
			margin: 0 0 2em 0;
		}
			div#content.single-product-page article.product div.woocommerce-tabs ul.tabs {

			}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li {

				}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li.active {

				}
			div#content.single-product-page article.product div.woocommerce-tabs > div.panel {
				margin: 0 0 0 0; padding: 1em; border: 1px solid #efefef;
			}
			div#content.single-product-page article.product div.woocommerce-tabs div.panel img {
				max-width: 100%; height: auto;
			}
		div#content.single-product-page article.product div.related.products {
			margin: 0 0 2em 0;
		}
			div#content.single-product-page article.product div.related.products ul.products {

			}
				div#content.single-product-page article.product div.related.products ul.products li {
					overflow: auto;
				}


			
.woocommerce img.category-banner { max-width: 100%; margin-bottom: 1em; }
.woocommerce .product .price { }
	.woocommerce .product .price del { font-size: 0.8em; }
	.woocommerce .product .price ins { background: none; }


/* ---------------------------------------- */
/*  Shopping cart
/* ---------------------------------------- */
form.checkout {

}
	form.checkout #customer_details {}
		#customer_details:before, #customer_details:after { content: ""; display: table; }
		#customer_details:after { clear: both; }
		#customer_details { *zoom: 1; }

	form.checkout .col-1:before, form.checkout .col-1:after, form.checkout .col-2:before, form.checkout .col-2:after { content: ""; display: table; }
	form.checkout .col-1:after, form.checkout .col-2:after { clear: both; }
	form.checkout .col-1, form.checkout .col-2 { *zoom: 1; }
	form.checkout .form-row { height: 4em; }

	form.checkout .col-1 {
		/*width: 48%; margin-right: 4%; float: left;*/ width: 100%; float: none; clear: both;
	}
	form.checkout .col-2 {
		/*width: 48%; float: left;*/ width: 100%; float: none; clear: both;
	}
	form.checkout .col-1 .clear, form.checkout .col-2 .clear { padding:1em; }

div.category-list {

}   
	div.category-list .category-title h3 { /* Takes cue from widget h3 too*/

	}
	div.category-list .category-content {

	}   
		div.category-list .category-content ul {
			
		}   
			div.category-list .category-content ul li {
				
			}   
				div.category-list .category-content ul li a {
					
				}   
				div.category-list .category-content ul li ul {
					margin-bottom: 0.5em;
				}   





/* ---------------------------------------- */
/*  3.0 - Mobile Footer Styles
/* ---------------------------------------- */
.webpage > footer.main-footer {
	overflow: auto;
}   

	footer.main-footer nav {
		padding:10px;
	}   
		footer.main-footer nav ul {
			list-style: none; margin: 0; 
		}   
			footer.main-footer nav ul li {
				display: inline; padding: 0 5px;
			}   
			
	
	footer.main-footer #social{

	}
		footer.main-footer #social ul{
			list-style:none; margin:20px auto; padding:0; text-align:center; min-width:220px;
		}
		footer.main-footer #social ul li{
			display:inline; padding:0 2px;
		}

	footer.main-footer div#copyright{

	}   
	footer.main-footer div#waqa {
		text-align: center;padding: 5px;
	}   
	footer div#waqa:hover { opacity:1; }


				
.tester{
	background-color:red;
	width:100%;
	height:600px;
	font-size:36px;
	color:#FFF;
}



/* ---------------------------------------- */
/*  4.0 - Basic forms and buttons reset
/* ---------------------------------------- */
input[type="text"], input[type="password"], input[type="email"], input[type="file"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"] {
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 6px 4%;
	text-decoration: none;
	line-height: 1;
}
select { 
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 0;
	text-decoration: none;
	line-height: 1;
}
.select2-focusser {display: none;}

textarea { 
	max-width: 100%;
	margin: 0;
	position: relative;
	overflow: visible;
	padding: 6px 10px;
	text-decoration: none;
	line-height: 1;
}

button, input[type="button"], input[type="reset"], input[type="submit"], a.button, .button.alt {
	white-space: nowrap; display: inline-block;
	/*margin: 0 0 0.5em 0;*/
	cursor: pointer;
	position: relative;
	overflow: visible;
	padding: 0.5em 1em;
	text-decoration: none;
	line-height: 1;
/*  -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	left: auto;
	color: #000;
	/*border: 1px solid #fff;*/ border: none;
}
button.secondary-button, input[type="button"].secondary-button, input[type="reset"].secondary-button, input[type="submit"].secondary-button, a.button.secondary-button {
	font-size: 0.9em;
}
button.call-out-button, input[type="button"].call-out-button, input[type="reset"].call-out-button, input[type="submit"].call-out-button, a.button.call-out-button {
	font-size: 1.6em;
	padding: 0.5em 1.2em;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, a.button:hover {
	background: #06A2CB !important;
	color: #fff;
}
button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, , a.button:active {

}

.searchbox {
	position: relative;
}
	.searchbox #searchbox-wrapper input.search-text {
		width: 100%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
	    box-sizing: border-box;
		  padding: 12px;
	}
	.searchbox #searchbox-wrapper input.search-submit {
		position: absolute; right: 0; top: 0;
		font-size: 1em; line-height: 1;
		padding: 12px 1em;
		font-family: 'FontAwesome';
	}   

/* ---------------------------------------- */
/*  CUSTOM STYLES FORMS                     */
/* ---------------------------------------- */

.form_field_row {
	margin-bottom: .5em;
}

.input-fullwidth {
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}



/* ---------------------------------------- */
/*  5.0 - WordPress Stuff
/* ---------------------------------------- */
.alignright { float: none; vertical-align:bottom; }
.alignleft { float: none; vertical-align:bottom; }
.wp-caption { font-size: 0.8em; font-style: italic; margin-top: 0; }






/* ---------------------------------------- */
/*  6.0 - Mobile Shortcode structure
/* ---------------------------------------- */

section.module-list { margin: 1em 0; }
	section.module-list article.module { margin: 1em 0; }
		section.module-list div.module-image { text-align: center; }
			section.module-list div.module-image img { max-width: 100%; }
		section.module-list div.module-title { text-align: center; height: 5em; }
			section.module-list div.module-title h3 {}

/*  Responsive YouTube (used in shortcode) */
.video-wrapper {
	position: relative;
	padding-bottom: 53%;
	padding-top:25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.one-half { width: 100%; margin-bottom:0.5em; } .one-half.last { margin-bottom:1em; }
.one-third { width: 100%; margin-bottom:0.5em; } .one-third.last { margin-bottom:1em; }
.two-third { width: 100%; margin-bottom:0.5em; } .two-third.last { margin-bottom:1em; }
.one-fourth { width: 100%; margin-bottom:0.5em; } .one-fourth.last { margin-bottom:1em; }
.three-fourth { width: 100%; margin-bottom:0.5em; } .three-fourth.last { margin-bottom:1em; }

.infobox {
	margin: 0 0 20px;
	padding: 1em;
}

.testimonial-list {

}
	.testimonial-list h2 {

	}
	blockquote.testimonial {
		padding: 0; margin: 1em 0;
	}   
		blockquote.testimonial div.testimonial-image {
			margin-bottom: 1em; text-align: center;
		}		
		blockquote.testimonial div.testimonial-text {
			
		}


.testimonial-list blockquote.testimonial {
	margin-bottom: 2em;
}


.slogan { font-weight:300; font-size:2em; color:#444 !important; margin: 0.8em 0 !important;}
hr.dotted { border-top:1px dotted #efefef !important; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-left { text-align:left; }

.tabs-nav {
	list-style: none; margin: 0;
	overflow: hidden; padding: 0; width: 100%;
}
	ul.tabs-nav { margin-bottom: 0 !important; }
		.tabs-nav li {
			float: left;
			line-height: 35px;
			margin: 0; overflow: hidden; padding: 0;
			position: relative;
		}
		.tabs-nav li.active { 
			line-height: 34px; 
		}
			.tabs-nav li a {
				background: #fbfbfb;
				border: 1px solid #efefef;
				border-bottom: 1px solid #efefef;
				border-left: none;
				color: #444;
				display: block;
				padding: 0.5em 0.5em;
				text-decoration: none;
				text-shadow: 0 1px 0 #fff;
			}
		.tabs-nav li:first-child a { 
			border-left: 1px solid #efefef; 
		}
		.tabs-nav li a:hover { 
			
		}
		.tabs-nav li a:hover, .tabs-nav li.active a { 
			color: #000; 
		}
			.tabs-nav li.active a  {
				background: #fff;
				border-bottom: 2px solid #fff;
			}

.tabs-container {
	border: 1px solid #efefef;
	margin: -1px 0 20px;
	overflow: hidden;
	width: 99%;
}
	.tab-content { padding: 20px; }

.accordion{
	border-bottom:1px solid #efefef;
}
	.accordion .title a{
		font-size:15px;
		font-weight:700;
		color:#666666;
		display: block;
		border-top:1px solid #efefef;
		padding:25px 20px 25px 50px;
		background: url('images/ui.plus.png') no-repeat 20px 28px;
	}
	.accordion .title a:hover{
		background: #fbfbfb url('images/ui.plus.png') no-repeat 20px 28px;
	}
	.accordion .title.active a{
		color:#444 !important;
		background: #fbfbfb url('images/ui.minus.png') no-repeat 20px 28px;
		padding:25px 20px 15px 50px;
	}
	.accordion .inner{
		margin-top:0px;
		padding:0px 20px 20px 50px;
	}

.toggle{
	border:1px solid #efefef;
	margin-bottom:20px;
}
	.toggle .title{
		font-size:15px;
		font-weight:700;
		color:#06A2CB;
		display: block;
		padding:20px 20px 20px 50px;
		background: url('images/ui.plus.png') no-repeat 20px 23px;
		cursor: pointer;
	}
	.toggle .title:hover{
		background: #f8f8f8 url('images/ui.plus.png') no-repeat 20px 23px;
	}
	.toggle .title.active{
		background: #ffffff url('images/ui.minus.png') no-repeat 20px 23px;
	}
	.toggle .inner{
		display: none;
	}
		.toggle .inner div{
			padding:20px 20px 20px 20px;
			border-top:1px dotted #efefef;
		}

/* ---------------------------------------- */
/*  Announcement Bar
/* ---------------------------------------- */
	#announcements {display: none; text-align: center; /* background: #FF7F00;  */ min-height: 35px; position: absolute; top:0; width: 100%; z-index: 9998; overflow: hidden;}
	#announcements.fixed {position: fixed !important; }
	#announcements .wrapper {width: 85%; text-align: left; margin: 0 auto; padding: 5px 0;}
	#announcements .wrapper .announcements-close {float: right; display: block; width: 24px; height: 24px; padding: 5px; background: url('images/ui.close.png') no-repeat 5px 5px; }
	#announcements .wrapper .announcements-close:hover{ opacity: 0.5; filter:alpha(opacity=50);  }
	#announcements .wrapper .announcements-message { width: 95%;}
	#announcements .wrapper .announcements-message p{margin: 0; color: #fff; width: 100%; text-align: center;}


/* ---------------------------------------- */
/*  404
/* ---------------------------------------- */
.entry.not-found {
	text-align: center;
}
	.entry.not-found img {
		max-width: 100%; width: 265px; height: auto;
	}
	.entry.not-found h2 {
		text-align: center; font-size: 3em; text-transform: uppercase; 
	}
	.entry.not-found h3 {
		font-size: 1.5em; line-height: 1; text-transform: uppercase;
	}
	.entry.not-found p {
		
	}


/* ---------------------------------------- */
/*  7.0 - Widget structure
/* ---------------------------------------- */

.widget {
	margin-bottom: 4em;
}

/**
 * Some membership sites have sidebar menus for lessons, these 
 * usually follow the same style as the main menu. Remove if not.
 */
div#content.module .widget.widget_nav_menu {}
	div#content.module .widget.widget_nav_menu ul { list-style: none; padding: 0; margin: 0 0 1em 0; }
		div#content.module .widget.widget_nav_menu ul > li { margin: 0; margin: 0 0 1em 0; }
			div#content.module .widget.widget_nav_menu ul li a { display: block;}
			div#content.module .widget.widget_nav_menu ul li ul {  display: none; }
			.no-js div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			.no-js div#content.module .widget.widget_nav_menu ul li:hover ul
			 { display: block; }
			div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-ancestor ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-item ul,
			div#content.module .widget.widget_nav_menu ul li.current-menu-parent ul { display: block; }
				div#content.module .widget.widget_nav_menu ul ul li { margin: 0; }




/* Media Queries */

@media only screen and (min-width: 30em) { /* About 480px */

	.tester{
		background:orange;
	}



/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		/* This can also have padding like a #content column */
	}


	section.block.optin {

	}


	section.block.buttons-box {
		
	}
		.buttons-box .boxbutton {
			float: left; margin-bottom: 0;
		}		
			.buttons-box .boxbutton img {

			}
		.buttons-box #button-1 {
			width: 31.66666666666667%; margin-right: 2.5%;
		}
		.buttons-box #button-2 {
			width: 31.66666666666667%; margin-right: 2.5%;
		}
		.buttons-box #button-3 {
			width: 31.66666666666667%;
		}


	section.module-list { }
		section.module-list article.module { width: 31%; margin: 0.9em 1.1555% 0.9em 1.1555%; float: left; }
			section.module-list div.module-image {}
				section.module-list div.module-image img { max-width: 100%; }
			section.module-list div.module-title {}
				section.module-list div.module-title h3 {}
				

	/* ---------------------------------------- */
	/*  8.0 - WordPress Stuff
	/* ---------------------------------------- */
	.alignright { float:right; margin-left:1em; margin-bottom: 0.5em; }
	.alignleft { float:left; margin-right:1em; margin-bottom: 0.5em; }
	.aligncenter { display: block; margin: 0 auto 0.5em auto; }
	.wp-caption { font-size: 0.8em; font-style: italic; margin-top: 0; }
}

@media only screen and (min-width: 37.5em) { /* 600px */
	.tester{
		background:yellow;
	}

	/* ---------------------------------------- */
	/*  9.0 - Content Layout Styles
	/* ---------------------------------------- */
	div#content.product-index {

	}
		div#content.product-index div#breadcrumb {

		}
		div#content.product-index h1.page-title {

		}
		div#content.product-index div.page-description {

		}
		ul.products {
			margin: 0; padding: 0; list-style: none;
		}
			ul.products li {
				float: left; width: 30%; margin-right: 5%; position: relative; min-height: 280px; /* change this if needed */
			}   

			ul.products li.first {
				clear: both;
			}       
			ul.products li.last {
				 width: 30%; margin-right: 0;
			}
				ul.products li a {

				}
				ul.products li a.added_to_cart {
					display: none;
				}
				ul.products li a:hover {
					text-decoration: none;
				}
					ul.products li a img {
						float: none; margin-left:1em;
					}
					ul.products li a h3 {
						
					}
					ul.products li a span.price {
						font-size: 1em; display: block; position: absolute; left: 0; bottom: 0; background: #f5f5f5; padding: 0.5em 1em; color: #D70060;
					}
				ul.products li a.button {
					position: absolute; right: 0; bottom: 0;
				}

		div#content.product-index div.navigation {
			margin: 0 0 1em 0;
		}   
			div#content.product-index div.navigation .nav-next {
				
			}
			div#content.product-index div.navigation .nav-previous {
				
			}
		div#content.product-index form.woocommerce-ordering {
			margin: 0 0 4em 0;
		}   
			div#content.product-index form.woocommerce-ordering select {
				
			}       



	div#content.single-product-page {

	}
		div#content.single-product-page div#breadcrumb {

		}
		div#content.single-product-page article.product {
			margin: 1em 0 0 0;
		}
			div#content.single-product-page article.product div.images {
				float: left; margin-right: 3%;
			}
				div#content.single-product-page article.product div.images a.zoom {

				}
					div#content.single-product-page article.product div.images a.zoom img{

					}
				div#content.single-product-page article.product div.images div.thumbnails {

				}
			div#content.single-product-page article.product div.summary {
				
			}
				div#content.single-product-page article.product div.summary h1.product_title {

				}
				div#content.single-product-page article.product div.summary div {

				}
					div#content.single-product-page article.product div.summary div p.price {
						
					}
				div#content.single-product-page article.product div.summary form {
					
				}           
					div#content.single-product-page article.product div.summary form div.quantity {

					}   
						div#content.single-product-page article.product div.summary form div.quantity input.minus {

						}   
						div#content.single-product-page article.product div.summary form div.quantity input.input-text {

						}   
						div#content.single-product-page article.product div.summary form div.quantity input.plus {

						}   
					div#content.single-product-page article.product div.summary form button.single_add_to_cart_button {

					}

				div#content.single-product-page article.product div.summary div.product_meta {

				}
					div#content.single-product-page article.product div.summary div.product_meta span.posted_in {

					}
				div#content.single-product-page article.product div.summary div.bundled_product_summary {
					clear: both;
					overflow: auto;
					margin-top: 1em;
				}
				div#content.single-product-page article.product div.summary div.bundled_product_summary:first-child
				{
					border-top: 1px solid #ccc;
				}
				div#content.single-product-page article.product div.summary div.bundled_product_summary:last-child,
				div#content.single-product-page article.product div.summary div.bundled_product_summary:last-of-type
				{
					border-bottom: 1px solid #ccc;
				}

			div#content.single-product-page article.product div.woocommerce-tabs {
				
			}
				div#content.single-product-page article.product div.woocommerce-tabs ul.tabs {

				}
					div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li {

					}
					div#content.single-product-page article.product div.woocommerce-tabs ul.tabs li.active {

					}
				div#content.single-product-page article.product div.woocommerce-tabs > div.panel {

				}




}



@media only screen and (min-width: 48em) { /* About 768px */

	.tester{
		background:green;
	}

/* ---------------------------------------- */
/*  10. - Header & Navigation Styles
/* ---------------------------------------- */  
	.limiter { width:90%; /*max-width: 1200px;*/ margin:0 auto; }
	.webpage .limiter.main { width: 90%; } /* Main has a different limiter so that the text body can be a set width will header and footer are 100% */
	
	header.webpage-header {

	}
		.webpage-header > header.logobar {
			height: 300px !important;
		}
		.home .webpage-header > header.logobar {
			height: 530px !important;
			background-position: 20% top;
		}


		.home #logo-area {margin-top: 8em;  margin-left: 3em; }

			#logo-area {
				float:left; text-align: left; margin: 3em 0 0 3em; background: none;
			}
				img#logo {
					max-width:100%;
				}
			/*#cart-area {
				display: block; position: absolute; top: 0.25em; right: 0em; padding:1em; text-align: right; z-index: 8;
			}
				#cart-area .cart-price { padding-right: 25px; background: url('images/ui.cart.png') no-repeat right; cursor: pointer; }
				#cart-area .cart-price:hover { cursor: default; }  
				.cart-popup { display: none; position: absolute; top:36px; right: 0; min-width: 320px; text-align: left; padding: 1em; border: 1px solid #eee; background-color: rgba(255,255,255,0.9);  }
					.cart-popup > p {  }
					.cart-popup ul {}
					.cart-popup ul li {}
					.cart-popup ul li small {}
					.cart-popup .total { margin-bottom: 1em; font-weight: 700; }

				#cart-area #cart-area-links {  }
					#cart-area #cart-area-links ul { list-style: none; }
						#cart-area #cart-area-links ul li { float: left;  padding-left: 1em; }
						#cart-area #cart-area-links ul li:first-child {  padding-right: 1em; border-right: 1px solid #eee; }*/

			#cart-area {
				padding:1em;
			}
				#cart-area #cart-area-widget {

				}
					#cart-area #cart-area-widget #in-your-bag {
						width: 300px;
					}
						#cart-area #cart-area-widget #in-your-bag #cart-data {
							display: block;
							float: left;  text-align: right; padding-top: 6px;
							width: calc(100% - 50px);
							width: -webkit-calc(100% - 50px);
							width: -o-calc(100% - 50px);
						}               
							#cart-area #cart-area-widget #in-your-bag #cart-data p {
								margin: 0; line-height: 1; text-transform: uppercase; font-size: 0.8em;
							}           
							#cart-area #cart-area-widget #in-your-bag #cart-data a.cart-contents {
								
							}
							#cart-area #cart-area-widget #in-your-bag #cart-data a.cart-contents i.icon-shopping-cart { display: none; }    
						#cart-area #cart-area-widget #in-your-bag #cart-icon {
							width: 30px; height: 39px; padding: left: 20px;
							float: right;
							/*background: url('images/ui.cart.png') no-repeat;*/
						}
					#cart-area #cart-area-widget .cart-popup {}
						#cart-area #cart-area-widget .cart-popup div.cart-buttons {
						}
				#cart-area #cart-area-links {
					display: block; float: right;
				}
					#cart-area #cart-area-links ul {
						padding: 0; list-style: none;
					}
						#cart-area #cart-area-links li {
							display: inline; padding: 0 5px;
						}
							#cart-area #cart-area-links li a {
								padding-left: 14px; font-size: 0.9em
							}
							/*#cart-area #cart-area-links li.account a {
								background: url('images/ui.account.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.register a {
								background: url('images/ui.signin.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.signin a {
								background: url('images/ui.signin.png') no-repeat 0 4px;
							}
							#cart-area #cart-area-links li.signout a {
								background: url('images/ui.signout.png') no-repeat 0 4px;
							}*/






		.webpage-header .is-sticky header.navbar {
			width: 100%;
		}	
/* Hide the micromenu and begin showing the macromenu */			
			nav.macromenu {
				display:block; position: relative;
			}
			nav.micromenu {
				display:none;
			}

/* Limit the width of the macromenu when it is fixed and 100% */	
			.is-sticky nav.macromenu {
				max-width: 1200px; /* should be the same as the limiter */
				margin: 0 auto;
			}			

/* Macromenu styles */			
			ul.nav-prime{
				margin: 0; padding: 0; list-style: none; height:55px; width:100%;
				display:block;
			}
				ul.nav-prime li{
					display: inline-block; float:left; position:relative;
				}
				ul.nav-prime a{
					/*padding:0 10px;*/ /* commented so pagging and linehight changes on mobile can pass to here */
				}
				ul.nav-prime ul {
					display: none;
					position:absolute;
					top:55px;
					left:0px;
					list-style: none;
					/*margin:0 0 10px 10px; padding:0;*/
					/*width: 350px;*/
					width: 300px;
					z-index: 99999;
				}
				ul.nav-prime ul li {
					/*min-width: 250px;*/
					width: 100%;
				}
					ul.nav-prime ul ul {
						left:100%;
						top:0;
						list-style:none;
					}


	header.membership-header {

	}			
		.membership-header header.modulesbar {
			position: relative; width: 100%;
			z-index:2;
		}
		.membership-header .is-sticky header.modulesbar {
			left: 0; z-index: 99998;
		}	
		header.membership-header header.loginbar {
			
		}
			header.membership-header header.loginbar #logo-area {
				width: 40%; float: left; padding: 1em 0; text-align: left
			}
			header.membership-header header.loginbar #loginmenu {
				width: 60%; float: right; padding: 2em 0;
			}
				header.membership-header header.loginbar #loginmenu ul {
					
				}
					#loginmenu ul li {
						
					}

	.membership header.bannerbar {}
		.membership header.bannerbar img { max-width: 100%; display: block; }


/* ---------------------------------------- */
/*  11. - Content Layout Styles
/* ---------------------------------------- */
/* Content Area - Column Setup for this and all later breakpoints unless overwritten further on */

		div#content {
			
		}   
			

/**
 * We have five default layouts:
 * - Fullwidth - one large column, no additional column
 * - Skinny - like full width but not as wide
 * - Two-Columns - one large column and one smaller sidebar [default]
 * - Two-Columns-Left - one smaller sidebar then one large column
 * - Three-Columns - small sidebar, main column, small sidebar

 * Below, on a larger screen, columns that were previously 100% blocks are now floated.
*/
			div#content.fullwidth {}
				div#content.fullwidth section.column-two {
					width:100%; padding: 4em 2.5%;
				}   
					/* If page is set to FullWidth, hide other columns */
					div#content.fullwidth section.column-one, div#content.fullwidth section.column-three { display: none; }

			div#content.skinny {}
				div#content.skinny section.column-two {
					width:100%; padding: 4em 16%;
				}   
					/* If page is set to skinny, hide other columns */
					div#content.skinny section.column-one, div#content.skinny section.column-three { display: none; }

			div#content.two-columns {} 
				div#content.two-columns section.column-one {
					display: none;
				}
				div#content.two-columns section.column-two { 
					float: left; width: 64.583334%; padding: 4em 4.166667%;
				}	
				div#content.two-columns section.column-three {
					float: left; width: 35.416667%; padding: 4em 4.166667% 4em 2.083333%;
				}	
				div#content.two-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.two-columns-left {} 
				div#content.two-columns-left section.column-one {
					float: left; width: 35.416667%; padding: 4em 2.083333% 4em 4.166667%;
				}
				div#content.two-columns-left section.column-two { 
					float: left; width: 64.583334%; padding: 4em 4.166667%;
				}	
				div#content.two-columns-left section.column-three {
					display: none;
				}	
				div#content.two-columns-left section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.three-columns {} /* here in mobile view, no floating, as they'll be one below the other */
				div#content.three-columns section.column-one {
					float: left; width: 25%; padding: 4em 4.166667% 4em 0;
				}
				div#content.three-columns section.column-two { 
					float: left; width: 50%; padding: 4em 2.083333%;
				}	
				div#content.three-columns section.column-three {
					float: left; width: 25%; padding: 4em 4.166667% 4em 0;
				}	
				div#content.three-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}	

			div#content.front-page {
				
			}   
				div#content.front-page.two-columns section.column-one {
					display: none;
				}
				div#content.front-page.two-columns section.column-two { 
					float: left; width: 70%; padding: 0;
				}   
				div#content.front-page.two-columns section.column-three {
					float: left; width: 30%; padding: 0;
				}   
				div#content.front-page.two-columns section.column-main { /* This is the one that'll be huge on some pages */

				}   


			div#content.front-page.three-columns {} /* here in mobile view, no floating, as they'll be one below the other */
				div#content.front-page.three-columns section.column-one {
					float: left; width: 25%; padding: 0;
				}
				div#content.front-page.three-columns section.column-two { 
					float: left; width: 50%; padding: 0;
				}   
				div#content.front-page.three-columns section.column-three {
					float: left; width: 25%; padding: 0;
				}   
				div#content.front-page.three-columns section.column-main { /* This is the one that'll be huge on some pages */
					
				}   



/**
 *  Home Page Blocks
 */
section.block {

}
	section.block > div.limiter {
		/* This can also have padding like a #content column */
	}


	section.block.optin {

	}
	.quiz-img{
			margin: 4.5em 0 0 12em; display: inline-block; padding: 0;
	}
	section.block.buttons-box {
		padding: 2em 0; min-height: 350px;
	}
		section.block.buttons-box .limiter{
			width: 70%;
		}


		.buttons-box .boxbutton {

		}		
			.buttons-box .boxbutton img {

			}
		.buttons-box #button-1 {

		}
		.buttons-box #button-2 {

		}
		.buttons-box #button-3 {

		}


	section.block.home-bio {

	}
		section.block.home-bio article {
			margin: 0 0;
		}
			section.block.home-bio article .bio-photo {
				width: 38%; float: right;
			}
				section.block.home-bio article .bio-photo img {
					
				}
			section.block.home-bio article .bio-text {
				width: 57%; float: left; margin-left: 2%;margin-right: 3%; 
			}
				section.block.home-bio article .bio-text p {

				}

	section.block.buy-now {
		padding: 2em 0;
	}
		section.block.buy-now article {
			margin: 1em 0 0;
		}
			section.block.buy-now article .buy-now-photo {
				width: 22%; float: left;margin-right: 5%;margin-left: 6%;
			}
				section.block.buy-now article .buy-now-photo img {
					
				}
			section.block.buy-now article .buy-now-text {
				width: 58%; float: left;padding: 2em 0 0;
			}
				section.block.buy-now article .buy-now-text p {

				}



	section.block.home-testimonials {
		
	}
		section.block.home-testimonials .inti-testimonials {
			margin: 0 auto;width: 80%;
		}
			section.block.home-testimonials .title{
				 padding: 2em 0 1em;
			}
			section.block.home-testimonials .inti-testimonials ul.slides {
				
			}
				section.block.home-testimonials .inti-testimonials div.slide {
					
				}
					.inti-testimonials div.slide div.testimonial-image {
						float: left; margin-right: 3%; width: 24%;
					}	
						.inti-testimonials div.slide div.testimonial-image img {
							max-width: 100%;
						}	

					.inti-testimonials div.slide div.testimonial-text {
						float: left; width: 72%; text-align: left; padding: 0 !important;
					}	
						.inti-testimonials div.slide div.testimonial-text cite {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-name {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-jobtitle {
							
						}	
						.inti-testimonials div.slide div.testimonial-text p.testimonial-company {
							
						}	
							.inti-testimonials div.slide div.testimonial-text p.testimonial-company a {
								
							}	
					
					


	section.block.home-blogposts {
		padding: 2em 0;
	}
		section.block.home-blogposts h3 {
			
		}
			section.block.home-blogposts article {
				float: left; margin-bottom: 0;
			}	
			section.block.home-blogposts article.home-blogposts-col-1 {
				width: 31.66666666666667%; margin-right: 2.5%;
			}			
			section.block.home-blogposts article.home-blogposts-col-2 {
				width: 31.66666666666667%; margin-right: 2.5%;
			}			
			section.block.home-blogposts article.home-blogposts-col-3 {
				width: 31.66666666666667%;
			}
				section.block.home-blogposts article .featured-image {

				}
				section.block.home-blogposts article .post-text {
					
				}
					section.block.home-blogposts article .post-text span {
						
					}
					section.block.home-blogposts article .post-text h3 {
						margin-bottom: 0;
					}


	section.block.carousel {
		padding: 2em 0;
	}
		section.block.carousel .flexcarousel {

		}
			section.block.carousel .flexcarousel ul.slides {

			}
				section.block.carousel .flexcarousel ul.slides li {

				}
				section.block.carousel .flexcarousel ul.slides li img {
					max-height: 140px;
				}
				section.block.carousel .flexcarousel ul.slides li div.swiper-slide-text {
					display: none;
				}




					

						div#content.blog-index {
							
						}       
							div#content.blog-index article.post section.featured-image {
								float: none; margin: 0 1em 0 0;
							}       

						div#content.single-post {

						}

						/** all blog posts **/
						div#content.blog article.post {
							margin-bottom: 3em;
						}

						div#content.single-page {

						}
							
						div#content.testimonials-index {

						}

						div#content.search-index {

						}
							
						div#content.search-page {

						}

						/**
						 *  Membership Modules and Lessons
						 */
						div#content.single-module {

						}
							div#content.single-module.two-columns-left section.column-one {
								display: block; /* With left column floating top on mobile, best just to hide and show again here */
							}
							div#content.single-module.two-columns-left section.column-two { 
								
							}   

						div#content.single-lesson {

						}	
							div#content.single-lesson.two-columns-left section.column-one {
								display: block; /* With left column floating top on mobile, best just to hide and show again here */
							}
							div#content.single-lesson.two-columns-left section.column-two { 
								
							}   

/* ---------------------------------------- */
/*  Shopping cart - 2nd breakpoint
/* ---------------------------------------- */
form.checkout {

}
	form.checkout #customer_details {}
		#customer_details:before, #customer_details:after { content: ""; display: table; }
		#customer_details:after { clear: both; }
		#customer_details { *zoom: 1; }

	form.checkout .col-1:before, form.checkout .col-1:after, form.checkout .col-2:before, form.checkout .col-2:after { content: ""; display: block; }
	form.checkout .col-1:after, form.checkout .col-2:after { clear: none; }
	form.checkout .col-1, form.checkout .col-2 { *zoom: 1; }
	form.checkout .form-row { height: 4em; }

	form.checkout .col-1 {
		width: 48%; margin-right: 4%; float: left; clear: none;
	}
	form.checkout .col-2 {
		width: 48%; float: left; clear: none;
	}
	form.checkout .col-1 .clear, form.checkout .col-2 .clear { padding:1em; }       

	form.checkout .notes { margin-top: 2em; }       




/* ---------------------------------------- */
/*  12. - Shortcodes - 2nd breakpoint
/* ---------------------------------------- */
.one-half { width: 49%; float:left; margin-right:2%; margin-bottom:0.5em; } .one-half.last { margin-left:0%; margin-right:0; margin-bottom:0.5em; }
.one-third { width: 32%; float:left; margin-right: 2%; margin-bottom:0.5em; } .one-third.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.two-third { width: 66%; float:left; margin-right: 2%; margin-bottom:0.5em; } .two-third.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.one-fourth { width: 23.75%; float:left; margin-right: 1.5%; margin-bottom:0.5em; } .one-fourth.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }
.three-fourth { width: 74.25%; float:left; margin-right: 1.5%; margin-bottom:0.5em; } .three-fourth.last { margin-left: 0%; margin-right: 0%; margin-bottom:0.5em; }

.testimonial-list {

}
	.testimonial-list h2 {

	}
	blockquote.testimonial {
		padding: 0;
	}   
	blockquote.testimonial {
		padding: 0; margin: 1em 0;
	}   
		blockquote.testimonial div.testimonial-image {
			margin: 0 3% 0 0; width: 30%; float: left;
		}		
		blockquote.testimonial div.testimonial-text {
			width: 67%; float: left;
		}	
/*		blockquote.testimonial div.testimonial-image {
			margin: 0 3% 0 0; width: 12%; float: left;
		}
		blockquote.testimonial div.testimonial-text {
			width: 85%; float: left;
		}
*/

		.tabs-nav li a {
			background: #f8f8f8;
			border: 1px solid #eaeaea;
			border-bottom: 1px solid #eaeaea;
			border-left: none;
			color: #666666;
			display: block;
			padding: 0em 1em;
			text-decoration: none;
			text-shadow: 0 1px 0 #fff;
		}


}

@media only screen and (min-width: 64em) { /* About 1024px */



	.tester{
		background:cyan;
	}

	.slider {
		border-bottom: none;
		margin-bottom: 0;
	}
		.slider #slider-wrapper {

		}
			#slider-wrapper .flexslider .flex-direction-nav {
				width: 100%; position: absolute; top:50%;
			}
			#slider-wrapper .flexslider ul.slides li img {
				max-width: 100% !important;
				display: block;
			}
			#slider-wrapper .flexslider ul.slides li div {
				max-width: 100% !important;
			}

			section.block.buttons-box .title{
				max-width: 72%;
			}
			section.block.buttons-box .title:after, section.block.buttons-box .title:before{
				width: 30%;
			}

			section.block.carousel .title{
				max-width: 72%;
			}
			section.block.carousel .title:after, section.block.carousel .title:before{
				width: 30%;
			}

			section.block.home-blogposts .title{
				max-width: 72%;
			}
			section.block.home-blogposts .title:after, section.block.home-blogposts .title:before{
				width: 30%;
			}

			section.block.home-testimonials .title{
				max-width: 72%;
			}
			section.block.home-testimonials .title:after, section.block.home-testimonials .title:before{
				width: 30%;
			}

}

@media only screen and (min-width: 75em) { /* About 1200px */

	.tester{
		background:blue;
	}		.home .webpage-header > header.logobar {
			height: 530px !important;
		}
}

@media only screen and (min-width: 87.5em) { /* About 1400px */

	.tester{
		background:white;
	}
}





/* ---------------------------------------- */
/*  Plugins
/* ---------------------------------------- */
/* Back to Top */

#toTop { 
	display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; 
	border: none; text-indent: -999px; background:url('images/ui.totop-default.png') no-repeat left top; 
}
#toTopHover { 
	background: url('images/ui.totop-default.png') no-repeat left -40px; width:40px; height:40px; display:block; overflow:hidden; float:left; 
	opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); 
}
#toTop:active, #toTop:focus { outline:none; }



/* ---------------------------------------- */
/*  Helper Classes
/* ---------------------------------------- */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .clear:before, .clear:after { content: ""; display: table; }
.clearfix:after, .clear:after { clear: both; }
.clearfix, .clear { *zoom: 1; }
.pointer {cursor: pointer;}
*,
*:after,
*:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}


/* ---------------------------------------- */
/*  Default Opacity Fade-in
/* ---------------------------------------- */
.main-footer, #content {
	/*opacity:0;*/
}

/* ---------------------------------------- */
/*  Fix scrollbar to page always to stop jumping
/* ---------------------------------------- */
html {
	overflow-y:scroll;
}

/* Admin bar becomes unfixed by default on small screens, this keeps it fixed in place (we use it to position the mobile menu) */
div#wpadminbar {
	position: fixed;
}




@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}



/* Slider CSS */
.swiper1 {
	width:100%;
}
.swiper-container {
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:1;
}

.swiper-wrapper {
	position:relative;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-slide {
	float: left;
	position: relative;
}

.swiper-slide img {
	max-width: 100%;
	height: auto;
}



a.arrow-left {
background: url(framework/slider/images/arrows.png) no-repeat left top;
position: absolute;
left: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
}

a.arrow-right {
background: url(framework/slider/images/arrows.png) no-repeat left bottom;
position: absolute;
right: 10px;
top: 50%;
margin-top: -15px;
width: 17px;
height: 30px;
}

a.arrow-left, a.arrow-right { z-index:20;cursor:pointer;}

.pagination1 {
text-align: center;
margin-top: 5px;
}
.pagination1 .swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
background: #999;
box-shadow: 0px 1px 2px #555 inset;
margin: 0 3px;
cursor: pointer;
}

.pagination1 .swiper-active-switch {
background: #fff;
}

.home-device {
/*max-width: 790px;*/
margin: 0 auto;
position: relative;
}

.swiper-main {
position: relative;
}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 auto; padding: 0;} /* editar AQUI */
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; background: #fff;position: relative; zoom: 1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 40px; height: 40px; margin: -20px 0 0; display: block; background: url('images/ui.slider-nav_sq.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 999; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0;/ }
.flex-direction-nav .flex-prev {/*left: -36px;*/}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.swiper-slide-text {
	width:100%;
	position: absolute;
	left:0;bottom:0;
	height: 40px;
	line-height: 40px;
	text-indent: 1em;
	color:#fff;
	background:rgba(0,0,0,.75);
}

.flexcarousel { position: relative; display:none;}
.flexslider { visibility: hidden; }


/** Magnific Popover **/
/* Magnific Popup CSS */

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; }
.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
 * Remove all paddings around the image on small screen
 */
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure { /* The shadow behind the image */}
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px;}
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6);	bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0;}
	.mfp-img-mobile .mfp-counter { right: 5px;	top: 3px;}
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0;}
}

@media all and (max-width: 900px) {
	.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}
	.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}
	.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}
	.mfp-container {padding-left: 6px;padding-right: 6px;}
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px;left: 50%;	margin-left: -300px;margin-top: 5px;padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0;	padding-top: 0; }
.popup-modal-dismiss { position: absolute; right: -20px; top: -20px; width: 40px; height: 40px; display: block; background: url('images/ui.close2.png') no-repeat center center; opacity: 1 !important; }
.mfp-iframe-holder .mfp-close:hover { background: transparent !important; }