/* ==================================================================================
	index.html
================================================================================== */
	.promo{
		padding-bottom: 2.127659574468085%; /* 20px from 940px */
		-webkit-border-radius: 3px 3px 0 0;
		   -moz-border-radius: 3px 3px 0 0;
				border-radius: 3px 3px 0 0;
		background-position: 50% 0;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
				background-size: cover;
	}
		.promo-text-wr{
			margin: 3.260869565217391% 0 0 5.869565217391304%; /* 15px from 460px // 27px from 460px */
			position: relative;
			z-index: 1024;
		}
			.promo-text{
				font-size: 3em;
				letter-spacing: -1px;
			}

		.promo-big-text-wr {
			margin: 0 0 0 5.217391304347826%; /* 24px from 460px */
			position: relative;
			z-index: 1024;
		} 
			.promo-big-text {
				font-size: 8.2em;
				line-height: 1;
				color: #c00865;
				letter-spacing: -1px;
			}
		
		.promo-shot {
			width: 82.17391304347826%; /* 378px from 460px */
			margin: -6.956521739130435% 0 0 auto; /* 32px from 460px */
		}
		
		.price-description-wr{
			margin: 24.09090909090909% 0 0 -9.090909090909091%; /* 53px from 220px // 20px from 220px */
			width: 113.6363636363636%; /* 250px from 220px */
		}
			.price-description{
				font-size: 1.8em;
				line-height: 1.33;
			}

		.price-wr{ margin: 4.545454545454545% 0 0 0;} /* 10px from 220px */
			.price{
				font-size: 9em;
				line-height: 1;
				letter-spacing: -6px;
				white-space: nowrap;
			}
		.price-ship-wr { margin: -2.272727272727273% 0 0; }  /* 5px from 220px */
				.price-ship{
					font-size: 1.8em;
					text-align: right;
				}
		.price-btn-wr{
			margin: 12.27272727272727% 4.545454545454545% 0 0; /* 27px from 220px // 10px from 220px */
		}

		.dvd-text-wr {
			margin: 16.36363636363636% 4.545454545454545% 0;  /* 36px from 220px // 10px from 220px */
		}
			.dvd-text {
				text-align: center;
				font-size: 1.8em;
			}

		.disc-img-wr{
			margin: 4.545454545454545% auto 0; /*10px from 220px*/
			width: 143px;
		}
			.disc-img{
			    -webkit-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.38);
					-moz-box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.38);
						box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.38); 
                   -webkit-border-radius: 50%;
				   -moz-border-radius: 50%;
						border-radius: 50%;          	
			}
                .disc-img img{
                   border: 6px solid #c00865;
				  -webkit-border-radius: 50%;
				   -moz-border-radius: 50%;
						border-radius: 50%;
				

                }

		.asotv-img-wr{
			margin:  9.090909090909091% 0 0 31.81818181818182%; /* 20px from 220px // 70px from 220px */
			width: 35.90909090909091%; /* 79px from 220px*/
		}
			.asotv-img{}

			
/* ==================================================================================
	video
================================================================================== */			
			
	.video{ }
		.info-video{
			margin: 1.851851851851852% 0 0 5.555555555555556%; /* 10px from 540px // 30px from 540px */
			background: #fff;
			padding: 10px;
			-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
						border-radius: 5px;
			-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
				-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
					box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
		}

		.flex-video {
			clear: both;
			height: 0;
			padding-bottom: 55.25%;
			position: relative;
		}
			.flex-video iframe,
			.info-media-video .flex-video object,
			.info-media-video .flex-video embed,
			.info-media-video .flex-video video {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

@media (max-width: 767px){

	.info-video{ margin: 15px 0 0; }

}

/* ==================================================================================
	benefits
================================================================================== */
.benefits {
	position: relative;
	background: no-repeat;
	margin: 2.631578947368421% 6.578947368421053% 0 2.631578947368421%; /* 10px from 380px // 25px from 380px */
	padding-bottom: 3.947368421052632%; /* 15px from 380px */
	background: #fff;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
			border-radius: 5px;
	-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
	   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
			box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);

}
	.benefits:before {
	   content:"";
	   position: absolute;
	   right: 100%;
	   top: 130px;
	   width: 0;
	   height: 0;
	   border: 15px solid transparent;
	   border-right-color: #fff;
	}
	.benefits-text-wr { margin: 0 4.47368421052632%; /* 17px from 380px */ }
		.benefits-text {
			color: #c00865;
			font-size: 3.0em;
			padding: 5.351170568561873% 0 2.675585284280936%; /* 16px // 8px from 299px*/
			text-align: center;
			border-bottom: 1px solid #000;
		}

	.benefits-list-wr{
		margin: 4.347826086956522% 4.347826086956522% 0 9.649122807017544%; /* 15px from 345px // 33px from 345px*/
	}
		.benefits-list{
			font-size: 1.8em;
		}
			.benefits-list li {
				margin-top: 4.530744336569579%;
				padding: 0 0 0 10.67961165048544%;
				background-repeat: no-repeat;
				background-position: 0 50%;
				position: relative;
			}
				/* .benefits-list li:before {
					content: "";
					display: block;
					position: absolute;
					left: 0;
					top: 50%;
					width: 0;
					height: 0;
					margin-top: -8px;
					border-width: 9px 13px;
					border-style: solid;
					border-color: transparent transparent transparent red;
				} */

