.add-cart,
.add_cart_nologin {
    font-weight: bold;
    color: #fff;
    border: 1px solid #6cced7;
    background-color: #6cced7;
}
.add-cart:hover,
.add_cart_nologin:hover {
    color: #fff;
    border: 1px solid #4fa7af;
    background-color: #4fa7af;
}

.action .download-gallery-images{
    border-radius: 100px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #6cced7;
    background-color: #6cced7;
}
.action .download-gallery-images:hover{
    color: #fff;
    border: 1px solid #4fa7af;
    background-color: #4fa7af;
}

.cek_ongkir_footer button.btn.btn--green.btn--medium {
    color: #fff;
    border: 1px solid #6cced7;
    background-color: #6cced7;
}


.has-error .chosen-container-single .chosen-single span {
    color: #a94442;
    font-weight: bold;
}
.has-error .chosen-container-single .chosen-single {
    border-color: #a94442;
}


.main_logo { 
    border-top: 3px solid #6dced7;
}
.main_logo a {
    display: block;
    padding: 15px 0;
}
.main_logo img {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 25%;
    min-width: 226px;
    height: auto;
}


.sel_product_per_page {
    margin-top: 30px;
}
#banner-slideshow .control-round .carousel-control.left:hover, 
#banner-slideshow .control-round .carousel-control.right:hover {
    background: transparent;
} 
#banner-slideshow .carousel .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -14px !important;
    color: #6dced7;
    font-size: 43px;
}
.top_menu.nav > li > a:hover {
    color: #6dced7;
}
.top_menu .my_cart_quantity.label{
    background-color: #6dced7 !important;
}
.mega-columns .dropdown-column .list-item:hover > a { 
    color: #6dced7 !important;
}
.secondary .nav.navbar-nav > li { 
    cursor: pointer;
}
.secondary .nav.navbar-nav > li:not(:last-child):hover > a{
    color: #fff !important;  
}
.secondary.dropdown-menu.dropdown-menu > li:hover > a {
    color: #6dced7 !important;
}
.secondary .nav.navbar-nav > li:not(:last-child):hover {
    color: #fff !important;
    background-color: #65c3cc;
}
.product_display_homepage .product_title:hover {
    color: #6dced7;
}


.product_display_homepage .product_title {
    letter-spacing: 1px;
}
.form-cekresi .btn-cekresi:hover {
    background-color: #6dced7;
}
button.button_subscribe:hover {
    color: #6dced7;
}

section {
    background: #fff;
}

div.carousel .carousel-indicators li.active {
    border: 1px solid #6dced7;
    background: #6dced7;	
}
.add_cart_button i.fa.fa-shopping-cart {
    color: transparent;
    width: 17px;
}
.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 {
    color: white;
    background-color: #5f5d5d;
    border-color: #5f5d5d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;    
    text-decoration: none !important;
}
.add_cart_button:hover {
    color: white;
    background-color: #6dced7; 
    border-color: #6dced7;
}
.download-gallery-images {

    color: white;
    background-color: #5f5d5d;
    border-color: #5f5d5d;
    -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: #6dced7; 
    border-color: #6dced7;
}
.btn-pre-order {
    border-radius: 100px;
    text-decoration: none !important;
    background-color: #6dced7;
    border-color: #6dced7;
    color: #fff;
}
.btn-pre-order:hover {
    color: white;
    background-color: #4fa7af; 
    border-color: #4fa7af;
}
.product_form_action #add_to_cart {
    background-color: #5f5d5d !important;
    border: #5f5d5d !important;
    border-radius: 0;
}
.product_form_action #add_to_cart:hover {
    color: white;
    background-color: #6dced7 !important; 
    border-color: #6dced7 !important;
}
#product_detail .css_quantity .input-group-addon {
    border-radius: 0;
}
#banner-slideshow .carousel .carousel-control span {
    top: 50%;
    position: absolute;
    margin-top: -14px !important;
    color: #6dced7;
}

.control-round .carousel-control.left {
    left: 2%;
}
.control-round .carousel-control.right {
    right: 2%;
}

div.carousel .carousel-indicators li {
    border: 1px solid #6dced7;
    background-color: #6dced7;
}
div.carousel .carousel-indicators .active {
    background-color: #6dced7;
}
.newsletter_container_content { 
    background-image: url(/sf_website/static/images/gof_banner_newslatter.jpg); 
    background-size: cover;
}
.footer_middle { 
    border-top: 1px solid #6dced7;
    background-color: #eeeeef;
    color: #000;
}
.footer_bottom_container {
    background-color: #6dced7;
}
#payment_shipping{
    background: #fff;
} 
button.btn.btn--green.btn--medium { 
    color: #000;
    float: left;
    border-radius: 0;
}
button.btn.btn--green.btn--medium:hover{
    opacity: 0.5;
}
.owl-theme .owl-controls .owl-buttons div{
    background-color: #6dced7;
}
.cek_ongkir_footer .search_input{
    border-radius: 0;
}
.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;
}


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

.footer_top_content{
    min-height: 156px;
}










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







