@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

.fancybox-container {
    z-index: 9999999999999999999999999999;
}

.other-font{
    font-family: 'Playfair Display', serif;
}

body {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 16px;  
    letter-spacing:1px;
    overflow-x: hidden;
    overflow-y: scroll;
}

input:focus {
    outline: none !important;
    border: none !important;
}

 
button:focus {
    outline:none !important;
    box-shadow:none !important;
}

.button:focus {
    outline:none !important;
    box-shadow:none !important;
}

.hide{
    display:none !important;
}

.show{
    display:block !important;
}
/*
strong {
    text-transform:uppercase;
}
*/
a:Hover {
    text-decoration: none;
}

.underline{
    text-decoration: underline;
}

.page-margin-75{margin:75px 0;}
.page-margin-50{margin:50px 0;}
.page-margin-25{margin:25px 0;}
.page-margin-10{margin:10px 0;}


.page-padding-75{padding:75px 0;}
.page-padding-50{padding:50px 0;}
.page-padding-25{padding:25px 0;}
.page-padding-10{padding:10px 0;}


.min-height-500{min-height: 500px;}

.pm-75{margin:75px 0;}
.pm-50{margin:50px 0;}
.pm-25{margin:25px 0;}
.mh-250{min-height: 250px;}
.mh-350{min-height: 350px;}
.mh-500{min-height: 500px;}
.mh-750{min-height: 750px;}