@media (max-width: 979px) and (min-width: 768px) {
	
	.benefits:before { top: 100px; }
	
}

@media (max-width: 767px){

	.benefits{ margin: 30px 0 0; }
		.benefits:before {
			right: auto;
			top: auto;
			bottom: 100%;
			left: 50%;
			margin-left: -10px;
			border-right-color: transparent;
			border-bottom-color: #fff;
			border-width: 10px;
		}
		
		.benefits-text-wr { margin: 0 15px; }
			.benefits-text { padding: 15px 0 10px; }
		
		.benefits-list-wr {
			margin: 15px 15px 0 33px;
		}
			
			.benefits-list li{
				background-size: auto 10px;
				padding-left: 20px;
				margin-top: 10px;
			}

}


/* ==================================================================================
	steps
================================================================================== */
.steps {
	background-color: #c00865;
	padding-bottom: 2.340425531914894%; /*22px from 940px*/
}
	.steps-headline-wr { margin: 2.127659574468085% 1.063829787234043% 3.191489361702128%;}  /* 20px // 10px // 30px // 10px from 940px */
		.steps-headline{
			font-size: 3.6em;
			color: #FFF;
			text-align: center;
		}

	.step-item { width: 90.66666666666667%; /* 272px from 300px */ }
		.step-item.__one { margin-left: auto; }
		.step-item.__two { margin: 0 auto; }
		.step-item.__three {}
		
		.step-img {
			border: 5px solid #fff;
			-webkit-border-radius: 5px;
			   -moz-border-radius: 5px;
					border-radius: 5px;
			-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .38);
			   -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .38);
					box-shadow: 2px 3px 5px rgba(0, 0, 0, .38);
		}
		
	.step-text-wr { margin: 6% 5px 0; /* 18px from 300px*/ } 
		.step-text{
			text-align: center;
			color: #FFF;
			font-size: 1.8em;
			line-height: 20px;
		}
	
	
	
@media (max-width: 767px) {		
	
	.steps { padding: 20px 15px }
		
		.steps-headline-wr { margin: 0; }
		
		.step-item {
			width: auto;
			max-width: 272px;
		}
		.step-item.__one,
		.step-item.__two,
		.step-item.__three { margin: 20px auto 0; }
		
			.step-text-wr { margin: 10px 0 0; }
		
}		

	.info{
		background-color: #FFF;
		padding: 3.617021276595745% 0 /* 34px from 940px */
	}

		.info-text-wr{ margin: 0 0 0 11.57894736842105%;} /* 44px from 380px */
			.info-text{
				font-size: 3.6em; 
				color: #c00865;
			}
		.info-subtext-wr{ margin: 5.263157894736842% 0 0 11.57894736842105%;} /*20px from 380px // 44px from 380px*/
			.info-subtext{
				font-size: 1.8em;
				line-height: 24px;
			}
		.info-btn-wr{
			margin: 7.368421052631579% 33.94736842105263% 0 11.57894736842105%; /*28px from 380px // 129px from 380px // 44px from 380px*/
		}
		
	.headline{
		background-color: #FFF;
		padding-bottom: 5px;
	}
		.headline-border{
			margin: 0 13px;
			border-bottom: 2px solid #FFF;
			-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
				-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
					box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
		}

		.headline-text-wr{margin: 2.659574468085106% 0 0;} /*25px from 940px*/
			.headline-text{
				font-size: 3.0em;
				color: #c00865;
				text-align: center;
			}

		.headline-subtext-wr{margin: 0.851063829787234% 0 2.659574468085106%;} /*8px // 25px from 940px*/
			.headline-subtext{
				font-size: 3.0em;
				text-align: center;
			}

	.copy{
		background-color: #FFF;
		padding-bottom: 10px;
	}
		.copy-iner{
			margin: 0  0 0 12.66666666666667%;
		}
		.copy-headline-wr{
			margin: 14.66666666666667% 0 0 0; /*44px // 25px from 300px*/
		}
		.copy-quote-wr{
			margin: 10% 0;
		}

