@font-face {
    font-family: 'JostRegular';
    src: url('../fonts/JostRegular.eot');
    src: url('../fonts/JostRegular.eot') format('embedded-opentype'),
         url('../fonts/JostRegular.woff2') format('woff2'),
         url('../fonts/JostRegular.woff') format('woff'),
         url('../fonts/JostRegular.ttf') format('truetype'),
         url('../fonts/JostRegular.svg#JostRegular') format('svg');
}
@font-face {
    font-family: 'JostSemiBold';
    src: url('../fonts/JostSemiBold.eot');
    src: url('../fonts/JostSemiBold.eot') format('embedded-opentype'),
         url('../fonts/JostSemiBold.woff2') format('woff2'),
         url('../fonts/JostSemiBold.woff') format('woff'),
         url('../fonts/JostSemiBold.ttf') format('truetype'),
         url('../fonts/JostSemiBold.svg#JostSemiBold') format('svg');
}
@font-face {
    font-family: 'JostBold';
    src: url('../fonts/JostBold.eot');
    src: url('../fonts/JostBold.eot') format('embedded-opentype'),
         url('../fonts/JostBold.woff2') format('woff2'),
         url('../fonts/JostBold.woff') format('woff'),
         url('../fonts/JostBold.ttf') format('truetype'),
         url('../fonts/JostBold.svg#JostBold') format('svg');
}