.mb-25 {margin-bottom:25px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-100{margin-bottom:100px !important;}
.mb-150{margin-bottom:150px !important;}
.mb-250{margin-bottom:250px !important;}

.pp-25 {padding:25px 0;}
.pp-50 {padding:50px 0;}
.pp-100{padding:100px 0;}
.pp-150{padding:150px 0;}
.pp-250{padding:250px 0;}

.pt-25 {padding-top:25px;}
.pt-50 {padding-top:50px;}
.pt-100{padding-top:100px;}
.pt-150{padding-top:150px;}
.pt-250{padding-top:250px;}

.pb-25 {padding-bottom:25px;}
.pb-50 {padding-bottom:50px;}
.pb-100{padding-bottom:100px;}
.pb-125{padding-bottom: 125px;}
.pb-150{padding-bottom:150px;}
.pb-175{padding-bottom: 175px;}
.pb-250{padding-bottom:250px;}
.pb-375{padding-bottom: 375px;}

.mt-50 {margin-top:50px;}
.mt-100{margin-top:100px;}
.mt-150{margin-top:150px;}
.mt-250{margin-top:250px;}

.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-500{font-weight:500}
.fw-600{font-weight:600}
.fw-700{font-weight:700}

::-webkit-scrollbar {
  width: 8px;
  height: 2px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #e1aa68;
  border: 0px none #ffffff;
  border-radius: 50px;
  transition:400ms;
}
::-webkit-scrollbar-thumb:hover {
  background: #6e330b;
}
::-webkit-scrollbar-thumb:active {
  background: #6e330b;
}
::-webkit-scrollbar-track {
  background: #e1a96836;
  border: 0px none #ffffff;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


/** header **/


    .header-menu.no-mobile.dropdown {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .header-container.desktop.no-mobile {
        height: 80px;
        z-index: 99999999999;
        display: flex;
        align-items:center;
        position: relative;
        background: #fff;
        top: 75px;
        transition:400ms;
    }

    .header-logo  {
        z-index: 99999999999999;
    }

    .header-logo img {
        height: 150px;
        transition:400ms;
    }

    .header-menu.no-mobile.dropdown li {
        list-style: none;
    }

    .header-menu.no-mobile.dropdown li a{
        font-size:17px;
        font-weight:500;
        color:#6e330b;
        transition:400ms;
    }

    .header-menu.no-mobile.dropdown li a:Hover{
        font-size:17px;
        color:#e1aa68;
        transition:400ms;
    }

    .online-link a {
        height: 40px;
        width: 225px;
        background: #e1aa68;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 5px;
        bottom: -5px;
        color: #fff;
        transition:400ms;        
        animation-duration: 2s;
        animation-iteration-count: initial;
        animation-fill-mode: forwards;
        animation-timing-function: ease;
    }
    @keyframes normal-anim {      
        0%  { right: calc(50% - 112px);z-index: 9;border-radius: 0; }
        100%   { right: 5px;z-index: -99; }
    }
    
    .online-link a img{
        padding-left:10px;
        transition:400ms
    }
    
    .online-link:hover a img{
        transition:400ms;
        filter:brightness(0) invert(1);
    }
    
    .online-link:hover a {
        background: #a6302c;
        transition:400ms;
    }


    /*** fixed-bar ***/
        .main-header.fixed-bar .header-container.desktop.no-mobile {
            
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 99999999999999999;
            box-shadow: 0px 8px 11px #15141461;
        }

        .main-header .header-container.desktop.no-mobile li a,
        .main-header .header-container.desktop.no-mobile{
            transition:400ms;
        }

        .fixed-bar .header-logo img {
            height: 75px;
        }

        .fixed-bar .online-link a {           
            bottom: -42px;
            transition: 400ms;            
            border-radius: 0 0 10px 10px;
            animation-name: fixed-anim;
            animation-timing-function: ease;
        }
        @keyframes fixed-anim {      
            0%   { right: 5px;z-index: -99; }
            100%  { right: calc(50% - 112px);z-index: 9; }
        }
    

        

    /*** fixed-bar-end ****/


    .online-link img{
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }
    
    
    .online-link:hover img{
        animation-name: click-icon;
        animation-timing-function: ease;
    }
    @keyframes click-icon {      
        0%   { transform: scale(1); }
        50%  { transform: scale(0); }
        100% { transform: scale(1); }        
    }

/** header-end **/


/*** slider ***/

section.main-slider {
    margin-top: -80px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.main-slider .slider-item {
    height: 900px;
    background-size: cover;
    background-position: center;
    display: block;
    position: relative;
}

.main-slider .slider-item .box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    padding-top: 100px;
}

.main-slider .slider-item .box .title {
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    position: relative;
    display: inline-block;
    transition: 3000ms;
    transform: translateY(300px);
    opacity:0;
    text-align: center;
    justify-content: center;
}

.main-slider .owl-item.active .slider-item .box .title {
    
    transform: translateY(-100px);      
    opacity: 1;
}

.item.slider-item .bottom-title {
    font-weight: 500;
    font-size: 33px;
}



/*** slider-end ***/



/**** about-background ****/

div#about-background {
    height: 100%;
    z-index: 9;
    display: block;
    position: relative;
    top: -15px;
    padding: 15px 0;
}

/**** about-background ****/



/*** main-about ***/

section.main-about .container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 600px;
}

span.top-title {
    color: #6e330b;
    font-size: 40px;
}

span.bottom-title.other-font {
    color: #e1a968;
    font-size: 60px;
    font-weight: 500;
    margin-top: -10px;
    margin-bottom: 40px;
    display: block;
}

.about-text p {
    color: #6e330b;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.8;
}

.about-button a {
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: #e1a968;
    transition:400ms;
}

.about-button a:Hover {
    color: #6e330b;
    transition:400ms;
}

/*** main-about-end ***/



/*** main-categories ***/

    .cat-circle {
        height: 255px;
        width: 100%;
        border-radius: 100%;
        border: 10px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #6e330b;  
    }

    span.icon-title.other-font {
        font-size: 34px;
        font-weight: 700;
        color: #e1aa68;
    }

    .cat-circle img {
        height: 75px;
        width: 100%;
        object-fit: contain;
        margin-bottom: 10px;
    }

    .cat-images {
        display: block;
        position: relative;
        z-index: -9;
        top: -122px;
        border: 10px solid #fff;
    }

    .cat-images img{
        height: 400px;
        width: 100%;
        object-fit:cover;
    }

    .cat-bottom {
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        height: 135px;
        margin-top: -75px;
    }

    span.cat-title.other-font {
        font-size: 48px;
        font-weight: 600;
        color: #6e330b;
    }

/*** main-categories-end ***/



/*** main-story ***/


.story-title span {
    color: #6a3f1e;
    font-size: 40px;
    margin-bottom: 25px;
    display: block;
}

.story-text p {
    color: #e1a968;
}

section.main-story .container {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 350px;
}

/*** main-story-end ***/


/*** main-bottom-icons ***/

section.main-bottom .container.icons-container {
    padding-top: 815px;
    padding-bottom: 66px;
}

section.main-bottom.inside .container.icons-container {
    padding-top: 90px !important;
    padding-bottom: 66px;
}


span.bottom-icon-title {
    color: #d39d5e;
    font-size: 30px;
    text-align: center;
    margin-top:-15px;
    display:block;
    padding:0 15px; 
}

.container.icons-container .col-lg-4 {
    text-align: center;
    margin-top: -15;
}

section.main-bottom.inside .container.icons-container .col-lg-4 {
    text-align: center;
    margin-top: -15px;
    z-index: 9999;
    margin-bottom: 88px;
}


/*** main-bottom-icons-end ***/




/**** newsletter-start ****/

.main-newsletter {
    padding: 15px;
    min-height: 400px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.newsletter-top span,
.newsletter-bottom span {
    color: #d39d5e;
    font-size: 24px;
    font-weight: 700;
}

.newsletter-top a {
    font-size: 70px;
    font-weight: 600;
    color: #fff;
}

.newsletter-bottom form{
    position: relative;
}

.newsletter-bottom input{
    border:none;
    border-radius:25px;
    height:40px;
    width:375px;
    margin-top:15px;
}

.newsletter-bottom{
    margin-top: 50px;
}


input.newsletter-mail {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-left: -15p;
}

.newsletter-bottom button {
    font-size: 30px;
    margin-left: -60px;
    color: #878079ab;
    bottom: 0px;
    position: absolute;
    border: none;
    background: none;
}

.newsletter-bottom input:focus + button i{
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: mail-anim;
    animation-timing-function: ease;
}


@keyframes mail-anim {      
0%   {padding-left: 0px; }
50%  {padding-left: 10px; }
100%   {padding-left: 0px; }
}


/**** newsletter-end ****/




/**** footer ***/

.footer-menu.dropdown {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer-container.desktop {
    height: 70px;
    z-index: 99999999999;
    display: flex;
    align-items:center;
    position: relative;
    background: #fff;
    top: 95px;
    transition:400ms;
}

.footer-logo img {
    height: 145px;
    transition:400ms;
}

.footer-menu.dropdown li {
    list-style: none;
}

.footer-menu.dropdown li a{
    font-size:15px;
    font-weight:500;
    color:#6e330b;
    transition:400ms;
}

.footer-menu.dropdown li a:Hover{
    color:#e1aa68;
    transition:400ms;
}

.container.footer-informations {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 175px;
    position: relative;
    text-align: center;
}

.footer-address p,
.footer-phone a {
    font-size: 18px;
    font-weight: 400;
    color: #6e330b;
    letter-spacing:0;
    transition: 400ms;
}

.footer-phone a{
    letter-spacing:2px;
}

.footer-phone a:Hover{
    letter-spacing:0px;
}



.container.footer-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    height:50px;
}

.container.footer-socials .icons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    width: 175px;
}


.container.footer-socials .icons div{
color:#fff;
background:#e1aa68;
width:25px !important;
height:25px !important;
display:flex;
align-items:center;
justify-content:center;
transition:400ms;
}

.container.footer-socials .icons div:hover{
background:#6e330b;
transition:400ms;
}

.container.footer-socials .icons a{
color:#fff;
}



/**** footer-end ****/



/**** contact-page ****/

.page-header {
    height: 475px;
    margin-top: -80px;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: flex-end;
    padding-bottom: 40px;
}


.col-lg-3.page-title span {
    color: #e1aa68;
    font-size: 45px;
    font-weight: 900;
    text-transform: lowercase;
}


.col-lg-9.bread-list {
    display: flex;
    align-items: center;
    list-style: none;
    padding-left:0;
    height:40px;
}

.col-lg-9.bread-list li,
.col-lg-9.bread-list a{
    text-transform:lowercase;
    color:#afafaf;
    font-size:19px;
    font-weight:300;
}

.col-lg-9.bread-list i{
    padding: 0 5px 0 0;
}


.contact-information .page-title{
    margin-bottom:50px;
    display:block;
}

.contact-information .page-title strong {
    font-size: 28px;
    color: #a6302c;
}

section.contact-page.page-margin-25 .col-lg-8{
    margin: 0 !important;
    padding: 0 !important;
}

section.contact-page.page-margin-25 .col-lg-8 .row{
    margin:0;
}

.contact-information .address i {
    color: #a0a0a0;
    font-size: 20px;
}

.contact-information .address .row {
    margin: 25px 0 !important;
}

.contact-information .address .row a,
.contact-information .address .row span,
.contact-information .address .row strong{
    font-size:20px
}

.contact-information .address .col-lg-1{
    display:flex;
    align-items:center;
    justify-content:center;
}


.contact-information .address .row a,
.contact-information .address .row span{
    color:#6e330b;
    font-weight:300 !important;
}


.page-contact-form .contact-title strong {
    color: #58585a;
    font-size: 25px;
    font-weight:400;
    margin-top:75px !important;
    display:block;
}

.contact-social.header-social {
    margin-top: 50px;
}

.contact-social i {
    display:flex;
    align-items:center;
    color:#fff;
    font-size:25px;
    padding:7px;
    transition:300ms;
}

.contact-social i:hover {
    color:#ffffff;
}

.header-social li {
    background: #afafaf;
    margin-left: 10px;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    padding-left: 2px;
    list-style: none;
    justify-content: center;
    transition: 300ms;
    display: flex;
    align-items: center;
}

.header-social li:hover {
    background: #6e330b;
}

.header-social li a{
    text-align:center;
    display:block;    
    color:#fff;
}

.header-social li a i{
    font-size:15px;
}

.contact-form.page-margin-50 .input {
    padding-left: 0;
    padding-right: 0;
}

.contact-form.page-margin-50 .input input,
.contact-form.page-margin-50 .input textarea{
    border-radius:0;
    margin-bottom:15px;
    background: none;
}

.contact-form.page-margin-50 .input input{
    height:50px;    
}

.page-contact-form .col-lg-4 {
    padding: 0;
}

a.btn.button {
    padding: 0;
    width: 100%;
    height: 50px;
    margin-top: -1px;
    transition: 400ms;
}

button.button.contact {
    width: 100%;
    height: 50px;
    border: 0;
    background: #6e330b;
    color: #fff;
    transition:400ms;
}

button.button.contact:hover {
    background: #e1aa68;
    transition:400ms;
}

.contact-input input:focus,
.contact-input textarea:focus {
    box-shadow: inset 0px 0px 10px 0px #e1aa68;
    border:1px solid #e1aa6800;;
}

.contact-input input:focus::placeholder,
.contact-input textarea:focus::placeholder {
    color:#6e330b;
}

.contact-input input,
.contact-input textarea {
    color:#6e330b;
}

.contact-copyright{
    background:#fefaec;
    height:50px;
    display:flex;
    align-items:center;
    }
    
    
    .contact-copyright .container {
        display: flex;
        justify-content:space-between;
    }
    
    .contact-copyright .container span {
        font-size:13px;
        font-weight:300;    
    }

/*** contact-page-end ***/



/*** pages-page ***/

.col-lg-6.page-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.col-lg-6.page-title .page-top-title{
    font-size:35px;
    font-weight:300;
    color:#bbbbbb;
    letter-spacing:3px;
}

.col-lg-6.page-title .page-bottom-title{
    font-size:35px;
    font-weight:500;
    color:#e1aa68;
    letter-spacing:1px;
}

.col-lg-6.page-image img {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.col-lg-12.page-text.other-font {
    margin: 50px 0;
    font-weight: 700;
    color: #6e330b;
    font-size: 16px;
    letter-spacing: 1px;
}

/*** pages-page-end ***/



/*
.page-desc:before{
    background: 
    linear-gradient(-45deg, #f6efe4 8px, transparent 0), 
    linear-gradient(45deg, #f6efe4 8px, transparent 0);
    background-position: left top;
    background-repeat: repeat-x;
    background-size: 22px 16px;
    content: " ";
    display: block;
    height: 32px;
    width: 100%;
    position: relative;
    bottom: 48px;
    left:0;
}

.page-desc:after{
    background: 
    linear-gradient(-45deg, transparent 16px, #f6efe4 0), 
    linear-gradient(45deg, transparent 16px, #f6efe4  0);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 22px 32px;
    content: "";
    display: block;
    width: 100%;
    height: 32px;
     position: relative;
    top:64px;
    left:0px;
}


.page-desc{
    margin: 32px 0;
    margin-top: 0;
    background: #f6efe4;
    margin-bottom: 0;
    padding: 32px 0;
}


*/



/*** product ***/

.col-lg-2.aside {
    padding-left: 0;
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    color: #6e330b;
    background: none;
    border-radius:0;
    transition:400ms;
}

.nav-pills .nav-link:hover {
    color: #a6302c;
    background: none;
    border-radius:0;
}


.nav-pills .nav-link {
    color: #e1aa68;
    background: none;
    border-radius:0;
    font-size:28px;
    padding-left:0px;
    border-bottom:1px solid #e1e1e1;
    transition:400ms;
}



.prod-col {
    padding: 15px 10px;
    text-align: center;
    position: relative;
}

.prod-col a{
    background: #fff;
    text-align: center;
    box-shadow: 6px 6px 12px -6px #acababb5;
    position:relative;
    display:block;
    height:300px;
    border: 4px solid #e1aa6800;
    transition:400ms;
}

.prod-col a:hover{    
    border: 4px solid #e1aa68;    
    box-shadow: 0px 0px 20px 0px #90909057;
}

.prod-col .prod-box{
    height:242px;
    display:flex;
    align-items:center;
    margin:0 30px;
    border-bottom:1px solid #d2c19e;
    transition: 400ms;
}


.prod-col img{
    height:150px;
    width:100%;
    object-fit:contain;
}

.prod-col .prod-title{
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:400ms;
}

.prod-col .prod-title span{
    font-size:17px;
    color:#6e330b;
    transition:400ms;
}

.prod-col a:hover .prod-title{
    background: #6e330b;
}

.prod-col a:hover .prod-title span{
    color:#fff;
}


.prod-col a:hover .prod-box{
    border-bottom:1px solid #d2c19e00;
    transition: 400ms;
}



/*** product-end ***/



/*** product ***/

.big-image {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #e1aa68;
}

a#prod-img-href img {
    height: 385px;
    width: 100%;
    object-fit: contain;
}

span.product-detail-title {
    font-size: 36px;
    font-weight: 900;
    color: #5a3102;
}

.cart-link a {
    height: 35px;
    width: 150px;
    background: #e1aa68;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #fff;
    transition:400ms;        
    animation-duration: 2s;
    animation-iteration-count: initial;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}

.cart-link a img{
    padding-left:10px;
    transition:400ms
}

.cart-link:hover a img{
    transition:400ms;
    filter:brightness(0) invert(1);
}

.cart-link:hover a {
    background: #a6302c;
    transition:400ms;
}

.cart-link img{
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: click-cart-icon;
    animation-timing-function: ease;
}

@keyframes click-cart-icon {      
    0%   { transform: scale(1); }
    50%  { transform: scale(0.8); }
    100% { transform: scale(1); }        
}
    

.cart-link:hover img{
    animation-name: none;
}

.product-stock span {
    font-size: 18px;
    font-weight: 400;
    color: #5a3102;
}

span.product-detail-price {
    font-size:55px;
    font-weight:900;
}

.detail-price {
    display: flex;
    align-items: center;
}

.detail-price{
    color:#a6302c;    
}

.detail-price span.other{
    margin-top:-20px;
    font-size:25px;
    font-weight:500;
} 


.detail-price.discount span {
    font-size: 24px;
    color: #a7a5a5;
    text-decoration: line-through;
}

.detail-price.discount .other {
    margin: 0;
}

input,
textarea{
    transition:400ms;
}


#cart-qty {
    padding: 5px 10px !important;
    width: 80px !important;
}