@media (max-width: 767px){

	.copy-headline-wr{
		margin: 20px 0 0 0;
	}
		.copy-quote-wr {
			margin: 20px 0;
		}
			.copy-signature-wr {
				margin: 0 0 0 25px;
			}

}

			.copy-headline{
				font-size: 2.4em;
				color: #c00865;
			}

			.copy-quote{
				font-size: 1.8em;
				line-height: 24px;
			}

			.copy-signature{
				font-size: 2.4em;
			}

			.copy-border{
				margin: 20px 0 -3px 0;
				border-bottom: 2px solid #FFF;
				-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
					-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
						box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.7);
			}

			
/* ==================================================================================
	mediballz
================================================================================== */			
	.mediballz-block-wr{
		margin: 5.645161290322581% 4.193548387096774% 8.064516129032258% 4.516129032258065%; /* 35px // 26px // 50px // 28px from 620px */
		padding: .8064516129032258%; /* 5px from 620px */
		background: #fff;
		-webkit-border-radius: 5px;
		   -moz-border-radius: 5px;
				border-radius: 5px;
		-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
			-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
				box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.38);
		border: 1px solid rgba(0, 0, 0, .1)			
	}
		.mediballz-inner-block{
			padding-bottom: 3.225806451612903%; /* 20px from 620px */
			-webkit-box-shadow: inset 0px 1px 21px rgba(0, 0, 0, .32);
			   -moz-box-shadow: inset 0px 1px 21px rgba(0, 0, 0, .32);
					box-shadow: inset 0px 1px 21px rgba(0, 0, 0, .32);
		}

	.mediballz-wr{
		background-color: #c00865;
		padding: 3.225806451612903% 0;
	}
		.mediballz-logo {
			width: 33.2129963898917%; /* 184px from 554px */
			margin: 0 auto;
		}
	
	.mojo-disc-wr{
		margin: 5px auto;
	    max-width: 143px;
	}
		.mojo-disc{
		    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.38);
            -webkit-border-radius: 50%;
			   -moz-border-radius: 50%;
				    border-radius: 50%;	   
		}

        .mojo-disc img{
            border: 6px solid #C00865;
            -webkit-border-radius: 50%;
				   -moz-border-radius: 50%;
						border-radius: 50%;
        }

	.balls-bogo-text-wr {
		margin: 1.805054151624549% 0 0 8.483754512635379%; /* 10px // 47px from 554px */
		position: relative;
		z-index: 1024;
	}
		.balls-bogo-text{
			font-size: 3.5em;
			letter-spacing: -1px;
			text-align: left;
		}

	.balls-bogo-subtext-wr {
		margin-left: 7.942238267148014%; /* 44px from 554px */
		position: relative;
		z-index: 1024;
	}
		.balls-bogo-subtext {
			font-size: 7em;
			line-height: 1;
			color: #c00865;
		}

	.free-dvd-wr{
		margin: 0;
		position: relative;
		z-index: 1024;
	}
		.free-dvd{
			text-align: center;
			font-size: 1.6em;
		}

	.mojo-disc-wr {
		margin: 5px auto 0;
		position: relative;
		z-index: 1024;
	}
	
	.mediballz-shot {
		width: 92.13836477987421%; /* 293px from 318px */
		margin: -23.58490566037736% 0 0 auto; /* 75px from 318px */
	}
	
	.bogo-asotv-wr {
		position: relative;
		z-index: 1024;
		margin: 6.289308176100629% 14.77987421383648% 0 auto; /* 20px // 47px from  */
		width: 18.86792452830189%; /* 60px from 318px */
	}

	.balls-bg {
		background-repeat: no-repeat;
		-webkit-background-size: cover;
				background-size: cover;
		background-position: 0 0;
	}
	
	.balls-img-wr {
	    background-repeat: no-repeat;
	}

	.balls-headline-wr { margin: 1.805054151624549% 0 1.805054151624549%; } /* 10px from 554px*/
		.balls-headline{
			text-transform: uppercase;
			font-size: 1.8em;
			text-align: center;
		}
	
	.balls-wr{
		max-width: 298px;
	}
	.now-ribbon {
	    background: none repeat scroll 0 0 #06b5cf;
	    color: #FFFFFF;
	    font-size: 2.0em;
	    overflow: hidden;
	    padding: 6px 0 9px;
	    position: relative;
	    text-align: center;
	    text-shadow: 1px 1px 7px #000000;
	   /*  width: 298px; */
	  /*  width: 92%; */
	}
		.now-ribbon:before, .now-ribbon:after {
		    border-color: rgba(0, 0, 0, 0);
		    border-style: solid;
		    border-width: 19px 7px;
		    bottom: 0;
		    content: "";
		    left: 0;
		    position: absolute;
		    top: 0;
		}
			.now-ribbon:after {
			    border-right-color: #FFFFFF;
			    right: 0;
			}

	.balls-price-wr{
		/* margin: 0 0 0 3.597122302158273%; 20px from 556px */
	}
		.balls-price{
			font-size: 11.4em;
		    letter-spacing: -5px;
		    text-align: right;
		}

	.balls-ship-wr{
		margin-top: -2%;
	}	
		.balls-ship{
			text-align: right;
			font-size: 1.8em;
	    	/*  10px from 351px */
		}

	.now-btn-wr{
		margin: 4.901960784313725%; /* 18px from 224px */
	}
		.now-btn-wr .btn--head{
			padding: 7.070707070707071% 0 5.050505050505051%; /*14px // 21px // 10px from 198px*/
		}

	.cards-img-wr{
		max-width: 165px;
		margin: 12.05357142857143% auto;
	}

	.btn-head-wr { margin: 13.63636363636364% 0 0 4.545454545454545%;} /* 30px from 220px  // 10px from 220px*/
		.btn--head {
			border: 2px solid #FFFFFF;
		    font-size: 2.8em;
		    padding: 7.070707070707071% 0 5.050505050505051%; /*14px // 10px from 198px*/
		}



