@charset "utf-8";


/* Main CSS import */
@import '/style.css';

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');




/* Layout CSS */
.grecaptcha-badge {
    margin-bottom: 220px !important;
}

body{
    font-family: 'Raleway', Arial, sans-serif;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: #303030;
    background-color: #fff;
}

a{
    color: #303030;
}

a:hover{
    color: #000;
}

a,
.btn-form{
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

*,
*:focus{
    outline: none !important;
}

/* HEADER */
header{
    margin-bottom: 22px;
}

/* Topbar */
.topbar{
    font-size: 14px;
    border-bottom: 1px solid #e0e0e0;
    padding: 0;
}

.topbar i{
    font-size: 90% !important;
}

.topbar ul.contactinfo-list{
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
}

.topbar ul.contactinfo-list li{
    border-width: 0;
    border-style: solid;
    border-color: #e0e0e0;
    border-right-width: 1px;
    padding: 15px;
    display: inline-block;
    vertical-align: top;
    width: auto !important;
    line-height: 30px;
}

.topbar ul.contactinfo-list li:last-child {
    border-right-width: 0;
}

.topbar ul.contactinfo-list li i {
    font-size: 18px;
    line-height: 30px;
    margin-right: 7px;
}

.topbar ul.contactinfo-list li .text {
    color: #23c784;
}

.topbar .dropdown-menu{
    margin-top: 8px;
    font-size: 11px;
    padding: 0px;
    border-radius: 0px;
    min-width: 32px;
}

.topbar .dropdown-menu .dropdown-item{
    font-weight: bold;
    padding: 2px 1.5rem;
    cursor: pointer;
}

/* Header */
.header {
    padding: 40px 0;
}

.sticky_logo {
    display: none;
    position: absolute;
    top: 10px;
    left: 15px;
    z-index: 100;
    width: 140px;
    height: 50px;
}

.sticky_logo .logo-background{
    display: block;
    width: 183px;
    height: 60px;
    background: url(/webroot/image/logo.png) left center no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    overflow: hidden;
}

.logo-inside .logo-background {
    display: block;
    height: 54px;
    width: 183px;
    background: url(/webroot/image/logo.png) left center no-repeat;
    background-size: 100% 100%;
    text-indent: -9999px;
    overflow: hidden;
}

.header a.media{
    color: #303030;
}

.header .form-control,
.header .btn{
    border-radius: 0px;
    height: 50px;
    font-style: italic;
    font-size: 12px;
    background: #FFF;
}

.header select.form-control option{
    padding: 9px 15px;
}

/* Navbar */
.navbar-theme{
    background-color: #303030 !important;
    text-transform: uppercase;
}

.navbar-theme .navbar-toggler{
    color: #FFF;
    border: thin solid #FFF;
    border-radius: 0px;
}

.navbar-theme .navbar-nav .nav-link {
    color: #fff;
    padding: 25px 22px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar-theme .navbar-nav .active > .nav-link,
.navbar-theme .navbar-nav .nav-link:hover{
    color: #23c784;
}


/* Breadcrumb */
.breadcrumb-container{
    background: #F7F7F7;
    padding: 30px 0;
    font-size: 20px;
    line-height: 22px;
    color: #303030;
}

.breadcrumb-container ol.breadcrumb{
    margin: 0px;
    padding: 0px;
    background: none;
    color: #303030;
}

.breadcrumb-container ol.breadcrumb .breadcrumb-item{
    color: #303030;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.breadcrumb-container ol.breadcrumb .breadcrumb-item a{
    color: #303030;
    font-size: 14px;
}

.breadcrumb-container ol.breadcrumb .breadcrumb-item a:hover{
    color: #23c784;
}

.breadcrumb-container ol.breadcrumb .breadcrumb-item.active{
    color: #23c784;
}

.breadcrumb-container ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
}


/* FOOTER */
footer{
    background-color: #303030;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 32px;
}

footer a{
    color: rgba(255, 255, 255, 0.8);
}

footer a:hover{
    color: #23c784;
}

/* Footer Navigation */
.footer-navigation{
    padding: 50px 0px;
}

.footer-navigation img.footer-logo{
    max-width: 65% !important;
}

.footer-navigation h4.footer-nav-title{
    font-size: 16px;
    text-transform: none;
    line-height: 24px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
    color: #FFF;
}

.footer-navigation h4.footer-nav-title::after{
    content: "";
    background: #23c784;
    display: block;
    position: relative;
    width: 42px;
    height: 3px;
    z-index: 1;
    margin: 14px 0 20px;
}

.footer-navigation p i{
    width: 20px;
    text-align: center;
    margin-right: 6px;
    color: #23c784;
}

.footer-navigation ul.list-unstyled li{
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
}

.footer-navigation ul.list-inline li a span{
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    transition: all 0.35s linear;
}

.footer-navigation ul.list-inline li a:hover span{
    border-color: #23c784;
}


/* Footer Copyright */
.footer-copyright{
    background-color: transparent;
    padding: 30px 0 40px;
    border-top: 1px solid #4e4e4e;
}


/* BOOTSTRAP MEDIA */
.media .media-body > .media-title{
    vertical-align: top;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}

.media > span.media-icon{
    background-color: #23c784;
    color: #FFF;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-right: 6px;
}

.media > span.media-icon i{
    display: block;
    font-size: 20px;
    line-height: 50px;
}


/* BACK TO TOP */
#back-to-top{
    background-color: #23c784;
    bottom: 35px;
    display: none;
    position: fixed;
    right: 12px;
    width: 55px;
    height: 55px;
    font-size: 18px;
    padding: 18px 0;
    line-height: 18px;
    z-index: 9999;
    color: #fff;
    cursor: pointer;
    text-align: center;
}


