/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Apr 7, 2015, 4:32:22 PM
    Author     : inez
*/

body {
    margin:0;
    padding:0;
	font-family: Calibri, sans-serif;
	font-size:15px;
}

a { color:#ec0928; text-decoration:none; }
a:hover { color:#8e2331; }
.zero { padding:0;margin:0; }
.grad {
    padding-left: 10px;
    background-color:#f7de05;
    background-image: url('../img/grad.png');
    background-repeat: repeat-x;
    background-size: 50% 50%;
}
.white { background: #fff; }
.header_wrapper {
    background-color:#ec0928;
    width:100%;
    height:104px;
}

.logo-header {
    background-image: url('../img/logo_alfamart.png');
    width: 150px;
    height: 58px;
    background-repeat: no-repeat;
    margin: 23px 0px;
    float: left;
}

img.logo_top {
    float:left;
    margin:15px 0px;

}

.language {
    float:left;
    margin-top:40px;
    margin-left:15px;
}

.search_header {
    float:right;
    margin-top:35px;
}

.socmed {
    float:right;
    margin-top:35px;
    margin-right:15px;
}
.callcenter {
    float:right;
    margin-top:25px;
    margin-right:15px;
}

.menu_wrapper {
  float:left;
  background: -webkit-linear-gradient(white, #f1f0f0); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #f1f0f0); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #f1f0f0); /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #f1f0f0); /* Standard syntax */
  height:50px;
  width:100%;
}

.navbar { border-radius: 0px;  border:0px; }
.navbar-collapse { padding:0px; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a { color:#ec0928; }
.navbar-default .navbar-nav>li>a:hover { color:#ec0928; }
.navbar-nav {}
.dropdown-menu2.login { float:left; }

.login_email { float:left; width:250px; padding-right:20px; clear: none; }
h1, h2, h3, h4, h5 { font-weight:bold; color:#777; }

.btn_login { border-radius:5px; background-color:#ec0928; color:white; }

label { color:#777; font-weight:normal; }

a .overlay { color:#333; font-weight:bold; }
a:hover .overlay { color:#ec0928; font-weight:bold; }

.col-md-3 img { width:100%; }

.title_wrapper{ adding-top: 30px;
  padding-bottom: 10px;
  background: #eeeeee;
  padding: 3px 0px;
}
.title_wrapper.t-waralaba { margin-top:10px; }
.title_wrapper a {
    font-weight: bold;
    color:#fff;
    font-size: 15pt;
    text-decoration: none;
	background:red;
	padding:5px 10px;
}
.title_wrapper a:hover { color:#f7de05; }

.title_wrapper .fa {
    color:#fff;
    margin-right:5px;
}


.title_page{ padding-top:30px; padding-bottom:10px; }
.title_page a {
    font-weight: bold;
    color:#333333;
    font-size: 25px;
    text-decoration: none;
}
.title_page a:hover { color:#ec0928; }

.title_page .fa {
    color:#ec0928;
    margin-right:5px;
}

.kiri { float:left; }
.kanan { float:right; }

.title_wrapper .lainnya {
    float:right;
    font-style: italic;
    color:#ec0928;
    font-weight: normal;
    font-size: 11pt;
	background:none;
}
.title_wrapper a.lainnya:hover { color:#ec0928; }
h2.title {
	position:relative;
	padding:0;
	margin:0 0 10px 0;
	font-weight:300;
	line-height:45px;
	font-size:25px;
	color:#242424;
}
h2.post_title {
	line-height:20px !important;
}
h2.post_title a {
	font-size:17px;
	line-height:20px;
	color:#242424;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
}
h2.post_title a:hover {
	color:#ff3246;
	text-decoration:none;
}
.lainnya { float:right; font-size:15px; text-transform:none; font-style:italic; padding-top:5px; }
.lainnya:hover { text-decoration:underline; }

.headline{}
.headline img{ width:100%;}
.headline a { color:#333; text-decoration: none; }
.headline .title_headline { padding-top: 5px; }
.headline .title_headline a { font-weight:bold; font-size:16pt; }
.headline .title_headline a:hover { color:#ec0928; }
.headline .date_headline { padding-bottom:5px;font-size: 14px; font-style: italic; color:#666; }
.headline .text_headline a { }
.headline .text_headline span { font-size:15px !important; }

/* =NAVBAR */

.sidebar-nav { padding: 9px 0; }

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu.hover li:hover .sub-menu {
    visibility: visible;
}

.dropdown.hover:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}

.navbar-nav.sidemenu {
    margin: 7.5px 0px;
}

.video_grid { margin-bottom:30px; display: block; height: auto; }
.video_grid .title_post{padding-top:5px; line-height:18pt;font-weight: bold;font-size: 14pt;}
.video_grid .title_post a {color:#333;}
.video_grid .title_post a:hover {color:#ec0928;text-decoration:none;}

/* Category Post */
.tab-title { font-weight: bold; font-size: 20px; }
.block_grid { margin-top:10px; display: block; }
.post_grid { margin-bottom:30px; display: block; height: 330px; }
.post_grid .title_post{padding-top:5px; line-height:15pt;font-weight: bold;font-size: 13pt;}
.post_grid .title_post a {color:#333;}
.post_grid .title_post a:hover {color:#ec0928;text-decoration:none;}
.post_grid .date_post{margin-top:5px;color:#666;font-size: 10pt; font-style: italic}
.post_grid .text_post{margin-top:10px;}
.post_grid .text_post a.link_more { font-size:10pt; color:#af3445; text-decoration:none; float:right; line-height: 16pt; clear:both; }
.post_grid .text_post a.link_more .fa { font-size: 7pt; }
.post_grid .text_post a.link_more:hover { color:#ec0928; text-decoration:underline;  }

/* Single Post */
.entry_post { margin-top: 10px;}
.entry_post header {}
.entry_post header h4.post-title { line-height: 35px; font-weight:bold; font-size:25px; color:#333; margin:0; padding-bottom:5px; }
.entry_post header h1.post-title { line-height: 35px; font-weight:bold; font-size:25px; color:#333; margin:0; padding-bottom:5px; }
.entry_post header span.post-date { padding-bottom:15px; }
.entry_post .entry_img { padding:0; margin:8px 20px 15px 0; text-align:center}
.entry_post .entry_img .img_caption { font-size:14px; font-style:italic; color:#727272; }
.entry_post article { margin-top:20px;line-height:25px; }
.entry_post article p { }
.entry_post .entry_upper { color:#ec0928;  }

/* Widget Title */
.widget_box { margin-top: 18px;}

/* Headline home post */
.berita{ clear: both; padding-top:20px; display: block;}
.berita a{color:#333;text-decoration: none;}
.title_berita {}
.title_berita a {font-weight: bold;font-size: 15pt;line-height:17pt;}
.title_berita a:hover { color:#ec0928; }

.date_berita{font-size: 10pt; font-style: italic}
.text_berita{padding-top:5px;}
.text_berita span { font-size:15px !important; }
.pic_berita_small{ float:left; padding-left:0px;}
.text_berita_small{ float:left;}
.berita .col-md-4{}
/*.berita img{width:100%;} */

.text_headline a.link_more{
    text-decoration: underline;
    color:#ec0928;
}

.text_berita a.link_more{
    text-decoration: underline;
    color:#ec0928;
}
.headline_event{ padding: 0px; }
.headline_event a {
    text-decoration: none;
    color:#333;
}
.headline_event .date_headline { padding-bottom:10px;font-size: 10pt; font-style: italic; color:#666; }

.title_events { margin-top:10px; }
.title_events a { font-weight: bold;display: inline-block;width: 100%;margin-top:1vw; }
.title_events .fa { margin-top:3px; }
.event { padding:10px 0; }
.event a{color:#333;text-decoration: none;}
.headline_event .col-md-12, .event .col-md-4{ padding:0; }
.text_event { }
.text_event a{ padding-left:10px;font-weight: bold;width:66%; float:left; margin-top:1vw; }
.event .date_event{ padding-left: 10px; float:left; width:66%; font-size: 10pt; font-style: italic;  color:#666;}

.text_event .fa { margin-top:4px; }
.event img{ width:100%; }
.title_event_small{float: left;width:87%;}
.text_headline a.link_more { text-decoration: underline; color:#ec0928; }

/*#myCarousel {height:328px;}*/
/*#myCarousel3 {height:328px;}*/
.carousel-indicators{bottom:5px;}
#myCarousel{}

.carousel-control.right {background-image: none;right:0px;}
.carousel-control.left {background-image: none;left:0px;}

.carousel-control {color:black;text-shadow: none;}
.carousel-control:hover {color:black;text-shadow: none;}
.carousel-control:focus{color:black;}

.footer{
  font-size: 13pt;
  margin-top: 20px;
  background-color: #eee;
}
.footer_address {
  display:inline-block;
  float: left;
  padding: 1vw;
}
.sms_center{float:right;}
.sms_center img{width:100%;}
.bar_footer {background-color:#ec0928; margin-top:0;height:140px;color:white;text-align: center;padding-top:15px;}
.back_to {}
.back_to a { color:#fff; font-size: 13px;}

.inline {
  display: inline-block !important;
}
.checkbox, .radio { margin-right:10px; }
.checkbox span, .radio span { padding-left:5px; }

::-webkit-input-placeholder { color:#09C; font-style:italic; text-transform:lowercase; }
::-moz-placeholder { color:#09C; font-style:italic; text-transform:lowercase; } /* firefox 19+ */
:-ms-input-placeholder { color:#09C; font-style:italic; text-transform:lowercase; } /* ie */
input:-moz-placeholder { color:#09C; font-style:italic; text-transform:lowercase; }

span.member_pages { font-size:19px; color:#999; margin-left:10px; }
.no-padding { padding:0 !important; }
.block_line {
	display: block;
	/*margin-bottom: 20px;*/
}

#frame_undian .header { display:none; }
.padding_about {
	padding-left:65px;
	padding-right:65px;
}
.padding_about a:hover {
	text-decoration:none;
	color:#C30;
}
.padding_about a {
	color:#333;
}
.title_about {
	font-size:22px; font-weight:bold;padding:25px 0 10px 0;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}