body {
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    background-color: #ffffff;
    max-width: 1920px;
    margin: 0 auto;
    /* overflow: hidden; */
}

.common-home h1, h2, h3, h4, h5, h6 {
    color: #444;
}

/* default font size */
.fa {
    font-size: 14px;
}

/* Override the bootstrap defaults */
h1 {
    font-size: 33px;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 21px;
}

h4 {
    font-size: 15px;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 10.2px;
}

a {
    color: #cbb27c;
}

a:hover {
    text-decoration: none;
    color: #000;
}

legend {
    font-size: 18px;
    padding: 7px 0px
}

label {
    font-size: 12px;
    font-weight: normal;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

.nav-tabs {
    margin-bottom: 15px;
    padding-bottom: 20px;
}

@media (max-width: 575px) {
    .nav-tabs {
        margin-bottom: 0px;
        padding-bottom: 10px;
        flex-wrap: unset;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        /* margin: 0px -10px 0px -10px; */
    }
}

div.required .control-label:before {
    content: '* ';
    color: #F00;
    font-weight: bold;
}

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

/* top */
#top {
    background-color: #EEEEEE;
    border-bottom: 1px solid #e2e2e2;
    padding: 4px 0px 3px 0;
    margin: 0 0 20px 0;
    min-height: 40px;
}

#top .container {
    padding: 0 20px;
}

#top #form-currency .currency-select, #top #form-language .language-select {
    text-align: left;
}

#top #form-currency .currency-select:hover, #top #form-language .language-select:hover {
    text-shadow: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#top .btn-link, #top-links li, #top-links a {
    color: #888;
    text-shadow: 0 1px 0 #FFF;
    text-decoration: none;
}

#top .btn-link:hover, #top-links a:hover {
    color: #444;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#top-links {
    padding-top: 6px;
}

#top-links a + a {
    margin-left: 15px;
}

/* logo */
#logo {
    margin: 0 0 0px 0;
}

/* search */
#search {
}

#search .input-lg {
    height: 40px;
    line-height: 20px;
    padding: 0 10px;
}

#search .btn-lg {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 35px;
    text-shadow: 0 1px 0 #FFF;
}

/* cart */
#cart {
    margin-right: 10px;
}

#cart > .btn {
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}

#cart.open > .btn {
    background-image: none;
    background-color: #FFFFFF;
    border: 1px solid #E6E6E6;
    color: #666;
    box-shadow: none;
    text-shadow: none;
}

#cart.open > .btn:hover {
    color: #444;
}

#cart .dropdown-menu {
    background: #eee;
    z-index: 1001;
}

#cart .dropdown-menu {
    min-width: 60%;
    box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 8%);
    border: 1px solid #ffffff !important;
    left: 20px !important;
    top: 15px !important;
}

#cart .dropdown-menu:after {
    content: "";
    border-bottom: 10px solid rgb(255 255 255);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: 3% !important;
    transform: translateX(-100%) !important;
    top: -8px;
}

@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
        min-width: 292px;
        left: 10px !important;
        display: none;
    }
}

#cart .dropdown-menu table {
    margin-bottom: 10px;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
    padding: 0 10px;
}

@media (max-width: 478px) {
    #cart .dropdown-menu li > div {
        min-width: 100%;
    }
}

#cart .dropdown-menu li p {
    margin: 20px 0;
}

/* menu */
#menu {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    min-height: 40px;
}

#menu .nav > li > a {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    padding: 10px 15px 10px 15px;
    min-height: 15px;
    background-color: transparent;
}

#menu .nav > li > a:hover, #menu .nav > li.open > a {
    background-color: rgba(0, 0, 0, 0.1);
}

#menu .dropdown-menu {
    padding-bottom: 0;
}

#menu .dropdown-inner {
    display: table;
}

#menu .dropdown-inner ul {
    display: table-cell;
}

#menu .dropdown-inner a {
    min-width: 160px;
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 20px;
    color: #333333;
    font-size: 12px;
}

#menu .dropdown-inner li a:hover {
    color: #FFFFFF;
}

#menu .see-all {
    display: block;
    margin-top: 0.5em;
    border-top: 1px solid #DDD;
    padding: 3px 20px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
}

#menu .see-all:hover, #menu .see-all:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 40px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

#menu .btn-navbar {
    font-size: 15px;
    font-stretch: expanded;
    color: #FFF;
    padding: 2px 18px;
    float: right;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
}

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #229ac8;
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    #menu {
        border-radius: 4px;
    }

    #menu div.dropdown-inner > ul.list-unstyled {
        display: block;
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.1);
    }

    #menu .dropdown-inner {
        display: block;
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #fff;
    }

    #menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {
        background: rgba(0, 0, 0, 0.1);
    }

    #menu .see-all {
        margin-top: 0;
        border: none;
        border-radius: 0;
        color: #fff;
    }
}

/* content */
#content {
    min-height: 450px;
}

/* footer */
footer {
    padding-top: 40px;
    background-color: #000000;
    color: #c1c1c1;
    padding-bottom: 0px;
    font-size: 14px;
    background-image: url(../image/31.jpg);
    background-size: cover;
}

@media (max-width: 767px) {
    footer {
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 0px;
        font-size: 14px;
    }
}

footer hr {
    border-top: none;
    border-bottom: 1px solid #666;
}

footer a {
    color: #cacaca;
    line-height: 23px;
}

footer a:hover {
    color: #be9461;
}

footer h5 {
    font-size: 20px;
    color: #ffffff;
    text-transform: none;
    margin-bottom: 20px;
    /* font-family: 'Catamaran', sans-serif; */
    font-weight: 500;
}

@media (max-width: 575px) {
    footer h5 {
    }
}

/* alert */
.alert {
    padding: 8px 14px 8px 14px;
    border-radius: 0px;
}

/* breadcrumb */
.breadcrumb {
    margin: 10px 0 10px 0;
    padding: 0 0;
    list-style: none;
    display: flex;
    background: rgb(255 255 255 / 0%);
    justify-content: flex-start;
}

@media (max-width: 575px) {
    .breadcrumb {
        margin: 5px 0 0px 0;
        padding: 0 0;
        list-style: none;
        display: flex;
        overflow: hidden;
        height: 25px;
        width: 100%;
        overflow-x: scroll;
    }
}

.breadcrumb i {
    font-size: 15px
}

.breadcrumb>li {
    padding: 0 15px 0 0;
    position: relative;
    white-space: nowrap
}

.breadcrumb li:first-child {
    /* padding-left: 15px; */
}

.breadcrumb a {
    font-size: 12px;
    color: #091009;
    text-transform: capitalize;
    display: inline-block;
    max-width: 615px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .breadcrumb a {
        max-width:300px
    }
}

@media (max-width: 767px) {
    .breadcrumb a {
        max-width:200px
    }
}

.breadcrumb>li+li:before {
    content: '';
    padding: 0
}

.breadcrumb>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 7px;
    right: 5px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #121618;
    border-bottom: 1px solid #121618;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.breadcrumb>li:last-child:after {
    display: none
}

.pagination {
    margin: 0;
}

/* buttons */
.buttons {
    margin: 1em 0;
}

.btn {
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

.btn-default {
    border: 1px solid #e8e8e8;
    background: #e8e8e8;
    color: #000;
}

.btn-primary {
    background: #be9461;
    color: #fff;
    letter-spacing: 0px;
    border: 2px solid #be9461;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-success {
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}

/* list group */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}

/* carousel */
.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome;
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome;
}

/* product list */
.product-thumb {
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}

.product-list .product-thumb .caption {
    margin-left: 230px;
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-thumb .rating {
    padding-bottom: 10px;
    padding-top: 10px;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    color: #999;
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #687659;
}

h2.price {
    margin: 0;
}

.product-list .product-thumb .button-group {
    border-left: 1px solid #ddd;
}

@media (max-width: 768px) {
    .product-list .product-thumb .button-group {
        border-left: none;
    }
}

.product-thumb .button-group button {
    width: 60%;
    border: none;
    display: inline-block;
    float: left;
    background-color: #eee;
    color: #888;
    line-height: 38px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.product-thumb .button-group button + button {
    width: 20%;
    border-left: 1px solid #ddd;
}

.product-thumb .button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

@media (max-width: 767px) {
    .product-thumb .button-group button, .product-thumb .button-group button + button {
        width: 33.33%;
    }
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.thumbnails > li {
    margin-left: 20px;
}

.thumbnails {
    margin-left: -20px;
}

.thumbnails > img {
    width: 100%;
}

.image-additional a {
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border: 1px solid #ddd;
}

.image-additional {
    max-width: 78px;
}

.thumbnails .image-additional {
    float: left;
    margin-left: 20px;
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1), #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
        clear:left;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #content .col-md-2:nth-child(6n+1), #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
        clear:left;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #content .col-sm-2:nth-child(6n+1), #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
        clear:left;
    }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
}

/* First header */
.first_header {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    background: #dd0e15;
    align-items: center;
    padding: 6px 0px 5px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #fff;
}

@media (max-width: 767px) {
    .first_header {
        display: none;
    }
}

.first_header a {
    color: #fff;
    cursor: pointer;
    padding: 0px 10px;
}

.social_header {
    display: inline-block;
    padding-left: 20px;
}

.social_header i {
}

.social_header a {
    padding: 0px 10px;
    border-right: 1px solid #ffffff82;
}

.first_header .social_header a:last-child {
    border-right: none;
    padding-right: 0px;
    color: #fff;
}

/* End first header */
.my-account {
    position: relative;
}

@media (max-width: 1200px) {
    .my-account {
    }
}

@media (max-width: 575px) {
    .my-account {
        display: none;
    }
}

.drop-logged p {
    text-align: left !important;
    padding-left: 0px;
    color: #000000;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    font-weight: 600;
}

.my-account p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

.wishlist_btn {
    padding: 0px 10px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin: 0px 10px;
}

.my-account .dropdown {
}

.my-account .dropdown-menu {
    border-radius: 0px;
    padding: 5px 5px !important;
    margin-top: 20px;
    box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 8%);
    border: 1px solid #ffffff;
    transform: translate3d(-75px, 25px, 0px) !important;
}

@media (max-width: 1200px) {
    .my-account .dropdown-menu {
        border-radius: 0px;
        box-shadow: 0px 4px 10px -3px rgb(0 0 0 / 8%);
        transform: translate3d(-128px, 25px, 0px) !important;
        background: #fff;
    }
}

.my-account .dropdown-menu.show:after {
    content: "";
    border-bottom: 10px solid rgb(255 255 255);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    left: 54% !important;
    transform: translateX(-44%) !important;
    top: -10px;
}

@media (max-width: 1200px) {
    .my-account .dropdown-menu.show:after {
        content: "";
        border-bottom: 10px solid rgb(101 106 85);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        left: 85% !important;
        transform: translateX(-44%) !important;
        top: -10px;
    }
}

.my-account .dropdown-menu a {
    color: #000;
    font-size: 14px;
    text-align: left;
    padding: 2px 5px;
}

.login {
    text-align: center !important;
    background: #cbb27c;
    border-radius: 0px;
    padding: 4px 3px 3px 3px!important;
    margin-bottom: 5px;
}

.register {
    text-align: center !important;
    background: #f58543;
    border-radius: 0px;
    padding: 4px 3px 3px 3px!important;
    margin-bottom: 5px;
    color: #fff !important;
}

.login-options a {
    display: block;
}

.drop-logged a {
    color: #000 !important;
    border: none;
}

.common-home header {
    background: rgb(255 255 255 / 0%);
    padding: 0px 3em 0px 3em;
    /* position: relative; */
    z-index: 1;
}

@media (max-width: 1200px) {
    .common-home header {
        background: #0d2227;
        padding: 5px 3em 5px 3em;
        z-index: 1;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 3;
        transition: .5s;
    }
}

header {
    /* background: #0d2227; */
    padding: 0px 3em 10px 3em;
    /* position: relative; */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 3;
    transition: .5s;
    /* overflow: hidden; */
}

#modal-agree header {
    display: none;
}

#modal-agree footer {
    display: none;
}

header .fix-width-for-clip {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow: hidden;
    height: 100%;
}

.sticky header {
}

.sticky .h_s_style {
    background: rgb(13 34 39) !important;
    height: 100%;
    transition: .5s;
}

.sticky .logo {
    transition: .8s;
    transform: scale(0.6);
    margin-top: -50px;
}

header .row {
    align-items: self-start;
    margin: 0px;
}

@media (max-width: 1200px) {
    header {
        background: #0d2227;
        padding: 5px 3em 5px 3em;
        position: relative;
    }

    header .row {
        align-items: center;
        margin: 0px;
    }
}

@media (max-width: 767px) {
    .common-home header {
        padding: 5px 5px;
    }

    header {
        padding: 5px 10px;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 5;
        margin-bottom: 0px;
    }
}

.header_row {
    align-items: center;
}

#action_show .show-search {
    margin-top: 10px;
    opacity: 1;
}

.search-heder-bar {
    border: 1px solid #687659;
    border-radius: 0px;
    transition: .4s;
    overflow: hidden;
}

@media (max-width: 767px) {
    .search-heder-bar {
    }
}

.search-heder-bar:hover {
    border: 1px solid #333333;
    box-shadow: 0px 0px 12px -4px rgb(51 51 51 / 20%);
}

.search-heder-bar input {
    border: 0px;
    padding: 7px 10px;
    border-radius: 0px !important;
}

.search-btn {
    background: #687659;
    border: 0px;
    padding: 0px 15px;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 0px;
}

.cart-total {
    font-weight: 600;
    background: #cbb27c;
    padding: 5px 12px;
    font-size: 14px;
    color: #000;
    border-radius: 0px;
    margin-left: 15px;
}

@media (max-width: 1200px) {
    .cart-total {
        display: none;
    }
}

.cart_btn_header {
    justify-content: flex-end;
    display: flex;
}

.cart_btn_header.show {
    justify-content: flex-end;
    display: flex;
}

.cart_btn_header .dropdown-toggle::after {
    display: none;
}