/* WHATSAPP LINK */
#link-whatsapp{
    position: fixed;
    bottom: 120px;
    right: 12px;
    width: 80px;
    height: 80px;
    padding: 8px;
    background: #FFF;
    border-radius: 50%;
    z-index: 9998;
}


/* HOME */

.default-header{
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 20px;
    text-transform: uppercase;
}

/* Home category list */
.home-list-category{
    margin-bottom: 32px;
}

.home-list-category .list-group-item:first-child,
.home-list-category .list-group-item:last-child{
    border-radius: 0px;
}

.home-list-category .list-group-item:first-child,
.home-list-category .list-group-item:first-child:hover{
    border-color: #25c785;
    border-bottom: 6px solid #e0e0e0;
    border-left-width: : 1px !important;
    border-right-width: : 1px;
    border-top-width: : 1px;
    background-color: #25c785;
    color: #fff;
    padding: 16px 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
}

.home-list-category .list-group-item:first-child i{
    margin-right: 8px;
}

.home-list-category .list-group-item{
    background-color: #fff;
    color: #303030;
    padding: 10px 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #303030;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.home-list-category a.list-group-item:hover{
    background-color: #f9f9f9;
    border-left: 5px solid #25c785;
}


/* SHOP WIDGET */
.shop-widget{}

.shop-widget .shop-widget-title{
    background-color: #25c785;
    color: #fff;
    padding: 16px 20px;
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
}

.shop-widget .media{
    margin-bottom: 15px;
}

.shop-widget .media img{
    width: 80px;
    height: 80px;
}

.shop-widget .media .media-body h5{
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
}

.shop-widget .media .media-body .prize{
    font-size: 20px;
    line-height: 30px;
    min-height: 30px;
    color: #23c784 !important;
    font-family: 'Shadows Into Light Two', cursive;
}


/* Home quick info */
.home-quick-info{
    padding: 25px 20px;
    border: 1px solid #e0e0e0;
    margin-top: 28px;
    margin-bottom: 38px;
}


/* HOME SECTION */
.home-section-title{
    text-align: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    letter-spacing: .1em;
}


/* CARD PRODUCT */
.card-product{
    background: none !important;
    border: none;
    border-radius: none;
    color: #303030;
}

a.card-product:hover{
    color: #23c784;
}

.card-product .card-img-top{
    border-radius: 0px;
}

.card-product .card-body{
    background: none !important;
    text-align: center;
}