.payment-select-table td {
    vertical-align: middle;
}

.product-details input,
.product-details textarea,
.cart-items input,
.cart-items textarea {
  border: 1px solid #5a3102;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

.product-details input:focus,
.product-details textarea:focus,
.cart-items input:focus,
.cart-items textarea:focus {
    outline: none !important;
    border: 1px solid #e1aa68 !important;
}

.product-details input[type="button"],
.cart-items input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

.product-details input::-webkit-outer-spin-button,
.product-details input::-webkit-inner-spin-button
.cart-items input::-webkit-outer-spin-button,
.cart-items input::-webkit-inner-spin-button  {
  -webkit-appearance: none;
}

.product-details .input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
}

.qty-input.input-group .qty strong {
    color: #5a4a42b3;
}

.cart-items .input-group {
    margin: 15px;
    position: relative;
    clear: both;
}

.product-details .input-group input[type='button'],
.cart-items .input-group input[type='button'] {
  background-color: #5a3102;
  min-width: 38px;
  width: auto;
  color:white;
  transition: all 300ms ease;
}

.product-details .input-group .button-minus,
.product-details .input-group .button-plus,
.cart-items .input-group .button-minus,
.cart-items .input-group .button-plus {
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  position: relative;
}

.product-details .input-group .quantity-field,
.cart-items .input-group .quantity-field {
  position: relative;
  height: 38px;
  left: 0px;
  padding-right: 20px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 20px;
  margin: 0 0 5px;
  resize: vertical;
  color:#9e9e9e;
}