.cart_btn {
    font-size: 24px;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.cart_btn b {
    font-size: 16px;
    padding-left: 0px;
    letter-spacing: -1px;
    font-weight: normal;
}

@media (max-width: 1200px) {
    .cart_btn b {
        display: none;
    }
}

.cart_btn:hover {
    color: #ffffff;
}

.prev-my-slider {
    position: absolute;
    left: 0px;
    top: 39%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #333333;
    font-size: 30px;
    cursor: pointer;
    transition: .5s;
    opacity: 0;
}

.slider:hover .prev-my-slider {
    left: 60px;
    opacity: 1;
    z-index: 1;
    transition: .5s;
}

.next-my-slider {
    position: absolute;
    right: 0px;
    top: 39%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #3a633b;
    font-size: 30px;
    cursor: pointer;
    transition: .5s;
    opacity: 0;
}

.slider:hover .next-my-slider {
    right: 60px;
    opacity: 1;
    z-index: 1;
    transition: .5s;
}

.info_banner_zone {
    top: 35%;
    transform: translateY(-35%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    display: none;
}

.subtitlu_banner {
    display: block;
    font-size: 30px;
    margin-bottom: 15px;
    color: #003f82;
}

.titlu_banner {
    display: block;
    font-size: 54px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0px 0px 8px rgb(20 46 83 / 28%);
    line-height: 50px;
    margin-bottom: 20px;
}

.action_banner {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    color: #11294b;
    font-weight: 700;
}

.action_banner i {
    font-size: 30px;
    color: #fff;
    vertical-align: -5px;
    margin-left: 5px;
}

.category-module {
    margin: 0px;
    padding: 3em 0px;
    background: #fff;
    background-image: url(../image/09.jpg);
    background-size: cover;
    background-position: center top;
}

.categ-icon {
    margin: 0px auto;
    border-radius: 20px;
    transition: .5s;
    position: relative;
    z-index: 1;
}

.categ-icon:hover {
    transition: .5s;
}

.categ-icon-img {
    margin: 10px 10px 10px 10px;
    text-align: center;
    border: 1px solid rgb(203 178 124 / 35%);
    padding: 20px;
    transition: .5s;
}

.categ-icon-img:hover {
    background: rgb(255 255 255 / 17%);
    border-color: rgb(255 255 255 / 0%);
}

.categ-icon-img p {
    text-align: center;
    margin: 20px 0px 0px 0px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 30px;
}

@media (max-width: 575px) {
    .categ-icon-img p {
        text-align: center;
        margin: 10px 0px 0px 0px;
        color: #fff;
        font-weight: 800;
        text-transform: uppercase;
        font-size: 15px;
    }
}

.categ-icon-img:hover .categ-icon:after {
    box-shadow: inset 14px 3px 35px 0 #000000;
    content: '';
    height: 100%;
    position: absolute;
    top: 2px;
    left: 0px;
    width: 100%;
}

.categ-icon-img:hover i {
    color: #ffa23a;
}

.categ-icon-img i {
    bottom: 10px;
    z-index: 1;
    color: #cbb27c;
    font-size: 35px;
    transition: .5s;
    display: inline-block;
    margin: 15px auto 0 auto;
}

.inside-zone {
}

.special-section {
    margin: 4em 0em 2em 0em;
}

@media (max-width: 767px) {
    .special-section {
        margin: 2em 0em 0em 0em;
    }
}

.inside-area {
    /* overflow: hidden; */
    padding: 0em 0em;
}

@media (max-width: 575px) {
    .inside-area {
        overflow: initial;
        padding: 0em 0em;
    }

    .categ-icon-img i {
        bottom: 10px;
        z-index: 1;
        color: #cbb27c;
        font-size: 28px;
        transition: .5s;
        display: inline-block;
        margin: 5px auto 0 auto;
    }
}

.inside-area .owl-stage-outer {
    padding: 10px 10px 10px 10px;
}

/* Product price */
.product_price {
    font-size: 22px;
    color: #000000;
    font-weight: 500;
    letter-spacing: 0px;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 5px;
    display: grid;
    height: 40px;
    overflow: hidden;
    align-items: center;
}

@media (max-width: 575px) {
    .product_price {
        display: grid;
        height: 45px;
        overflow: hidden;
        align-items: center;
    }
}

.price_percent {
    display: inline-block;
    color: #7b7b7b;
    padding-left: 5px;
}

.product_price .price {
    font-family: 'Catamaran', sans-serif;
}

.product_price .price-new {
    margin-right: 5px;
}

.product_price .price-old {
    text-decoration: line-through;
    color: #f44336;
    font-weight: 500;
    display: inline-block;
}

.product_price .price-tax {
}

/* End product price */
.product-list .product-thumb {
    overflow: hidden;
    margin: 0px;
}

.product-list .view_product {
    display: grid;
    right: 20px;
    display: none;
}

.product-thumb {
    background: #fff;
    padding: 10px 0px;
    margin: 0px;
    border-radius: 0px;
    transition: .5s;
    text-align: center;
    margin-bottom: 3em;
    position: relative;
    border: 1px solid #fff;
}

.product-layout {
    margin-bottom: 0px;
    transition: .0s;
}

@media (max-width: 575px) {
    .product-layout {
        /* -webkit-box-flex: 0; */ -ms-flex: 0 0 50%;
        /* flex: 0 0 50%; */
        /* max-width: 50%; */
        padding: 3px;
    }
}

@media (max-width: 330px) {
    .product-layout {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.common-home .product-thumb {
    margin-bottom: 0px;
    border-color: #fff0 !important;
    padding: 0px 0px;
}

@media (max-width: 1365) {
    .common-home .product-thumb {
    }
}

@media (max-width: 575px) {
    .common-home .product-thumb {
        margin-bottom: 20px;
    }
}

.product-thumb:hover {
    border: 1px solid #cbb27c52;
}

.product-thumb:hover .sale_percent {
}

.product-thumb:hover .add_to_cart {
    background: #ffffff;
    border-color: #687659;
}

.product-thumb:hover .wish_btn {
    background: #e2cd7e;
    color: #fff !important;
}

.product-thumb .image {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image a:hover {
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.product-grid .product-thumb .image {
    float: none;
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px;
    }
}

.product-thumb h4 {
    font-weight: bold;
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 180px;
}

.product-list .product-thumb .caption {
    margin-left: 230px;
}

@media (max-width: 1200px) {
    .product-grid .product-thumb .caption {
        min-height: 210px;
        padding: 0 10px;
    }
}

@media (max-width: 767px) {
    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px;
    }

    .product-grid .product-thumb .caption {
        min-height: 0;
    }
}

.product-layout:hover {
}

.for_product-layout_hover {
    width: 100%;
    margin-left: -10px;
}

/* Rating stars */
.rating .fa-stack {
    font-size: 5px;
    width: 2.7em;
    vertical-align: 0px;
}

.rating .fa-star-o {
    color: #e3e3e3;
    font-size: 11px;
}

.rating .fa-star-o:before {
    content: "\f005";
    font-size: 15px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 15px;
}

.rating .fa-star + .fa-star-o {
    color: #687659;
}

/* End rating stars */
.product_image {
    position: relative;
}

.common-home .product_image {
    border-left: 1px solid #eee;
}

.product_name {
    height: 55px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 0px 0px;
    line-height: 20px;
    letter-spacing: 1px;
    line-height: 18px;
}

@media (max-width: 575px) {
    .product_name {
        display: block;
        max-height: 58px;
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 5px;
        padding: 0px 0px;
        line-height: 12px;
    }
}

.product_name a {
    color: #000000;
    font-weight: 600;
    line-height: 17px;
    font-size: 16px;
    font-family: 'Catamaran', sans-serif;
    text-transform: uppercase;
}

@media (max-width: 991px) {
    .product_name a {
        color: #000000;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
    }
}

.product_name span {
}

.button_group {
    margin: 5px 0px 0px 0px;
    display: inline-flex;
    align-items: center;
    transition: .5s;
    position: relative;
    width: 100%;
}

@media (max-width: 575px) {
    .button_group {
        margin: 10px 0px 0px 0px;
        display: block;
    }
}

.product-layout:hover .button_group {
    bottom: 0px;
}

.button_group a {
    margin: 0px 3px;
    font-size: 14px;
    color: #bebebe;
    cursor: pointer;
    display: inline-block;
}

.add_to_cart {
    background: #f8f7f8;
    padding: 15px 7px 4px 7px;
    border-radius: 0px;
    color: #000 !important;
    background: #ffffff;
    font-weight: 400;
    cursor: pointer;
    width: 100%;
    text-align: center;
    transition: .5s;
    border-top: 1px solid #e8e8e8;
    text-transform: uppercase;
}

.add_to_cart i {
    padding-left: 6px;
}

@media (max-width: 1200px) {
    .add_to_cart {
        font-size: 12px !important;
        padding: 3px 7px 3px 7px;
    }
}

.sale_percent {
    position: absolute;
    top: 10px;
    left: 20px;
    border-radius: 0px;
    padding: 3px 15px;
    line-height: 25px;
    background-color: hsl(41deg 43% 64%);
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    transition: .5s;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 575px) {
    .sale_percent {
        padding: 0px 10px;
        line-height: 25px;
        color: #ffffff;
        font-weight: 600;
    }
}

.view_product {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 20px;
    color: #c5c5c5;
    transition: .5s;
    opacity: 0;
}

.product-layout:hover .view_product {
    opacity: 0;
    display: none;
}

.banner_section {
    margin: 0px 0px 0px 0px;
    background: #fff;
    padding: 0px 0px 0px 0px;
}

.product_page .banner_section {
    margin: 0px 0px 0px 0px;
    background: #fff;
    padding: 0px 0px 15px 0px;
}

#column-left .banner_section {
    margin: 0px 0px 0px 0px;
    background: #fff0;
    padding: 0px 0px 0px 0px;
    margin-top: 8px;
    margin-bottom: 21px;
}

.banner_col {
    padding: 0px;
}

.product_page .banner_col {
    padding: 0px;
}

#column-left .banner_col {
    padding: 0px;
}

.banner_image {
    width: 100%;
    padding: 0px 0px;
    transition: .5s;
    border: 0px solid #f8f7f8;
    border-radius: 0px;
}

.product_page .banner_image {
    width: 100%;
    padding: 0px 0px;
    transition: .5s;
    border: 0px solid #f8f7f8;
    border-radius: 0px;
}

.banner_image:hover {
}

.product_page .container_min {
    padding: 0px;
}

#column-left .banner_image {
    width: 100%;
    padding: 0px 0px;
    border-radius: 0px;
    /* box-shadow: 0 5px 5px rgba(63,78,100,0.15); */
    padding: 0px;
    background-color: #fff;
}

@media (max-width: 767px) {
    .banner_image {
        width: 100%;
        padding: 5px 5px;
    }
}

.product_tabs {
    padding: 0px 15px;
    margin-bottom: 25px;
}

.product_tabs .nav-link {
    border: 0px;
    background: #ffffff;
    margin: 0px 10px 0px 0px;
    border-radius: 0px;
    min-width: 200px;
    text-align: center;
    color: #000;
    font-size: 27px;
    padding: 18px 10px 18px 10px;
    border: 2px solid #cee7b9;
}

.product_tabs .nav-item .active {
    background: #76a102;
    color: #ffffff;
    font-weight: 600;
    border-color: #76a102;
}

.product-tab-section {
    margin: 5em 0px 2em 0px;
}

@media (max-width: 575px) {
    .product_tabs {
        padding: 0px 5px;
        margin-bottom: 0px;
    }

    .product_tabs .nav-link {
        border: 0px;
        background: #ffffff;
        margin: 0px 10px 0px 0px;
        border-radius: 0px;
        min-width: 120px;
        text-align: center;
        color: #000;
        font-size: 14px;
        padding: 5px 5px 5px 5px;
        border: 2px solid #cee7b9;
    }

    .product_tabs .nav-item .active {
        background: #76a102;
        color: #ffffff;
        font-weight: 600;
        border-color: #76a102;
    }

    .product-tab-section {
        margin: 3em 0px 1em 0px;
    }
}

.info-contact {
    padding: 0px;
}

.info-contact p {
    line-height: 16px;
    color: #000;
}

.info-contact span {
    display: block;
    padding: 0px 0px;
}

.info-contact span i {
    color: #ffffff;
    font-size: 16px;
    vertical-align: -2px;
    text-align: center;
    margin-right: 7px;
}

.info-contact a {
}

.information_page {
    text-align: left;
}

.information_page .list-unstyled {
    column-count: 1;
}

.account_page {
    text-align: left;
}

.account_page .list-unstyled {
    border-right: 0px solid #f9af00;
}

@media (max-width: 991px) {
    .information_page {
        text-align: left;
        margin-top: 3em;
        border: 0px;
        margin-bottom: 2em;
        padding: 0px;
    }

    .information_page .list-unstyled {
        column-count: 2;
        border-left: 0px solid #f9af00;
        border-right: 0px solid #f9af00;
        margin-bottom: 1em;
    }

    .account_page {
        text-align: left;
        border: 0px;
        padding: 0px;
    }

    .account_page .list-unstyled {
        border-right: 0px solid #f9af00;
        margin-bottom: 1em;
    }
}

.powered {
    text-align: center;
    margin-top: 2em;
    padding: 1em 2em 1em 2em;
    background: #0000008f;
    color: #afafaf;
    /* border-top: 1px solid #be946175; */
}

.social {
    margin-top: 10px;
}

.social i {
    font-size: 17px;
    color: #ffffff;
    padding: 0px 0px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 29px;
    display: inline-block;
    text-align: center;
    transition: .5s;
}

.social i:hover {
    background: #be9461;
}

.newsletter_form {
    padding-top: 10px;
    padding-bottom: 10px;
}

.newsletter_form .btn {
    display: inline-block;
    width: 90%;
    border: 0px;
    border-radius: 0px;
    padding: 4px 0px;
    background: #be9461;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    box-shadow: 0 5px 5px rgba(63,78,100,0.15);
}

@media (max-width: 575px) {
    .newsletter_form .btn {
        display: inline-block;
        width: 100%;
        border: 0px;
        padding: 4px 0px;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 20px;
    }
}

.newsletter_form input {
    border-radius: 30px;
    border: 0px;
    text-align: center;
}

@media (max-width: 7575px) {
    .newsletter_form input {
        border-radius: 0px;
        border: 0px;
        text-align: center;
        margin-bottom: 10px;
        box-shadow: 0 0px 5px rgba(63,78,100,0.15);
    }
}

.slide_prev {
    position: absolute;
    left: 55px;
    top: 47%;
    transform: translateY(-40%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 0%;
    font-size: 30px;
    color: #333333;
    cursor: pointer;
    opacity: 0;
    transition: .5s;
    z-index: -1;
}

.special-section:hover .slide_prev {
    left: -55px;
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1440px) {
    .special-section:hover .slide_prev {
        left: 0px;
        opacity: 1;
        z-index: 1;
    }
}

.slide_next {
    position: absolute;
    right: 55px;
    top: 47%;
    transform: translateY(-40%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 0%;
    font-size: 30px;
    color: #333333;
    z-index: -1;
    cursor: pointer;
    opacity: 0;
    transition: .5s;
}

.special-section:hover .slide_next {
    right: -55px;
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1440px) {
    .special-section:hover .slide_next {
        right: 0px;
        opacity: 1;
        z-index: 1;
    }
}

.logo {
    transition: .5s;
}

@media (max-width: 1199px) {
    .logo {
        max-width: 110px;
    }
}

@media (max-width: 480px) {
    .logo {
        max-width: 55%;
    }
}

.delivery_title {
    display: block;
    text-transform: none;
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    position: relative;
    top: 5px;
}

.delivery_limit {
    font-size: 16px;
    display: inline-block;
    margin-top: 5px;
    color: #687659;
    font-weight: 800;
}

.header_btn_block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 21px;
    transition: .5s;
}

.sticky .header_btn_block {
    padding-top: 12px;
}

@media (max-width: 1200px) {
    .header_btn_block {
        margin-top: 0px;
        padding-right: 0px;
        justify-content: center;
        padding-top: 0px;
    }
}

.info-group-log {
    font-size: 25px;
    color: #fbfbfb;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    display: inline-block;
}

.info-group-log.dropdown-toggle::after {
    display: none;
}

.wish_total {
    position: absolute;
    top: -10px;
    left: 13px;
    width: 22px;
    height: 22px;
    background: #cbb27c;
    color: #000;
    font-size: 13px !important;
    text-align: center;
    padding-right: 4px;
    line-height: 23px;
    border-radius: 50%;
    display: inline-block !important;
    padding: 0px !important;
}

.wishlist_header-btn i {
    font-size: 24px;
}

.wishlist_header-btn {
    margin-right: 20px;
    color: #fff !important;
    position: relative;
}

@media (max-width: 1200px) {
    .wishlist_header-btn {
        margin-right: 15px;
        color: #000000;
        position: relative;
        top: 0px;
    }
}

.banner-section {
}

.banner-section img {
    transition: .5s;
    filter: contrast(1.0);
}

.banner-section img:hover {
    filter: contrast(1.0);
    opacity: 0.8;
}

.module_title {
    font-size: 24px;
    padding-left: 5px;
    color: #0d2227;
    display: block;
    padding-bottom: 0px;
    font-weight: 800;
    text-transform: uppercase;
}

.module_title::first-letter {
}

@media (max-width: 767px) {
    .module_title {
        font-size: 19px;
        color: #000;
        display: block;
        margin: 0px 0px;
        margin-bottom: 0px;
        font-weight: 600;
        padding-bottom: 5px;
        padding-left: 0px;
    }
}

.wish_btn {
    width: 45px;
    height: 32px;
    line-height: 35px;
    background: #eeee;
    text-align: center;
    border-radius: 0%;
    transition: .5s;
}

@media (max-width: 1200px) {
    .wish_btn {
        display: none !important;
    }
}

.manufacturers_section {
    margin-top: 0em;
    background: #ebebeb;
    margin-bottom: 0px;
    padding: 6em 0px;
}

@media (max-width: 767px) {
    .manufacturers_section {
        margin-top: 0em;
        border-top: 0px solid #eee;
        padding-top: 5px;
        padding-bottom: 0px;
    }
}

.box-info {
    text-align: center;
    line-height: 14px;
    background: #fff;
    padding: 5px 0px;
    /* box-shadow: 0px 0px 5px -2px rgb(0 0 0 / 15%); */
    height: 80px;
    overflow: hidden;
    margin: 2px !important;
    font-family: 'Work Sans', sans-serif;
}

.box-info h5 {
    margin: 0px 0px 5px 0px;
    font-size: 16px;
    color: #091009;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    font-family: 'Work Sans', sans-serif;
}

.box-info p {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    margin-bottom: 0px;
}

.box-info img {
    margin: 0 15px 0 auto;
    position: relative;
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

@media (max-width: 1200px) {
    .box-info {
        text-align: center;
        line-height: 12px;
        background: transparent;
        padding: 0px 0px;
        box-shadow: none;
        height: auto;
        overflow: visible;
        margin: 0px !important;
        border: 0px;
    }

    .box-info h5 {
        margin: 0px 0px 2px 0px;
        font-size: 10px;
        color: #091009;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
        font-family: 'Catamaran', sans-serif;
    }

    .box-info p {
        font-size: 11px;
        color: #000;
        font-weight: normal;
        overflow: hidden;
        text-align: left;
        font-family: 'Catamaran', sans-serif;
        margin-bottom: 0px;
    }

    .box-info img {
        margin: 0 auto;
        position: relative;
        /* Safari 6.0 - 9.0 */
    }
}

.box-info:hover img {
    /* -webkit-filter: hue-rotate(700deg); */
    /* filter: hue-rotate(700deg); */
}

.butobannerbutobanner {
    margin: 2em 0px 5em 0px;
}

@media (max-width: 575px) {
    .butobannerbutobanner {
        margin: 1em 0px 1em 0px;
    }
}

.remove-product {
    background: transparent;
    border: none;
    color: #9a9a9a;
    outline: none !important;
    padding: 0px;
    cursor: pointer;
}

.btn-checkout {
    background: #cbb27c;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    transition: .5s;
    width: 97%;
    margin: 7px auto;
}

.btn-checkout:hover {
    background: #333333;
    transition: .5s;
    color: #fff;
}

.border-bottom-dashed {
    border-bottom: 1px solid #ddd;
}

.red {
    color: #dd3024;
}

.cart-col {
    line-height: 15px;
}

.bestseller-section {
    margin: 5em 0em;
}

@media (max-width: 767px) {
    .bestseller-section {
        margin: 2em 0em;
    }
}

.product_box {
    margin-bottom: 4em;
}

@media (max-width: 767px) {
    .product_box {
        margin: 20px 0px;
    }
}

.product_name_bestseller {
    height: 21px;
    overflow: hidden;
}

.product_name_bestseller a {
    color: #000;
    font-size: 16px;
}

.info-about {
    padding: 0em 8em;
}

@media (max-width: 767px) {
    .info-about {
        padding: 0em 0em;
    }
}

.info_left {
}

.info_right {
    text-align: center;
}

.subtitle_about {
    display: block;
    font-size: 25px;
    color: #b7ce7c;
    margin-bottom: 15px;
}

.title_about {
    display: block;
    font-size: 45px;
    font-weight: 600;
    color: #000;
    margin-bottom: 2em;
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 991px) {
    .title_about {
        font-size: 40px;
        margin-bottom: 1em;
    }
}

.info_text {
    color: #000000;
    line-height: 25px;
    background: rgb(252 246 247 / 81%);
    padding: 23px;
    position: relative;
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 991px) {
    .info_text {
        padding: 25px 25px 4em 25px;
    }
}

.card_info {
}

.card_info a {
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 0px solid #ddd;
    padding: 20px 10px;
    font-size: 25px;
    color: #555;
    cursor: pointer;
}

.card_info .collapsed {
    border-bottom: 0px solid #ddd;
    border-top: 2px solid #ddd;
}

@media (max-width: 575px) {
    .subtitle_about {
        display: block;
        font-size: 21px;
        color: #b7ce7c;
        margin-bottom: 15px;
    }

    .title_about {
        display: block;
        font-size: 40px;
        font-weight: 700;
        color: #000;
        margin-bottom: 20px;
        line-height: 40px;
    }

    .info_text {
        color: #000000;
        font-size: 14px;
        margin-bottom: 20px;
        padding: 15px 15px 15px 15px;
        line-height: 20px;
    }

    .card_info {
    }

    .card_info a {
        display: block;
        border-top: 1px solid #ddd;
        border-bottom: 0px solid #ddd;
        padding: 20px 10px;
        font-size: 20px;
        color: #555;
        cursor: pointer;
    }

    .card_info .collapsed {
        border-bottom: 0px solid #ddd;
        border-top: 2px solid #ddd;
    }
}

.card_info .collapsed i {
    width: 40px;
    height: 40px;
    background: #ddd;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 16px;
    vertical-align: 4px;
    transition: .5s;
    transform: rotate(0deg);
}

.card_info i {
    width: 40px;
    height: 40px;
    background: #a7b323;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
    border-radius: 50%;
    font-size: 16px;
    vertical-align: 4px;
    transition: .5s;
    transform: rotate(-92deg);
}

.card_info .collapse_in {
    padding: 1em 10px 1em 5em;
    font-size: 16px;
    transition: .5s;
}

@media (max-width: 767px) {
    .card_info .collapse_in {
        padding: 1em 10px 1em 1em;
        font-size: 16px;
        transition: .5s;
    }
}

.categ_title:first-letter {
    text-transform: capitalize
}

.filter-categorybox {
    border-top: 0px solid #efefef;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    align-items: center;
    justify-content: flex-end;
}

@media (max-width: 767px) {
    .filter-categorybox {
        display: none
    }
}

.filter-categorybox .form-group {
    margin-bottom: 0
}

.filter-categorybox .input-group {
    align-items: baseline;
}

.filter-categorybox .btn-group {
    align-items: center
}

.filter-categorybox select {
    cursor: pointer;
    height: 30px !important;
    padding: 0 5px;
    font-size: 12px;
    border-radius: 0px;
}

.filter-categorybox label {
    margin-bottom: 0px;
    padding-right: 5px;
    color: #000;
}

.filter-categorybox button {
    border: 0px solid #e2cd7e;
    background: #fff;
    padding: 0px;
    margin-left: 7px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 0px;
    color: #33333347;
    padding: 0px;
    line-height: 13px;
}

.filter-categorybox button i {
    font-size: 20px;
}

.filter-categorybox .active {
    color: #687659;
}

.top_info_categ {
    background: #ecf3f3;
    border-radius: 0px;
    padding: 8px 10px;
    margin: 0 0px 25px 0px;
    border-bottom: 3px solid #648550;
}

@media (max-width: 767px) {
    .top_info_categ {
        margin: 0 0px 5px 0px;
    }
}

.similars_section .top_info_categ {
    margin: 0 10px 10px 10px;
    background: #fff;
}

.description-category p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 5px
}

.product-list .product_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 24%;
    max-width: 32%;
}

.similars_section .product-list .product_image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 24%;
    max-width: 24%;
}

