@font-face {
    font-family: 'Charlemagne';
    font-style: normal;
    font-weight: normal;
    src: local('../font/charlemagne'), url('../font/charlemagne/Charv2.woff') format('woff');
}


section {
    background: #fff;
}
header .secondary_menu,
header .top_menu{
    /*font-family: 'Charlemagne';*/
}

.main_logo img {
    margin-top: 24px;
    margin-bottom: 24px;
    max-width: 22%;
    min-width: 266px;
    height: auto;
}


.banner_middle .col-md-4 {
    padding: 0 36px;
}

.image-details .no-login .price-not-login .label-block > .normal-price span {
    color: #000 !important;
    font-size: 14px;
}

select.sel_product_per_page {
    margin-top: 30px;
}

#search_button .fa-search:before{
    content: "";
    display: block;
    background-image: url(/sf_website/static/images/search_icon_black.png);
    background-repeat: no-repeat;
    background-size:100%;
    height: 20px;
    width: 20px;
} 
#button_search_mobile .fa-search:before {
    content: "";
    display: block;
    background-image: url(/sf_website/static/images/search_icon_black.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 22px;
    width: 22px;
    margin-top: 5px;
}
#search_mobile button .fa-search:before{
    content: "";
    display: block;
    background-image: url(/sf_website/static/images/search_icon_black.png);
    background-repeat: no-repeat;
    background-size:100%;
    height: 20px;
    width: 20px;
    margin-top: 4px;
}



.add_cart_button {
    color: white;
    background-color: #6f869d;
    border-color: #6f869d;
    text-transform: uppercase;
    text-decoration: none !important;
    border-radius: 0; 
}
.add_cart_button:before {
    content: "";
    display: block;
    position: absolute;
    height: 17px;
    width: 17px;
    z-index: 99;
    background-image: url(/sf_website/static/images/shopping_bag.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.add_cart_button:hover{
    border-color: #4d5e6f;
    background-color: #4d5e6f;

}
.add_cart_button i.fa-shopping-cart {
    /*background-image: url(/sf_website/static/images/shopping_bag.png);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: center;*/

    color: transparent;
    width: 17px;
}
.add_cart_button i.fa-shopping-cart:before {
    visibility: hidden;
    opacity: 0;
}
/*
.add_cart_button > span {
    padding: 0 8px 0 0;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}*/
/*.add_cart_button > i {
    padding: 11px;
    text-decoration: none;
    display: inline-block;
    color: #fff;
}*/
/*.add_cart_button:hover > i{
    background-color: #373538;
}  
.add_cart_button:hover > span{
    background-color: #373538;
}*/
.download-gallery-images {

    color: #fff;
    background-color: #6f869d;
    border-color: #6f869d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
}
.download-gallery-images:hover {
    color: white;
    background-color: #4d5e6f; 
    border-color: #4d5e6f;
}
.btn-pre-order {
    background-color: #6f869d;
    border-color: #6f869d;

    border-radius: 0;
    color: white;
}
.btn-pre-order:hover {
    color: white;
    background-color: #4d5e6f;
    border-color: #4d5e6f;
}
#newsletter { 
    border: 1px solid #2d2d2d; 
}
button.button_subscribe { 
    background-color: #2d2d2d; 
}

button.btn.btn--green.btn--medium { 
    color: #000;
    float: left;
    border-radius: 0;
}
button.btn.btn--green.btn--medium:hover{
    opacity: 0.5;
} 
.cek_ongkir_footer .search_input{
    border-radius: 0;
}
.newsletter_container_content { 
    background-image: url(/sf_website/static/images/str_banner_newslatter.jpg); 
}
.footer_middle {
    border-top: 1px solid #2d2d2d;
}
.footer_bottom {
    background-color: #2d2d2d; 
}
#payment_shipping{
    background: #fff;
}

#banner-slideshow .control-round .carousel-control.left, 
#banner-slideshow .control-round .carousel-control.right {
    font-size: 40px;
} 
#banner-slideshow .control-round .carousel-control.left:hover, 
#banner-slideshow .control-round .carousel-control.right:hover {
    background: transparent;
} 
.control-round .carousel-control.left {
    left: 2%;
}
.control-round .carousel-control.right {
    right: 2%;
}
.product_display_homepage .product_title {
    letter-spacing: 1px;
}
.footer_middle_content {
    text-transform: none;
}