.product-details .button-plus,
.cart-items .button-plus {
  left: -13px;
}

.product-details input[type="number"],
.cart-items input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.product-details .detail-title {
    height: 125px;
}

.cart-link {
    margin-top: 22px;
}


/*** product-detail-end ***/




/****cart ****/

section.cart-page {
    margin-top: 30px;
    margin-bottom: 125px;
}

section.cart-page .col-lg-3.order-summary .title span {
    font-size: 25px;
}

section.cart-page .col-lg-9.order-product .title span {
    font-size: 25px;
    color:#da1e48;
}

section.cart-page .col-lg-3.order-summary .title,
section.cart-page .col-lg-9.order-product .title {
    border-bottom:1px solid #b3b3b3;
    padding-bottom:10px
}

section.cart-page span.subtotal-title,
section.cart-page span.cargo-title,
section.cart-page span.total-title {
    font-size: 13px;
    font-weight: 500;
    margin: 10px 0;
}

section.cart-page a.btn.button.order-next {
    background: #da1e48;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    color: white;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.cart-page a.btn.button.order-next:hover {
    background: #da1e47bd;
}

.order-summary .subtotal,
.order-summary .cargo,
.order-summary .gift-code,
.order-summary .total {
    margin: 15px 0;
}


.order-summary .gift-code input[type="text"] {
    width: 100%;
    height: 36px;
    border-radius: 0;
    border: 1px solid #b9b8b8;
}