@media (max-width: 575px) {
    .product-list .product_image {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

.product-list .product_image .image {
    text-align: center
}

.product-list .product_image .image img {
    width: 90%;
    height: 220px;
}

@media (max-width: 575px) {
    .product-list .product_image .image img {
        width:90%;
        height: 200px;
    }
}

.product-list .all-info-product {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    border-left: 1px solid #ddd
}

@media (max-width: 575px) {
    .product-list .all-info-product {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 10px;
        border-left: 1px solid #ddd
    }
}

.product-list .product-thumb .image a {
    display: inline-block
}

.categ_title {
    font-weight: 600;
    font-size: 30px;
}

.pagination {
    margin: 20px 5px 10px 5px;
    text-align: center;
    justify-content: center;
    display: none;
}

.pagination li a {
    border: 1px solid #ffffff;
    margin: 0 5px;
    background: #ffffff;
    color: #000;
    padding: 5px 10px;
    border-radius: 0px;
    display: inline-block;
}

.pagination li span {
    border: 1px solid #cbb27c;
    margin: 0 5px;
    padding: 5px 11px;
    background: #cbb27c;
    color: #fff;
    border-radius: 0px;
    display: inline-block;
}

.result-text {
    font-size: 12px;
    display: none;
}

.category_products {
    background: #ffffff;
    box-shadow: 0 2px 12px -4px rgb(226 205 126 / 0%);
    border-radius: 0px;
    margin-bottom: 20px;
    margin-top: 0px;
    border: 1px solid #cbb27c52;
}

.all-subs {
    /* max-height: 1200px; */
    /* overflow: hidden; */
    /* overflow-y: auto; */
    /* margin-right: 11px; */
}

.all-subs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5
}

.all-subs::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5
}

.all-subs::-webkit-scrollbar-thumb {
    background-color: #f5c01d
}

.category_products a {
    display: block;
    padding: 2px 13px;
    text-transform: capitalize;
    transition: .3s;
    line-height: 15px;
    color: #000;
    font-size: 18px;
}

.category_products a:hover {
    text-decoration: underline;
    transition: .3s
}

.active_category {
    font-weight: 700;
    color: #cbb27c !important;
}

.sub_categ {
    padding-left: 25px!important
}

.categ_title {
    font-size: 45px;
    color: #0d2227;
    text-align: left;
    margin: 0px 0px;
    /* font-family: 'Kimberley Bl'; */
    font-family: Catamaran, latin;
    font-weight: 800;
}

@media (max-width: 767px) {
    .categ_title {
        font-size: 30px;
        margin-bottom: 25px;
        margin-top: 0px;
    }
}

.banner_category {
    margin-bottom: 15px;
    padding: 0px 5px;
    border-radius: 5px;
}

.additional-pictures {
    margin-bottom: 10px
}

.imagine-secundara {
    cursor: pointer;
    background-color: #fff;
    border-radius: 5px;
    transition: .5s;
    display: inline-block;
    padding: 5px;
    border-bottom: 3px solid #be9461;
}

.imagine-secundara:hover {
    transition: all ease .5s;
    opacity: 1;
    border-bottom: 3px solid #000000;
}

.zonapozasa {
    overflow: hidden;
    border: 0px solid #e2e2e2;
    margin-top: 0px;
    border-radius: 5px;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
}

.poza-principala {
    width: 100%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: crosshair;
}

@media (max-width: 575px) {
    .poza-principala {
        width: 100%;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        overflow: hidden;
        /* transition: transform .3s ease-out; */
        transform: scale(1) !important;
    }
}

.photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
}

#loikkja {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 96%;
    cursor: crosshair;
    z-index: 1;
}

.sageti {
    /* display: none; */
}

.additional-pictures:hover .sageti {
    display: block;
}

.product-presentation {
    background-color: rgb(244, 244, 237);
    padding: 25px 0px;
    border-top: 2px solid #be9461;
    margin-top: 5px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 3em;
}

@media (max-width: 767px) {
    .product-presentation {
        padding: 10px 0px;
        border-top: 2px solid #0d2227;
        margin-top: 0px;
    }
}

.product-title {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    text-align: left;
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .product-title {
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        line-height: 20px;
    }
}

.sticky_action_bar .product-title {
    font-size: 23px;
    text-align: left;
    margin: 0px;
}

.product-cod {
    font-weight: 400;
    color: #a5a5a5;
    font-size: 14px;
    margin-bottom: 0px;
}

.product-additional-prev {
    position: absolute;
    left: 0px;
    top: 30%;
    z-index: 9;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.84);
}

.product-additional-next {
    position: absolute;
    right: 0px;
    top: 30%;
    z-index: 9;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.84);
}

.review-count {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 600;
    text-transform: capitalize;
    padding-left: 10px;
    color: #687659 !important;
    cursor: default;
}

