.header{ width:100%; top:0; background:#f0e4e2; border-bottom:1px solid #dfd2cf; left:0; padding:8px 0; transition:all 0.5s ease-in-out; z-index:9; }

.fixed-header{   position:fixed;  padding:10px 0;  transition:all 0.5s ease-in-out; z-index:99; }
.fixed-header .brand svg {
    width: 55px; height:auto;
} 
.header .navbar-nav{ display:block; }
.header .brand img {
    height: 26px;
    max-width: none;
}
.header.white-header .white-logo, .header.white-header .white-m-icon, .header .black-logo, .header .black-m-icon{
    display: none;
}
.header.white-header.fixed-header .black-logo, .header.white-header.fixed-header .black-m-icon{ display:none; }
.header.fixed-header .white-logo, .header.fixed-header .white-m-icon{ display:inline-block; }
.header.white-header .black-logo{ display:inline-block; }
.header.white-header .black-m-icon{ display:inline-block; }
.header div#bs-navbar{ width:100%; }
.header .brand a{  font-size: 12px; color:#fff; letter-spacing:}
.header .navbar {
    text-align: right;
    padding: 0px 60px 0 0;
    position: relative;
}
.header #showRight {
    position: absolute;
    left: 0; 
    top:-12px;    
	z-index:9991;
}
header.header.fixed-header #showRight {
    top:-15px;
}
.header .navbar li{ display:inline-block; padding:0 20px;  font-size: 16px; font-weight: normal; font-family: 'Poppins', sans-serif; letter-spacing: normal; color: #ffffff; }

.header .navbar li a{ color:#fff; display:block; position:relative; }
.header .navbar li a:after{ position:absolute; width:0px; height:1px; background:#fff; content:""; left:0px; bottom:0px; transition:all 0.5s ease-in-out; }
.header .navbar li a:hover{ text-decoration:none; }
.header .navbar li a:hover:after, .header .navbar li.active a:after{ width:100%; }
.header .navbar-header{ display:none; }

.header .cbp-spmenu {
	background:#B30028;
	position: fixed;
}
.header .menu-bx-1 svg path {
    fill: #fff;
}
.header .cbp-spmenu-vertical {
	width: 400px;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.header .cbp-spmenu-right {
	left: -400px;
}
.header .cbp-spmenu-right.cbp-spmenu-open {
	left: 0px;
}
.header .cbp-spmenu{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.header .side-menu-btn img{ transition:all 0.5s ease-in-out; }
.header .side-menu-btn .close-menu-icon{ width:0px; }
.header .side-menu-btn.active .close-menu-icon{ width:24px; }
.header .side-menu-btn .side-menu-icon{ width:30px; }
.header .side-menu-btn.active .side-menu-icon{ width:0; }
.header .cbp-spmenu-vertical {
    width: 400px;
    height: 100%;
    top: 0;
    z-index: 1000;
    padding: 100px 30px 200px 30px;
}
.header .menu-bx-1 {

    padding: 40px 0;
}
.header .menu-bx-1 ul{ padding-left:0px; }
.menu-bx-1{ text-align:center; }
.menu-bx-1 ul li {
    font-family: Poppins;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
.header .row {
    align-items: center;
}
.menu-bx-1 ul li:last-child{ border-bottom:none; }
.menu-bx-1 ul li a{ color:#fff; display:block; transition: all 0.3s ease; }
.menu-bx-1 ul li a:hover{ color:#B34B42;}
.header .side-menu-footer{ position:absolute; width:100%; left:0; bottom:0px; margin-bottom:30px; }
.side-media-icons{ text-align:center; }
.side-media-icons a{ display:inline-block; margin:0 8px; transition: all 0.3s ease; }
.side-media-icons a:hover{ opacity:0.5; }
.side-search-bx .search-input {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    border-radius: 100px;
    border: solid 1px rgba(255, 255, 255, 0.5);
    background: none;
    box-shadow: none;
    padding: 16px 60px 16px 20px;
    width: 100%;
}
.side-search-bx .search-input::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.side-search-bx .search-input::-ms-input-placeholder { /* Edge 12 -18 */
  color:#fff;
}
.side-search-bx {
    position: relative;
    max-width: 282px;
    margin: 0 auto;
    margin-top: 30px;
}
.side-search-bx .search-btn{
background:url(../images/search-icon.png) center center no-repeat; background-size:22px;
position:absolute;
width:54px;
height:54px;
right:0px;
top:0px;
border:none;
cursor:pointer;
}


.white-bx{
  border-radius: 4px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.05);
  background: #ffffff;
  padding:30px;
  text-align:center;
  height:100%;
}
.white-bx .w-head {
    min-height: 70px;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-bottom: 40px;
}
.inner-header .brand svg path, .inner-header svg rect, .inner-header svg rect, .woocommerce-account .header .brand svg path, .woocommerce-account .header svg rect{ fill:#000; }
.inner-header{ padding:15px 0; position:static; }
.inner-header.fixed-header {
    position: fixed; transition:all 0.5s ease-in-out;
}
/** Header css end here **/
.woocommerce-account .header{position:static;}
.woocommerce-account .header.fixed-header {
    position: fixed; background:#fff; transition:all 0.5s ease-in-out;
}

/** woocommerce account page css start here **/
.woocommerce-account article{
    background: #D2C8BD;
    padding: 60px 0;
}
.woocommerce-account .woocommerce {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
}
.woocommerce-MyAccount-navigation ul{ padding:0px; max-width:320px; }
.woocommerce-MyAccount-navigation ul li, .woocommerce-account .woocommerce p{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.667;
    color: #3E2A1F;
    margin-bottom: 30px;
    
}
.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
    border-bottom: 1px solid;
}
.woocommerce-MyAccount-navigation ul li a{color:#3E2A1F;}
.woocommerce-account .woocommerce p a {
    color: #B34B42;
    text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul li.is-active a{font-weight:700;}
.woocommerce-MyAccount-content table th {
    background: #3E2A1F; 
    color: #fff;
    text-transform: uppercase;
    font-family: Poppins;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    letter-spacing: 0em;
    padding: 10px 15px !important;
}
.woocommerce-MyAccount-content table thead th{
    border: none !important;
}
.woocommerce-MyAccount-content table td {
    color: #3E2A1F;
    font-family: Poppins;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    letter-spacing: 0em;
    padding: 10px 15px !important;
}
.woocommerce-info {
    border-top-color: #3E2A1F !important;
}
.woocommerce-info::before {
    color: #3E2A1F!important;
}
.woocommerce address{
        color: #3E2A1F;
    font-family: Poppins;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5;
    letter-spacing: 0em;

}
.woocommerce-page h3, .woocommerce-page legend {
   
    font-family: 'KKDW-Regular';
    font-size: 26px;
    font-weight: 700;
    line-height: 1.7;
    color: #3E2A1F;
}
.woocommerce-account .addresses .title .edit {
    color: #B34B42;
     font-family: Poppins;
    border-bottom: 1px solid;
    font-size:16px !important;
    line-height:normal !important;
}
.woocommerce form .form-row .input-text {
    border-radius: 0;
    border: 1px solid #2d2d2d;
    border-radius: 0px;
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-family: Poppins;
    padding: 10px;
     color: #3E2A1F;
}
.woocommerce-MyAccount-content p em {
    font-size: 12px;
}

.header .right-menu-sec ul.nav.navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: end;
	align-items:center;
}
.header .right-menu-sec ul.nav.navbar-nav li {
    flex: 0 0 14.28%;
    text-align: center;
}
.header .right-menu-sec ul.nav.navbar-nav li{
font-size: 16px;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0.01em;
text-transform:uppercase;
font-family: 'Poppins', sans-serif;
}
.header .right-menu-sec ul.nav.navbar-nav li a{ color:#000; }
.header .brand-logo path {
    fill: #766C51;   
}
.header .m-brand-logo{ display:none; }
.cbp-spmenu .menu-bx-1 ul li a:hover {
    color:#000;
}
.cbp-spmenu .menu-bx-1 ul li a:hover svg path{ fill:#000; }
.header .col-1.text-right a {
    margin-right: 3px;
}
.side-search-bx .search-input:focus{ color:#fff; }
@media(max-width:1280px){
.header .container-fluid{ padding:0 15px; }	
}
@media(max-width:1240px){
}

@media(max-width:991px){

.header div#bs-navbar{ display:none; }
.header .side-menu-footer{ margin-bottom:15px; }
.side-search-bx{ margin-top:20px; }
.header .menu-bx-1 ul li{ font-size:16px; }
.woocommerce-MyAccount-navigation ul li, .woocommerce-account .woocommerce p{font-size:16px;}
.header .right-menu-sec ul.nav.navbar-nav {
    display: none;
}
.header .m-brand-logo {
    display: block;
    max-width: 60px;
    margin: 0 auto;
}
.header .m-brand-logo svg{ width:100%; }
.lt-social-fixed, .rt-social-fixed, .jac-lt-border, .jac-rt-border{ display:none; }
}

@media(max-width:767px){
.header .cbp-spmenu-vertical { padding: 30px 30px 150px 30px;}
.header .menu-bx-1{ padding:20px 0; max-width:100%; }
.header .menu-bx-1 ul {
    padding: 0;
}
.header .brand {
    width: 60%;
}
.header .col-sm-8 {
    width: 40%;
}
.fixed-header {
    padding:10px 0;
}
.header .brand img{ height:20px; margin-top:-2px; }
.header .side-menu-btn .side-menu-icon {
    width: 27px;
}
.header .side-menu-btn.active .close-menu-icon{ width:20px; }
.header{ padding:10px 0; }
.header .brand svg {
    width: 60px;
    height: auto;
}
header.header.fixed-header #showRight {
    top: -13px;
    right: 0; text-align:left;
}
header.header #showRight {
    right: 0;
    text-align: left;
}
.mid-header ul.social-media, .mid-header .flex-right{
    justify-content: center;
}
.mid-header .navbar-nav{ padding:15px 0; }
nav.woocommerce-MyAccount-navigation {
    margin-bottom: 40px;
}
.woocommerce-MyAccount-navigation ul {
    max-width: 100%;
}
.woocommerce-page h3, .woocommerce-page legend{font-size:24px;}
.woocommerce-account .woocommerce {
    padding: 0 15px;
}
.woocommerce-account article {
    padding: 40px 0 20px;
}
.header .col-10 {
    width:70%;
}
.header .col-1{ width:15%; }
}

@media(max-width:600px){
.header .cbp-spmenu-vertical{ width:100%; }	
.header .cbp-spmenu-right {
    left: -100%;
}
}