@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');

.video-banner {  width:863px; margin:20px auto 0; box-shadow:0 0 5px 5px rgba(0,0,0,.05); padding:5px }
.foodbox-what-included{position:relative; padding:40px 0}
.home-foodbox-banner{background:url(../img/box-item-home.jpg) no-repeat center; height:600px; background-size:100%}
.btn-grn.btn.btn-ye:hover{background-color:#ff7002}
.form-signup-bottom .form-inline .btn-grn.btn.btn-ye:hover{background-color:#ff7002}
.banner-v2 .pic-offer {background: url(img/banner-right-pic1.png) no-repeat bottom; background-size:100%}
.banner-v2-bg:before, .banner-v2-in:after{ display:none}
.off-amount{font-family: 'Open Sans Condensed', sans-serif; font-size:14vw; color:#293037; line-height:.8; margin-bottom:10px}
.off-amount sup{font-size:5.5vw; top:-1em}

.banner-v2-bg:after { display:none}
.green-bar-top{background-color:#5f901a;color:#fff; font-size:24px; text-align:left; position:relative; height:48px; overflow:hidden; margin-top:-1px; width: 100%;}
.green-bar-top:before{ background-color:#293037; position:absolute; left:0; top:0; height:48px; content:''; width:50%}
.green-bar-top:after{ background-color:#5f901a; position:absolute; right:0; top:0; height:48px; content:''; width:50%; z-index:1}
.green-bar-top span{font-size:30px; font-weight:700}
.green-bar-top .limit-time{ background-color:#293037; position:absolute; left:0; top:0; height:48px; font-size:36px; font-weight:900; padding-left:25px; padding-right:25px}
.green-bar-top .limit-time:before{  width: 0; height: 0; border-top: 24px solid transparent;border-bottom: 24px solid transparent; border-left: 30px solid #293037; position: absolute; right: -30px; content:''}
 .green-bar-top  .green-bar-in{background-color:#5f901a; position:relative; z-index:2; padding-left:350px; line-height:46px}
@media (max-width:1100px) {.home-foodbox-banner{background:url(../img/box-item-home.jpg) no-repeat center; height:400px; background-size:100%}
.foodbox-what-included h2{ padding-bottom:30px}
}

@media (max-width:767px){
.video-banner {width:auto; }
.video-banner iframe{width:100% !important; height:210px !important}


.green-bar-top{ font-size:3vw;  height:30px; }
.green-bar-top:before{  height:30px;}
.green-bar-top:after{  height:30px;}
.green-bar-top span{font-size:4vw; }
.green-bar-top .limit-time{  height:30px; font-size:16px; padding-left:0px; padding-right:10px}
.green-bar-top .limit-time:before{  width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 10px solid #293037; position: absolute;right: -10px; content:''}
.green-bar-top  .green-bar-in{padding-left:140px; line-height:30px}
}
@media (min-width:768px) and (max-width:992px){
 .video-banner{width:auto; }
.video-banner iframe{width:100% !important; height:360px !important}
}

.banner-v2-in .title-block h2 sup{font-size:15px;position:relative; font-weight: 600;top: -24px;left: 2px;}
.green-bar-top .green-bar-in sup{font-size:15px;position:relative; top:-9px}


.banner-v2 {position: relative;overflow: hidden;width: 100%;}

.banner-bgf {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
	background-image: url(../img/sale-banner-29may18.jpg);

}

.banner-v2-bg {
	position: relative;
}

.banner-v2-in {
	height: calc(100vh - 185px);
	position: relative;
	overflow: hidden;
	min-height:550px
}


.banner-v2-in .vcenter-details {
	position: absolute;

	text-align: center;
	width:100%;
	top:50px;
	left:0
}
.banner-v2-in .title-block {
	margin-right: 440px
}
.banner-v2-in .title-block h1 {
	margin-bottom: 10px; font-weight:400
}
.banner-v2-in .title-block p {
	font-size: 1.8vw;
	color: #5f901a;
	font-weight: 300
}
.banner-v2 .right-offer {
	background-color: rgba(255,255,255,.9);
	box-shadow: 0 0 7px 7px rgba(0,0,0,.05);
	height: 100%;
	width: 360px;
	right: 80px;
	position: absolute;
	top: 0;
	z-index: 1
}
.banner-v2 .pic-offer {
	background: url(../img/banner-sale-24may18.png) no-repeat bottom;
	position: absolute;
	bottom: 0;
	right: -50px;
	height: 100%;
	width: 100%;
	background-size: 100%
}



.rating-bar {
    background: #305f08;
    background: -moz-linear-gradient(left, #305f08 0%, #5f901a 100%);
    background: -webkit-linear-gradient(left, #305f08 0%,#5f901a 100%);
    background: linear-gradient(to right, #305f08 0%,#5f901a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305f08', endColorstr='#5f901a',GradientType=1 );
    padding: 5px 15px;
}

.bx-wrapper .bx-pager.bx-default-pager a{border-color:#999}

.banner-v2-bg .btn.btn-ye{ padding:10px 30px; font-size:20px; margin-top:10px}

.promocode{font-family: 'Open Sans Condensed', sans-serif; font-size:25px; color:#323e48; text-align:center; line-height:1; position: absolute;right:0; bottom: 20px; margin-right:550px}
.promocode .code{ display:block; font-size:50px}



@media(max-width:767px) {

	.banner-v2-mob{padding:80px 10px 50px 10px; text-align:center; background-size:100%; position:relative}

		.banner-v2-mob:before{ background:url(https://www.personaltrainerfood.com/img/sale-banner-v2-mob-top.png) no-repeat top; background-size:100%; position:absolute; left:0; width:100%; height:100%; content:''; top:0}

		.banner-v2-mob:after{ background:url(https://www.personaltrainerfood.com/img/sale-banner-v2-mob-bottom.png) no-repeat bottom; background-size:100%; position:absolute; left:0; width:100%; height:100%; content:''; bottom:0}

			.banner-v2-mob h1{font-size:30px; margin-bottom:20px}

		.banner-v2-mob p{font-size:15px; color:#5f901a; font-weight:300}
			.banner-v2-mob .promo-code{width:78px; margin:0 auto 15px}

	.banner-v2-mob  .btn.btn-ye{text-transform:uppercase; background-color:#ff9320; font-weight:600}

	.banner-v2-mob  .title-block{ position:relative; z-index:99}

	.green-bar-top .green-bar-in sup{font-size:15px;position:relative; top:-7px}

}

@media(min-height:700px) {



.banner-v2 .right-offer{ width:400px}
.green-bar-top .green-bar-in sup{font-size:15px;position:relative; top:-7px}
}


@media(min-height:770px) {
.banner-v2 .right-offer{ width:440px}
 }



@media(min-height:910px) {




.banner-v2 .right-offer{ width:650px;}




.promocode {

    margin-right: 780px;
}

}







@media(min-height:910px) and (max-height:1080px){

.banner-v2 .right-offer{
    width: 560px;
}


.promocode {

    margin-right: 780px;
}


}