/*OVERRIDES*/
.g-wrapper-main_content { width: 100%; max-width: 100%; min-width: 100%;}
.b-about_us-menu-mobile { padding: 13px 5% 22px 5%; width: 100%; } 
.b-staticpage { padding: 0;}



/*MB STYLES*/
*, html, body { padding: 0; margin: 0; line-height:normal; box-sizing: border-box;}

.mb_100_body { 
  width: 100%;
  float: left;
  background: url(../img/avo-bg.jpg) #ee1c59;
}

.mb_wrapper{ max-width: 950px; width: 100%; margin: 0 auto; }
.mb_page{ width: 100%; margin: 0; float: left; background: #f9dfdf;}
.mb_inner{ width: 100%; padding: 20px 5%; float: left; background: #f9dfdf; border-bottom: 4px solid #ee1c59}
.mb_img { width: 100%; display: block; float: left; border: 0;}
.mb_margin { margin: 50px 0;}

.mb_hashtag { border: 0; width: 100%; margin: 0; padding: 50px 2.5%; background: #96bf7b;}
.mb_hashtag p{ 
  width: 100%; 
  text-align: center; 
  color: #fff;
  font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; 
  font-size: 26px;
}
.mb_hashtag p:first-child{ font-size: 42px;} 

.mb_hashtag a:link, .mb_hashtag a:active, .mb_hashtag a:visited { font-size: 34px; color: #000; text-decoration: none;}
.mb_hashtag a:hover { color: #ee1c59; text-shadow: 0px 0px 10px #fff; }
.mb_red { 
  color: #ee1c59; 
  text-shadow: 0px 0px 10px #fff; 
}

.mb_terms{ background: none; margin: 0 0 20px 0;} 
.mb_terms p {
  text-align: center; 
  color: #fff;
  font-family: Helvetica, Arial, sans-serif; 
  font-size: 14px;
}

.mb_k-mtv-logos { width: 50%; margin: 40px 25%; float: left;}

.mb_header { 
    width: 100%; 
    display: block; 
    background: url(../img/header.jpg) no-repeat; 
    background-size: cover;        
    background-repeat: no-repeat;
    background-position: center center; 
    float: left; 
    min-height: 638px;
    position: relative;
}

.mb_header p {  text-align: center; width: 45%; margin-right:5%; text-shadow: 0 0 8px #000; float: right; clear: both; color: #ffffff; font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; }
.mb_header p:first-child { margin-top: 160px; font-size: 55px; }
.mb_header p:nth-child(2) { margin-top: -12px; font-size: 45px;}
.mb_header p:nth-child(3) { margin-top: 20px; font-size: 30px; }
.mb_header p:nth-child(4) { margin-top: -9px; font-size:40px; }


.mb_btn:link, .mb_btn:active, .mb_btn:visited { 
    text-align: center; 
    width: 100%; 
    text-decoration: none; 
    color: #000; 
    font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; 
    font-size: 22px;
    float: left;
    padding: 12px 0;
}
.mb_btn:hover { color: #ee1c59;}


.mb_signpost { /* our rectangle */
  width: 25%;
  height:50px;
  background-color: #fff;
  position: relative;
  margin: 20px 15%;
  float: right;
  clear: both;
}

.mb_signpost:before { /*  our pseudo-element */
  content:"";/* required */
  position: absolute; /* takes the 'cap' out off flow */
  top:0; /* stick it to top edge of the sign */
  right:100%; /* push it way overto the right*/
  height:0; /* we're doing this with borders remember */
  width:0; 
  border-width: 25px;
  border-style:solid;
  border-color:#fff; /* same as bg of our rectangle */
  /* now we make some of theborders disappear*/
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-left-color:transparent;
}

.mb_signpost:after { /*  our pseudo-element */
  content:"";/* required */
  position: absolute; /* takes the 'cap' out off flow */
  top:0; /* stick it to top edge of the sign */
  left:100%; /* push it way overto the right*/
  height:0; /* we're doing this with borders remember */
  width:0; 
  border-width: 25px;
  border-style:solid;
  border-color:#fff; /* same as bg of our rectangle */
  /* now we make some of theborders disappear*/
  border-top-color:transparent;
  border-bottom-color:transparent;
  border-right-color:transparent;
}

.body_btn { float: left; margin: 20px 3%;}

.mb_product { position: relative; color: #000; float: left; text-align: center; width: 23%; margin: 25px 1%; padding: 10px 2%; font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; font-size: 20px;}
.mb_product_btn:link, .mb_product_btn:active, .mb_product_btn:visited { text-align: center; margin: 8px 0; text-decoration: none; clear: both; float: left; padding: 12px 0; width: 100%; background: #000; color: #fff; font-family:"Trade Gothic W02", Helvetica, Arial, sans-serif;; font-size: 18px;}
.mb_product_btn:hover { background: #ee1c59;}




.mb_product img { width: 90%; margin: 0 5%}

.mb_plus:after, .mb_equals:after{
  content: '+';
  position: absolute;
  right: -20px;
  top: 55px;
  font-size: 55px;
  font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; 
  color: #ee1c59;
}

.mb_equals:after{
  content: '=';
}

.mb_block { float: left; width: 100%; margin-bottom: 100px; }
.mb_block p { text-align: left; color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; }
.mb_block p:first-child { background: #ee1c59; color: #fff; padding: 20px 2.5%;  width: 100%; float: left; margin: 20px 0; font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; font-size: 30px; line-height: 35px;}
.mb_block p:nth-child(2) { width: 55%;}
.mb_block img { float: right; margin-bottom: -200px;}
.mb_mtv { float: right; clear: both; margin: -130px 105px 0 0;}

.mb_stats_bg { 
  background: url(../img/background.jpg) no-repeat; 
 background-position: bottom;
 margin-bottom: 0;
}

.mb_stats { 
  width: 30%; 
  float: left;
  margin: 20px 1.5%;
}
.mb_stats p { 
  margin: 0;
  padding: 0;
  color: #ee1c59;
  font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; 
  width: 100%;
}

.mb_stats_border { border-right: 2px solid #ee1c59}

.mb_stats p:first-child { font-family: "Trade Gothic W01", Helvetica, Arial, sans-serif;  width: 100%; margin: 0;padding: 0; background: none; color: #ee1c59; font-size: 25px; line-height: 12px; text-align: center;} 
.mb_stats p:nth-child(2) { width: 100%; margin: 0;padding: 0; font-size: 55px; text-align: center;} 
.mb_stats p:nth-child(3) { width: 100%; margin: 0;padding: 0; text-align: center; color: #000; } 


.mb_stories_title { margin-bottom: 0;}

.mb_stories { width: 26%; float: left; margin: 0 3.5%; }
.mb_stories p { width: 100%; float: left; margin: 10px 0; }
.mb_stories img { width: 100%; float: left ; margin-top: -50px; }

.mb_stories p:nth-child(2){ font-size: 22px; font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; }
.mb_stories p:nth-child(3){ line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;  }

h2.mbh2 { 
  font-size: 40px;
  font-family: "Trade Gothic W02", Helvetica, Arial, sans-serif; 
  color: #ee1c59;
}

.mbcenter{ text-align: center;}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


@media screen and (max-width: 950px) {

.mb_page, .mb_inner { width: 95%; margin: 0 2.5%; padding: 0;}
.mb_inner { padding: 20px 5%;}
.mb_header { background-size: auto 100%; background-position: left;}
.mb_signpost, .mb_header p  { width: 60%; margin: 10px 20%;}
.mb_header p:first-child { margin-top: 250px; font-size: 55px; }


.mb_block { width: 100%; margin: 20px 0; padding: 0;}
.mb_block img{ width: 40%; }
.mb_mtv { width: 15% !important;}

.mb_description{ width: 60%; margin: 0; padding: 0;}
.mb_review{ width: 35%; margin: 0; padding: 0 0 0 4%;}
.mb_terms { margin: 20px 0 20px 0 !important;}
.mb_vid { width: 95%; margin: 20px 2.5%}

}




@media screen and (max-width: 650px) {

.mb_k-mtv-logos { width: 70%; margin: 25px 15%; }

.mb_header p:nth-child(1), .mb_header p:nth-child(2), .mb_header p:nth-child(3), .mb_header p:nth-child(4) { font-size: 32px;}
.mb_signpost, .mb_header p  { width: 80%; margin: 10px 10%;}

.mb_product { width: 42%; margin: 10px 2%;}

.mb_btn, .mb_btn:link, .mb_btn:active, .mb_btn:visited { width: 90%; margin: 0 2.5%; padding: 12px 0; }

.mb_block p:nth-child(2){ width: 100%; }
.mb_block img{ width: 40%; margin: 0;}
.mb_mtv { margin: 20px 30% !important; width: 40% !important;}

.mb_plus:after, .mb_equals:after { content: none;}

.mb_stories { width: 90%; margin: 0 5%;}
.mb_stories img { width: 60%; margin: 0 20%;}

.mb_hashtag{ padding: 50px 2.5% !important; margin:50px 2.5% !important; width: 95% !important;}

}

@media screen and (max-width: 440px) {
.mb_header { background-size: 220%; min-height: 550px}

.mb_stats {  width: 95%; margin: 20px 2.5%; }
.mb_stats_border { border-bottom: 2px solid #ee1c59; border-right: none; padding-bottom: 20px;}
.mb_stats_bg { background: none;}

}