.order-summary .gift-code input[type="text"]::placeholder {
    padding-left:10px;
    font-size:13px;
    color:#a2a2a2;
}

section.cart-page .cart-items {
    margin-top: 15px;
}

section.cart-page .item-title {
    font-size: 16px;
    left: 0;
    padding-left: 0;
    margin-left: 0;
}

section.cart-page .item-title strong{
    color:rgb(17, 17, 17);
}

section.cart-page .item-price.row  {
    margin-top:25px;
    margin-bottom: 15px;
}

section.cart-page .item-price.row .price  {
    margin-right:25px
}


section.cart-page .item-price.row .price strong {
    font-size: 19px;
    font-weight: 900;
    color: #da1e48;
    margin-left: 15px;
    /* margin-top: 25px; */
}

section.cart-page .item-info .row {
    margin: 0;
}

section.cart-page .item-info .icon {
    margin-right: 15px;
    margin-top:10px;
    display:flex;
    align-items:center;
}

section.cart-page .item-info .icon strong{
    font-size:12px
}

section.cart-page .item-info .icon img{
    object-fit:contain;
    margin-right:5px
}

.order-product .cart-image{
    display:flex;
    align-items:center;
    justify-content:center;
}

.order-product .cart-image img {
    height: 170px;
    width: 100%;
    object-fit: contain;
}