.card-product .card-body .card-title{
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.card-product .card-body .card-prize{
    font-size: 20px;
    line-height: 30px;
    min-height: 30px;
    color: #23c784 !important;
    font-family: 'Shadows Into Light Two', cursive;
}


/* Newsletter subscribe box */
.row-newslettersubs{
    color: #FFF;
    background: url('/webroot/image/bg_subscribe.png');
    padding: 30px 15px;
}

.row-newslettersubs h3{
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
}

.row-newslettersubs .btn{
    color: #FFF;
}

.row-newslettersubs .input-group .form-control{
    border-radius: 0px;
}

.row-newslettersubs .input-group .btn{
    border-radius: 0px;
}


/* PRODUCT DETAILS */
.product-details{}

.product-details .product-title{
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

.product-details .product-prize{
    color: #23c784 !important;
    font-family: 'Shadows Into Light Two', cursive;
    font-weight: 700;
    font-size: 32px;
}

.product-quantity-group{
    width: 125px;
    height: 60px;
}

.product-quantity-group .product-quantity{
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none;
    font-weight: 300;
    text-align: center;
    height: 50px !important;
    margin: 0;
    width: 60px !important;
    padding: 0 !important;
    border: 1px solid #e0e0e0 !important;
    line-height: 48px;
    float: left;
}

.product-quantity-group .product-quantity-minus, 
.product-quantity-group .product-quantity-plus {
    background: #23c784;
    box-shadow: none;
    color: #fff;
    float: left;
    height: 25px;
    position: static;
    text-shadow: none;
    width: 60px;
    font-size: 20px;
    font-weight: 300;
    line-height: 23px;
    cursor: pointer;
    border: none;
    display: block !important;
    margin: 0px;
}

select.product-container{
    max-width: 260px;
    border-radius: 0px;
    height: 50px !important;
    line-height: 48px;
}

.product-details .product-quantity-minus:hover, 
.product-details .product-quantity-plus:hover{
    background: #f06676;
}

.product-details .product-image{
    width: 100%;
    max-width: 100%;
}


.category-title{
    font-size: 26px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 30px;
}


/* Account Forms */
.account-form{
    padding: 30px;
}

.account-form-condensed{
    padding: 0px;
}

.account-form h3.form-title{
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

.account-form label{
    font-weight: 700;
}

.account-form label sup{
    color: #FF0000;
}

.account-form .form-control{
    font-size: 14px;
    line-height: 20px;
    color: #969696;
    padding: 15px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    height: auto;
}

.account-form .form-control-plaintext{
    font-size: 14px;
    line-height: 16px;
    color: #969696;
    padding: 10px;
    background-color: #f7f7f7;
    border: 1px solid #f7f7f7;
    border-radius: 5px;
    height: auto;
    cursor: not-allowed;
}


.btn-form{
    background-color: #f06676;
    border-color: #f06676;
    color: #fff;
    padding: 10px 45px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-form i{
    margin-right: 5px;
}

.btn-form-sm{
    padding: 8px 16px;
    line-height: 18px;
    font-size: 10px;
}

.btn-form-lg{
    font-size: 16px;
    line-height: 23px;
    padding: 20px 30px;
}

.btn-form-green{
    background-color: #23c784;
    border-color: #23c784;
}

.btn-form-grey{
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #303030;
}

.btn-form:hover{
    background-color: #303030;
    border-color: #303030;
    color: #FFF;
}


/* TABLE CART */
.table th,
.table td{
    vertical-align: middle;
}

.table-cart{}

.table-cart thead tr th,
.table-cart tbody tr td{
    border-top: none;
}

.table-cart thead tr th{
    font-size: 16px !important;
    vertical-align: middle;
    white-space: nowrap;
    font-weight: 700 !important;
    color: #303030 !important;
    text-transform: uppercase;
    border-bottom-width: 2px;
}

.table-cart thead tr th.product-thumbnail{
    width: 140px;
}

.table-cart thead tr th.product-name{
    padding: 0 15px;
    text-align: left;
    width: 470px;
    text-transform: uppercase;
}

.table-cart thead tr th.product-price{
    width: 140px;
}

.table-cart thead tr th.product-quantity{
    width: 140px;
}

.table-cart thead tr th.product-subtotal{
    width: 140px;
}

.table-cart thead tr th.product-remove{
    width: 65px;
}

.table-cart tbody tr td.product-price,
.table-cart tbody tr td.product-subtotal{
    border-right-width: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Raleway', Arial, sans-serif;
    color: #f06676;
}

.table-cart a.btn-remove{
    display: inline-block;
    color: #bbbbbb !important;
    font-size: 20px;
    line-height: 30px;
    width: auto;
    height: auto;
    cursor: pointer;
}

.table-cart a.btn-remove:hover{
    color: red !important;
}


/* Order Details View */
h3.order-title{
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}


h4.order-title{
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 700;
}

.order-details .order-header{
    font-size: 12px;
}

.order-details .order-header p{
    margin-bottom: 4px;
}

.order-details .order-header p i{
    width: 20px;
    text-align: center;
    margin-right: 6px;
    color: #23c784;
}

.order-details .order-header p span.label{
    font-weight: bold;
    margin-right: 6px;
}


/* Pagination */
ul.pagination{
    margin: 0 auto;
    border-radius: 0px;
    width: auto;
}

ul.pagination li.page-item{
    margin: 0px 5px;
}

ul.pagination li.page-item:first-child .page-link,
ul.pagination li.page-item:last-child .page-link{
    border-radius: 0px;
}

ul.pagination li.page-item a.page-link{
    padding: 0;
    display: block;
    color: #3f3f3f;
    min-width: 45px;
    height: 45px;
    font-size: 16px;
    line-height: 43px;
    text-align: center;
    font-weight: 300;
    background: #f6f6f6;
    border: 1px solid #f6f6f6;
}

ul.pagination li.page-item.active a.page-link,
ul.pagination li.page-item a.page-link:hover{
    background: #23c784;
    color: #FFF;
}


/* Contact List Icons */
ul.list-icons{}

ul.list-icons li a{
    background-color: #23c784;
    color: #FFF;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;
    border-radius: .25rem;
}

ul.list-icons li a:hover{
    background-color: #303030;
}

ul.list-icons li a i{
    display: block;
    font-size: 20px;
    line-height: 50px;
}


/* TEXT COLORS */
.text-green{
    color: #23c784 !important;
}

a.text-green:hover{
    color: #303030;
}



/* Notifications */
.notify{
    padding: 1em 2em;
    margin: 0 0 2em;
    position: relative;
    background-color: #f7f6f7;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
}

.notify i{
    color: #a46497;
    margin-right: 12px;
    height:  100%;
}

.notify-info{
    border-top-color: #1e85be;
}

.notify-info i{
    color: #1e85be;
}

.notify-error{
    border-top-color: #b81c23;
}

.notify-error i{
    color: #b81c23;
}

.notify-success{
    border-top-color: #23c784;
}

.notify-success i{
    color: #23c784;
}




.card-img-top{
    min-height: 1px;
}



@media (max-width: 767px) {

    .topbar .col-sm-6:first-child{
        display: none;
    }

    .topbar .col-sm-6:last-child{
        display: inline-block;
    }

    .topbar .col-sm-6:last-child li{
        width: 49% !important;
        text-align: center;
        padding: 6px 0px;
    }

    .header{
        padding: 25px 0px;
    }

    .header .col-md-1{
        margin-bottom: 18px;
    }

    .header .logo-background{
        margin: 0px auto !important;
        width: 80%;
        height: 80px;
    }  


    .navbar-theme .navbar-nav .nav-link {
        padding: 8px 22px;
        padding-left: 0px;
    }


    .breadcrumb-container{
        padding: 16px 0px;
    }



    .footer-navigation{
        padding: 20px 0px;
    }

    .footer-navigation .col-md-4,
    .footer-navigation .col-md-2{
        margin-bottom: 18px;
    }  

    .footer-navigation img.footer-logo{
        display: none;
    }

    .footer-copyright{
        padding: 20px 0px;
    }

    .footer-copyright p{
        text-align: center;
    }


    #homeCarousel{
        display: none !important;
    }


    .home-quick-info .col-md{
        margin-bottom: 18px;
    }

    .home-quick-info .col-md:last-child{
        margin-bottom: 0px;
    }


    .product-image{
        max-width: 42% !important;
        margin: 16px auto;
    }


}