.product_detail_action .no-login .price-box .oe_price, 
.product_detail_action .no-login .price-box .reseller-price>span, 
.product_detail_action .no-login .price-box .vip-price span {
    font-size: 26px;
}


.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;
}


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



.footer_top_content{
    min-height: 156px;
}

.footer_top div.col-md-3 .footer_top_content {
    width: 100%;
    max-width: 300px;
}


.btn_show_variants {
    display: none;
    height: 33px;
    position: absolute;
    z-index: 7;
    bottom: 24px;
    left: 66px;
    cursor: pointer;
}
.btn_show_variants:hover .btn-icon {
    transform: scale(1.1);
}
.btn_show_variants .btn-icon {
    border-radius: 10px;
    overflow: hidden;
    height: 33px;
    width: 47px;
    line-height: 33px;
    font-size: 17px;
    color: #fff;
    background-color: #6e869d;
    box-shadow: -2px 2px 4px rgba(0,0,0,.6);
}




@media(min-width: 768px){

    .secondary .nav.navbar-nav > li:not(:last-child):hover {
        background-color: #4d5e6f;
    }
    .mega-columns .dropdown-column .list-item:hover{
        background-color: #4d5e6f;
    }
    .navbar-default .navbar-nav > .open > a, 
    .navbar-default .navbar-nav > .open > a:hover, 
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: #4d5e6f;
    }
    .navbar-default .dropdown-menu > li > a:hover, 
    .navbar-default .dropdown-menu > li > a:focus {
        background-color: #4d5e6f;
    }
    .secondary #search_button .fa-search:before {
        content: "";
        display: block;
        background-image: url(/sf_website/static/images/search_icon_white.png);
        background-repeat: no-repeat;
        background-size: 100%;
        height: 20px;
        width: 20px;
    }


    ul.top_menu.nav.navbar-nav.navbar-right {
        padding-right: 52px;
    }
    .top_menu .block_my_cart_quantity {
        position: absolute;
        float: none;
        right: 70px;
        top: 60px;
    }
    img.banner_middle_img { 
        padding-left: 10px;
        padding-right: 10px;
    }

    .top_menu .my_cart_quantity.label{
        background-color: #388ecf !important;
    }
    .top_menu .sticky-shopping-cart i.fa.fa-shopping-cart {
        background-image: url(/sf_website/static/images/trolly_white.png);
    }
    .secondary .dropdown-menu {
        background-color: #4d5e6f;
    }
    .secondary .nav.navbar-nav > li {
        color: black;
        cursor: pointer;
    }
    .secondary .dropdown-menu > li > a{
        color: #fff;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link.show { 
        background-color: #4d5e6f; 
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link .btn_show_dropdown {
        color: #fff;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link:hover .btn_show_dropdown {
        color: #fff;
    }

    .mega-columns .dropdown-column .list-item a { 
        color: #fff !important; 
    }

    .top_menu .navbar-default {
        background-color: #fff !important;
        border: none;
        border-bottom: 2px solid #6d869d !important;
        border-radius: 0;
    }
    .top_menu.nav > li > a { 
        color: #4d5e6f!important; 
        background-color: transparent!important;
    }
    .top_menu.nav > li > a:hover {
        color: #4d5e6f!important;
        background-color: transparent!important;
    } 
    .top_menu.nav .dropdown-menu > li > a{
        color: #4d5e6f; 
    }
    .top_menu.nav .dropdown-menu > li > a:hover, 
    .top_menu.nav .dropdown-menu > li > a:focus{
        background-color: transparent;
    }
    .secondary .navbar-nav{
        margin-top: 5px;
    }
    .main_logo {
        background-color: #fff;
        border-top: 1px solid #fff;
    }
    .navbar.navbar-default.secondary {
        background-color: #6f869d !important;
        border-color: #6f869d !important; 
        border-radius: 0 !important;
    }
    .navbar-default .secondary .navbar-nav > li > a{
        color: #fff !important;
    }
}