section.cart-page strong.cargo-firm {
    color: #888888;
    margin-right: 10px;
}

section.cart-page a.delete-button {
    background: #5a4a42;
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size:20px;
    transition:400ms;
}

section.cart-page a.delete-button:hover{
    background: #da1e48;
}

section.cart-page .order-delete {
    display: contents;
}

.swal2-shown body{
    z-index:99999999999999999999999999999999 !important;
}

.swal2-container{
    z-index:99999999999999999999999999999999 !important;
}

.icon-count {
    position: absolute;
    background: #e1aa68;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    border-radius: 100%;
    bottom: 50px;
    right: 0;
    transition:400ms;
}


.fixed-bar .icon-count {
    bottom: 10px;
    transition:400ms;
}

.cart-icon:hover .icon-count{
    background:#a6302c
}

.page-bread {
    margin-bottom: 50px;
}


/****cart-end ****/







.fancybox-content img {
    background: #fff;
}







.cart-banner {
    height: 340px;
    background-position: bottom !important;
}

.cart-banner {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.page-banner.cart-banner li {
    list-style: none;
}


.cart-banner .col-lg-12.bread-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -25px;
    margin-top: 15px;
    color: #ffffffbf;
    font-size:14px
}

.cart-banner .col-lg-12.bread-list a {
    color: #ffffffbf;
}

.cart-banner strong.page-title {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}






















/**** user-address ****/

.card.address-card .card-body {
    border: 1px solid #000;
}

a.btn.add-user-address {
    background: #000;
    border-radius: 0;
    color: #fff;
    width: 160px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    transition: 400ms;
}

a.btn.add-user-address:hover {
    background: #e40045;
    transition: 400ms;
}

form.user-new-address-form {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
}

button.btn.theme-btn.address-select-next {
    width: 160px;
}

.member-address-boxes{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 25px 0;
}
/**** user-address-end ****/






.log-in-box{
    padding-bottom:10px;
}

.sign-in-box{
    /* border: 1px solid #da1e48;
    border-radius: 25px !important;
    padding: 50px; */
    text-align: center;
}