.review-title {
    margin-bottom: 4px;
    font-size: 12px;
    color: #ababab;
}

.product-page-price {
}

.sticky_action_bar .product-page-price {
    margin: 5px 0px 30px 0px;
}

.product-page-price .price-old {
    color: rgb(38, 36, 36);
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
    padding-left: 15px;
}

@media (max-width: 575px) {
    .product-page-price .price-old {
        color: rgb(38, 36, 36);
        font-size: 16px;
        font-weight: 400;
        text-decoration: line-through;
        padding-left: 0px;
    }
}

.sticky_action_bar .product-page-price .price-old {
    color: #d60e1c;
    font-size: 15px;
    font-weight: 300;
    text-decoration: line-through;
    margin-right: 5px;
}

.product-page-price .percent-discount {
    font-size: 20px;
    color: #000;
}

.sticky_action_bar .product-page-price .percent-discount {
    font-size: 20px;
    color: #000;
}

.product-page-price .price-new {
    display: block;
    color: rgb(255, 0, 52);
    font-weight: 800;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -3px;
}

@media (max-width: 575px) {
    .product-page-price .price-new {
        display: block;
        color: rgb(255, 0, 52);
        font-weight: 800;
        font-size: 30px;
        line-height: 35px;
        letter-spacing: -2px;
    }
}

.sticky_action_bar .product-page-price .price-new {
    display: block;
    color: #000000;
    font-weight: 800;
    font-size: 25px;
    margin-top: 5px;
    margin-bottom: 0px;
    letter-spacing: -3px;
}

.sticky_action_bar .percent-discount {
    font-size: 14px;
    color: #000;
    position: absolute;
    left: 0px;
    top: 10px;
    background: #d6001c;
    color: #fff;
    padding: 3px 10px 0px 10px;
}

.percent-discount {
    position: absolute;
    top: 10px;
    left: 20px;
    border-radius: 5px;
    padding: 3px 15px;
    line-height: 25px;
    background-color: rgb(255, 0, 52);
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    transition: .5s;
}

.price-prod {
    display: block;
    color: #000000;
    font-weight: 800;
    font-size: 45px;
    margin-top: 15px;
    margin-bottom: 20px;
    letter-spacing: -3px;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 575px) {
    .price-prod {
        display: block;
        color: #000000;
        font-weight: 800;
        font-size: 30px;
        margin-top: 15px;
        margin-bottom: 20px;
        letter-spacing: -3px;
        font-family: 'Catamaran', sans-serif;
    }
}

.sticky_action_bar .price-prod {
    display: block;
    color: #000000;
    font-weight: 800;
    font-size: 25px;
    letter-spacing: -3px;
    margin: 0px;
    padding: 13px 0px;
}

.sticky_action_bar .product-page-price {
    margin: 0px 0px 0px 0px;
}

.discount-tag {
    position: absolute;
    top: 0px;
    left: 15px;
    /* background: #e60000; */
    background-image: url(../image/oferta.png);
    background-size: cover;
    color: #f00;
    padding: 11px 0px 0px 13px;
    border-radius: 0px;
    z-index: 1;
    height: 30px;
    width: 57px;
}

.discount-tag span {
    display: block;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 15px;
}

/* Radio checkbox product option */
input[type='radio']:checked + .culoare>img {
    border: 1px solid #000000;
    font-weight: 700;
}

input[type='checkbox']:checked + .culoare>img {
    border: 2px solid #17a2b8;
    font-weight: 700;
}

.culoare>img {
    border: 1px solid #b3b3b3;
    padding: 2px;
    cursor: pointer;
    border-radius: 30px;
    height: 30px;
}

@media (max-width: 575px) {
    .radio-mobile {
        /* height: 40px !important; */
    }
}

.radio-check>span {
    cursor: pointer;
    padding: 5px 5px 0px 5px;
    border: 1px solid #091009;
    width: auto;
    height: 29px;
    text-align: center;
    line-height: 16px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    border-radius: 30px;
    min-width: 35px;
    background: #eee;
}

input[type='radio']:checked + .radio-check>span {
    background: #ed3237;
    color: #fff;
    border: 1px solid #091009;
    width: auto;
    height: 29px;
}

input[type='checkbox']:checked + .radio-check>span {
    border: 1px solid #18a2b8;
    background: #18a2b8;
    color: #fff;
}

.indisloloaa {
    cursor: pointer;
    display: flex;
    justify-content: center;
    border: 1px solid #091009;
    width: auto;
    height: 29px;
    text-align: center;
    line-height: 35px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    font-size: 12px;
    color: #000;
    border-radius: 30px;
    min-width: 35px;
    background: #eee;
    opacity: .7;
    align-items: center;
    padding-bottom: 3px;
}

.indisloloaa:before {
    content: "X";
    position: absolute;
    font-size: 33px;
    opacity: .2;
}

.imgnostoc {
    border: 1px solid #9e9e9e;
    padding: 2px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-left: 10px;
    border-radius: 100%;
    margin-right: 5px;
    opacity: .7;
}

.imgnostoc:before {
    content: "X";
    position: absolute;
    font-size: 26px;
    color: #fff;
    margin-left: -4px;
}

.imgnostoc img {
    height: 35px;
    width: 30px;
}

.product-options {
    margin: 10px 0px;
}

.inpcant {
    padding: 7.5px 12px;
    height: 38px;
    border-radius: 0px !important;
    min-width: 40px !important;
}

.cantleb {
    text-transform: uppercase;
    margin: 0px;
}

.box-ch {
    margin: 20px 0px;
}

.wish-add {
    padding: 10px 0px 0px 0px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-bottom: 15px;
}

.wish-add a {
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
}

.adcart {
    background: #be9461;
    color: #fff;
    letter-spacing: 0px;
    border: 2px solid #be9461;
    transition: .5s;
    padding: 20px 0px;
    text-transform: uppercase;
    font-weight: 800;
    display: block;
    width: 100%;
    font-family: 'Catamaran', sans-serif;
    font-size: 20px;
}

#notify_when.adcart {
    background: #dc3545;
    border: 2px solid #dc3545;
    font-size: 14px;
}

.adcart i {
    font-size: 25px;
    vertical-align: -1px;
    margin-left: 10px;
}

@media (max-width: 575px) {
    .adcart {
        background: #be9461;
        color: #fff;
        letter-spacing: 0px;
        border: 2px solid #be9461;
        transition: .5s;
        padding: 12px 0px;
        text-transform: uppercase;
        font-weight: 800;
        display: block;
        width: 100%;
        font-family: 'Catamaran', sans-serif;
        font-size: 14px;
    }

    .adcart i {
        font-size: 15px;
        vertical-align: -1px;
        margin-left: 10px;
    }
}

.adcart:hover {
    background: #333;
    border-color: #333;
    transition: .5s;
}

.wish-add a {
    color: #000;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    border: 1px;
}

.support-product {
}

.red {
    color: #dd3024;
}

.tab-section {
    background-color: #f4f4ed;
    padding: 5px 0px;
    border-top: 3px solid #FFF;
}

.tab-section .nav-tabs .nav-link {
    background: transparent;
    padding: 0px;
    margin: 10px 20px 10px 0px;
    color: #0d2227;
    letter-spacing: 0px;
    font-size: 24px;
    border: 0px;
    text-transform: uppercase;
    font-weight: 800;
}

@media (max-width: 575px) {
    .tab-section .nav-tabs .nav-link {
        background: transparent;
        padding: 0px;
        margin: 5px 5px 5px 0px;
        font-weight: 600;
        letter-spacing: 0px;
        font-size: 13px;
        border: 0px;
        /* min-width: 85px; */
        text-align: center;
    }
}

.tab-section .nav-tabs .nav-link.active {
    color: #be9461;
    border: 0px;
}

.tab-section .nav-tabs .nav-link.active:after {
    content: "";
    border-bottom: 10px solid rgb(255, 255, 255);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    transform: translateX(-50%) !important;
    left: 50%;
    top: 25px;
}

@media (max-width: 575px) {
    .tab-section .nav-tabs .nav-link.active:after {
        content: "";
        border-bottom: 10px solid rgb(244 244 237 / 0%);
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        position: absolute;
        transform: translateX(-50%) !important;
        left: 50%;
        top: 25px;
    }
}

.tab-section .nav-tabs {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: 0px;
    justify-content: space-between;
}

.product-tabs {
    background: #fff;
    padding: 2em 0px;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0em;
    color: #000;
}

#tab-specification span {
    font-size: 18px;
    border-bottom: 1px solid #f4f4ed;
    display: block;
    margin: 0px;
    padding: 10px 0px;
}

#tab-specification span:last-child {
    border-bottom: 0px solid #f4f4ed;
}

.product-tabs .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.tab-conttns .rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.rating input {
    position: absolute;
    left: -999999px;
}

.rating label {
    display: inline-block;
    font-size: 0;
    margin-bottom: 0px;
    height: 40px;
    cursor: pointer;
}

.rating > label:before {
    position: relative;
    font: 46px/1 FontAwesome;
    display: block;
    content: "\2605";
    color: #ccc;
    background: -webkit-linear-gradient(-45deg, #d9d9d9 0%, #b3b3b3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating > label:hover:before, .rating > label:hover ~ label:before, .rating > label.selected:before, .rating > label.selected ~ label:before {
    color: #f0ad4e;
    background: -webkit-linear-gradient(-45deg, #fcb551 0%, #d69a45 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rating-line {
    margin-bottom: -10px;
}

.rating-progress {
    margin-top: 20px;
}

#review i {
    color: #e7a64a;
}

.review-box {
    background: #fff;
    padding: 5px 5px 0px 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.review-box p {
    margin-bottom: 0px;
    padding-bottom: 5px;
    padding-left: 3px;
}

.review-box span {
    width: 15px;
}

.review-box b {
}

.testimoniale {
    padding: 3em 0em 3em 0em;
    margin: 0em 0em 0em 0em;
    border-bottom: 1px solid #d4d4d4;
    background-color: #ffffff;
    background-image: url(../image/testimbk.png);
    background-position: 0px bottom;
    background-size: 50%;
    background-repeat: repeat-x;
}

.testimoniale p {
    font-size: 16px;
    font-style: normal;
    margin-bottom: 10px;
    word-break: break-word;
}

.testimoniale span {
    font-size: 13px;
    color: #bdbdbd;
    font-style: normal;
}

.testimoniale h5 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}

.testimoniale .rating {
    margin: 11px 0px;
    text-align: center;
    direction: initial;
}

.box-review {
    background: rgba(255, 255, 255, 0);
    padding: 10px 10px 10px 10px;
    border-radius: 0px;
    text-align: center;
    width: 50%;
    margin: 0px auto;
}

@media (max-width: 767px) {
    .box-review {
        width: 90%;
    }
}

.similars_section {
    padding: 0px;
}

#column-left .container_min {
    padding: 0px;
}

.product-image {
    margin: 0 auto;
    outline: 2px solid #fefefe;
    outline-offset: -8px;
}

.sticky_action_bar .product-image {
    margin: 0 auto;
    max-width: 55%;
    display: inline-block;
}

.product_image_section {
    overflow: hidden;
    border-right: 0px solid #ddd;
}

@media (max-width: 991px) {
    .product_image_section {
        overflow: hidden;
        border-right: 0px solid #ddd;
    }
}

.product_image_section:hover .prev-my-slider {
    left: 25px;
    opacity: 1;
    z-index: 1;
}

.product_image_section:hover .next-my-slider {
    right: 25px;
    opacity: 1;
    z-index: 1;
}

.btn-left {
}

.btn-right {
}

.description_zone {
    font-size: 16px;
}

.description_zone p {
    font-size: 16px;
    color: #000;
    line-height: 25px;
}

.manufacturer {
}

.manufacturer a span {
    text-transform: uppercase;
    font-weight: 800;
    color: #000;
    border: 1px solid #000;
    padding: 5px 5px 3px 5px;
    background: #f8f7f8;
}

.manufacturer img {
}

.sticky_action_bar .manufacturer img {
    max-width: 50%;
    max-height: 50px;
}

.tag_zone {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    padding-left: 0px;
}

@media (max-width: 767px) {
    .tag_zone {
        display: flex;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
        padding-left: 0px;
        overflow: auto;
    }
}

.tag_zone img {
    margin-right: 18px;
}

.similars_area {
    background: #fbfbfb;
    margin-top: 0px;
    margin-bottom: -30px;
    padding: 7em 0px 7em 0px;
    border-bottom: 5px solid #fff;
}

@media (max-width: 991px) {
    .similars_area {
        background: #fbfbfb;
        margin-top: 0px;
        margin-bottom: -30px;
        padding: 2em 0px 3em 0px;
        border-bottom: 5px solid #fff;
    }
}

.similars_area .product-thumb {
    margin: 5px;
}

.similars_title {
    font-weight: 500;
    font-size: 22px;
    color: #626262;
}

@media (max-width: 480px) {
    .similars_area .product-thumb {
        margin: 0px;
    }

    .similars_title {
        font-weight: 500;
        font-size: 22px;
        color: #626262;
    }
}

.similars_title:before {
    position: absolute;
    content: "";
    width: 100%;
    border-bottom: 2px solid #e2cd7e;
    top: 35px;
}

.similars_title span {
    border-bottom: 10px solid #e2cd7e;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.wish-item-box {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #ddd;
}

.sterge-articol {
    color: #929292;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.sterge {
    width: 25px;
    height: 25px;
    line-height: 23px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    background: #000;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
}

.block-actualizare {
    align-items: center;
}

.block-actualizare a {
    font-weight: 600;
    color: #000;
    margin-right: 7px;
}

.input-cantitate {
    text-align: center;
    margin-right: 8px;
    border: 1px solid #ddd;
    border-radius: 0px;
    padding: 0px 14px;
}

.pret-cart {
    color: #687659;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
}

.togrews {
    font-size: 18px;
    color: #000;
}

.well-log {
    background: #fff;
    padding: 10px 10px 5px 10px;
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.31);
    border-radius: 3px;
}

.well-log-account {
    background: #fff;
    padding: 18px 10px 1px 10px;
    box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.31);
    border-radius: 3px;
    margin-bottom: 4em;
}

.well-log-account .btn {
    margin: 5px 0px;
}

.well-log-account li {
    margin: 16px 0px;
}

.well-log-account li a {
    color: #000 !important;
    font-size: 16px;
    display: block;
}

@media (max-width: 375px) {
    .well-log-account li a {
        color: #000 !important;
        font-size: 14px;
        display: block;
    }

    .well-log-account li {
        margin: 11px 0px;
    }
}

.well-log-account li a i {
    color: #687659;
    font-size: 20px;
    vertical-align: -2px;
}