@media (max-width: 979px) and (min-width: 768px) {
	
	.page { max-width: 724px; }

			.price-description {
			    line-height: 16px;
			    font-size: 1.6em;
			}
		.price-ship-wr {
		    margin-right: -6.578947368421053%; /*15px from 228px*/
		}

		.disc-img-wr {
		    width: 134px;
		}
		.benefits-text-wr {
		    margin-right: 4.137931034482759%; /*12px from 290px*/
		}

	.mediballz-block-wr{
		margin-bottom: 17.85714285714286%; /*85px from 476px*/
	}
		.balls-bogo-text-wr { margin-top: 4px; }
	.balls-bogo-subtext{
	}

	.free-dvd-wr{
	}

	.now-ribbon{
	}
		.now-ribbon:before, .now-ribbon:after{
			border-width: 17px 7px;
		}

	.balls-price {
	    font-size: 10.8em;
	}
	.balls-ship-wr {
	    /* margin: 0 0 0 34.66042154566745%; 148px from 427px */
	}

	.cards-img-wr {
	   max-width: 120px;
	}

}

@media (max-width: 767px) {
	
	.page { border: 0; }

	.promo { padding: 20px 15px; }

	.btn-head-wr{ margin: 0; }

	.promo-text-wr,
	.promo-big-text-wr,
	.price-description-wr,
	.price-wr,
	.price-ship-wr {
		margin: 0;
		text-align: center;
		width: auto;
	}
	
	.promo-shot {
		margin: 10px auto 0;
		width: auto;
		max-width: 260px;
	}

	.price-btn-wr{ margin: 15px 0 0; }

	.dvd-text-wr{
		margin: 20px 0 0;
		text-align: center;
	}
		.price-ship{
			text-align: center;
		}
	
	.asotv-img-wr {
	    margin: 15px auto 0;
	    max-width: 60px;
		width: auto;
	}

	.info-text-wr {
	    margin: 20px 0;
	    text-align: center;
	}
		.info-text {
		    font-size: 3em;
		}

	.info-subtext-wr {
	    margin: 20px 15px;
	    text-align: left;
	}

	.info-btn-wr {
	    margin: 10px 15px;
	}

	.info-img-wr {
	    float: none;
	    margin: 25px auto 0;
	    max-width: 540px;
	}
	
	.headline-text-wr, .headline-subtext-wr {
	    margin: 10px 15px;
	}
		.headline-text, .headline-subtext {
		    font-size: 2.4em;
		}


	.copy-border {
	    margin: 20px 25px -3px;
	}
		.copy-iner {
		    margin: 0 25px;
		}

	.balls-img-wr {
	    background: none !important;
	}

	.bogo-asotv-wr {
		margin: 30px auto 0;
		width: auto;
		max-width: 50px;
	}

	.balls-bogo-text-wr{
		margin: 10px;
	}
		.balls-bogo-text { text-align: center; }
	.balls-bogo-subtext-wr { margin: 0 ; }
		.balls-bogo-subtext { text-align: center; }
	.mediballz-shot {
		margin: 15px auto 0;
		width: auto;
		max-width: 260px;
	}	
	
	.free-dvd-wr { margin-top: 15px; }
	
	.balls-headline-wr { margin: 15px 10px; }
	
	.balls-wr{
		margin: 0 auto;
	}
	.balls-price{
		text-align: center;
	}
	.balls-ship{
		text-align: center;
	}
	.mojo-disc-wr {
		margin-bottom: 0;
	}
	.now-ribbon:before, .now-ribbon:after {
		border-width: 16px 7px;		
	}

	.now-btn-wr .btn--head{
		padding: 10px;
	}

	.cards-img-wr {
		margin: 15px auto;
	}
	
}