.heading{
    text-align: center;
    margin-bottom: 25px !important;    
    font-weight: 600;
    color:#515151;
}

.log-in-box .form-control::placeholder,
.sign-in-box .form-control::placeholder,
.address-box .form-control::placeholder,
.account-settings .form-control::placeholder {
    font-weight: 500;
    color: #51515193;
    font-size:14px;
}

.log-in-box .form-control,
.sign-in-box .form-control,
.address-box .form-control,
.account-settings .form-control {
    font-size:14px;
    font-weight: 500 !important;
    color: #515151 !important;
    border: 1px solid #00000038;
    border-top: none;
    border-right: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: none;
    border-radius:0 !important;
}

.log-in-box .form-control:focus,
.log-in-box .form-control:hover,
.sign-in-box .form-control:focus,
.sign-in-box .form-control:hover,
.address-box .form-control:focus,
.address-box .form-control:hover,
.account-settings .form-control:hover,
.account-settings .form-control:focus  {
    outline:none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #000000;
}


.sign-in-box button{
    margin-top: 15px;
    margin-bottom: 25px;
}


.sign-in-box .new-account.align-center.mt-20 span,
.log-in-box .new-account.align-left.mt-20 span {
    font-weight: 600;
    color: #515151;
}

.sign-in-box .new-account.align-center.mt-20 a,
.log-in-box .new-account.align-left.mt-20 a {
    font-weight: 600;
    color: #000000;
}

.sign-in-box a.forgot-password.mtb-20 {
    font-weight: 600;
    color: #000000 !important;
}



/*** login end ***/


/*** account **/


.account-page :not(.corporate-page).nav-pills .nav-link{
    color:#000000  !important;
    transition:300ms;
    font-weight:600 ;
  }
  
.account-page :not(.corporate-page).nav-pills .nav-link.active, 
.account-page :not(.corporate-page).nav-pills .show > .nav-link,
.account-page :not(.corporate-page).nav-pills .nav-link:hover {
    color: #e40045 !important;
    border-bottom: none !important;
  }
  
.account-page :not(.corporate-page)div#v-pills-tab {
 /*   border: 1px solid #da1e48  !important; */
    border-radius: 25px;
  }

  .account-page .nav-pills .nav-link.active,
  .account-page .nav-pills .show>.nav-link {
    color: rgb(0, 0, 0) !important;
    background-color: #ffffff !important;
}

.account-page :not(.corporate-page)div#v-pills-tab a {
    border-radius: 25px;
    display: flex;
    align-items: center;
    text-align: end;
    justify-content: flex-end;
}

.account-page :not(.corporate-page)section.checkout-section.ptb-60.page-margin i {
    font-size: 20px;
    padding-left: 10px;
}
  
.account-page :not(.corporate-page)div#v-pills-tabContent {
    border: 1px solid #000000  !important;
    border-radius: 25px;
    padding: 30px;
}
  
.account-page table.table {
     border: none;
}
  
.account-page :not(.corporate-page).commun-table .table thead tr th {
    background: none;
    border: none;
}
  
.account-page :not(.corporate-page).row.no-mobile.card-table {
    border: 1px solid #000000  !important;
    border-radius: 25px;
    background: #da29290a;
}

/*

.cart-item-table.commun-table thead,
.cart-item-table.commun-table tr {
    border-bottom: 1px solid #da1e48  !important;
}

*/
  
.account-page :not(.corporate-page).sidebar .row.card-table {
    border: 1px solid #000000  !important;
    border-radius: 25px;
    background: #da292a0f;
}
  
.account-page :not(.corporate-page).sidebar .row.card-table a{
    color:#000000  !important;
}
  
.account-page .sidebar .row.card-table input{
    background:none;
    border:1px solid #00000042;
    height:30px
}


.account-page div#v-pills-account  .form-control::placeholder {
    font-weight: 500;
    color: #51515193;
    font-size:14px;
}

.account-page div#v-pills-account  .form-control {    
    font-size:14px;
    font-weight: 500 !important;
    color: #515151 !important;
    border-bottom: 1px solid #000000;
    border-top: none;
    border-right: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-left: none;
    border-radius:0 !important
}

.account-page div#v-pills-account  .form-control:focus,
.account-page div#v-pills-account  .form-control:hover  {
    outline:none !important;
    box-shadow: none !important;
    border-bottom: 2px solid #000000;
}

.account-page a.new-address {
    color: #000000;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 15px 0;
    transition:400ms;
}