@media (max-width: 768px){
    .oe_product .link_video{
        display: none;
    }
    .btn_show_variants {
        display: block;
        left: 6px;
    }

    .logo_top_mobile img {
        width: 140px;
    }

    .ganti_versi_desktop{
        display: block;
    }

    .top_menu .my_cart_quantity.label{
        background-color: #388ecf !important;
    }

    
}


@media (max-width: 480px){
    .product_display_homepage .owl-carousel .item {
        padding: 5px 5px 20px !important;
    }
    .product_display_homepage .oe_product_image {
        position: relative;
        min-height: 177px;
    }
    .product_display_homepage .owl-carousel .owl-item {
        position: relative;
        padding-bottom: 47px;

    }

    .product_display_homepage .add_cart_button {
        font-size: 10px;
        padding: 4px 6px;
    }
    .product_display_homepage .btn-pre-order {
        font-size: 10px;
    }

    .product_display_homepage .add_cart_button i.fa-shopping-cart {
        background-repeat: no-repeat;
        background-size: 15px 15px;
        background-position: center;
    }
    .product_display_homepage .add_cart_button > i {
        padding: 5px;
    }
   .product_display_homepage .download-gallery-images {
        font-size: 10px;
        line-height: 29px;
        padding: 0;
        width: 30px;
    }
    .product_display_homepage .oe_product .label-product {
        font-size: 14px;
        display: block;
        min-height: 40px;
    }
    .product_display_homepage .oe_product .product_price {
        font-size: 12px;
    }
    .product_display_homepage .normal-price {
        font-size: 13px;
    }



    .product_display_homepage .image-details .no-login .price-not-login .label-block {
        display: block;
        justify-content: space-between;
    }
    .product_display_homepage .image-details .no-login .price-not-login .label-block >div {
        display: block !important;
        font-size: 16px;
        text-align: left;
    }
    .image-details .no-login .price-not-login .label-block > .normal-price span{
        color: #d21f30 !important;
    }
    .product_display_homepage .image-details .no-login .label-product, 
    .product_display_homepage .image-details .no-login .normal-price, 
    .product_display_homepage .image-details .no-login .reseller-price, 
    .product_display_homepage .image-details .no-login .vip-price {
        display: none !important;
    }






    #products_grid table, 
    #products_grid tbody, 
    #products_grid tr, 
    #products_grid td {
        display: -webkit-inline-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    } 

    #products_grid .oe_product .oe_product_cart {
        padding-bottom: 45px;
    }



    #products_grid .oe_product .oe_product_image {
        min-height: 190px;
    }
    #products_grid h5 a {
        font-size: 16px;
    }
    #products_grid .image-details .no-login .price-not-login .label-block {
        display: block;
        justify-content: space-between;
    }
    #products_grid .image-details .no-login .price-not-login .label-block > div {
        display: block !important;
        font-size: 16px;
        text-align: left;
    }

    #products_grid table tr td.oe_product.oe_grid .product_price {
        margin-top: 12px;
        font-size: 12px;
    }
    #products_grid table tr td.oe_product.oe_grid .product_price .price_before {
        position: absolute;
        top: -9px;
        left: 0;
        text-align: center;
        width: 100%;
    }

    #products_grid .oe_product {
        width: 50% !important;
        float: left !important;
    }
    
    #products_grid .oe_product:nth-child(2n+1) {
        clear: left;
    }
    #products_grid .add_cart_button {
        padding: 5px 4px;
        font-size: 12px;
    }
    #products_grid  .download-gallery-images{
        padding: 5px 9px;
        font-size: 12px;
    }
    #products_grid .btn-pre-order{
        padding: 5px 12px;
        font-size: 12px;
    }

    
    #products_grid .image-details .no-login .price-not-login .label-block {
        min-height: 65px;
    }

    
    #products_grid .login h5.label-product {
        min-height: 60px;
    }

    #products_grid .oe_product .oe_product_cart .action {
        position: absolute;
        left: 0;
        bottom: 12px;
        width: 100%;
    }

    .show_product_stock {
        min-width: 140px;
    }



}