/*@font-face {
    font-family: 'Lusitana';
    src:url('../font/lusitana/Lusitana.ttf.woff') format('woff'),
        url('../font/lusitana/Lusitana.ttf.svg#Lusitana') format('svg'),
        url('../font/lusitana/Lusitana.ttf.eot'),
        url('../font/lusitana/Lusitana.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

header .secondary_menu,
header .top_menu{
    font-family: 'Lusitana';
    font-weight: bold;
}
*/
@font-face {
    font-family: 'CaslonSSK-SemiBold';
    src:url('../font/caslonssk-semibold/CaslonSSK-SemiBold.ttf.woff') format('woff'),
        url('../font/caslonssk-semibold/CaslonSSK-SemiBold.ttf.svg#CaslonSSK-SemiBold') format('svg'),
        url('../font/caslonssk-semibold/CaslonSSK-SemiBold.ttf.eot'),
        url('../font/caslonssk-semibold/CaslonSSK-SemiBold.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

header .secondary_menu,
header .top_menu{
    font-family: 'CaslonSSK-SemiBold';
    /*font-weight: bold;*/
}

.line span {
    background-color: #67bb13;
}

.whatsapp span {
    background-color: #68bd23;
}
.shopee span {
    background-color: #ea6e59;
} 
.icon_line:before{
    content:"";
    display: block;
    background-image: url(/sf_website/static/images/line_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    margin: 6px auto;
}
.icon_whatsapp:before{
    content:"";
    display: block;
    background-image: url(/sf_website/static/images/whatsapp_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin: 6px auto;
}

.icon_shopee:before{
    content:"";
    display: block;
    background-image: url(/sf_website/static/images/shopee_icon.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 22px;
    height: 22px;
    margin: 6px auto;
}

.icon-button{
    color: #fff;
    background-color: #b3b3b3; 
}
.icon-button i{
    color: #fff;
}


#banner-slideshow .carousel .carousel-control span { 
    color: #111111;
    font-size: 41px;

}
#banner-slideshow .control-round .carousel-control.left:hover, 
#banner-slideshow .control-round .carousel-control.right:hover {
    background: transparent;
}  
#banner-slideshow  .control-round .carousel-control.left {
    left: 2%;
}
#banner-slideshow  .control-round .carousel-control.right {
    right: 2%;
}
div.carousel .carousel-indicators li {
    border: 1px solid #111111;
    background-color: #111111;
}
div.carousel .carousel-indicators .active {
    background-color: #111111;
}
.owl-theme .owl-controls .owl-buttons div {
    background-color: #111111;
}
/*.icon-button {
    background-color: #fff;
}
.icon-button i {
    color: #111111;
}*/
.sel_product_per_page {
    margin-top: 30px;
}
.newsletter_container_content {
    background-image: url(/sf_website/static/images/run_banner_newslatter.jpg);
}

.oe_product .add_cart_button ,
.oe_product .add_cart_nologin,
.oe_product .add-cart{
    /*background-color: #111111;*/
    border-color: #111111;
    color: #111111;
    text-decoration: none !important;
} 
.oe_product .add_cart_button:hover,
.oe_product .add_cart_nologin:hover,
.oe_product .add-cart:hover {
    border-color: #111111;  
    background-color: #111111;  
    color: #fff;
} 


.download-gallery-images {
    /*background-color: #111111;*/
    border-color: #111111;
    color: #111111;
}
.download-gallery-images:hover {
    background-color: #111111;  
    color: #fff;
}

.btn-pre-order { 
    color: white;
    background-color: #111111;
    border-color: #111111;
}
.btn-pre-order:hover {
    color: white;
    background-color: #111111;
    border-color: #111111;
}
.footer_middle {
    border: none;
    text-transform: none;
    color: #b3b3b3;
    background-color: #111111;
    border-top: 2px solid #111111;
}
.footer_middle .footer_middle_content h4{
    color: #ffffff;
}
.footer_middle a {
    color: #b3b3b3;
}

.footer_copyright {
    padding: 15px 15px;
    text-align: center;
    color: #b3b3b3;
    background-color: #111111;
    border-top: 1px solid #b3b3b3;
}
section {
    background: #fff;
}


.image-details .no-login .price-not-login .reseller-price{
    display: none !important;
}
.product_detail_action .no-login .price-box div > h4.reseller-price{
    display: none !important;
}
.product_detail_action .no-login .price-box div > h4.vip-price{
    display: none !important;
}


button.btn.btn--green.btn--medium { 
    color: #FFF;
    background-color:  #b3b3b3;
    border-radius: 0;
    float: left;
}
button.btn.btn--green.btn--medium:hover { 
    background-color:  #603d62;     
}

.cek_ongkir_footer .search_input{
    border-radius: 0;
}
#payment_shipping { 
    background: #fff;
} 



div:not(.pop-content) > #product_detail > .row{
    display: block;
    flex-direction: unset;
}


.top_menu i.fa.fa-shopping-cart {
    background-image: url(/sf_website/static/images/run-trolly.png);
    background-size: 100%;
} 

@media(min-width: 768px){ 
    .top_menu .my_cart_quantity.label{ 
    }
    .top_menu .sticky-shopping-cart i.fa.fa-shopping-cart {
        background-image: url(/sf_website/static/images/run-trolly-white.png);
    } 
    .secondary .nav.navbar-nav > li {
        color: black;
        cursor: pointer;
    } 
    .secondary .navbar-nav {
        margin-top: 5px;
    }
    .secondary_menu .navbar.secondary { 
        background-color: #111111 !important;
        border-color: #111111 !important;
        border-radius: 0;
    }
    .secondary .nav.navbar-nav > li:not(:last-child):hover {
        background-color: #353535;
    }
    .secondary_menu .navbar-default .navbar-nav > .open > a, 
    .secondary_menu .navbar-default .navbar-nav > .open > a:hover, 
    .secondary_menu .navbar-default .navbar-nav > .open > a:focus {
        background-color: #353535;
    }
    .secondary_menu .secondary .dropdown-menu {
        background-color: #353535;
    }
    .secondary_menu .secondary .dropdown-menu a{
        color: #fff !important;
    }
    .secondary_menu .secondary .dropdown-menu a:hover{
        background-color: #612145;
    }

    .main_logo_wrapper .main_logo {
        border: none;
    } 
    .main_logo_wrapper .main_logo img {
        margin-top: 30px;
        margin-bottom: 30px;
        max-width: 15%;
        min-width: 100px;
        height: auto;
    }

    .main_logo_wrapper {     
        border-top: 3px solid #111111;
    }
    .navbar-default .secondary .navbar-nav > li > a {
        color: #fff !important; 
    }

}


@media(max-width: 768px){
    .logo_top_mobile img {
        width: 89px;
    }
    .ganti_versi_desktop{
        display: block;
    }
}