.site-header {min-height:425px;}
.site-header-top {margin-top: 180px;}
.site-header-top p {color:#fff;font-size: 1em; text-align: justify;}
.site-header-img {margin-top: 150px}
.site-header-btn {
	webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 13px 15px;
    color: #e82630;
    min-width: 150px;
    text-align: center;
    background: #ffffff;
    background: -moz-linear-gradient(top, white 0%, #b4b3b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #b4b3b3));
    background: -webkit-linear-gradient(top, white 0%, #b4b3b3 100%);
    background: -o-linear-gradient(top, white 0%, #b4b3b3 100%);
    background: -ms-linear-gradient(top, white 0%, #b4b3b3 100%);
    background: linear-gradient(to bottom, white 0%, #b4b3b3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b4b3b3',GradientType=0 );
    border: solid 1px #B20A0D;	
    font-size: 16px;
    font-weight: bolder;
    margin-top: 20px !important;
    margin-bottom: 20px;
    box-shadow: 0px 5px 11px #000;
    letter-spacing: 5px;
}
.tab-li {min-width:100px;text-align: center}
.media-object-class {padding:10px;}
.content-custom-head {padding:10px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.custom-mid-content h3 {color:#666;}
.img-sd {margin: 70px auto;}
.centered {margin:0 auto;}
a.btn.site-header-btn {font-size:2em;font-family: fantasy; font-weight: 400;}
@media (max-width: 480px) {
.site-header-top {margin-top:50px;width:255px;}	
.text-right {float: left;}
.nav.nav-tabs .product-detail li a:hover, .nav.nav-tabs .product-detail li a.active {color:#000; font-weight: bold;}
}
.form-gratis {background: url('../../img/products/bg_footer_10.png') no-repeat 100% 100%;padding:10px 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; border-left: 3px solid #bcbdc0; border-right: 3px solid #bcbdc0; border-bottom: 3px solid #bcbdc0;background-color:#fff;}
.ptop {background-color: #497cb8; padding:10px;border-top-left-radius: 20px;border-top-right-radius: 20px;color:#fff;border: 3px solid #bcbdc0;}
.last-bg{min-height: 131px;}
.popsend {display:none;background-color:#fff;position:absolute; margin:60px 0 0 -150px; top:50%; left:50%; border-radius:20px; border: 3px solid #bcbdc0; padding:10px;width:300px; height:240px;}
.popsend h3 {color:#497cb8;font-weight: bold;}
.popsend p {color:#aeb0b2;}
.popnok {
    display: none;
    background-color: #fff;
    position: absolute;
    margin: 60px 0 0 -150px;
    top: 50%;
    left: 50%;
    border-radius: 20px;
    border: 3px solid #bcbdc0;
    padding: 10px;
    width: 300px;
    height: 240px;
}
.popnok h3 {color:#497cb8;font-weight: bold;}
.popnok p {color:#aeb0b2;}
.head-nutriday {min-height:531px;}
.head-nutriday .caption {position:absolute;left:60%;top:400px;text-align: center;z-index: 10;width:300px;}
.head-nutriday .caption p {color:#fff;}
.captionm {background-color:#85020e;text-align: left;padding: 5px 10px;}
.captionm p {color:#fff;font-size: 0.8em !important;}
.buletan {width:120px; height:120px; border-radius:50%;background-color:#ED1C24;position: absolute;overflow: hidden;right:-20px;top:-20px;z-index:1;text-align: center;margin:0 auto;}
.t-resep {width:100px; color:#fff;font-size:0.8em;font-weight: normal;margin-top:20px;line-height: 1.3}
.tbl-cls {overflow: auto;}
.form-sbt {border-radius:10px;border:1px solid #888;padding:10px;}
@media (max-width: 480px) {
    .head-nutriday {min-height:120px;margin-top:100px;}    
}
@media (min-width: 481px) and (max-width: 768px) {
    .head-nutriday {min-height:300px;margin-top:100px;}
}

a.anchor::before {
  content:"";
  display:block;
  height:150px; /* fixed header height*/
  margin:-150px 0 0; /* negative fixed header height */
}