.last-li {
}

.last-li a {
}

.icon-account {
    position: absolute;
    top: 0px;
    width: 60px;
    height: 60px;
    text-align: center;
    background: #687659;
    color: #fff;
    font-size: 24px;
    line-height: 53px;
    border-radius: 30px;
    border: 4px solid #fff;
    box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.29);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.name-account {
    display: block;
    text-align: center;
    border-bottom: 2px solid hsl(0, 0%, 80%);
    margin: 20px 0px;
    padding: 9px 0px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.log-row {
    /* margin: 0px; */
    justify-content: center;
    align-items: center;
    margin-top: 4em;
}

.row-actions {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 0px;
    margin: 0px;
    align-items: center;
}

.bnt-login {
    cursor: pointer;
    background: #687659;
    border: 0px;
    color: #fff;
    font-weight: 600;
    padding: 8px 10px;
    display: block;
    width: 100%;
    border-radius: 0px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.btn-register {
    cursor: pointer;
    background: #e0e0e0;
    border: 0px;
    color: #000000 !important;
    padding: 8px 10px;
    display: block;
    width: 100%;
    border-radius: 0px;
    text-transform: none;
    text-align: center;
    font-weight: 600;
    margin-bottom: 10px;
}

.register-pag {
    background: #fff;
    padding: 20px 20px 10px 20px;
    box-shadow: 0px 0px 10px -3px rgb(147 147 147 / 31%);
    border-radius: 0px;
    margin-bottom: 30px;
    margin-top: 20px;
    /* margin: 15px; */
}

.register-pag input {
}

.register-pag select {
}

.register-pag h1 {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 25px;
}

.register-pag legend {
    color: #000;
    font-weight: 600;
    text-decoration: underline;
}

.register-pag .form-group {
    margin-bottom: 7px;
}

#account {
    margin-bottom: 30px;
}

#address {
    margin-bottom: 30px;
}

.register-btn {
    background: #76a102;
    border: 0px;
    padding: 8px 20px;
    color: #fff;
    border-radius: 0px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 700;
}

.edit-adress {
    color: #1d341d !important;
    border: 2px solid #687659;
    padding: 2px 20px 3px 20px;
    border-radius: 30px;
    background: #ffffff;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}

.add-adress {
    color: #fff !important;
    border: 2px solid #687659;
    padding: 2px 20px 3px 20px;
    border-radius: 30px;
    background: #687659;
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
}

.adress-edit {
    background: #eee;
    padding: 15px;
    margin-bottom: 15px;
    color: #000;
    margin-top: 10px;
}

.divider-product-list {
    display: none;
}

.show_search_bar {
    display: none;
}

@media (max-width: 767px) {
    .show_search_bar {
        display: inline-block;
        font-size: 21px;
        color: #000000;
        cursor: pointer;
        position: relative;
        margin-right: 15px;
    }

    .show_search_bar .fa-times {
        margin-right: 5px;
        font-size: 25px;
        position: relative;
        top: -1px;
        color: #6a6a6a;
    }
}

.in_for_mob {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .in_for_mob {
        display: inline-flex;
        align-items: center;
    }

    .in_for_mob .logo {
        max-width: 148%;
        position: relative;
        left: 5px;
    }
}

.menu_mobile_bar {
    display: none;
}

@media (max-width: 1200px) {
    .menu_mobile_bar {
        font-size: 23px;
        text-align: center;
        display: inline-block;
        line-height: 20px;
        height: 40px;
        position: relative;
        top: 0px;
        margin-right: 15px;
    }

    .menu_mobile_bar i {
        vertical-align: -16px;
        margin-right: 12px;
    }

    .menu_mobile_bar small {
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: -1px;
    }
}

.bartop {
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: relative;
    display: block;
    top: 14%;
    transition: all 0.5s ease;
}

.barcenter {
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: relative;
    display: block;
    top: 25%;
    transition: all 0.5s ease;
}

.barbottom {
    width: 30px;
    height: 2px;
    background: #ffffff;
    position: relative;
    display: block;
    top: 35%;
    transition: all 0.5s ease;
}

.menu-text {
    font-size: 9px;
    position: relative;
    display: block;
    top: 28%;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
}

.categ-btn {
    background: #cbb27c;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border-radius: 0px;
    margin-bottom: 5px;
    display: none;
}

.filter-btn {
    width: 100%;
    background: #000000;
    color: #fff;
    text-align: center;
    padding: 5px 0px 5px 0px;
    border-radius: 0px;
    margin-bottom: 5px;
    display: none;
}

@media (max-width: 991px) {
    .categ-btn {
        background: #cbb27c;
        color: #fff;
        text-align: center;
        padding: 5px 0px 5px 0px;
        border-radius: 0px;
        margin-bottom: 5px;
        display: block;
    }

    .filter-btn {
        background: #000000;
        color: #fff;
        text-align: center;
        padding: 5px 0px 5px 0px;
        border-radius: 0px;
        margin-bottom: 5px;
        display: block;
    }
}

.divider_title {
    margin-bottom: 15px;
}

.box_logo {
    height: 100px;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(0%);
    transition: .5s;
    opacity: 1;
}

.box_logo:hover {
    opacity: .5;
    filter: grayscale(100%);
}

.inside_area_manuf {
    padding: 0px 1em;
}

@media (max-width: 767px) {
    .inside_area_manuf {
        padding: 0px 40px;
    }
}

.slidem_prev {
    position: absolute;
    left: 20px;
    top: 30px;
    height: 100px;
    width: 100px;
    background: #e2cd7e;
    color: #fff !important;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

.slidem_next {
    position: absolute;
    right: 20px;
    top: 30px;
    height: 100px;
    width: 100px;
    background: #e2cd7e;
    color: #fff !important;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .slidem_prev {
        position: absolute;
        left: 10px;
        top: 5px;
        height: 100px;
        width: 25px;
        background: #e2cd7e;
        color: #fff !important;
        font-size: 25px;
        text-align: center;
        line-height: 100px;
        cursor: pointer;
    }

    .slidem_next {
        position: absolute;
        right: 10px;
        top: 5px;
        height: 100px;
        width: 25px;
        background: #e2cd7e;
        color: #fff !important;
        font-size: 25px;
        text-align: center;
        line-height: 100px;
        cursor: pointer;
    }
}

.logo_footer {
}

@media (max-width: 575px) {
    .newsfooter {
        background: #000000;
        padding: 15px 10px;
    }
}

.mobile_slider {
    height: 147px;
    background-size: cover;
    background-position: 62% 10%;
}

#addCart {
    background: rgb(13 34 39 / 44%);
}

#addCart .modal-footer {
    display: inline-block;
    padding: 10px 10px;
    text-align: center;
}

#addCart .modal-body {
}

#addCart .modal-content {
    border-radius: 0px;
    border: 0px;
    border-bottom: 0px solid #687659;
}

.add-title {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
}

.add-ask {
    margin-bottom: 0px;
    text-align: center;
    font-size: 14px;
    color: #000000;
}

.checkoutnow {
    background: #cbb27c;
    display: block;
    color: #fff !important;
    padding: 5px 5px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 2px 0px;
    border-radius: 0px;
}

.contiuneshop {
    background: #0d2227;
    display: block;
    color: #fff !important;
    padding: 5px 5px;
    cursor: pointer;
    margin: 2px 0px;
    border-radius: 0px;
    opacity: .3;
}

#addCart i {
}

.access-log-mob {
    display: none;
}

@media (max-width: 575px) {
    .access-log-mob {
        display:inline-block;
        font-size: 24px;
        color: #fbfbfb !important;
        cursor: pointer;
        margin: 0px 15px 0px 0px;
    }
}

.on_mob {
    display: none;
}

@media (max-width: 575px) {
    .no_mob {
        display: none;
    }

    .on_mob {
        display: inline-block;
    }
}

.header_table {
    background: #ddd;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding: 10px 0px;
    margin: 0px;
    text-transform: none;
}

.content_table {
    background: #f7f7f7;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    padding: 5px 0px;
    margin: 0px;
    border-bottom: 1px solid #fff;
    align-items: center;
    line-height: 15px;
    transition: .5s;
}

.content_table:hover {
    background: #ece7d2;
    cursor: pointer;
}

.content_table p {
    margin-bottom: 0px;
    font-weight: 400;
    color: #afadad;
}

.content_table .col-4 {
    padding: 0px 5px;
}

.header_table .col-4 {
    padding: 0px 5px;
}

.order_info {
    margin-bottom: 10px;
}

.inf_order_del_table {
    background: rgb(226 205 126 / 16%);
    margin: 15px 0px 15px 0px;
    padding: 15px 0px;
    border-bottom: 3px solid #e2cd7e;
}

.inf_order_del_table p {
    text-transform: none;
    font-weight: 600;
    font-size: 18px;
    color: #5a5a5a;
}

.inf_order_del_table table {
    margin-bottom: 0px;
}

.inf_order_del_table .table-bordered td, .table-bordered th {
    border: 1px solid rgb(222 226 230 / 0%);
}

.left_info {
    border-left: 1px solid #d4d4d4;
    padding-left: 20px;
}

@media (max-width: 767px) {
    .left_info {
        border-top: 1px solid #d4d4d4 !important;
        padding-left: 0px;
        border-left: none;
        padding-top: 10px;
        margin-top: 20px;
    }

    .info_order {
        padding: 10px 10px;
    }

    .info_order h2 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        color: #000;
    }
}

.wish_row {
    box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 22%);
    padding: 10px;
    margin: 20px 0px 20px 0px;
    align-items: center;
    background: #fff;
}

.wish_row .price {
    font-size: 22px;
    line-height: 25px;
}

.order_products_table {
    background: rgb(251 247 234);
}

.order_products_table tfoot {
    background: rgb(180 158 86 / 15%);
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    font-size: 16px;
}

.order_products_table .table {
    margin-bottom: 0px;
}

.order_products_table .table-bordered td,.table-bordered th {
    border: 0px solid #dee2e6;
    padding: 15px 15px;
    border-bottom: 2px solid #ffffff;
    color: #000;
}

.order_products_table thead {
    background: #e2cd7e;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.order_again {
    border: 1px solid #fff;
    padding: 4px 20px 5px 20px;
    background: #fff;
    border-radius: 30px;
    color: #345e35;
    font-weight: 400;
    text-transform: uppercase;
}

.order_statuses {
    background: #eee;
    padding: 10px;
    margin-top: 20px;
}

.order_statuses p {
    margin-bottom: 5px;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    line-height: 30px;
    color: #000;
}

.order_statuses i {
    color: #e2cd7e;
    font-size: 20px;
    vertical-align: -2px;
    width: 25px;
    text-align: center;
}

.order_statuses span {
    font-size: 18px;
    margin-bottom: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
}

.info_horizontal_scroll {
    display: none;
}

@media (max-width: 991px) {
    .info_horizontal_scroll {
        display: flex;
        margin-bottom: 13px;
    }
}

.info_horizontal_scroll img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.info_horizontal_scroll p {
    margin-bottom: 0px;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
}

.categ_mod_tit {
    display: block;
    font-weight: 700;
    color: #000000;
    margin-bottom: 7px;
    font-size: 25px;
    padding: 10px 10px 10px 10px;
}

.categ_mod_tit::first-letter {
}

.main_info_product {
    align-items: center;
}

.price_box {
    background-color: #ecf3f3;
    text-align: center;
    padding: 15px 15px 0px 15px;
    margin-bottom: 15px;
}

.info_stock {
    margin-bottom: 8px;
    display: inline-block;
    text-transform: none;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;
}

.tax_info {
    background: #ddd;
    padding: 5px 15px;
    display: inline-block;
    color: #000;
    font-family: 'Catamaran', sans-serif;
}

.tax_info a {
    color: #000;
}

.price_diferance {
    color: #000;
    font-size: 16px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 5px;
}

.increase_decrease {
    margin: 0px;
    background: #f5f5f5;
    align-items: center;
    text-align: center;
    border-radius: 0px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .increase_decrease {
        /* display: none */
    }
}

.increase_decrease span {
    display: block;
    cursor: pointer;
    color: #000;
    padding: 10px 0px 10px 0px;
    background: #f5f5f5;
    line-height: 16px;
}

@media (max-width: 575px) {
    .increase_decrease span {
        display: block;
        cursor: pointer;
        color: #000;
        padding: 4px 0px 4px 0px;
        background: #f5f5f5;
        line-height: 16px;
    }
}

.inputQuantityStyle, #input-quantity {
    border: 0px;
    text-align: center;
    max-width: 100%;
    outline: none !important;
    height: 100%;
    background: transparent;
    border-right: 1px solid #fff;
    font-size: 22px;
    font-weight: 700;
}

.prod_wish_add {
    font-size: 25px;
    position: absolute;
    right: 45px;
    top: 10px;
    background: rgb(255 255 255 / 0%);
    color: #DADADA;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 47px;
    padding-left: 2px;
    border-radius: 50%;
    transition: .5s;
    text-align: center;
    display: inline-block;
}

.prod_wish_add:hover {
    background: #F5851F !important;
    color: #fff !important;
}

.sticky_action_bar {
    width: 100%;
    z-index: 2;
    padding: 0px 0px;
    text-align: left;
    position: fixed;
    bottom: 0px;
    transition: .3s;
    display: none;
    background-color: #fff;
    box-shadow: 0 0 18px 0 rgba(0,0,0,.2);
    align-items: center;
}

.add_to_cart_two {
    background: #687659;
    text-align: center;
    color: #fff !important;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 18px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    font-family: 'Catamaran', sans-serif;
    border: 8px double #fff;
}

@media (max-width: 575px) {
    .add_to_cart_two {
        background: #687659;
        text-align: center;
        color: #fff !important;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 14px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .5s;
    }
}

.add_to_cart_two:hover {
    background: #333;
}