* {box-sizing:border-box;margin:0;padding:0;}
a{color:#fff;}
a:hover{text-decoration:none;}
li {list-style:none;}
ul{margin:0px;}
body {font-family:'JostRegular', sans-serif;}
button:focus {outline:none;outline:none;}
:focus-visible {outline: -webkit-focus-ring-color auto 0px;}


main {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 9;
    top: 0;
}
.main__content {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.nav {
    position: relative;
    z-index: 1002;
    user-select: none;
    height: 80px;
    display: flex;
    align-items: center;
    background: #c67a34;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .2s ease;
}
.logo__div img.logo {width:180px;}
.logo__div {
    position:absolute;
    width:55px;
    height:75px;
    left:50%;
    margin-left: -27px;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
}
.nav__link {
    -webkit-tap-highlight-color:transparent;
    transition:opacity .2s cubic-bezier(.645, .045, .355, 1);
    opacity:1;
}
.snlogo {
    width:55px;
    height:55px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-repeat:no-repeat;
    background-position:50% 50%;
    z-index:3;
}
.nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
}
.nav__list li {padding:0 0 0 20px;}
.nav__list li:last-child {margin-right: -11px;}
.nav__list__link {
    font-size:16px;
    letter-spacing: .04rem;
    font-family: 'JostRegular';
    text-transform: capitalize;
    text-decoration: none;
    text-align: center;
    color:#fff;
    padding: 5px 11px;
    display: block;
    opacity: .9;
}
.nav__list__link:hover {color:#6a6d70;}
.nav__list__rightaligned {-ms-flex-pack:end;justify-content:flex-end;}
.nav__link:active {color:#5f656d;opacity: .7}
.nav__link__selected,
.nav__link__selected, .nav__link__selected:hover {
    color: rgba(255, 255, 255, 0.8);
}
.center {-ms-flex-pack:center;justify-content:center;}
@media screen and (min-width: 776.25px) {
    .col__sm {box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;flex-basis:auto;padding-right:.5rem;padding-right:12.5px;padding-left: .5rem;padding-left:12.5px;}
    .col__sm {-ms-flex-preferred-size: 50%;flex-basis:50%;max-width:50%;}
}
/*mobile view start*/
@media screen and (max-width: 991px) {
    .nav__link__selected, .nav__link__selected:hover {color: #5f656d;opacity: .5;}
    .nav-mobile__open {opacity: 1 !important;}
    .logo__div {z-index:9002;}
    .mobile__toggle {
    width: calc(2rem + 22px + 2rem);
    height: 80px;
    position: absolute;
    top: 2px;
    left:-20px;
    z-index: 9002;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo__div img.logo {position:relative;}
.mobile__toggle__container {width:22px;height:16px;position:relative;}
.mobile__open {position:absolute;width:22px;height:16px;background:url("../image/icon/open.png") no-repeat;background-size:auto auto;background-size:100% 100%;opacity:1;}
    .mobile__toggle__container-closeIconVisible .mobile__open {opacity:0;}
    .mobile__close {
        position: absolute;
        width:20px;
        height:20px;
        left:3px;
        background:url("../image/icon/close.png");
        background-size:auto auto;
        background-size:100% 100%;
        opacity:0;
    }
    .mobile__toggle__container-closeIconVisible .mobile__close {opacity:1;}
    .mobile__close,
    .mobile__open {transition:opacity 185ms cubic-bezier(.645, .045, .355, 1);}
    .nav__mobile__container {
        background: hsla(0, 0%, 100%, .985);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        padding-top: 6rem;
        padding-bottom: 3.5rem;
        z-index: 9001;
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .2);
        opacity: 0;
        transform: translateY(-20px);
        pointer-events: none;
    }
    .nav__mobile__container__default {transition: opacity 225ms cubic-bezier(.4, 0, 1, 1), transform 225ms cubic-bezier(.4, 0, 1, 1);}
    .nav__mobile__container-visible {transition: opacity 225ms cubic-bezier(.4, 0, .2, 1), transform 225ms cubic-bezier(0, 0, .2, 1);display:block;visibility:visible;visibility:initial;opacity:1;transform:translateY(0);pointer-events:auto;background:#fff;}
    .nav__list {display:block;}
    .nav__list li, .nav__list li:first-child, .nav__list li:last-child {
        display:block;
        margin:0;
        margin:initial;
        border-bottom:1px solid rgba(0, 0, 0, .075);
        transform:translateY(-20px);
        opacity:0;
        transition:transform 225ms cubic-bezier(0, 0, .2, 1), opacity 225ms cubic-bezier(0, 0, .2, 1);
    }
    .nav__mobile__container-visible .nav__list li {transform:translateY(0);opacity:1;}
}
.content h1 {font-size:2em;text-align:center;color:#fff;}
.content h2 {font-size:1.2em;text-align:center;color:#fff;}
.content a {color:#fff;}
/*Drop down navi*/
.nadrp.dropdown {display:inline-block;transition:all .5s ease;position:relative;}
.nadrp.dropdown .select {cursor:pointer;color:#fff;}
.nadrp.dropdown .select > i {
    font-size:13px;
    color:#fff;
    cursor:pointer;
    transition:all .3s ease-in-out;
    float:right;
    line-height:20px;
    top:4px;
    left:4px;
    position:relative;
}
/*.dropdown:hover {box-shadow:0 0 4px rgb(204, 204, 204);}
.nav__list li:first-child {margin-left:-11px;}
.dropdown:active {background-color:#f8f8f8;}*/
.nadrp.dropdown.active:hover,
.nadrp.dropdown.active {border-radius:2px 2px 0 0;}
.nadrp.dropdown.nadrp {
    display:flex;
    align-items:center;
    margin-left:20px;
}
.nadrp.dropdown.active .select > i {transform:rotate(-90deg);}
.nadrp.dropdown .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 20px;
    box-shadow: 0 1px 8px rgb(204 204 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
   min-height: 144px;
    z-index: 9;
}
.nadrp.dropdown .dropdown-menu li {
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    text-transform: capitalize;
    letter-spacing: 0.03em;
}
.nadrp.dropdown .dropdown-menu {padding:0;list-style:none;}
.nadrp.dropdown .dropdown-menu li:hover {background-color:#f2f2f2}
.nadrp.dropdown .dropdown-menu li a:hover {color:#000;}
.nadrp.dropdown .dropdown-menu li:active {background-color:#e2e2e2}

/*Start slide form right side*/
.mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    /*z-index: 100;*/
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}
.menu {
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.slide-menu-right {
    right: -400px;
    top:0;
    width:400px;
    height:100%;
}
button.close-menu {
    color:#fff;
    background:transparent;
    border:none;
    display:block;
    font-size:14px;
    font-family:'JostSemiBold';
    position:relative;
    top:0;
    right:10px;
    cursor:pointer;
    float:right;
}
body.smr-open .slide-menu-right {right:0}
.minicart-items-wrapper {
    position:relative;
    top:45px;
    border-top:1px solid #ede9e9;
    padding:10px 15px 0;
}
.minicart-items-wrapper li.product-item {
    margin:0 auto 15px;
    padding:0;
}
.minicart-items-wrapper .row.product {
    margin:0 0 10px;
    padding:0;
    width:100%;
}
.prdimage {
    margin:0;
    padding:0;
}
.product-item-details h4 {
    font-size:14px;
    font-family:'JostRegular';
    color:#2c2c2c;
    text-transform:capitalize;
    letter-spacing:0.05em;
    text-align:left;
    margin:0 0 3px;
    line-height:18px;
}
.product-item-details h4 span {
    color:#9d9b9b;
    margin-right:8px;
}
.remvshort a {
    font-size:14px;
    font-family:'JostRegular';
    text-transform:capitalize;
    letter-spacing:0.03em;
    padding:0px 5px;
    display:block;
    text-align:center;
    border-radius:3px;
    height:32px;
    line-height:32px;
    background:#fff;
    color:#727272;
}
.remvshort {
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    padding:5px 0;
}
.brdright {border-right:1px solid #cdc9c9;}
.remvshort a span {margin-right:6px;}
.remvshort a:hover {color:#212121;}
.hwishlist ul.cartallprdt {height:85vh;}
ul.cartallprdt {
    height:77vh;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
}
ul.cartallprdt::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
ul.cartallprdt::-webkit-scrollbar
{
    width:5px;
    background-color: #F5F5F5;
}
ul.cartallprdt::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
.minicart-items-footer {
    box-shadow: 0 0 14px 0 rgb(0 0 0 / 14%);
    padding: 15px 0;
    background: #2c2c2c;
    color: #d1d1d1;
}
.minicart-items-footer h5 {
    font-size: 15px;
    font-family: 'JostSemiBold';
    margin: 0;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.minicart-items-footer h6 {
    font-size: 16px;
    font-family: 'JostSemiBold';
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    margin: 0;
}
.minicart-cv a {
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: 'JostRegular';
    text-transform: capitalize;
    letter-spacing: 0.03em;
    padding: 3px 0px;
    border-radius: 3px;
    cursor: pointer;
}
.minicart-cv a:hover {font-family:'JostSemiBold';}
.minicart-cv {margin-top:15px;}
.minicart-checkout a {
    background-color: #e3dede;
    color: #2c2c2c;border: 1px solid;
}
.minicart-viewcart a {
    background-color: #2c2c2c;
    color: #d1d1d1;
    border: 1px solid;
}
.mobileshow{display:none;}

/*End Cart slide form right side*/

/* Start My Account */
span.mresp {display:none;}
.wislst .modal-body {background:#fff;}
#target {
    background-color: #fff;
    background-image: url(../image/bg/main-bg.jpg);
    width: 350px;
    height:90vh;
    padding:20px;
    display: none;
    position: fixed;
    top: 80px;
    right: 0;
    border-radius: 0 0 3px 3px;
    box-shadow:0px 15px 5px 7px rgb(0 0 0 / 25%);
    z-index: 99;
}
.Hide {display:none;}
.login-sign {
    position:relative;
    background-color:#ebeeee;
    padding:20px;
    height:85vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
}
.login-sign .input-cont {
    width:100%;
    position:relative;
    margin:0 auto 15px;
}
.login-sign .input-cont input {
    position:relative;
    z-index:1;
    width:100%;
    height:40px;
    outline:none;
    color:#323232;
    font-size:15px;
    background:#fff;
    padding:0 15px;
    border:none;
    font-family:'JostRegular';
    text-transform:inherit;
    letter-spacing:0.04em;
}
.check label {
    font-size: 15px;
    font-family: 'JostRegular';
    letter-spacing: 0.03em;
    color: rgb(118, 118, 118);
    text-transform: capitalize;
    margin-left: 5px;
}
.login-sign a.forpsw {
    text-align: right;
    text-decoration: none;
    color: #2c2c2c;
    font-size: 15px;
    font-family: 'JostRegular';
    letter-spacing: 0.03em;
    text-transform: capitalize;
}
.login-sign form input[type="submit"] {
    display: block;
    width: 100%;
    margin: 10px auto 20px 0;
    border: 1px solid transparent;
    padding: 6px 30px;
    cursor: pointer;
    background: #2c2c2c;
    border-radius: 4px;
    color: #fff;
    transition: .5s;
    font-family: 'JostSemiBold';
    font-size: 16px;
    letter-spacing: 0.05em;
    text-transform: capitalize;
}
.makemember p {
    margin: 0;
    padding:0px;
    font-family: 'JostRegular';
    letter-spacing: 0.05em;
    text-transform: capitalize;
    color: #292929;
    text-align: center;
    font-size: 14px;
}
.heading-div h3 {
    color: #232323;
    font-family: 'JostSemiBold';
    font-size: 23px;
    line-height: 30px;
    text-transform: capitalize;
    letter-spacing: 0.01em;
    margin: 0 0 10px;
}
.heading-div p {
    color: #616161;
    font-size: 16px;
    margin: 0 0 20px;
    font-family: 'JostRegular';
    line-height: 20px;
    letter-spacing: 0.01em;
}
.inptspan span {
    font-size: 12px;
    font-family: 'JostRegular';
    color: #000;
    text-align: left;
    text-transform: inherit;
}
/*End My Account*/

/*Start Wishlist*/
.modal.left .modal-dialog, .modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width:400px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    z-index:9;
}
.modal.left .modal-content, .modal.right .modal-content {height:100%;}    
/*.modal.left .modal-body, .modal.right .modal-body {padding:15px 15px 80px;}*/
.modal-backdrop.show {opacity:0.6;z-index:2;}
.modal-backdrop.fade {opacity:0;}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: #000;
}  
.modal.right.fade .modal-dialog {
    right: 0px;
    -webkit-transition: opacity 0.6s linear, right 0.6s ease-out;
    -moz-transition: opacity 0.6s linear, right 0.6s ease-out;
    -o-transition: opacity 0.6s linear, right 0.6s ease-out;
    transition: opacity 0.6s linear, right 0.6s ease-out;
}
.modal.right.fade.in .modal-dialog {right:0;}
.modal-content {border-radius:0;border:none;}
.modal-header {border-bottom-color:#EEEEEE;background-color:#FAFAFA;}
.modal-header .close {padding:0 10px;}
.close {opacity:1;}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {opacity:1;}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background: rgba(0,0,0,0.6);
}
/*End Wishlist*/

/*Start Search*/

/*End Search*/

/*Start Footer */
.ftr {
    background: #c67a34;
    color: #707070;
    padding: 0;
    overflow: hidden;
}
.folw-ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #fff;
}
.folw-ul li a:hover {background:#fff;}
.folw-ul li {
    display:inline-block;
    margin:0 15px 0 0 !important;
}
ul.folw-ul {margin-top:30px;}
.ftrinside h5 {
    font-size:20px;
    font-family:'JostRegular';
    color:#fff;
    text-transform:capitalize;
    margin:0 0 35px;
}
.ftr .contr, .bottom-footer .contr{
    width:90%;
    margin:0 auto;
}
.ftrinside li, .ftrinside p {
    font-size: 17px;
    font-family: 'JostRegular';
    text-transform: capitalize;
    text-align: left;
    margin: 0 0 10px;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.8);
}
.bottom-footer {
    padding: 20px 0 15px;
    border-top: 1px solid #ebeeee;
    background-color: rgba(0,0,0,0);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #707070;
    margin: 50px 0 0;
}
.bottom-footer li {
    display: inline-block;
    text-align: left;
    font-size: 16px;
    font-family: 'JostRegular';
    letter-spacing: 0.03em;
    margin: 0 30px 0 0;
    text-transform: capitalize;
}
.content {
    font-size: 16px;
    font-family: 'JostRegular';
    text-align: right;
    text-transform: capitalize;
    letter-spacing: 0.03em;
    margin: 0;
    color: #fff;
}
.newsletter-frm .input-newsletter {
    font-size: 16px;
    font-family: 'JostRegular';
    text-transform: inherit;
    color: #707070;
    letter-spacing: 0.03em;
    min-height: 40px;
    width:265px;
    height: 70px;
    line-height: 70px;
    padding: 0 20px;
    border: 1px solid #ebeeee;
}
.newsletter-frm .subsb {
    height: 70px;
    line-height: 70px;
    min-width: 115px;
    font-size: 14px;
    letter-spacing: .05em;
    text-transform: uppercase;
    background-color: #2c2c2c;
    border: 1px solid #2c2c2c;
    color: #ffffff;
    cursor: pointer;
}
.newsletter-frm .subsb:hover {background:#EBEEEE; color:#2c2c2c;border-color:#EBEEEE;}
.bottom-footer .content a {color:#2C2C2C;} 
/*End Footer*/