/* promo */
.promo {
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
			background-size: cover !important;
	/* min-height: 563px; */
}
	.usage-prod-wr {
		position: relative;
		width: 129.2105263157895%;
	}
		.usage-badge-wr {
			position: relative;
            z-index: 1024;
            margin-bottom: -27%;
            margin-left: 40%;
            width: 26.4765784114053%;
		}
			.usage-badge {}
		.usage-prod-shot-wr {
			margin-top: 9.96296296296296%; /* 48px from 540px */
		}
			.usage-prod-shot {}	
	.promo-dscr {
		position: relative;
		z-index: 1025;
	}	

	.promo-dscr {}	
		.promo-text-title-wr {
			margin: 4.52173913043478% -10px 10px;
		}
			.promo-text-title {
				font-size: 2.6em;
				text-align: center;
			}
		.promo-text-wr {  }
			.promo-text {
				font-size: 2em;
				text-align: center;
			}	
		.promo-prod-shot-wr {
			margin: 8.69565217391304% auto 0px;
			max-width: 460px;
		}
			.promo-prod-shot {}
		.promo-prod-guarante-wr {
			position: relative;
            margin-top: -22%;
            margin-left: 89%;
            width: 19.1304347826087%;
		}
			.promo-prod-guarante {}	




@media (max-width: 979px) and (min-width: 768px) {
	
	.promo-text-title {
		font-size: 2em;		
	}
	.promo-text {
		font-size: 1.6em;	
	}

	.usage-badge-wr {
		width: 107px;
	}

    .promo-prod-guarante-wr {
            margin-top: -22%;
            margin-left: 89%;
		}
		
}		
	
		
@media (max-width: 767px) {
	.promo { padding-bottom: 20px; }

	.promo-text-title-wr {
		margin: 20px 0 10px;
	}
	.usage-prod-wr {		
		width: 100%;
	}
	.promo-prod-shot-wr {
		margin: 8.69565217391304% auto 10px;
		padding: 0 15px;		
	}

	.promo-text-title {
		font-size: 2em;
	}
	.usage-badge-wr {
		width: 92px;
	}

    .promo-prod-guarante-wr{
        width: 58px;
        margin-top: -20%;
        margin-left: 78%;
    }
	
}



/* divider */
.divider-wr {
	padding: 1.595744680851064% 4.25531914893617%; /* 15px from 940px // 40px from 940px */
	/* margin-top: 3.191489361702128%; */ /* 30px from 940px */
}
	.divider {
		text-align: center;
		text-transform: uppercase;		
		font-size: 1.8em;
	}

@media (max-width: 767px) {
	
	.divider-wr { padding: 20px 15px; }

}

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

	.step-item { width: 94.33333333333333%; /* 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-title-wr { margin: 3% -3% 0; /* 18px from 300px*/ } 
		.step-title {
			text-align: center;			
			font-size: 1.4em;
			text-transform: uppercase;
		}
        
    .step-text-wr { margin: 2% 0 0; /* 18px from 300px*/ } 
		.step-text {			
			font-size: 1.4em;
			text-align: center;
			line-height: 1.2;
		}
	.step-text-link-wr {
		text-align: center;
		margin-top: 10%;
	}
		.step-text-link {
			text-align: center;
			font-size: 1.4em;
			text-decoration: underline;
			color: #4662a7;
		}	
	
	
	
@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-title-wr { margin-top: 10px; }
			.step-text-wr { margin: 10px 0 0; }
                .step-text { text-align: center; }
		
}

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