.add_to_cart_two i {
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.show_stickye_bar {
    display: flex;
    margin: 0px;
    justify-content: center;
    align-items: center;
}

.price_col {
    background: #ffffff;
    height: auto;
    align-items: center;
    display: flex;
    /* border-left: 2px solid #ddd; */
}

@media (max-width: 757px) {
    .price_col {
        background: #f5f5f5;
        height: 55px;
        align-items: center;
        display: flex;
    }
}

@media (max-width: 767px) {
    .show_add_cart {
        /* display:none; */
    }
}

.all_btn {
    position: relative;
    color: #fff;
}

.all_btn i {
}

.all_btn span {
    font-size: 18px;
    padding-left: 0px;
    letter-spacing: 0px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 300;
    color: #ffffff;
}

@media (max-width: 1200px) {
    .all_btn span {
        display: none;
    }
}

.all_btn span i {
    font-size: 14px;
    padding-left: 2px;
}

.info_page {
    background: #ecf3f3;
    padding: 5px;
    width: 100%;
    margin-bottom: 30px;
}

/* Start pagina contact */
.contact-form {
    padding: 20px;
}

@media (max-width: 767px) {
    .contact-form {
        padding: 0px;
    }
}

.contact-form legend {
    color: #000;
    font-weight: 600;
    padding-left: 15px;
    font-size: 22px;
}

.contact-form legend i {
}

.contact-form label {
    font-size: 14px;
    color: #000;
    position: relative;
    top: 15px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}

.contact-info-col {
}

.contact-info-col h2 {
    font-weight: 700;
    font-size: 20px;
}

.contact-info-col p {
    color: #000;
    font-size: 15px;
}

.contact-info-col .min-tel a {
    color: #000;
    border-bottom: 0px solid #fba627bf;
    font-weight: 600;
    font-size: 20px;
    padding-left: 27px;
}

.contact-info-col i {
    color: #687659;
}

.min-block {
    margin: 30px 0px;
    border-left: 5px solid #ffffff;
    padding-left: 15px;
}

/* End pagina contact */
.logo_col {
    text-align: center;
    padding-top: 15px;
}

@media (max-width: 1199px) {
    .logo_col {
        text-align: left;
        padding: 0px;
    }
}

.search_show {
    font-size: 25px;
    margin-right: 20px;
    cursor: pointer;
    color: #fff !important;
}

@media (max-width: 575px) {
    .search_show {
        font-size: 25px;
        margin-right: 15px;
        cursor: pointer;
    }
}

#searchModal {
    background: rgb(104 118 89 / 52%);
}

#searchModal .modal-content {
    border: 0px;
    border-radius: 0px;
}

/* Start banner principal */
.b_all_info {
    margin: 0px;
    background-size: cover;
    background-position: center;
    /* clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%); */
}

.b_left_side {
    height: 102vh;
    padding-left: 4em;
    padding-right: 2em;
}

@media (min-width: 1920px) {
    .b_left_side {
        height: 101vh;
    }
}

.b_left_side:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
}

@media (max-width: 767px) {
    .b_left_side {
        height: 25vh;
        padding-left: 1em;
        padding-right: 1em;
        background-size: cover;
        background-position: center center;
    }

    .b_left_side:before {
        background: rgb(248 248 248 / 0%);
    }
}

.b_right_side {
    height: 88.5vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}

@media (min-width: 1920px) {
    .b_right_side {
        height: 90.5vh;
    }
}

@media (max-width: 767px) {
    .b_right_side {
        /* display: none; */ height: 30vh;
    }
}

.b_text_info {
    padding-left: 6em;
}

@media (max-width: 1200px) {
    .b_text_info {
        padding-left: 0em;
    }
}

@media (max-width: 767px) {
    .b_text_info {
        padding-left: 2em;
    }
}

.b_left_side h2 {
    font-size: 185px;
    color: #d5d2ce;
    width: max-content;
    z-index: 1;
    position: relative;
    font-family: 'Catamaran', sans-serif;
    font-weight: 900;
    font-style: normal;
    line-height: 150px;
    text-transform: uppercase;
    /* text-shadow: 0px 0px 0px #fff; */
}

.b_text_info h3 {
    color: #bf9564;
    font-size: 35px;
    line-height: 35px;
    position: relative;
    z-index: 1;
    font-family: 'Catamaran', sans-serif;
    font-weight: 600;
    font-style: normal;
}

.b_text_info p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Catamaran', sans-serif;
    font-style: normal;
}

.b_text_info a {
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 30px;
    font-size: 16px;
    margin-top: 10px;
    transition: .5s;
    font-family: 'Catamaran', sans-serif;
    font-weight: 400;
    background: #fff;
    outline: none;
}

.b_text_info a:hover {
    background: #fff;
}

@media (max-width: 1200px) {
    .b_left_side h2 {
        font-size: 67px;
        color: #fbfbfb;
        width: max-content;
        z-index: 1;
        position: relative;
        display: block;
        line-height: 95px;
    }

    .b_text_info h3 {
        font-family: 'Catamaran', sans-serif;
        position: relative;
        z-index: 1;
    }

    .b_text_info p {
        color: #000;
        font-size: 16px;
        font-family: 'Catamaran', sans-serif;
    }

    .b_text_info a {
        color: #000;
        display: inline-block;
        border: 1px solid #000;
        padding: 10px 30px;
        font-family: 'Catamaran', sans-serif;
        font-size: 18px;
        margin-top: 10px;
        transition: .5s;
    }
}

@media (max-width: 767px) {
    .b_left_side h2 {
        font-size: 35px;
        color: #ffffff;
        width: max-content;
        z-index: 1;
        position: relative;
    }

    .b_text_info h3 {
        font-family: 'Catamaran', sans-serif;
        color: #000;
        font-size: 25px;
        line-height: 29px;
        position: relative;
        top: -42px;
        margin-bottom: -35px;
        z-index: 1;
    }

    .b_text_info p {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Catamaran', sans-serif;
        display: none;
    }

    .b_text_info a {
        color: #000;
        display: inline-block;
        border: 1px solid #000;
        padding: 5px 20px;
        font-family: 'Catamaran', sans-serif;
        font-size: 14px;
        margin-top: 10px;
        transition: .5s;
    }
}

.col_left {
}

.b_i_one {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.p_left {
    position: absolute;
    left: -80px;
    bottom: 45%;
    width: 40px;
    height: 40px;
    /* background: #fff; */
    text-align: center;
    line-height: 45px;
    font-size: 45px;
    cursor: pointer;
    color: #fff !important;
    /* box-shadow: 0px 0px 9px -2px rgb(0 0 0 / 50%); */
    transition: .5s;
}

.slider:hover .p_left {
    left: 1%;
}

.p_right {
    position: absolute;
    right: -80px;
    bottom: 45%;
    width: 40px;
    height: 40px;
    /* background: #fff; */
    text-align: center;
    line-height: 45px;
    font-size: 45px;
    cursor: pointer;
    color: #fff !important;
    /* box-shadow: 0px 0px 9px -2px rgb(0 0 0 / 50%); */
    transition: .5s;
}

.slider:hover .p_right {
    right: 1%;
}

@media (max-width: 575px) {
    .p_left {
        position: absolute;
        right: 45px;
        bottom: 45%;
        width: 25px;
        height: 25px;
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        cursor: pointer;
        color: #000;
        /* box-shadow: 0px 0px 9px -2px rgb(0 0 0 / 50%); */
    }

    .p_right {
        position: absolute;
        bottom: 45%;
        width: 25px;
        height: 25px;
        /* background: #fff; */
        text-align: center;
        line-height: 30px;
        font-size: 30px;
        cursor: pointer;
        color: #000;
        /* box-shadow: 0px 0px 9px -2px rgb(0 0 0 / 50%); */
    }
}

.slider {
    position: relative;
}

.common-home .slider {
    position: relative;
    margin-top: -20em;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .common-home .slider {
        position: relative;
        margin-top: 0em;
    }
}

@media (max-width: 680px) {
    .common-home .slider {
        position: relative;
        margin-top: 0em;
    }
}

/* End banner principal */
/* Start about */
.row_center {
    background-repeat: no-repeat;
    z-index: 9;
    position: relative;
    background-position: 15% 50%;
    padding: 10em 0em;
}

@media (max-width: 1200px) {
    .row_center {
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 2;
        position: relative;
        background-position: 25% 50%;
        padding: 5em 0em;
    }
}

@media (max-width: 991px) {
    .row_center {
        padding: 0em 0em 1em 0em;
        background-image: none !important;
    }
}

.row_middle {
    text-align: center;
    justify-content: center;
    margin-top: -3em;
    z-index: 2;
    position: relative;
    padding-right: 22%;
}

@media (max-width: 1200px) {
    .row_middle {
        margin-top: -5em;
    }
}

@media (max-width: 991px) {
    .row_middle {
        margin-top: 2em;
        padding: 0px 15px;
    }

    .row_middle img {
        max-width: 100%;
    }
}

.info_about {
    padding: 0em 0px 0em 0px;
    align-items: center;
    background: #f5f5f5;
}

@media (max-width: 991px) {
    .info_about {
        padding: 0em 0px;
        z-index: 0;
        margin: 0px;
    }
}

.desc_html {
    padding: 0px 7em;
}

#info_about_uor_beer .desc_html {
    padding: 0px 15px;
}

.info_about h4 {
    font-size: 35px;
    font-weight: 700;
}

.info_about h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
}

#info_about_uor_beer h4 {
    font-weight: 800;
    color: #cbb27c;
    font-size: 32px;
}

#info_about_uor_beer h5 {
    font-size: 16px;
    color: #000;
    font-weight: 800;
    margin-bottom: 25px;
}

.view_more_html {
    background: #cbb27c;
    font-size: 20px;
    padding: 10px 15px;
    display: inline-block;
    margin-top: 10px;
    color: #000;
    border-radius: 0px;
    transition: .5s;
}

@media (max-width: 1200px) {
    .desc_html {
        padding: 0px 1em;
    }

    .info_about h4 {
        font-size: 25px;
        font-weight: 700;
    }

    .info_about h5 {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 18px;
    }

    .view_more_html {
        background: #cbb27c;
        font-size: 20px;
        padding: 10px 15px;
        display: inline-block;
        margin-top: 10px;
        color: #000;
        border-radius: 30px;
        transition: .5s;
    }
}

@media (max-width: 991px) {
    .desc_html {
        padding: 20px 2em;
        text-align: center;
    }

    .info_about h4 {
        font-size: 25px;
        font-weight: 700;
        line-height: 20px;
    }

    .info_about h5 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 30px;
    }

    .view_more_html {
        background: #cbb27c;
        font-size: 20px;
        padding: 10px 15px;
        display: inline-block;
        margin-top: 10px;
        color: #000;
        border-radius: 30px;
        transition: .5s;
    }
}

.view_more_html:hover {
    background: #f58543;
}

.html_description {
    color: #000;
}

.html_description p {
    color: #000;
    font-size: 14px;
    line-height: 14px;
}

#info_about_uor_beer p {
    color: #1a1c1d;
    font-size: 16px;
    line-height: 21px;
}

@media (max-width: 991px) {
    #info_about_uor_beer p {
        color: #1a1c1d;
        font-size: 14px;
        line-height: 17px;
    }
}

.new_class {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 25%;
    /* background: #fff; */
    z-index: 1;
}

@media (min-width: 1600px) {
    .new_class {
        width: 33%;
    }
}

@media (max-width: 991px) {
    .new_class {
        width: 50%;
        background: rgb(255 255 255 / 84%);
    }
}

.info_text a {
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    padding: 10px 30px;
    font-size: 18px;
    margin-top: 30px;
    transition: .5s;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 575px) {
    .info_text a {
        padding: 5px 20px;
        font-size: 16px;
    }
}

.info_text a:hover {
    background: rgb(0 0 0);
    border-color: rgb(0 0 0);
    color: #e8f7f2;
}

.info_text h4 {
    font-size: 70px;
    color: #000;
    font-weight: 400;
    margin-bottom: 15px;
    /* font-family: 'Catamaran', sans-serif; */
}

/* End about */
/* Start product area */
.product_area {
    background-color: #fcf6f7;
    padding: 10em 0em 4em 0em;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: -4em;
    z-index: 1;
}

@media (max-width: 991px) {
    .product_area {
        background-color: #fcf6f7;
        padding: 10em 0em 4em 0em;
        background-size: cover;
        background-position: center;
        position: relative;
        margin-top: 8em;
        z-index: 0;
    }
}

@media (max-width: 767px) {
    .product_area {
        /* background-image: url(../image/bk_p.png); */ padding: 4em 0em 2em 0em;
        background-size: cover;
        background-position: center;
        margin-top: 5em;
    }
}

.product_area h3 {
    font-size: 190px;
    text-align: center;
    color: #becbc5;
    margin-bottom: 0px;
    line-height: 4px;
    position: absolute;
    left: 0px;
    top: -77px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    background-size: initial;
    background-position: center;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to bottom, #fcf6f7 0%,#fcf6f7 50%,#000000 50%,white 50%,white 100%);
    line-height: 155px;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .product_area h3 {
        font-size: 76px;
        text-align: center;
        color: #becbc5;
        margin-bottom: 0px;
    }
}

.product_area h4 {
    text-align: center;
    color: #5c8171;
    font-size: 200px;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 991px) {
    .product_area h4 {
        text-align: center;
        font-size: 90px;
        font-weight: 500;
        margin-bottom: 45px;
    }
}

@media (max-width: 767px) {
    .product_area h4 {
        text-align: center;
        font-size: 76px;
        font-weight: 500;
        margin-bottom: 25px;
    }
}

.view_more {
    text-align: center;
    margin-top: 3em;
}

@media (max-width: 767px) {
    .view_more {
        text-align: center;
        margin-top: 1em;
    }
}

.view_more a {
    color: #fff;
    display: inline-block;
    border: 1px solid #687659;
    padding: 10px 30px;
    font-size: 18px;
    margin-top: 30px;
    transition: .5s;
    background: #687659;
    font-family: 'Catamaran', sans-serif;
}

.view_more a:hover {
    background: #232619;
    border-color: #232619;
}

.row_p_info {
    align-items: center;
    margin: 0px;
}

.view_p {
    display: inline-block;
    border: 4px solid #fcf6f7;
    text-align: center;
    font-size: 18px;
    color: #000000;
    transition: .5s;
    padding: 10px 45px;
    margin: 25px auto;
    cursor: pointer;
    text-transform: uppercase;
    font-family: 'Catamaran', sans-serif;
    font-weight: 500;
    letter-spacing: 5px;
}

.product-thumb:hover .view_p {
    background: #fcf6f7;
}

@media (max-width: 1200px) {
    .view_p {
        display: block;
        border: 1px solid #000;
        text-align: center;
        font-size: 14px;
        color: #000;
        transition: .5s;
        max-width: 100%;
        padding: 5px 5px;
        margin: 15px auto;
        cursor: pointer;
        letter-spacing: 0px;
    }
}

.view_p:hover {
    background: #fcf6f7;
}

/* End product area */
/* Start testimonials */
.testimonials {
    background-image: url(../image/test.png);
    text-align: center;
    padding: 10em 0em 5em 0em;
    margin-bottom: -30px;
}

.testimonials h3 {
    font-size: 200px;
    text-align: center;
    color: #becbc5;
    margin-bottom: 0px;
    line-height: 54px;
}

