/*//////////////////////////////////////////////////////////////////
CSS VARIABLES*/

:root {
    /*# */
    --color_one:#ef5b34;
    --color_two: #222;
    --color_three: #f9f9f9;
    --color_four: #6472e0;
    --color_five: #fff;
    --color_six: #005544;
    --color_seven: #757575;
    --color_eight: #000000;
    --color_nine: #ccc;
    --color_ten: #333;
    --color_elevin: #717fe0;
    --color_twelve:#081f2c;
}

.rounded-23{border-radius:23px;}

/*==================================================================
   BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND BACKGROUND 
==================================================================*/
.bg-none {background-color: transparent;}
.bg0 {background-color: var(--color_five);}
/*.bg1 {background-color: var(--color_one);}*/
.bg2 {background-color: #e6e6e6;}
.bg3 {background-color: var(--color_three);}
.bg5 {background-color: rgba(0,0,0,0.5);}
.bg6 {background-color: #f2f2f2;}
.bg7 {background-color: var(--color_ten);}
.bg8 {background-color: #f3f3f3;}
.bg9 {background-color:var(--color_eight);}

/*//////////////////////////////////////////////////////////////////
END CSS VARIABLES*/



/******************TITLE*********************/

.section-title h2{position: relative; color: var(--color_six); text-align: center; text-transform: uppercase;}
.section-title h2:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    height: 4px;
    width: 80px;
    background:  var(--color_one);
    content: "";
    margin: 0 auto;
}

/*//////////////////////////[ FONT ]/////////////////////*/

/*//////////////////////////////////////////////////////////////////
ProximaNova font*/

@font-face{
    font-family:ProximaNova;src:url(../fonts/proximanova/proxima-nova-thin.woff?p) 
        format("woff");
    font-weight:100;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(../fonts/proximanova/proxima-nova-light.woff?p) format("woff");
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(../fonts/proximanova/proxima-nova-regular.woff?p) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(../fonts/proximanova/proxima-nova-semibold.woff?p) format("woff");
    font-weight:600;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;
    src:url(../fonts/proximanova/proxima-nova-bold.woff?p) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:ProximaNova;src:url(../fonts/proximanova/proxima-nova-extrabold.woff?p) format("woff");font-weight:800;font-style:normal}@font-face{font-family:ProximaNova;src:url(//s01.appmifile.com/css/fonts/proximanova/proxima-nova-black.woff?p) format("woff");
                                                                                                                                                font-weight:900;
                                                                                                                                                font-style:normal
}

body{
    font-family:ProximaNova,Arial,Sans-serif;
    font-weight:400;
    font-size:14px;
    line-height:1.5;
    color:var(--color_seven);
    /* background-color:#f5f5f5; */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}


@media (min-width: 1200px)
{
    .container {
        max-width: 1250px;
    }
}
.logo_area a{color: inherit; }
button:focus {outline: none;}

ul, ol {
    padding: 0;
    margin: 0;
}
li{list-style: none;}
 
a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.socials{list-style:none;padding:0;font-size:0;line-height:0;margin:0 -3px}
.socials li{display:inline-block;margin:0 3px}
.socials li a{display:block}
.socials li span{display:block;width:32px;height:32px;line-height:32px;font-size:14px;text-align:center}


.footer_area a {
    padding-top: 5px;
    text-transform: capitalize;
    font-size: 14px;
    color: #777!important;
}


input{outline: none;}

/*//////////////////////////////////////////////////////////////////
[ BUTTON BACK TO TOP ]*/
.btn-back-to-top {
    display: none;
    position: fixed;
    width: 40px;
    height: 38px;
    bottom: 0px;
    right: 40px;
    background-color: var(--color_one);
    opacity: 0.5;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.symbol-btn-back-to-top {
    font-size: 25px;
    color: white;
    line-height: 1em;
}

.btn-back-to-top:hover {
    opacity: 1;
    background-color: var(--color_four); 
}

@media (max-width: 575px) {
    .btn-back-to-top {
        bottom: 0px;
        right: 15px;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Header ]*/

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Desktop ]*/

@media (max-width: 576px){
    /* .brand{ padding: 20px 0px;} */
    .findStore{margin: 0 auto;}
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Desktop ]*/
#header-main{color: var(--color_twelve);}
#header-main .px-3,#shopping_cart_small .ti-close{cursor: pointer;}
.headerSearch{border: 1px solid var(--color_three);
              height: 40px;
              padding: 7px;
              margin-top: 3px;
              margin-right: 10px;
}

/*****************classy nav*********************/
.header_area .bigshop-main-menu {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color:var(--color_six); }
.header_area .classy-nav-container {
    z-index: 400; }
.header_area .classy-navbar {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    height: 70px; }

.header_area .breakpoint-off .classynav ul li.nav-item>a,.header_area .breakpoint-off .classynav ul+li.has-down>a{ line-height: 43px;}

@media only screen and (max-width: 767px) {
    .header_area .classy-navbar {
        height: 70px; } }
.header_area .classy-navbar .nav-brand {
    margin-right: 50px; }
@media only screen and (max-width: 767px) {
    .header_area .classy-navbar .nav-brand {
        margin-right: 15px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .header_area .classy-navbar .nav-brand {
        margin-right: 30px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .header_area .classy-navbar .nav-brand {
        margin-right: 50px; } }
.header_area .classynav ul li a {
    text-transform: uppercase;
    font-size: 13px;
    height: auto;
    line-height: 1;
    padding: 15px 10px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li a {
        padding: 20px 10px; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li a {
        padding: 20px 10px; } }
.header_area .classynav ul li a:focus, .header_area .classynav ul li a:hover {
    color: #fff; background-color: #ff4c3b; }
.header_area .classynav ul li li a {
    padding: 15px 25px; }
.header_area .classynav ul li .dropdown {
    width: 240px;
    box-shadow: 0 0 8px 0 rgba(47, 91, 234, 0.15);
    /*border-radius: 6px;*/
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li .dropdown {
        -webkit-transition-duration: 0ms;
        -o-transition-duration: 0ms;
        transition-duration: 0ms;
        width: 100%;
        border-radius: 0;
        box-shadow: none; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li .dropdown {
        -webkit-transition-duration: 0ms;
        -o-transition-duration: 0ms;
        transition-duration: 0ms;
        width: 100%;
        border-radius: 0;
        box-shadow: none; } }
.header_area .classynav ul li .dropdown li .dropdown {
    left: 235px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li .dropdown li .dropdown {
        left: 0; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li .dropdown li .dropdown {
        left: 0; } }
.header_area .classynav ul li .megamenu {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    box-shadow: 0 0 8px 0 rgba(47, 91, 234, 0.15);
    border-radius: 6px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li .megamenu {
        -webkit-transition-duration: 0ms;
        -o-transition-duration: 0ms;
        transition-duration: 0ms;
        box-shadow: none; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li .megamenu {
        -webkit-transition-duration: 0ms;
        -o-transition-duration: 0ms;
        transition-duration: 0ms;
        box-shadow: none; } }
.header_area .classynav ul li .megamenu .single-mega.cn-col-2 {
    width: 50%;
    float: left;
    padding: 15px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li .megamenu .single-mega.cn-col-2 {
        width: 100%; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li .megamenu .single-mega.cn-col-2 {
        width: 100%; } }
.header_area .classynav ul li.megamenu-item > a:after,
.header_area .classynav ul li.has-down > a:after {
    line-height: 42px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header_area .classynav ul li.megamenu-item > a:after,
    .header_area .classynav ul li.has-down > a:after {
        line-height: 54px; } }
@media only screen and (max-width: 767px) {
    .header_area .classynav ul li.megamenu-item > a:after,
    .header_area .classynav ul li.has-down > a:after {
        line-height: 54px; } }

/**********custom css for nav*********/
.classy-nav-container{ background: none;}
.classy-menu{margin: 0 auto;}
.header_area .classynav ul li a,.header_area .classynav ul li li a{ color: var(--color_five);}
.breakpoint-off .classynav ul li .dropdown{ background: var(--color_six);}
.classynav ul li .dropdown li a{padding: 10px 25px;}
.header_area .classynav ul li a{padding: 14px 25px;}
.classynav ul li.has-down>a:after, .classynav ul li.megamenu-item>a:after{color: var(--color_five);}
.classynav ul li .dropdown li a,.classynav ul li .dropdown li .dropdown li a{border-bottom:1px solid #074c3e}
.classy-navbar-toggler .navbarToggler span{ background-color: var(--color_six);}
.breakpoint-on .classynav>ul>li>a,.breakpoint-on .classynav ul,.breakpoint-on .classy-navbar .classy-menu{ background-color: var(--color_six);}
.breakpoint-on .dd-trigger{ background-color: var(--color_one);}
.breakpoint-on .classynav ul li.has-down.active>.dd-trigger, .breakpoint-on .classynav ul li.megamenu-item.active>.dd-trigger{background-color: #007bff;}
.classycloseIcon .cross-wrap span{background: var(--color_five);}
.iconnicNav{display: none;}
@media only screen and (max-width: 767px) {
    #header-main{display: none;}
    .header_area .bigshop-main-menu{ background-color: var(--color_five);}
    .iconnicNav{display: block; width: 100%;}
    .iconnicNav .brand{    margin: 1rem 0rem;
                           display: inline-block;
                           width: 47%;
                           text-align: center;}
    .iconnicNav span{   
        display: inline-block;
        float: right;
        margin-top: 22px;
        text-align: right;}
    .iconnicNav i{ color: var(--color_six);
                   font-size: 20px;
                   margin: 0px 6px;
                   border-radius: 50px;
                   padding: 7px;
                   border: 1px solid var(--color_six);}
}
.quick_quantity{
    position: absolute;
    right: -16px;
    top: -29px;
    background: #ef5b34;
    height: auto;
    font-size: 14px;
    padding: 6px;
    border-radius: 63px;
    color: #fff;
}
/******************end classy nav****************/


.navbar{
    background: var(--color_six);
    border-radius: 0px;
}

.navbar-expand-sm .navbar-nav{ margin: 0 auto;}

.dropdown{
    border-radius:0;
    border:0;
}

.navbar-nav .dropdown-menu{ background-color: var(--color_six);}

/*********new start**********/
.dropdown-menu {
    margin-top: 0;
}
.dropdown-menu .dropdown-toggle::after {
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
}
.dropdown-menu .dropdown .dropdown-menu {
    left: 100%;
    top: 0%;
    margin:0 20px;
    border-width: 0;
}
.dropdown-menu .dropdown .dropdown-menu.left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li a:hover,
.dropdown-menu > li.show {
    background: #007bff;
    color: white;
}
.dropdown-menu > li.show > a{
    color: white;
}

@media (min-width: 768px) {
    .dropdown-menu .dropdown .dropdown-menu {
        margin:0;
        border-width: 1px;
    }
}
/*********new end**********/
.navbar .nav-item .nav-link{
    color:#eee !important; 
    font-weight: 300;

}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:red !important;

}


.navbar{ padding: 0px;}
.navbar-expand-sm .navbar-nav .nav-link{ padding: 10px 35px; text-transform: uppercase;}
.navbar-expand-sm .navbar-nav .nav-link:hover{ background-color:#ec1e1e ; color: #fff;}

/*********nwe**********/

/**********new2***********/




/*==================================================================
[ Menu ]*/

.wrap-menu-desktop {
    position: fixed;
    z-index: 1100;
    background-color: transparent;
    width: 100%;
    height: 84px;
    top: 40px;
    left: 0px; 

    -webkit-transition: height 0.3s, background-color 0.3s;
    -o-transition: height 0.3s, background-color 0.3s;
    -moz-transition: height 0.3s, background-color 0.3s;
    transition: height 0.3s, background-color 0.3s;
}



/*---------------------------------------------*/
.limiter-menu-desktop {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    background-color: transparent;
}



/*------------------------------------------------------------------
[ Logo ]*/
.logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 65%;
    margin-right: 55px;
}

.logo img {
    max-width: 100%;
    max-height: 100%;
}



/*------------------------------------------------------------------
[ Menu ]*/

.menu-desktop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 100%;
}

.main-menu {
    list-style-type: none;
    margin: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.main-menu > li {
    display: block;
    position: relative;
    padding: 20px 10px 20px 0px;
    margin: 0px 4px 0px 14px;
}

.main-menu > li > a {
    /* font-family: Poppins-Medium; */
    font-size: 14px;
    color: var(--menuColor);
    padding: 5px 0px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    font-weight: 600;
}

.fix-menu-desktop .main-menu > li > a {color: var(--color_ten);}


/*---------------------------------------------*/
.sub-menu {
    list-style-type: none;
    position: absolute;
    top:0;
    left:100%;
    min-width: 178px;
    max-width: 225px;
    background-color: var(--color_five);
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    padding: 5px 0;

    box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 5px 0px rgba(0,0,0,0.2);

    visibility: hidden;
    opacity: 0; 
}

.sub-menu li {
    position: relative;
    background-color: transparent;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

.main-menu > li > .sub-menu {
    top:100%;
    left: 0;
}

.sub-menu a {
    font-size: 14px;
    line-height: 1.5;
    color: #555;
    display: block;
    padding: 8px 20px; 
    width: 100%;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
}

/*---------------------------------------------*/
.main-menu > li:hover > a {
    text-decoration: none;
    color: var(--color_four);
}

.main-menu > li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}

.sub-menu li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
} 

.sub-menu li:hover {
    background-color: transparent;
}

.sub-menu > li:hover > a {
    color: var(--color_four);
    text-decoration: none;
}

@media (max-width: 1300px) {
    .main-menu > .respon-sub-menu .sub-menu {
        right: 100%;
        left: auto;
    }

    .main-menu > .respon-sub-menu > .sub-menu {
        right: 0px;
        left: auto;
    }
}

/*------------------------------------------------------------------
[ Icon header ]*/

.wrap-icon-header {
    flex-grow: 1;
}

.icon-header-item {
    position: relative;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}


/*---------------------------------------------*/
.icon-header-noti::after {
    content: attr(data-notify);
    font-size: 12px;
    color: var(--color_five);
    line-height: 15px;
    text-align: center;
    display: block;
    position: absolute;
    top: -7px;
    right: 0;
    min-width: 15px;
    height: 15px;
    padding: 0 3px;
    background-color: var(--color_four);
}

/*---------------------------------------------*/
.wrap-header-mobile .wrap-icon-header {
    flex-grow: unset;
}


/*------------------------------------------------------------------
[ Modal search ]*/
.trans-04 {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.modal-search-header {
    position: fixed;
    z-index: 2000;
    width: 100%;
    height: 100%;
    bottom: 101%;
    left: 0;
    background-color: rgba(255,255,255,0.9);
    padding: 50px 15px 100px 15px;
    justify-content:center;
    align-items:center
}

.show-modal-search {
    bottom: 0;
}

.container-search-header {
    width: auto;
    max-width: 100%;
    position: relative;
}

/*---------------------------------------------*/
.btn-hide-modal-search {
    position: absolute;
    padding: 5px;
    right: 0;
    top: -45px;
    opacity: 0.8;
    border:0;
    background: transparent;
}

.btn-hide-modal-search:hover {
    opacity: 1;
}

.flex-c-m{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}

.wrap-search-header {
    width: 960px;
    max-width: 100%;
    height: 120px;
    border: 2px solid #e6e6e6;
    background: var(--color_five);
    flex-wrap: wrap;
    margin: 0 auto;
}

/*---------------------------------------------*/
.wrap-search-header input {
    /* font-family: Poppins-ExtraLight; */
    font-size: 50px;
    line-height: 1.2;
    color: var(--color_ten);
    border:0;
    font-weight: 200;
    padding: 0px 30px 0px 0px;
    width: calc(100% - 74px);
    height: 100%;
    background-color: transparent;
}

.wrap-search-header button {
    font-size: 50px;
    color: var(--color_ten);
    width: 70px;
    height: 100%;
    border:0;
    background: transparent;
    display: inline-block;
}

.wrap-search-header button:hover {
    color: var(--color_four);
}

/*---------------------------------------------*/
@media (max-width: 767px) {
    .wrap-search-header input,
    .wrap-search-header button {
        font-size: 30px;
    }

    .wrap-search-header {
        height: 90px;
    }
}

@media (max-width: 575px) {
    .wrap-search-header input,
    .wrap-search-header button {
        font-size: 20px;
    }

    .wrap-search-header button {
        width: 40px;
    }

    .wrap-search-header {
        height: 80px;
    }
}


/*---------------------------------------------*/
.main-menu > li.active-menu > a {
    color: var(--color_four);
}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
[ Header Mobile ]*/

@media (max-width: 575px) {
    #header-main .col-md-4{width:50%}
    #header-main .col-md-4:first-child{width: 0; padding: 0;}
    #header-main .col-md-4:last-child{padding-left: 7px; display: inline-block !important;}
    #header-main .col-md-4:last-child .px-3{float: left; margin-top: 18px;  padding:0 .6rem !important;}
    .navbar-toggler{ margin-left: auto;margin-top: -72px;
                     margin-right: 7px;}
}

.navbar-toggler{ border:0px}



/*------------------------------------------------------------------
[ Logo mobile ]*/
.logo-mobile {
    display: block;
    position: relative;
    height: 80%;
    padding-right: 25px;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    flex-grow: 1;
}

.logo-mobile img {
    max-width: calc(100% - 20px);
    max-height: 100%;
    /* position:absolute; */
    top: 0; 
    left: 0; 
    bottom: 0;
    margin: auto;
}



/*------------------------------------------------------------------
[ btn show menu ]*/
.hamburger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 0;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}

.hamburger:hover {
    opacity: 1;
}

/*---------------------------------------------*/
@media (max-width: 991px){
    .wrap-header-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .container-menu-desktop {display: none;}
}

/*==================================================================
[ Menu mobile ]*/
.menu-mobile {
    width: 35%;
    background-color: white;
    display: none;
    position: absolute;
    left: 0px;
    z-index: 1;
}

.main-menu-m {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--color_elevin);
}

.main-menu-m > li > a {
    /* font-family: Poppins-Medium; */
    font-size: 14px;
    color: white;
    line-height: 2.8;
    padding: 8px 20px 8px 20px;
}

.main-menu-m > li {
    color: white;
    position: relative;
}

.arrow-main-menu-m {
    font-size: 14px;
    color: var(--color_five);

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 2px;
    padding: 10px;
    cursor: pointer;
}

.arrow-main-menu-m i {
    transform-origin: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.turn-arrow-main-menu-m i {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}



/* @media (max-width: 991px) {
  #header-main,.navbar  {
      display: none;
  }

} */
@media (max-width: 576px){
    .productCategory .col-sm-6 {
        max-width: 50%;
    }
    .findStore, .hideText{display: none;}

    #header-main .w-50{width:auto !important}
}

/*---------------------------------------------*/
.sub-menu-m {
    background-color: var(--color_five);
    padding: 10px 15px 10px 32px;
    display: none;
}

.sub-menu-m a {
    /*font-family: Poppins-Regular;*/
    font-size: 14px;
    color: #666;
    line-height: 2.5;
    padding: 5px 0 5px 0;
}

.sub-menu-m a:hover {
    text-decoration: none;
    color: #555555;
}

@media (min-width: 992px){
    .menu-mobile {
        display: none;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Header cart ]*/
.mtext-103 {
    font-family: Poppins-Bold;
    font-size: 18px;
    line-height: 1.333333;
    text-transform: uppercase;
    color: #333;
}
.wrap-header-cart {
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 100vh;
    top: 0;
    right: 0;
    background-color: rgba(0,0,0,0.0);
    visibility: hidden;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;  
    transition: all 0.4s;
}

.header-cart {
    position: fixed;
    z-index: 1100;
    width: 390px;
    max-width: calc(100% - 30px);
    height: 100vh;
    top: 0;
    right: -400px;
    background-color: var(--color_five);

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.34;  
    transition: all 0.4s;

    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -o-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.18);
    padding-left: 65px;
    padding-right: 25px;
}


.header-cart::after {
    content: "";
    display: block;
    width: 100%;
    height: 9%;
    min-height: 30px;
}

.show-header-cart {
    visibility: visible;
    background-color: rgba(0,0,0,0.6);
}

.show-header-cart .header-cart {
    right: 0;
}

/*---------------------------------------------*/
.header-cart-title {
    width: 260px;
    max-width: 100%;
    height: 16.5%;
    min-height: 85px;
    color: var(--color_eight);
}

.header-cart-content {
    flex-grow: 1;
    overflow: auto;
    align-content: space-between;
}

.header-cart-wrapitem {
    flex-grow: 1;
}

.header-cart-wrapitem { max-height: 50vh; overflow-y: scroll;}

/*---------------------------------------------*/
.header-cart-item-img {
    width: 60px;
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.header-cart-item-img img {
    width: 100%;
}

.header-cart-item-img::after {
    content: '\f136';
    font-family: Material-Design-Iconic-Font;
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    color: var(--color_five);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    opacity: 0;
}

.header-cart-item-img:hover:after {
    opacity: 1;
}

/*---------------------------------------------*/
.header-cart-item-txt {
    width: calc(100% - 80px);
}

.header-cart-item-name {
    display: block;
    /*font-family: Poppins-Regular;*/
    font-size: 14px;
    color: #555;
    line-height: 1.3;
}

.header-cart-item-info {
    display: block;
    font-size: 14px;
    color: #888;
    line-height: 1.5;
}

.header-cart-total {
    font-size: 18px;
    color: var(--color_two);
    line-height: 1.3;
}

.s-full {
    width: 100%;
    height: 100%;
}

/*---------------------------------------------*/
@media (max-width: 575px) {
    .header-cart {
        padding: 30px;
    }

    .header-cart-title {
        padding-bottom: 35px;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Slick1 ]*/
.wrap-slick1 {
    position: relative;
}

.item-slick1 {
    height: calc(100vh - 40px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.rs1-slick1 .item-slick1 {
    height: calc(100vh - 84px);
}

.rs2-slick1 .item-slick1 {
    height: 100vh;
}

@media (max-width: 991px) {
    .item-slick1 {
        height: calc(100vh - 170px) !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    .item-slick1 {
        height: calc(100vh - 580px) !important;
    }

}

.arrow-slick1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    font-size: 50px;
    color: rgba(0,0,0,0.3);
    position: absolute;
    opacity: 0;

    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);

    z-index: 200;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.wrap-slick1:hover .arrow-slick1 {
    opacity: 1;
}

.arrow-slick1:hover {
    color: var(--color_one);
}

.next-slick1 {
    right: 50px;
    left: auto;
}

.prev-slick1 {
    left: 50px;
    right: auto;
}

@media (max-width: 991px) {
    .next-slick1 {
        right: 15px;
    }

    .prev-slick1 {
        left: 15px;
    }
}

/*---------------------------------------------*/
.rs2-slick1 .arrow-slick1 {
    color: rgba(255,255,255,0.3);
}

.rs2-slick1 .arrow-slick1:hover {
    color: #7280e0;
}

.wrap-slick1-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 60px;
}

.slick1-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.slick1-dots li {
    max-width: 190px;
    position: relative;
    cursor: pointer;
    margin-right: 1px;
}

.slick1-dots li img {
    width: 100%;
}

.caption-dots-slick1 {
    font-family: Poppins-ExtraLight;
    font-size: 16px;
    line-height: 1.3;
    color: var(--color_five);
    text-align: center;

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;

    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    padding: 5px;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}

.slick1-dots li:hover .caption-dots-slick1 {
    opacity: 1;
}

.slick1-dots li.slick-active .caption-dots-slick1 {
    opacity: 1;
}

@media (max-width: 575px) {
    .caption-dots-slick1 {
        font-size: 13px;
    }

    .wrap-slick1-dots {
        bottom: 25px;
    }
}


/*//////////////////////////////////////////////////////////////////
[ Modal1 ]*/
.wrap-modal1 {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9000;
    overflow: auto;

    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;

    visibility: hidden;
    opacity: 0;
}

.overlay-modal1 {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--color_eight);
    opacity: 0.8;
}

.show-modal1 {
    visibility: visible;
    opacity: 1;
}

/*//////////////////////////////////////////////////////////////////
[ Table Shopping Cart ]*/

.wrap-table-shopping-cart {
    overflow: auto;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.table-shopping-cart {
    border-collapse: collapse;
    width: 100%;
    min-width: 680px;
}

.table-shopping-cart tr {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.table-shopping-cart .column-1 {
    width: 133px;
    padding-left: 50px;
}

.table-shopping-cart .column-2 {
    width: 220px;
    font-size: 15px;
}

.table-shopping-cart .column-3 {
    width: 120px;
    font-size: 16px;
}

.table-shopping-cart .column-4 {
    width: 145px;
    text-align: right;
}

.table-shopping-cart .column-5 {
    width: 172px;
    padding-right: 50px;
    text-align: right;
    font-size: 16px;
}

.table-shopping-cart .table_row {
    height: 185px;
}

.table-shopping-cart .table_row td {
    padding-bottom: 20px;
}

.table-shopping-cart .table_row td.column-1 {
    padding-bottom: 30px;
}

.table-shopping-cart .table_head th {
    font-family: Poppins-Bold;
    font-size: 13px;
    color: #555;
    text-transform: uppercase;
    line-height: 1.6;
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-shopping-cart td {
    /*font-family: Poppins-Regular;*/
    color: #555;
    line-height: 1.6;
}



/*********************** BOX OVERLAY HOME PAGE*******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
/* .box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)} */
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
/* .box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)} */
.box1 .title{font-size:30px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){
    .box1{margin-bottom:10px}
}
.box1 h3.title{color: var(--color_one);}



/*--------------------------------------------------
  Promo carousel Section Top
-----------------------*/

.promo-slider{
    background-color:#ef5b34;
}
.promo-slider .owl-nav button[type=button] {
    font-size: 15px;
    position: absolute;
    left: 17px;
    top: 25%;
    color: #171717;
    opacity: 1;
}

.promo-slider .owl-nav button[type=button].owl-next {
    left: auto;
    right: 17px;
    color: #171717;
    opacity: 1;
}

.promo-slider .owl-dots {
    text-align: center;
    margin-top: 27px;
}

.promo-slider .owl-dots button {
    width: 6px;
    height: 6px;
    background: #D8D9DA;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.promo-slider .owl-dots button:last-child {
    margin-right: 0;
}

.promo-slider .owl-dots button.active {
    width: 30px;
    background: #252525;
    border-radius: 50px;
}



.promo-item .pi-text {
    text-align: center;
    margin-top: 9px;
    margin-bottom: 9px;
    color: var(--color_five);
    border-right: 1px solid var(--color_five);
}

.promo-slider .owl-item:last-child .promo-item .pi-text{border:0px;}

/*////////////////////////////////PRODUCT CAROSEL/////////////////////////////////*/

.product-carousel {
    padding-right: 65px;
    padding-left: 65px;
    padding-top: 0;
    /* padding-bottom: 80px; */
}

.product-carousel-isotop{
    padding-right: 0px;
    padding-left: 0px;
}


.product-slider .owl-nav button[type=button] {
    font-size: 15px;
    position: absolute;
    /*left: -62px;*/
    left: 0px;
    top: 30%;
    color: #171717;
    opacity: 0.3;
}

.product-slider .owl-nav button[type=button].owl-next {
    left: auto;
    /*right: -62px;*/
    right: 0px;
    color: #171717;
    opacity: 1;
}

.product-slider .owl-dots {
    text-align: center;
    margin-top: 27px;
}

.product-slider .owl-dots button {
    width: 6px;
    height: 6px;
    background: #D8D9DA;
    border-radius: 50%;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product-slider .owl-dots button:last-child {
    margin-right: 0;
}

.product-slider .owl-dots button.active {
    width: 30px;
    background: #252525;
    border-radius: 50px;
}

.product-item{border:1px solid #d6d6d6; }

.product-item:hover .pi-pic .icon {
    top: 15px;
    opacity: 1;
}

.product-item:hover .pi-pic ul {
    bottom: 0;
}

.product-item .pi-pic {
    overflow: hidden;
    position: relative;
    min-height: 200px;
}

.product-item .pi-pic img {
    min-width: 100%;
}

/* .product-item .pi-pic .sale {
        color: var(--color_five);
        font-size: 10px;
        background: #76BC42;
        position: absolute;
        left: 0;
        top: 20px;
        padding: 5px 10px;
        text-transform: uppercase;
} */

.product-item .pi-pic .sale.pp-sale {
    background: var(--color_six);
}

.product-item .pi-pic .icon {
    font-size: 20px;
    color: #252525;
    position: absolute;
    right: 21px;
    top: -15px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.product-item .pi-pic ul {
    position: absolute;
    left: 0;
    bottom: -52px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    width: 100%;
}

@media (max-width: 576px){
    .productCategory .col-sm-6{padding-left: 0px; padding-right: 0px;}
    .product-item .pi-pic ul {position: relative;	bottom: 0px;}
    .product-item .pi-pic ul li .sizes{display: none;}
    .product-item .pi-pic ul li:first-child a{ height: 57px;}
    .productCategory .mb-3{margin-bottom: 0rem !important;}
    .productCategory .product-item{border:1px solid #ccc}
    .productCategory .product-item:nth-child(2n+2){border-left:0px}
}

.product-item:hover{box-shadow: 1px 1px  5px #ccc;}

.product-item .pi-pic ul:hover{ border-top:1px solid var(--color_nine)}

.product-item .pi-pic ul li {
    list-style: none;
    /* display: inline-block; */
    background: var(--color_five);
}


.product-item .pi-pic ul li.w-icon.active a {
    background: var(--color_six);
    color: var(--color_five)
}

.product-item .pi-pic ul li a {
    font-size: 14px;
    color: #252525;
    display: block;
    padding: 16px 9px 0px 9px;
}

.product-item .pi-text {
    text-align: left;
    margin-top: 9px;
    margin-bottom: 9px;
    color: var(--color_twelve);
    padding: 0 10px;
}


.product-item .pi-text .catagory-name {
    font-size: 10px;
    color: var(--color_three);
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.product-item .pi-text a {
    display: block;
}

.product-item .pi-text a h5 {
    color: #252525;
    font-size: 1rem;
    margin-bottom: 0px;
}

.product-item .pi-text .product-price {
    color:var(--color_six);
    font-size: 20px;
    /* font-weight: 700; */
    font-size: 1rem;
}

.product-item .pi-text .product-price span {
    font-size: 14px;
    font-weight: 400;
    color: var(--color_three);
    text-decoration: line-through;
}
.product-item .pi-pic ul li .sizes{ padding-left: 7px;}
.product-item .pi-pic ul li .sizes a{
    display: inline-block; padding: 2px 5px; 
    border:1px solid var(--color_nine);
    margin: 2px;
}
.product-item .pi-pic ul li .sizes a:hover{ background: var(--color_one); color: var(--color_five);}


/* .hotCollections button.how-active1{ border-bottom:2px solid red !important} */

/*/////////////////////breadcrumb ///////////////////////*/
.breadcrumb_container{background: #e9ecef;}
ol.breadcrumb li a{color:var(--color_seven);}

/*////////////////////////////////PRODUCT LIST PAGE/////////////////////////////////*/
.chooseYourSize{ line-height: 2rem;}
.psizes .btn{  padding:.275rem .75rem ; }
.loadMore a{ background-color: var(--color_eight); padding: 15px 40px;
             color: #fff; 
             border-radius: 23px; 
             font-size: 16px;
}

.loadMore a:hover{ transition: 0.3s;background-color: #e6e6e6; color: var(--color_eight);}

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

}

.product_details_pic {
    overflow: hidden;
}

.product_details_pic_left {
    width: 20%;
    max-height: 574px;
    float: left;
    overflow-y: auto;

}

@media (max-width: 991px)
{
    .product_details_pic_left {
        width: 20%;
    }
    .product_details_slider_content {margin:0 auto; float:none; width: 100%;}
}
.product_details_slider_content {
    width: calc(78% - 20px);
    float: left;
    margin-left: 20px;
    cursor:crosshair;
}

@media (max-width: 576px)
{
    .product_details_text{padding-top:5px;}
    .product_details_slider_content {margin:0 auto; float:none; width: 100%;}
    .logoSmall{display:none;}
    .item_variation_widget.pt-4{padding-top:0rem !important;}
    .item_variation_widget .d-flex{display:block !important;}
}

.product_details_pic_left .pt {
    display: block;
    margin-bottom: 4px;
    cursor: pointer;
    position: relative;
    /* background: #f1f1f1; */
    text-align: center;
    border:1px solid var(--color_nine);
    padding: 4px;
    max-width: 100px;
}

/* .product_details_pic_left .pt img {
  min-width: 100%;
} */

.product_details_pic_left .pt.active::after {
    opacity: 0.3;
}
.product_details_pic_left .pt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--color_eight);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product_details_text h3 {
    color: #111111;
    font-weight: 600;
    /*text-transform: uppercase;*/
    margin-bottom: 12px;
}

.product_details_text h3 span {
    display: block;
    font-size: 14px;
    color: #444444;
    text-transform: none;
    font-weight: 400;
    margin-top: 5px;
}

.product_details_text .rating {
    margin-bottom: 16px;
}

.product_details_text .rating i {
    font-size: 12px;
    color: #e3c01c;
    margin-right: -4px;
}

.product_details_price {
    font-size: 30px;
    font-weight: 600;
    color: var(--color_one);
    margin-bottom: 30px;
    border-top:1px solid var(--color_nine) ;
    border-bottom:1px solid var(--color_nine) ;
    padding: 15px 0px;
}
@media (max-width: 576px)
{
    .product_details_price {
        margin-bottom: 15px; 
        padding: 0px;}
}

.item_price{padding: 5px 0px 10px 9px;}
.item_price .regular {
    /* font-size: 18px; */
    color: #b1b0b0;
    text-decoration: line-through;
    /* margin-left: 10px; */
    display: inline-block;
    font-weight: normal;
    margin-right: 5px;
}

/* .regularPrice{color: #b1b0b0;} */
.item_price  .sale{color:var(--color_one)}

.product_details_price a.returnText{ color: var(--color_seven); font-size: 15px;}
.product_details_price a.returnText b{font-weight: 700; color: #515151;}

.product_details_price span.discouontPercent{font-size: .8rem; font-weight: 300; border-radius: 5px; color: var(--color_five); padding:2px 5px; background-color: var(--color_one);}

.product_details_text p {
    color: #444444;
    margin-bottom: 28px;
}

.product_details_button {
    overflow: hidden;
    margin-bottom: 25px;
}

.quantity {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.quantity>span {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    float: left;
    margin-top: 14px;
    margin-right: 15px;
}

.pro-qty {
    height: 50px;
    width: 150px;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    padding: 0 20px;
    overflow: hidden;
    display: inline-block;
}

.pro-qty .qtybtn {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    float: left;
    width: 12px;
    line-height: 46px;
}

.pro-qty input {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    border: none;
    float: left;
    width: 84px;
    text-align: center;
    height: 48px;
}

.product_details_button .cart-btn {
    display: inline-block;
    font-size: 14px;
    color: var(--color_five);
    background: #ca1515;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 30px 15px;
    border-radius: 50px;
    float:left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.btn:hover{
    background:var(--color_one);
}
.btn-primary {
    display: inline-block;
    /*  font-size: 14px;*/
    color: var(--color_five);
    background: var(--color_six);
    font-weight: 600;
    text-transform: uppercase;
    /*padding: 14px 30px 15px;*/
    /*float:left;*/
    border-radius: 0;
    /*  margin-right: 10px;
      margin-bottom: 10px;*/
    border:0px;
}

.product_details_button ul {
    float: left;
}

.product_details_button ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.product_details_button ul li a {
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    padding-top: 1px;
}

.product_details_button ul li a span {
    font-size: 18px;
    color: #666666;
}

/*product_details_widget*/
.product_details_widget {
    /* border-top: 1px solid #ebebeb;
    padding-top: 35px; */
}

.item_variation_widget {

}

.item_variation_widget span.checkmark {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    /* width: 150px; */
    float: left;
    margin-right: 25px;
}


.item_variation_widget .variation_checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 44px;
}

.item_variation_widget .variation_checkbox label input {
    position: absolute;
    visibility: hidden;
}

.item_variation_widget .variation_checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: -10px;
    height: 30px;
    width: 40px;
    /* background: #e31e2f; */
    border:1px solid var(--color_nine);
    border-radius: 10%;
    /* content: ""; */
    text-align: center;
    line-height: 1.8rem;
    color: #444;
    font-weight: 300;
}

.item_variation_widget .variation_checkbox label .checkmark:hover,
.item_variation_widget .variation_checkbox label .checkmark.active{ 
    background: var(--color_one); color: var(--color_five);
}

.item_variation_widget .variation_checkbox label .checkmark.black-bg {
    background: #111111;
}

.item_variation_widget .variation_checkbox label .checkmark.grey-bg {
    background: #e4aa8b;
}


.item_variation_widget .variation_checkbox label input:checked~.checkmark:after {
    border-color: var(--color_five);
    opacity: 1;
}


.item_variation_widget .stock_checkbox label input:checked~.checkmark:after {
    border-color: #ca1515;
    opacity: 1;
}

.item_variation_widget .stock_checkbox label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid var(--color_five);
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}



.product_details_pic_slider.owl-carousel .owl-nav{display: none;}


@media (max-width: 576px){
    .product_details_pic_slider.owl-carousel .owl-nav{display: block;}
    .product_details_pic_left{display: none;}
}

.product_details_pic_slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px;
}

.product_details_pic_slider.owl-carousel .owl-nav button:focus{outline: 0px;}

.product_details_pic_slider.owl-carousel .owl-nav button {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 22px;
    color: #111111;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    margin-top: -20px;
}

.product_details_text .rating span {
    font-size: 12px;
    color: #666666;
    margin-left: 5px;
}


.item_variation_widget .size_btn label input {
    position: absolute;
    visibility: hidden;
}
.item_variation_widget .size_btn label {
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
}

.item_variation_widget .size_btn label.active {
    color: #ca1515;
}

.item_variation_widget .size_btn label:last-child {
    margin-right: 0;
}

.product_details_tab {
    padding-top: 80px;
    margin-bottom: 65px;
}
.product_details_tab .tab-content{ padding: 10px}


span.styleCode{    
    padding: 0 0 15px;
    display: block;
    font-size: 11px;
    color: var(--color_nine);
}


/* .product_details_pic .owl-carousel .owl-item,
.product_details_pic  .owl-carousel .owl-wrapper
{backface-visibility:hidden;
   -webkit-backface-visibility:hidden !important;
   -webkit-transform:none !important
  } */

button.needSizeHBtn{font-size:.9rem;color:var(--color_seven);
}
button.needSizeHBtn:focus{box-shadow:none;}

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.social {
    -webkit-transform: scale(0.8);
    /* Browser Variations: */

    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    border-radius: 0;
}

/*
   Multicoloured Hover Variations
*/


#social-fb {
    color: #3B5998;
}
#social-tw {
    color: #4099FF;
}

#social-gp {
    color: #d34836;
}
#social-em {
    color: #f39c12;
}


.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/icons/down-arrow-blue.svg);
    transform: rotate(180deg);
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url(../images/icons/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    position: absolute;
    right: 10px;
}
.accordion .btn-link{ color: var(--color_two);}
.accordion .btn-link:hover{text-decoration: none;}
.accordion>.card>.card-header{ margin-bottom: 0px;}
/*////////////////////////////////SHOP CART PAGE/////////////////////////////////*/
/*.shop-cart {
  padding-top: 70px;
  padding-bottom: 90px;
}

.shop_cart_table {
  margin-bottom: 30px;
}

.shop_cart_table table {
  width: 100%;
}

.shop_cart_table thead {
  border-bottom: 1px solid #f2f2f2;
}

.shop_cart_table thead th {
  font-size: 18px;
  color: #111111;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.shop_cart_table tbody tr {
  border-bottom: 1px solid #f2f2f2;
}

.shop_cart_table tbody tr .cart_product_item {
  overflow: hidden;
  width: 585px;
}
.shop_cart_table tbody tr td {
  padding: 15px 0;
  vertical-align: text-bottom;
}

.shop_cart_table tbody tr .cart_product_item img {
  float: left;
  margin-right: 25px;
}

.shop_cart_table tbody tr .cart_product_item .cart_product_item_title {
  overflow: hidden;
  padding-top: 23px;
}

.shop_cart_table tbody tr .cart_product_item .cart_product_item_title h6 {
  color: #111111;
  font-weight: 600;
}

.shop_cart_table tbody tr .cart_product_item .cart_product_item_title .rating i {
  font-size: 10px;
  color: #e3c01c;
  margin-right: -4px;
}

.shop_cart_table tbody tr .cart_close span {
  height: 45px;
  width: 45px;
  background: #f2f2f2;
  border-radius: 50%;
  font-size: 18px;
  color: #111111;
  line-height: 44px;
  text-align: center;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}

.shop_cart_table tbody tr .cart__price {
  font-size: 16px;
  color: #ca1515;
  font-weight: 600;
  width: 190px;
}

.shop_cart_table tbody tr .cart__quantity {
  width: 190px;
}

.shop_cart_table tbody tr td {
  padding: 30px 0;
}

.shop_cart_table tbody tr .cart__quantity .pro-qty {
  border: none;
  padding: 0;
  width: 110px;
  border-radius: 0;
}

.shop_cart_table tbody tr .cart__quantity .pro-qty .qtybtn {
  font-size: 16px;
  color: #444444;
}

.shop_cart_table tbody tr .cart__quantity .pro-qty input {
  color: #444444;
}

.shop_cart_table tbody tr .cart__quantity .pro-qty .qtybtn {
  font-size: 16px;
  color: #444444;
}

.shop_cart_table tbody tr .cart__total {
  font-size: 16px;
  color: #ca1515;
  font-weight: 600;
  width: 150px;
}
.shop_cart_table tbody tr td {
  padding: 30px 0;
}*/

.discount_content h6 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 30px;
}

.discount_content form {
    position: relative;
    width: 370px;
    display: inline-block;
}

.discount_content form input {
    height: 52px;
    width: 100%;
    border: 1px solid #444444;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 115px;
    font-size: 14px;
    color: #444444;
}

.discount_content form button {
    position: absolute;
    right: 4px;
    top: 4px;
}

.site-btn {
    font-size: 14px;
    color: var(--color_five);
    background: #ca1515;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
}

.cart__btn {
    margin-bottom: 50px;
}

.cart__btn a {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 30px 12px;
    background: #f5f5f5;
}

.cart__btn.update__btn {
    text-align: right;
}

.cart__btn a span {
    color: #ca1515;
    font-size: 14px;
    margin-right: 5px;
}

.cart__total__procced {
    background: #f5f5f5;
    padding: 40px;
}

.cart__total__procced h6 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cart__total__procced ul {
    margin-bottom: 25px;
}

.cart__total__procced ul li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    overflow: hidden;
    line-height: 40px;
}

.cart__total__procced ul li span {
    color: #ca1515;
    float: right;
}

.primary-btn {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px 10px;
    color: var(--color_five);
    background: #ca1515;
}
.cart__total__procced .primary-btn {
    display: block;
    border-radius: 50px;
    text-align: center;
    padding: 12px 0 10px;
}

/*////////////////////////////////CHECK OUT PAGE/////////////////////////////////*/
.checkout {
    padding-top: 40px;
    padding-bottom: 70px;
}

.cupon_area .tp_btn {
    margin-left: 30px;
}

.tp_btn {
    border: 1px solid #eeeeee;
    display: inline-block;
    line-height: 38px;
    padding: 0px 40px;
    color: #2a2a2a;
    text-transform: capitalize;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    border-radius: 50px;
}

.check_title h2 {
    font-size: 15px;
    font-weight: normal;
    font-family: "Roboto",sans-serif;
    background: #f1f6f7;
    line-height: 40px !important;
    padding-left: 30px;
    margin-bottom: 0px;
}

.check_title h2 a {
    color: #384aeb;
    text-decoration: underline;
}

.returning_customer p {
    margin-top: 15px;
    padding-left: 30px;
    margin-bottom: 25px;
}

.returning_customer .contact_form {
    max-width: 710px;
    margin-left: 15px;
}

.returning_customer .contact_form .form-group {
    margin-bottom: 20px;
}

.returning_customer .contact_form .form-group input {
    border: 1px solid #eeeeee;
    height: 40px;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
}

.button-login {
    font-size: 15px;
    padding: 7px 44px;
}

.returning_customer .contact_form .form-group .creat_account {
    display: inline-block;
    margin-left: 15px;
}

.returning_customer .contact_form .form-group .creat_account input {
    height: auto;
    margin-right: 10px;
}

.returning_customer .contact_form .form-group .lost_pass {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #777;
    font-weight: normal;
}

.button-coupon:hover {
    border-color: #384aeb;
    background: transparent;
    color: var(--color_two);
}


.checkout_form h5 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.checkout_form .checkout_form_input p {
    color: #444444;
    font-weight: 500;
    margin-bottom: 10px;
}

.checkout_form .checkout_form_input p span {
    color: #ca1515;
}

.checkout_form .checkout_form_input input {
    height: 40px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    margin-bottom: 25px;
    font-size: 14px;
    padding-left: 20px;
    color: #666666;
}

.checkout_form .checkout_form_checkbox label input:checked~.checkmark {
    border-color: #ca1515;
}

.checkout_form .checkout_form_checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.checkout_order h5 {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 18px;
}

.checkout_order {
    background: #f5f5f5;
    padding: 30px;
}

.checkout_order_product ul li .top_text {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    float: left;
}

.checkout_order_product ul li .top_text_right {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    float: right;
}


.checkout_order_product ul li {
    list-style: none;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 14px;
    line-height: 24px;
}

.checkout_order_total ul li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    overflow: hidden;
    line-height: 40px;
}


.checkout_order_product ul li span {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    float: right;
}

.checkout_order_total ul li span {
    color: #ca1515;
    float: right;
}

.checkout_order_widget {
    padding-bottom: 10px;
}

.checkout_order_widget {
    padding-bottom: 10px;
}

.checkout_order_widget label {
    display: block;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}

.checkout_order_widget label input {
    position: absolute;
    visibility: hidden;
}

.checkout_order_widget label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.checkout_order .site-btn {
    width: 100%;
}

.checkout_order_widget label input:checked~.checkmark:after {
    border-color: #ca1515;
    opacity: 1;
}

.checkout_order_widget label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid var(--color_five);
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(
        127deg
        );
    -ms-transform: rotate(127deg);
    transform: rotate(
        127deg
        );
    opacity: 0;
    content: "";
}


.checkout_form_checkbox label input:checked~.checkmark:after {
    border-color: #ca1515;
    opacity: 1;
}

.checkout_form_checkbox label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid var(--color_five);
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate( 
        127deg
        );
    -ms-transform: rotate(127deg);
    transform: rotate( 
        127deg
        );
    opacity: 0;
    content: "";
}


.checkout_form_checkbox label input {
    position: absolute;
    visibility: hidden;
}

/********************FOOTER********************/
/* footer a, footer li a{ color: var(--color_seven);} */

.border_section {
    border-bottom: 1px solid #ddd;
}

.border_section {
    /*border-top: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    /*padding-top: 35px;
    padding-bottom: 35px;*/
    padding-bottom:1rem;
}

.subscribe {
    display: flex;
    height: 100%;
    align-items: center;
    border-right: 1px solid #ddd;
    text-align: left;
}

.border_section h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .03em;
    color:#212529
}


footer p {
    line-height: 32px;
    letter-spacing: .03em;
    margin-bottom: 0;
    font-size: 14px;
    color: #777;
}
.border_section p {
    font-size: 14px;
    color: #777;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 0;
}

.sub_title h4 {
    color: #222;
    /*margin-bottom: 25px;*/
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.sub_title .contact-list i {
    position: absolute;
    left: 0;
    top: 9px;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.sub_title .contact-list li {
    position: relative;
    padding-left: 25px;
    line-height: 28px;
    color: #777;
}

.sub_title li a {
    display: inherit;
    padding-top: 5px;
    text-transform: capitalize;
    font-size: 14px;
    position: relative;
    color: #777!important;
}

.sub_title li a:hover {
    color: #ff4c3b!important;
}

.footer_social {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.footer_social li {
    display: inline-block;
    padding-right: 46px;
}

.footer_social i {
    font-size: 20px;
    color: #000;
    transition: .5s ease;
}
.footer_social i:hover {
    color: #ff4c3b;
}

.subscribe_form {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}

.subscribe_form .form_control {
    padding: 13px;
    width: 345px;
    border-radius: 0;
    border: 1px solid #eee;
    height: auto;
}


@media (min-width: 576px){
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem!important;
    }
}
@media (min-width: 576px){
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem!important;
    }
}

.footer_area .btn-solid:hover {
    border: 2px solid #ff4c3b;
    color: #ff4c3b;
}

.btn-solid {
    margin-top: 20px;
    padding: 13px 29px;
    background: #ef5b34;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    border: 4px solid #ef5b34;
}

.footer_area .btn-solid {
    padding: 13px 29px;
    color: #fff;
    letter-spacing: .05em;
    border: 2px solid #ef5b34;
    background-image: linear-gradient( 
        30deg
        ,#ef5b34 50%,transparent 0);
    background-image: linear-gradient( 
        30deg
        ,var(--theme-deafult) 50%,transparent 0);
    background-size: 850px;
    background-repeat: no-repeat;
    background-position: 0;
    transition: background .3s ease-in-out;
    margin-top: -19px;
}
.btn-solid:hover {
    background: #fff;
    border: 4px solid #ef5b34;
    padding: 13px 29px;
}

.hotCategories ul li{ display:inline-block; margin-right:15px; line-height:25px}
.hotCategories ul li a{color:#777}
.hotCategories ul li a:hover{color:#ef5b34}
.hotCategories ul li a::before{
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome,sans-serif;
    content: "\f0ca";
    /* width: 8px; */
    text-align: center;
    text-decoration: none!important;
}

/*************FORM**********************/
.required .control-label:after {
    content:"*";
    color:red;
}

.form-vertical input{margin-bottom: 5px;}