/* Vitamin Angels Page */
.sticky-wrapper {
  background: transparent none repeat scroll 0 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.header_area {
    background-color: transparent !important;
    background-image: none !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 5px;
    position: relative;
    width: 100%;
    z-index: 999;
}
.is-sticky .header_area {
  background-color: #fff !important;
  background-image: url("../png/rule-header-2.png") !important;
}
.banner_area.vitaminangels_banner_area {
    background-position: center top !important;
    background-size: cover;
    height: 1800px;
    padding-top: 200px;
    position: relative;
}
.row.vitamin_banner_bottom {
    bottom: 100px;
    position: absolute;
    width: 100%;
    left: 0;
    margin: 0;
}
.vitaminangels_banner .banner_text h1 {
    color: #12284c;
    font-size: 48px;
    font-family: 'Sentinel-Semibold';
}
.vitaminangels_banner .banner_text p {
    color: #12284c;
    font-size: 20px;
    margin: 0 0 30px;
    padding-right: 70px;
}
.vitaminangels_banner .banner_text a.cta_btn {
    margin-top: 30px;
}
.children_counter h3 {
  color: #12284c;
  font-size: 32px;
    font-family: 'Sentinel-Semibold';
    margin: 0;
}
.children_counter h3 span {
    font-family: 'Sentinel-SemiboldItalic';
}
.children_counter h1 {
  color: #ce0058;
  font-size: 194px;
  line-height: 200px;
  margin: 0 0 20px;
    font-family: 'Sentinel-Semibold';
}
.our_goal_cta {
    background: #ce0058 none repeat scroll 0 0;
    padding: 20px 0;
}
.our_goal_cta h2 {
    color: #12284c;
    margin: 0;
    font-family: 'Sentinel-Semibold';
}
.our_goal_cta h2 span {
    color: #fff;
}
.vitaminangel_help_section {
  background: #efefef none repeat scroll 0 0;
  padding: 100px 0 80px;
}
.vt_angels_left {
  margin: 0 0 30px;
  overflow: hidden;
}
.vt_angels_left h2 {
  color: #12284c;
  font-size: 44px;
  margin: 0 0 30px;
    font-family: 'Sentinel-Semibold';
}
.vt_angels_left h2 span {
  color: #ce0058;
}
.vt_angels_left p {
  color: #12284c;
  font-size: 20px;
  margin: 0 0 30px;
}
.vt_angels_right h3 {
  color: #12284c;
  font-size: 24px;
  margin: 0 0 26px;
    font-family: 'Sentinel-Semibold';
}
.vt_angels_left img {
  margin-top: 50px;
}
.vt_angels_right li {
  font-size: 20px;
  margin: 0 0 20px;
  /* min-height: 110px;
  overflow: hidden;
  position: relative; */
  display: grid;
  grid-template-columns: 30% auto;
  text-align: center;
  align-items: center;
}
.vitamin_icon {
  color: #12284c;
  float: left;
  font-size: 20px;
  /* position: absolute;
  text-align: center; */
}
.benefit_of_vitamin {
  /* float: left;
  padding-left: 105px;
  width: 100%; */
  text-align: left;
}
.benefit_of_vitamin p {
  background: #fff none repeat scroll 0 0;
  padding: 15px;
}

.video_section_area {
    background: #12284c none repeat scroll 0 0;
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.persona_promo_video {
  background-color: #12284c;
  background-position: top -70px center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: table;
  height: 500px;
  text-align: center;
  width: 100%;
}
.persona_video_tablecell {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}
.persona_promo_video a {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.persona_promo_video a img {
    /* border: 4px solid #fff; */
    /* border-radius: 50%; */
    /* color: #fff; */
    /* font-size: 50px; */
    /* height: 150px; */
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    /* opacity: 0.4; */
    /* padding: 50px 0; */
    position: absolute;
    /* text-align: center; */
    top: 50%;
    /* transition: all 0.4s ease 0s; */
    /* width: 150px; */
}
.persona_promo_video a:hover img {
    opacity: 1;
}
.video_top_text {
    font-size: 60px;
    margin: 0;
    transition: all 0.4s ease 0s;
}
.persona_video_tablecell:hover a {
    opacity: 1;
}
.persona_promo_video:hover .video_top_text {
    opacity: 0.2;
}
body.magnificpopupnoscroll {
    overflow-y: hidden !important;
}
.video_overlay_text {
    color: #fff;
    margin-top: -75px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.video_overlay_text > button {
    background: transparent none repeat scroll 0 0;
    border: 4px solid #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 70px;
    height: 150px;
    left: 50%;
    margin-left: -75px;
    margin-top: -75px;
    opacity: 0.2;
    position: absolute;
    top: 50%;
    transition: all 0.4s ease 0s;
    width: 150px;
}
.video_wrapper:hover button#myBtn {
    opacity: 1 !important;
}
.video_wrapper:hover .video_top_text {
    opacity: 0.2 !important;
}
.video_wrapper video#myVideo {
    background: #12284c url("../png/transparent.png") no-repeat scroll 0 0 / cover ;
}
.malnutrition_section {
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}
.malnutrition_top h1 {
  color: #12284c;
  margin: 0 0 150px;
    font-family: 'Sentinel-Semibold';
}
.malnutrition_top h1 span {
  color: #ce0058;
    font-family: 'Sentinel-SemiboldItalic';
}
.malnutrition_bottom {
  margin-top: 100px;
}
.malnutrition_right h3 {
  color: #12284c;
  font-size: 24px;
  margin: 0 0 30px;
    font-family: 'Sentinel-Semibold';
}
.malnutrition_right p {
  color: #12284c;
  font-size: 20px;
  margin: 0 0 30px;
}
.malnutrition_right p:last-child {margin: 0}

.newborn_die_section {
    background: #efefef none repeat scroll 0 0;
    padding: 50px 0;
    text-align: center;
}
.single_newborn {
    margin: 0 auto;
}
.single_newborn h2 {
    color: #ce0058;
    font-family: 'Sentinel-Semibold';
    font-size: 48px;
}
.single_newborn p {
    color: #12284c;
    font-family: 'GothamBold';
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}

.vitaminangels_right {
    background-position: center top;
    background-size: cover;
    height: 380px;
}
.photos_at_vitaminangel {
    background: #ce0058 none repeat scroll 0 0;
    color: #fff;
    font-family: "Gotham-Book";
    font-size: 18px;
    padding: 10px 0;
    text-align: center;
}
.vitaminangels_left {
    padding: 60px 0px;
}
.vitaminangels_left h3 {
    color: #12284c;
    font-family: "Sentinel-Semibold";
    margin: 0 0 25px;
    font-size: 36px;
}
.vitaminangels_left img {margin: 25px 0;}
.vitaminangels_left h3 span {
    color: #ce0058;
}
.vitaminangels_left a.cta_btn {
    display: block;
    float: none;
    margin: 20px 0 10px;
    /*max-width: 166px;*/
    max-width: 220px;
}

.mfp-iframe-holder .mfp-content {
    max-width: 1170px!important;
}

.vitaminangels_left #lnk a {color: #12284c;text-decoration: underline !important;}
.vitaminangels_left #lnk a:hover {color: #12284c;text-decoration: underline !important;}

.vitaminangels_left p {font-size: 20px}
.benifits {margin-top: 50px}



@media only screen and (max-width: 1499px) {
    .banner_area.vitaminangels_banner_area {
        height: 1400px;
    }
   
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .vitaminangels_banner .banner_text h1 {font-size: 45px;}
    .vt_angels_left h2 {font-size: 36px}
    .vitaminangels_left {
      padding: 50px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .vitaminangels_banner .banner_text h1 {font-size: 34px;}
    .malnutrition_left {
      margin: 0 0 50px;
      text-align: center;
    }
    .vitaminangels_left {
      padding: 50px 0;
    }
}

@media only screen and (max-width: 767px) { 
    .sticky-wrapper {
      position: relative;
    }
    .vitaminangels_banner .banner_text p {padding-right: 0px;}
    .banner_mobie_display.vitaminangels_banner {
      padding: 0;
    }
    .mobile_banner_text {
      margin: 0 auto;
        max-width: 500px;
        padding: 0 15px 40px;
    }
    .vitaminangels_banner .banner_text h1 {font-size: 24px;}
    .vitaminangels_banner .banner_text p, .vt_angels_left p {font-size: 16px;}
    .vitaminangels_banner .banner_text a.cta_btn {
      margin-bottom: 30px;
      margin-top: 0;
    }
    .children_counter {
      background: #efefef none repeat scroll 0 0;
      padding: 50px 15px;
    }
    .children_counter h3 {font-size: 21px;}
    .vitaminangels_banner .banner_text .children_counter h1 {
      color: #ce0058;
      font-size: 74px;
      line-height: normal;
      margin: 5px 0 20px;
    }
    .our_goal_cta {
      background: #ce0058 none repeat scroll 0 0;
      padding: 30px 0;
    }
    .our_goal_cta h2, .vt_angels_left h2 {font-size: 26px;}
    .our_goal_cta h2 span {
      display: block;
    }
    .vt_angels_left {
        margin: 0 auto 50px;
        max-width: 500px;
        text-align: center;
    }
    .vitaminangel_help_section {
      padding: 50px 0 0;
    }
    .vt_angels_left a.cta_btn {
      float: none;
    }
    .vt_angels_right {
      margin: 0 0 40px;
        text-align: center;
    }
    .vt_angels_right li {
      font-size: 18px;
      margin: 0 0 40px;
    }
    .vitamin_icon {
      margin: 0 0 5px;
      position: relative;
      text-align: center;
      width: 100%;
        float: none;
    }
    .benefit_of_vitamin {
        float: none;
        margin: 0 auto;
        max-width: 460px;
        padding-left: 0;
    }
    .malnutrition_section {
      padding: 50px 0 10px;
    }
    .malnutrition_top h1 {
      font-size: 26px;
      margin: 0 0 50px;
    }
    .malnutrition_bottom {
      margin-top: 50px;
    }
    .malnutrition_left {
      margin-bottom: 50px;
      text-align: center;
    }
    .malnutrition_right {
      margin: 0 auto;
      max-width: 500px;
      text-align: center;
    }
    .malnutrition_top .rwd-line {
      display: none;
    }
    .malnutrition_right h3 {
      font-size: 25px;
      margin: 0 0 20px;
    }
    .malnutrition_right p {
      font-size: 16px;
      margin: 0 0 15px;
    }
    .vitaminangels_left {
      padding: 50px 0;
      text-align: center;
    }
    .vitaminangels_left a.cta_btn {
      margin: 30px auto 0px;
    }
    .persona_promo_video {
      background-image: url(../png/vitamin-angels-thumbnail-mbl.png);
      height: 200px;
    }
    .persona_promo_video a i {
      border: 2px solid #fff;
      font-size: 30px;
      height: 66px;
      margin-left: -33px;
      margin-top: -33px;
      padding: 15px 0;
      width: 66px;
    }
    .banner_mobie_display.vitaminangels_banner .banner_text img.banner_img {
      width: 100%;
      margin-top:70px;
    }
    .vitaminangels_left h3 {font-size: 25px}
    .vitaminangels_left p {font-size: 16px}
    .vitaminangels_left a.cta_btn {font-size: 16px}
    .benifits {margin-top: 30px}
    
    
    
    
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.malnutrition_top .rwd-line {
  display: block;
}
}