.testimonials h5 {
    display: block;
    font-size: 45px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1em;
    text-align: center;
    position: relative;
    z-index: 2;
    font-family: 'Catamaran', sans-serif;
}

.review_box {
}

.review_box span {
    font-family: 'Catamaran', sans-serif;
    font-size: 25px;
    color: #fff;
    margin-top: 30px;
    display: inline-block;
}

.review_text {
    max-width: 70%;
    background: #cc9d45;
    color: #fff;
    margin: 0 auto;
    padding: 3em 3em;
}

.review_text p {
    font-family: 'Catamaran', sans-serif;
    font-size: 20px;
}

@media (max-width: 767px) {
    .testimonials {
        background-image: url(../image/test.png);
        text-align: center;
        padding: 4em 0em 2em 0em;
        margin-bottom: -30px;
    }

    .testimonials h3 {
        font-size: 95px;
        text-align: center;
        color: #becbc5;
        margin-bottom: 0px;
        line-height: 54px;
    }

    .testimonials h5 {
        display: block;
        font-size: 27px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 1em;
        text-align: center;
        position: relative;
        z-index: 2;
        font-family: 'Catamaran', sans-serif;
    }

    .review_box {
    }

    .review_box span {
        font-family: 'Catamaran', sans-serif;
        font-size: 20px;
        color: #fff;
        margin-top: 16px;
        display: inline-block;
    }

    .review_text {
        max-width: 90%;
        background: #cc9d45;
        color: #fff;
        margin: 0 auto;
        padding: 1em 1em;
    }

    .review_text p {
        font-family: 'Catamaran', sans-serif;
        font-size: 15px;
        margin-bottom: 0px;
    }
}

/* End testimonials */
.main_p_info {
    justify-content: center;
    /* align-items: center; */
}

.right_info {
    background: #fff;
    left: 2em;
    position: relative;
    padding: 20px;
    border-radius: 5px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
    margin: 0;
}

@media (max-width: 1200px) {
    .right_info {
        background: #fff;
        left: 0em;
        position: relative;
        padding: 10px;
        margin: 0px;
    }
}

.row_menu_buttons {
    justify-content: center;
}

.common-home .row_menu_buttons {
    background: #fff0;
    position: relative;
}

@media (max-width: 767px) {
    .row_menu_buttons {
    }
}

#switch {
    padding: 0em 0em;
    background-position: center right;
    background-size: 50%;
}

#switch_clors {
    background: #fcf6f7;
}

#switch_pad {
    padding: 7em 0px 3em 0px;
}

@media (max-width: 767px) {
    #switch_pad {
        padding: 0em 0px 0em 0px;
    }
}

.p_description {
    /* min-height: 175px; */
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-family: 'Catamaran', sans-serif;
}

@media (max-width: 767px) {
    .p_description {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        font-family: 'Catamaran', sans-serif;
    }
}

.p_row {
    /* justify-content: center; */
}

.pp_description {
    text-align: center;
    margin-bottom: 35px;
    color: #000;
    font-size: 16px;
}

/* Start home slider */
.b_all_info_no_txt {
}

.b_all_info_no_txt img {
}

/* End home slider */
.lang_drop {
    display: inline-block;
    float: right;
    position: relative;
}

.language_drop {
    border-radius: 0px;
    padding: 0px;
    /* right: -37px !important; */
    top: 9px !important;
    /* left: auto !important; */
    min-width: 85px;
    text-align: left;
    border-radius: 5px !important;
    /* overflow: hidden; */
}

.language_drop:after {
    content: "";
    border-bottom: 10px solid rgb(255 255 255);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    right: -8% !important;
    transform: translateX(-100%) !important;
    top: -10px;
    display: none
}

.language_drop button {
    padding: 5px 10px;
    text-align: left;
    background: #fff;
    font-size: 13px;
}

.language_drop button img {
    vertical-align: -1px;
}

.lang_btn {
    border: 0px;
    padding: 6px 5px;
    background: #ffffff;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

@media (max-width: 1200px) {
    .lang_btn.dropdown-toggle::after {
        display: none;
        width: 0;
        height: 0;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent
    }

    .lang_btn {
        border: 0px;
        padding: 2px 5px;
        background: #ffffff;
        border-radius: 5px;
        cursor: pointer;
        position: relative;
        top: 0px;
    }
}

/* Start product tabs */
.tab_p_section {
}

.tab_featured_section {
    background: #000;
    padding: 30px 0px;
}

@media (max-width: 991px) {
    .tab_featured_section {
        background: #000;
        padding: 15px 0px;
    }
}

.taburi {
}

.tabs_col {
    display: flex;
    justify-content: center;
}

.tabs_col span {
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    /* font-family: 'Kimberley Bl'; */
    border-left: 1px solid #fff;
    line-height: 45px;
    padding: 0px 25px;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 4px;
}

@media (max-width: 1200px) {
    .tabs_col {
        display: flex;
        justify-content: center;
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }

    .tabs_col span {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        /* font-family: 'Kimberley Bl'; */
        border-left: 0px solid #fff;
        line-height: 24px;
        padding: 0px 8px;
        cursor: pointer;
        font-weight: 800;
        letter-spacing: 1px;
        min-width: 215px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .tabs_col {
        display: flex;
        justify-content: flex-start;
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }
}

.tabs_col span:first-child {
    border-left: 0px solid #fff;
}

.row_all_module_info {
    margin: 0px;
    align-items: center;
    max-height: 618px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .row_all_module_info {
        margin: 0px;
        align-items: flex-start;
        max-height: 618px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .row_all_module_info {
        margin: 0px;
        align-items: center;
        max-height: unset;
        overflow: hidden;
    }
}

#m_tabs .active_tab {
    color: #cbb27c;
    text-decoration: underline;
}

.wish_p_box_add {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 50px;
    border-radius: 50%;
    transition: .5s;
}

.product-thumb:hover .wish_p_box_add i {
    background: #f58543;
    color: #fff;
}

.daugat_in {
    background: #f58543 !important;
    color: #fff !important;
}

.wish_p_box_add i {
    font-size: 20px;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #dadada;
    line-height: 40px;
    border-radius: 50%;
    color: #000;
    left: 0px;
    top: 0px;
    transition: .5s;
}

.p_b_add_to_cart {
    background: #cbb27c;
    font-size: 18px;
    /* font-family: 'Kimberley Bl'; */
    font-weight: 600;
    color: #000;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 0px;
    margin-top: 10px;
    cursor: pointer;
    transition: .5s;
}

@media (max-width: 1365px) {
    .p_b_add_to_cart {
        background: #cbb27c;
        font-size: 13px;
        /* font-family: 'Kimberley Bl'; */
        font-weight: 600;
        color: #000;
        padding: 5px 15px;
        display: inline-block;
        border-radius: 0px;
        margin-top: 10px;
        cursor: pointer;
        transition: .5s;
    }
}

.product-thumb:hover .p_b_add_to_cart {
    background: #000000;
    color: #fff;
}

.p_b_add_to_cart:hover {
    color: #cbb27c !important;
}

.atributes_list {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    letter-spacing: 0px;
}

@media (max-width: 767px) {
    .atributes_list {
        margin-bottom: 10px;
        font-size: 16px;
        color: #000;
        font-weight: 500;
        letter-spacing: 0px;
    }
}

.atributes_list span {
    display: block;
    color: #000000;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0px;
}

.prev_categ_tab {
    position: absolute;
    left: 0px;
    bottom: 50%;
    background: #000000;
    padding: 5px 16px;
    color: #cbb27c !important;
    font-size: 30px;
    cursor: pointer;
}

.next_categ_tab {
    position: absolute;
    right: 0px;
    bottom: 50%;
    background: #000000;
    padding: 5px 16px;
    color: #cbb27c !important;
    font-size: 30px;
    cursor: pointer;
}

@media (max-width: 575px) {
    .prev_categ_tab {
        position: absolute;
        left: 0px;
        bottom: 60%;
        background: #000000;
        padding: 5px 16px;
        color: #cbb27c !important;
        font-size: 30px;
        cursor: pointer;
    }

    .next_categ_tab {
        position: absolute;
        right: 0px;
        bottom: 60%;
        background: #000000;
        padding: 5px 16px;
        color: #cbb27c !important;
        font-size: 30px;
        cursor: pointer;
    }
}

/* End product tabs */
.h_s_style {
    clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
    background: rgb(13 34 39);
    height: 120%;
    width: 200%;
    position: absolute;
    left: 0px;
    transition: .5s;
}

.common-home .h_s_style {
    background: rgb(13 34 39 / 0%);
}

@media (max-width: 1200px) {
    .h_s_style {
        clip-path: polygon(100% 0%, 0% 0% , 0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%);
        background: rgb(13 34 39);
        height: 100%;
        width: 200%;
        position: absolute;
        left: 0px;
        display: none;
    }

    .common-home .h_s_style {
        background: rgb(13 34 39);
        height: 100%;
        width: 100%;
        clip-path: none;
        display: none;
    }
}

#title_display {
    align-items: center;
    margin-bottom: 3em;
}

#title_display select {
    border-radius: 0px;
    border: 2px solid #cbb27c;
    height: auto;
}

#title_display label {
    height: auto;
    padding-right: 10px;
    margin: 0px;
}

#title_display .input-group {
    align-items: center;
    margin-bottom: 5px;
}

.img_p_badge {
    position: absolute;
    left: 20px;
    top: 10px;
}

.img_p_badge img {
    max-width: 70px !important;
}

#is_discount {
    top: 50px;
}

.imagini-aditionale {
    position: relative;
    overflow: hidden;
}

.adit_prev {
    position: absolute;
    left: -35px;
    top: 32%;
    background: #f4f4ed;
    color: #060201;
    width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    font-size: 22px;
    border-radius: 0px 5px 5px 0px;
    transition: .5s;
    cursor: pointer;
}

.adit_right {
    position: absolute;
    right: -35px;
    top: 32%;
    background: #f4f4ed;
    color: #060201;
    width: 30px;
    height: 30px;
    line-height: 35px;
    text-align: center;
    font-size: 22px;
    border-radius: 5px 0px 0px 5px;
    transition: .5s;
    cursor: pointer;
}

.imagini-aditionale:hover .adit_prev {
    left: 0px;
}

.imagini-aditionale:hover .adit_right {
    right: 0px;
}

/* Start product page right side desktop */
.p_title_atttr_list {
    display: inline-block;
}

.row_p_t_manuf {
    align-items: center;
    /* margin: 0px; */
    margin-bottom: 30px;
}

.row_price {
    align-items: center;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .row_p_t_manuf {
        align-items: center;
        /* margin: 0px; */
        margin-bottom: 0px;
    }

    .row_price {
        align-items: center;
        margin-bottom: 10px;
    }
}

.p_um {
    display: block;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 500;
    color: rgb(38, 36, 36);
}

.row_j_p {
    display: flex;
}

.p_new_um {
    line-height: 17px;
}

.p_old {
}

@media (max-width: 575px) {
    .p_um {
        display: block;
        padding-left: 0px;
        font-size: 16px;
        font-weight: 500;
        color: rgb(38, 36, 36);
    }

    .row_j_p {
        display: block;
    }

    .p_new_um {
        line-height: 14px;
    }

    .p_old {
        display: block;
    }
}

/* End product page right side desktop */
/* Start News bar */
.news_msg {
    background: #159594;
    color: #fff;
    text-align: center;
    padding: 18px 30px 0px 30px;
    font-size: 16px;
    font-weight: 300;
}

.news_msg p {
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .news_msg {
        background: #159594;
        color: #fff;
        text-align: left;
        padding: 10px 45px 0px 10px;
        font-size: 16px;
        font-weight: 300;
    }

    .news_msg p {
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 13px;
    }
}

/* End News bar */
#myCookieConsent {
    display: none;
    position: relative;
    z-index: 1;
    max-height: 60px;
    overflow: hidden;
}

@media (max-width: 991px) {
    #myCookieConsent {
        display: none;
        position: relative;
        z-index: 1;
        max-height: 45px;
        overflow: hidden;
    }
}

#myCookieConsent div {
    position: relative;
}

#myCookieConsent a {
}

#myCookieConsent a:hover {
    color: #fda016;
}

#myCookieConsent a #cookieButton {
}

#myCookieConsent a #cookieButton:hover {
    color: #000;
}

#cookieButton {
    position: absolute;
    right: 10px;
    z-index: 14;
    color: #fff;
    font-size: 25px;
    top: 50%;
    transform: translate(0%, -50%);
    cursor: pointer;
    z-index: 9999999999;
}

.pack-select {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.pack-select-radio {
    position: relative;
    display: block;
}

.pack-select-radio small {
    font-size: 14px;
}

.pack-select-radio input {
    display: none;
}

.pack-select-radio input + label {
    position: relative;
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #dddddd;
    padding: 0px 15px;
    padding-top: 10px;
    cursor: pointer;
    transition: 0.2s all;
}

.pack-select-radio input + label .name {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.pack-select-radio input + label:hover {
    border-color: #FF8400;
    color: #FF8400;
}

.pack-select-radio input:checked + label {
    background: #BE9461;
    border-color: #BE9461;
    color: #ffffff;
}

.pack-select-radio input:disabled + label {
    cursor: not-allowed;
    opacity: 0.5;
}

.pack-select select.form-control {
    padding: 10px 25px;
    border-radius: 0px;
    font-size: 18px;
    height: auto !important;
}

.pack-total {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
}

.pack-total b {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 400;
}

/* #cart:hover>.dropdown-menu { */
/* display: block; */
/* } */
/* #cart>.dropdown-toggle:active { */
/* Without this, clicking will make it sticky */
/* // pointer-events: none; */
/* } */
.load_more_p {
    padding-top: 2em;
}

.load_more_p a {
    background: #159594;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 600;
}

.back_page {
    padding-top: 2em;
}

.back_page a {
    background: #159594;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-weight: 600;
}

#notify_when_available {
    background: #fff;
}

#notify_when_available .modal-content {
    border-radius: 0px;
    border-color: #000;
}

#notify_when_available .modal-body {
}

#notify_when_available .modal-title {
    display: none;
}

#notify_when_available .modal-header .close {
    color: #000;
    font-size: 30px;
}

#notify_when_available .btn-primary {
}

.row_about_page {
    align-items: center;
    margin-bottom: 3em;
}

@media (max-width: 767px) {
    .row_about_page {
        align-items: center;
        margin-bottom: 0em;
    }
}

.about_main_img {
    width: 100%;
    margin-bottom: 10px;
}

.right_text_info {
    padding-right: 3em;
}

@media (max-width: 767px) {
    .right_text_info {
        padding-right: 1em;
    }
}

.right_text_info h4 {
    font-weight: 700;
    color: #cbb27c;
    font-size: 30px;
}