.account-page a.new-address i {
    /*     font-size:0px !important; */
    transform-origin: center !important;
    transform:rotate(0);
    transition:400ms;
    display:block;
    padding-left:0 !important;
    margin-left:15px ;
}


.account-page a.new-address:hover i {
    transform:rotate(90deg);
    transform-origin: center !important;
}

.account-page a.btn.theme-btn.btn-sm.text-white.go-order {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-page .checkout-content .address-box .row {
    justify-content: center;
}

.account-page select#delivery_address_type,
.account-page #billing_address_type {
    border: none;
    font-size: 15px;
    margin: 10px 0;
}

.account-page .check-box.row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-page .check-box.row label {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 100%;
}

.account-page .check-box.row input#chk-billing-address {
    height: 15px;
    width: 15px;
    margin-left: 15px;
}

.account-page .row.address-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 50px 0;
}

.account-page .btn.btn-warning.right-side.ml-1.theme-btn{
    background: #5a4a42 !important;
    border: 1px solid #5a4a42;
    height: 45px;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 5p;
    display: flex;
    width: 150px;
    margin-left:15px
}

.account-page .btn.btn-warning.right-side.ml-1.theme-btn:hover{
    color:#ffffff;
    background:#bc9e9c !important;
    border: 1px solid #bc9e9c;
}
/*** account-end **/


/**** page-banner ****/

/****detail-page ****/

.operation-banner {
    height: 125px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-size:cover !important;
}


.operation-banner li,
.operation-banner a,
.operation-banner strong,
.operation-banner i {
    color:#000000 !important;
} 


.row.page-breadcrumbs .page-title {
    font-size: 27px;
    text-transform: uppercase;
}

.operation-banner .bread-list {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    list-style: none;
}

.operation-banner .bread-list i{
    padding: 0 4px 0 2px
}


/**** page-banner-end ****/



/**** forgot-pw ****/

.reset-email{
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    border:1px solid #000;
    height: 40px;
}

.reset-email:focus{
    border:1px solid #e40045;
}


/**** forgot-pw-end ****/


/**** new-address ****/

input#chk-billing-address {
    width: 15px;
}

.check-box.d-flex label {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-right: 10px;
}

.address-buttons button {
    width: 20%;
    text-transform: uppercase;
}

.address-buttons {
    margin-top: 15px;
}

.address-buttons a {
    width: 15%;
    height: 40px;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    background: #000000;
    border: none;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 400ms;
}

.address-buttons a:hover {
    color: #fff;
    background: #000000;
    transition: 400ms;
}

/**** new-address-end ****/

/**** account-aside ****/

.account-aside a i {
    font-size: 18px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.account-aside a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/**** account-aside-end ****/

/**** account-settings ****/


.account-settings label {
    font-size: 14px;
    font-weight: 600;
    color: #515151ba;
}


/**** account-settings-end ****/

.theme-color{
    background: #a6302c !important;
    color: #fff !important;
    transition:400ms;
}

.theme-color:hover{
    background: #e1aa68 !important;
    color: #fff !important;
    transition:400ms;
}


.theme-btn{
    background: #a6302c !important;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 0 !important;
    height: 40px !important;
    transition:400ms;
}

.theme-btn:hover{
    background: #e1aa68 !important;
    color: #fff !important;
}


.header-menu .dropbtn i{
    margin-left: -4px;
    font-size: 14px;
}

.similar-products .owl-carousel .owl-item img {
    width: 100%;
    height: 290px;
    object-fit: cover;
}






/**** payment-type ****/

.payment-type-page form.payment-type-box,
.payment-type-page .cart-review .cart-item-table,
.payment-type-page .delivery-review .address-box {
    border: 1px solid #0000000f;
    padding: 15px;
    box-shadow: 0px 0px 25px -20px black;
}

form.payment-type-box .table thead th,
.delivery-review .address-box thead th,
.payment-type-page .cart-review .cart-item-table thead th{
    border: none;
}
.delivery-review .address-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.cart-review img {
    width: 160px;
    height: 160px;
    object-fit: contain;
}

td.overview-price li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.col-md-9.mb-sm-30.cart-review table ul {
    margin: 0;
    padding: 0;
}

.col-md-9.mb-sm-30.cart-review table tr a,
.col-md-9.mb-sm-30.cart-review table tr span,
.col-md-9.mb-sm-30.cart-review table tr td {
    font-size: 16px;
    font-weight: 700;
    color:#424242;
}



/**** payment-type-end ****/