@media(min-width: 768px){ 
    .top_menu.nav > li.devider > a{
        padding: 0!important;
    }
    .secondary .navbar-nav {
        vertical-align: text-top;
    }
    .secondary_menu > .navbar-default.secondary {
        border-radius: 0;
        background-color: #6dced7 !important;
        border-color: #6dced7 !important; 
    }
    .navbar-default .secondary .navbar-nav > li > a {
        color: #fff !important; 
    } 


    .secondary .nav.navbar-nav > li:not(:last-child):hover {
        background-color: #65c3cc;
    }
    .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: #6dced7;
    }
    .secondary_menu .secondary .dropdown-menu {
        background-color: #6dced7;
    }
    .secondary_menu .secondary .dropdown-menu a{
        color: #fff !important;
    }
    .secondary_menu .secondary .dropdown-menu a:hover{
        color: #fff !important;
        background-color: #64c3cc;
    }

    #search_button {
        padding: 11px 11px;
    }

    .sticky-header .navbar-nav {
        margin-top: 0;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
    } 
    .top_menu .sticky-shopping-cart i.fa.fa-shopping-cart {
        background-image: url(/sf_website/static/images/trolly_white.png);
    } 
}


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

    .logo_top_mobile {
        padding: 2px 0;
    }
    .logo_top_mobile > a {
        display: block;
    }
    .logo_top_mobile img {
        width: auto;
        height: 49px;
    }
    
    .banner_middle {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .banner_middle > .col-sm-6 {
        float: left;
        width: 50%;
        padding: 0;
    }
    .banner_middle img.banner_middle_img {
        padding: 0;
        display: block;
        width: 100%;
    }

    .top_menu.navbar-collapse > ul.top_menu.nav {
        margin: 0 -15px;
    }

    .secondary .navbar-nav {
        width: 100%;
        margin: 7.5px 0;
    }
    .secondary .navbar-nav > li > a > b.caret {
        position: absolute;
        top: 18px;
        right: 15px;
    }
    .secondary .navbar-collapse {
        padding: 0;
        background-color: #43beca;
    }
    .secondary .nav.navbar-nav > li{
        margin: 0;
        width: 100%;
    }

    .secondary .nav.navbar-nav > li.dropdown.open > a.dropdown-toggle {
        color: #ffffff !important;
        background-color: #52b4bd;
    }
    .secondary .mega-columns .dropdown-column .list-item a {
        font-weight: bold;
        color: #ffffff !important;
        background-color: #3fa9b3;
    }
    .secondary .navbar-nav .open .secondary.dropdown-menu > li{
        padding: 0;
    }
    .secondary .navbar-nav .open .secondary.dropdown-menu > li > a {
        color: #ffffff !important;
        background-color: #3fa9b3 !important;
    }


    .secondary .nav.navbar-nav > li.dropdown-parent-link.show {
        padding: 0;
        background-color: #52b4bd !important;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link .btn_show_dropdown {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 42px;
        line-height: 20px;
        color: #fff;
        padding: 0;
        padding-left: 5px;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link:hover .btn_show_dropdown {
        color: #ffffff;
    }

    .secondary .nav.navbar-nav > li.dropdown-parent-link.show:before {
        content: "";
        background-color: #51b4bd;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link.show > a {
        color: #ffffff !important;
        background-color: #52b4bd !important;
        padding-right: 20px;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link.show ul.dropdown-menu > li{
        padding: 0;
    }
    .secondary .nav.navbar-nav > li.dropdown-parent-link.show ul.dropdown-menu > li > a {
        color: #ffffff !important;
        background-color: #3fa9b3 !important;
    }



    .footer-mobile {
        display: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        background-color: #6cced7;
        font-weight: bold;
        padding: 4px 0;
        z-index: 9999;
    }
    .footer-mobile a:hover {
        color: #094d52 !important;
        background: #094d52;
    }


}

@media(max-width: 480px){
    .logo_top_mobile img {
        width: auto;
        height: 30px;
        margin-top: 8px;
    }

    .product_display_homepage .oe_product_image {
        min-height: 160px;
    }
    .product_display_homepage .add_cart_button {
        padding: 5px 4px;
        font-size: 12px;
    }
    .product_display_homepage .download-gallery-images {
        padding: 5px 8px;
        font-size: 12px;
    }
    .product_display_homepage .owl-theme .owl-controls {
        top: -12px;
    }
    .product_display_homepage .image-details .no-login ~ .action a:first-child {
        margin-right: 0;
    }
    .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;
    }
    .product_display_homepage .oe_product .product_price {
        font-size: 12px;
    }

    .image-details .no-login .price-not-login .reseller-price, 
    .image-details .no-login .price-not-login .vip-price {
        display: none !important;
    }

    #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 8px;
        font-size: 12px;
    }
    #products_grid h5 a {
        font-size: 16px;
    }
    #products_grid table tr td.oe_product.oe_grid .product_price {
        font-size: 12px;
    }
    #products_grid .image-details .no-login ~ .action a:first-child {
        margin-right: 0;
    }
    #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 .image-details .no-login .price-not-login .label-block {
        min-height: 88px;
    }

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

    .pp_description_sale,
    .pp_description_sale + hr {
        display: none;
    }
    .pp_description_sale2{
        display: block !important;
    }

}