.right_text_info h5 {
    text-transform: uppercase;
    color: #0d2227;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 1px;
}

.html_right_description {
    font-size: 15px;
    color: #000;
}

@media (max-width: 1200px) {
    .html_right_description {
        font-size: 15px;
        color: #000;
        max-height: 200px;
        overflow-x: auto;
    }
}

@media (max-width: 991px) {
    .html_right_description {
        font-size: 15px;
        color: #000;
        max-height: unset;
        overflow-x: auto;
        padding-right: 10px;
    }
}

@media (max-width: 575px) {
    .html_right_description {
        font-size: 15px;
        color: #000;
        max-height: unset;
        overflow-x: auto;
        padding-right: 10px;
    }
}

.go_to_contact {
    background: #cbb27c;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 0px;
    margin-top: 10px;
    cursor: pointer;
    transition: .5s;
}

.about_info {
    position: relative;
    margin-top: 1em;
}

.p_left_i {
    position: absolute;
    left: -40px;
    top: 45%;
    color: #000;
    font-size: 35px;
    cursor: pointer;
}

.p_right_i {
    position: absolute;
    right: -40px;
    top: 45%;
    color: #000;
    font-size: 35px;
    cursor: pointer;
}

.company_evolution {
    position: relative;
    padding: 6em 0em;
}

.company_evolution:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0px;
    background: #000;
    width: 100%;
    height: 100%;
}

.year_section {
    position: relative;
    z-index: 1;
    margin-bottom: 0em;
    padding: 0em 0em;
}

.all_year_content {
    padding: 0px 25px;
}

@media (max-width: 767px) {
    .all_year_content {
        padding: 0px 0px;
        /* background: #000; */
    }
}

.delimiter_year {
    position: absolute;
    content: "";
    left: 50%;
    height: 100%;
    width: 1px;
    background: #eeeeee69;
}

@media (max-width: 767px) {
    .delimiter_year {
        display: none;
    }
}

.dot_s {
    position: absolute;
    content: "";
    top: 12%;
    left: 49.7%;
    height: 10px;
    width: 10px;
    background: #cbb27c;
    border-radius: 50%;
}

@media (max-width: 1200px) {
    .dot_s {
        position: absolute;
        content: "";
        top: 12%;
        left: 49.6%;
        height: 10px;
        width: 10px;
        background: #cbb27c;
        border-radius: 50%;
    }
}

@media (max-width: 767px) {
    .dot_s {
        position: absolute;
        content: "";
        top: 2%;
        left: 49.2%;
        height: 10px;
        width: 10px;
        background: #cbb27c;
        border-radius: 50%;
        display: none;
    }
}

.logo_about {
    position: relative;
    margin: 0 auto 5em auto;
    display: block;
}

.year_name {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .year_name {
        text-align: right;
        padding-right: 15px;
        margin-bottom: 0px;
    }
}

.month_title {
    font-family: Catamaran, latin;
    font-weight: 800;
    color: #cbb27c;
    font-size: 20px;
    display: block;
    margin-block: 5px; }

.month_subtitle {
    font-family: Catamaran, latin;
    font-weight: 800;
    color: #ffffff;
    font-size: 20px;
    display: block;
    margin-block: 5px; text-transform: uppercase;
    letter-spacing: 2px;
}

.month_description {
    display: block;
    color: #fff;
    font-size: 16px;
}

.row_section_year {
    margin: 2em 0px 2em 0em;
    position: relative;
    padding: 5px 0px;
    align-items: flex-start;
}

@media (max-width: 767px) {
    .row_section_year {
        margin: 0em 0px 3em 0em;
        position: relative;
        padding: 5px 0px;
        align-items: flex-start;
    }
}

/* Start template pagini berea noastra */
.heading_section {
    text-align: center;
}

.heading_section h1 {
    font-weight: 800;
    color: #fff;
    text-transform: uppercase;
    font-size: 54px;
    letter-spacing: .3em;
    line-height: 40px;
    margin-top: 25px;
    margin-bottom: 2em;
}

.heading_section span {
    font-weight: 800;
    color: #cbb27c;
    font-size: 34px;
}

@media (max-width: 1200px) {
    .heading_section {
        text-align: center;
        margin: 20px 0px 0px 0px;
    }

    .heading_section h1 {
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        font-size: 33px;
        letter-spacing: .3em;
        line-height: 33px;
        margin-top: 15px;
        margin-bottom: 0em;
    }

    .heading_section span {
        font-weight: 800;
        color: #cbb27c;
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .heading_section {
        text-align: center;
    }

    .heading_section h1 {
        font-weight: 800;
        color: #fff;
        text-transform: uppercase;
        font-size: 28px;
        letter-spacing: .2em;
        line-height: 40px;
        margin-top: 5px;
        margin-bottom: 0em;
    }

    .heading_section span {
        font-weight: 800;
        color: #cbb27c;
        font-size: 20px;
    }
}

.s_info_our_beer {
    background: #1a1c1d;
    margin-top: 3em;
    border-top: 1px solid #cbb27c;
}

@media (max-width: 1200px) {
    .s_info_our_beer {
        background: #1a1c1d;
        margin-top: 1em;
        border-top: 1px solid #cbb27c;
    }
}

.i_box {
    text-align: center;
    padding: 45px;
}

@media (max-width: 767px) {
    .i_box {
        text-align: center;
        padding: 10px;
    }
}

.i_bomg {
    max-width: 158px !important;
    margin: 0 auto 5px auto;
    display: inline-block;
}

.i_title {
    display: block;
    color: #cbb27c;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.i_subtitle {
    color: #fff;
    font-size: 16px;
}

#info_about_uor_beer {
    padding: 7em 0em;
}

@media (max-width: 991px) {
    .i_box img {
        max-width: 158px !important;
        margin: 0 auto 5px auto;
        display: inline-block;
    }

    .i_title {
        display: block;
        color: #cbb27c;
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .i_subtitle {
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        display: inline-block;
    }

    #info_about_uor_beer {
        padding: 1em 0em;
    }
}

#info_about_uor_beer .row {
    align-items: center;
}

#info_about_uor_beer img {
    /* margin: 0 auto; */
    /* display: inherit; */
}

@media (max-width: 991px) {
    #info_about_uor_beer img {
        margin: 0 auto;
        display: inherit;
    }
}

/* End template pagini berea noastra */
/* Start Featured list 1 */
.p_sec_list {
    padding: 5em 0em;
}

.p_sec_list .row {
    align-items: center;
}

.p_sec_list img {
    max-width: 60%;
}

@media (max-width: 991px) {
    .p_sec_list img {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

#p_white {
    background: #fff;
}

#p_black {
    background: #1b1d1e;
}

#p_black .p_f_name {
    font-size: 32px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 33px;
    margin-block: 10px;display: inline-block;
}

#p_black .p_f_description {
    color: #fff;
    font-size: 16px;
}

#p_black .p_f_cta {
    font-size: 12px;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 15px 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    letter-spacing: 5px;
    text-transform: uppercase;
    border: none;
    border-width: 2px;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #131314;
    background: #cbb27c;
    color: #000;
    margin-top: 25px;
}

#p_black .p_f_manufacturer {
    display: block;
    font-weight: 800;
    color: #cbb27c;
    font-size: 32px;
    margin-bottom: 10px;
}

#p_white .p_f_name {
    font-size: 32px;
    color: #1b1d1e;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 3px;
    line-height: 33px;
    margin-block: 10px;display: inline-block;
}

#p_white .p_f_description {
    font-size: 16px;
}

#p_white .p_f_cta {
    font-size: 12px;
    font-weight: 800;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 0;
    padding: 15px 30px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    letter-spacing: 5px;
    text-transform: uppercase;
    border: none;
    border-width: 2px;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #cbb27c;
    background: #cbb27c;
    color: #fff;
    margin-top: 25px;
}

#p_white .p_f_manufacturer {
    display: block;
    font-weight: 800;
    color: #cbb27c;
    font-size: 32px;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    .p_sec_list {
        padding: 2em 0em;
    }

    #p_black .p_f_name {
        font-size: 25px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 3px;
        line-height: 28px;
        margin-block: 10px; display: inline-block;
    }

    #p_black .p_f_description {
        color: #fff;
        font-size: 14px;
        line-height: 16px;
    }

    #p_black .p_f_cta {
        font-size: 12px;
        font-weight: 800;
        position: relative;
        display: inline-block;
        margin: 0 0 10px 0;
        padding: 15px 30px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        letter-spacing: 5px;
        text-transform: uppercase;
        border: none;
        border-width: 2px;
        border-radius: 0;
        box-shadow: inset 0 0 0 2px #131314;
        background: #cbb27c;
        color: #000;
        margin-top: 25px;
    }

    #p_black .p_f_manufacturer {
        display: block;
        font-weight: 800;
        color: #cbb27c;
        font-size: 25px;
        margin-bottom: 10px;
    }

    #p_white .p_f_name {
        font-size: 32px;
        color: #1b1d1e;
        text-transform: uppercase;
        font-weight: 800;
        letter-spacing: 3px;
        line-height: 33px;
        margin-block: 10px;display: inline-block;
    }

    #p_white .p_f_description {
        font-size: 16px;
    }

    #p_white .p_f_cta {
        font-size: 12px;
        font-weight: 800;
        position: relative;
        display: inline-block;
        margin: 0 0 10px 0;
        padding: 15px 30px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        letter-spacing: 5px;
        text-transform: uppercase;
        border: none;
        border-width: 2px;
        border-radius: 0;
        box-shadow: inset 0 0 0 2px #cbb27c;
        background: #cbb27c;
        color: #fff;
        margin-top: 25px;
    }

    #p_white .p_f_manufacturer {
        display: block;
        font-weight: 800;
        color: #cbb27c;
        font-size: 32px;
        margin-bottom: 10px;
    }
}

/* End Featured list 1 */
.share_buttons {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .share_buttons {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }
}

.share_buttons p {
    margin-right: 5px;
    margin-bottom: 0px;
    display: inline-block;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
}

.icon-share {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 18px;
    border: 2px solid #000000;
    color: #000000;
    line-height: 32px;
    text-align: center;
    margin: 0px 5px;
    border-radius: 30px;
    cursor: pointer;
    transition: .5s;
}

.icon-share:hover {
    border-color: #be9461;
    background: #be9461;
    color: #fff;
}

.row_mo_btns {
    margin: 0;
}

/* Start back to top */
#toTop {
    position: fixed;
    right: 25px;
    bottom: 25px;
    background: #cbb27c;
    width: 50px;
    height: 50px;
    line-height: 45px;
    font-size: 27px;
    color: #fff;
    text-align: center;
    border-radius: 30px;
}

#toTopHover {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

#toTopHover:before {
    content: "\f077";
}

/* End back to top */
.whatsapp_chat_mob {
    float: left;
    background: #25D366;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    font-size: 34px;
    color: #fff !important;
    box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 49%);
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 3;
}

.pack-total.gold {
    font-weight: 700;
    color: #cf8000;
}

.empty-category {
    position: relative;
    display: block;
    padding: 15px 15px;
    text-align: center;
    background: #0D2227;
    color: #ffffff;
    font-size: 20px;
}

.custom-order {
    position: relative;
    display: block;
    padding: 20px 0px;
    background: #E6E6E6;
}

.custom-order .co-title {
    position: relative;
    display: block;
    color: #CBB27C;
    font-size: 38px;
    font-weight: 600;
    line-height: 42px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.custom-order .co-details {
    position: relative;
    display: block;
    padding: 15px 30px;
    background: #FFF2E4;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
}

.custom-order .list-det {
    position: relative;
    color: #CBB27C;
}

.custom-order .list-det span {
    color: #000000;
}

.custom-order .co-address {
    position: relative;
    display: inline-block;
    padding: 15px 30px;
    background: #FFF2E4;
    font-size: 16px;
    color: #000000;
    margin-bottom: 15px;
    min-width: 300px;
}

.custom-order table {
    color: #000000;
}

@media (min-width: 768px) {
    #cart .dropdown-menu {
        position: absolute;
        transform: translate3d(-30px, 40px, 0px);
        will-change: transform;
    }
}

/* .wish_p_box_add.add {
    background: #ffffff !important;
    border: 1px solid #DADADA !important;
    color: #DADADA !important;
} */
.wish_p_box_add.add i {
    background: #ffffff !important;
    /* border: 1px solid #DADADA !important; */
    color: #DADADA !important;
}

.wish_p_box_add.add:hover i {
    background: #F5851F !important;
    color: #fff !important;
}

.prod_wish_add.del {
    background: #ffffff;
}
.del i {
    /* background: #ffffff !important; */
    /* border: 1px solid #DADADA !important; */
    color: #F5851F !important;
}
.prod_wish_add.del:hover i {
    color: #ffffff !important;
}

.wish_p_box_add.del:hover i {
    background: #DADADA !important;
}



.true-disabled #qc_confirm_order {
    pointer-events: none !important;
    cursor: not-allowed !important;
    background: #aaaaaa !important;
}
.true-disabled [for="confirm_agree"],
.true-disabled [for="confirm_agree"] input {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
}

.taburi .tab-links {
    color: #fff;
    text-transform: uppercase;
    font-size: 21px;
    border-left: 1px solid #fff;
    line-height: 45px;
    padding: 0px 25px;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 4px;
}
.taburi .tab-links:hover {
    color: #CBB27C;
}


.product-badges {
    position: absolute;
    top: 5px;
    left: 19px;
    right : 19px;
    text-align: left;
}
.product-badges img {
    max-height: 40px;
}

.sale_percent + .product-badges,
.sale_percent + * + .product-badges {
    top: 48px;
}

.percent-discount + .product-badges,
.percent-discount + * + .product-badges {
    top: 48px;
}


.mini-pack-total {
    position: relative;
    display: block;
    font-size: 15px;
    color: #777777;
    font-weight: 400;
    margin-top: -11px;
}


.section-overlay-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    flex-wrap: nowrap;
    z-index: 1000;

    opacity: 0;
    pointer-events: none;
    transition: 0.5s opacity;

    padding: 15px;

    background: rgba( 0, 0, 0, 0.85 );
}
.section-overlay-wrap.active {
    opacity: 1;
    pointer-events: all;
}

.section-overlay-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
}
.section-overlay {
    position: relative;
    display: block;

    padding: 15px;
    z-index: 2;
}
.section-overlay-backdrop-small {
    position: absolute;
    top: -12px;
    right: -12px;
    background: #003f82;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    width: 24px;
    height: 24px;
    padding: 2px;
    border: none;
    border-radius: 100%;
}
.section-overlay-backdrop-small i.fa {
    font-size: 20px;
    line-height: 20px;
}