@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.4hleather.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.0") format("woff2");
}

:root {
	--wd-text-font: Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Quicksand", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(40,192,241);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(40,192,241);
	--btn-accented-bgcolor-hover: rgb(47,176,218);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-image: url(https://www.4hleather.com/wp-content/uploads/2023/04/foodtruck-sectionbg3.jpg);
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(167,166,166);
	background-image: none;
}
body[class*="wrapper-boxed"] {
	background-image: url(https://www.4hleather.com/wp-content/uploads/2023/08/VHJGJ.jpg);
	background-repeat: repeat;
	background-size: cover;
	background-position: center center;
}
.page .wd-page-content {
	background-image: url(https://www.4hleather.com/wp-content/uploads/2023/08/Sin-titulo-1.jpg);
	background-repeat: inherit;
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.min-footer>div{
	 padding-left: 0px!important;
	padding-right: 0px!important;
}

.site-logo img {
   
    border-radius: 50%;
}

@media (max-width: 767px) { 
	
	.page .main-page-wrapper 
	{
	background-position: right center!important;}



	.filadecuado > div{
	padding-left: 14px!important;}
	
}
	



@media (max-width: 409px) {

.listafav span {
    
    font-size: 12px!important;
  width: 100%;
}
}

@media (min-width: 768px) and (max-width: 888px) {
.listafav span {
    
    /* padding-left: 65px; */
    font-size: 12px!important;
    padding: 12px 40px 12px 60px!important;
   
}
}

@media (min-width: 768px) {
		.filadecuado > div{
	padding-left: 50px!important;}
	
	
	.whb-general-header{
	background-position: 0px 0px!important;}
	
	
			.site-logo img {
  /*  position: absolute;
    top: 15%;
    background: white;
    border-radius: 50%;
    padding: 1px 1px;
   */
}
		}
@media (max-width: 459px) {
		
	/*.site-logo img { position: absolute;
    top: 15%;
    background: white;
    border-radius: 50%;
    padding: 1px 1px;
*/
 
}
		}



	@media (min-width: 460px) and (max-width: 767px) {
		/*	.site-logo img {
 position: absolute;
    top: 15%;
    background: white;
    border-radius: 50%;
    padding: 1px 1px;
    */
}
		}

/*.cajaqr*/

.wd-logo img {
   /* padding-top: 1px!important;
	padding-bottom: 1px!important;*/}

.losmoqn .vc_column-inner > .wpb_wrapper
{
	
	background: white;
    padding: 30px 25px 15px 25px;
    border-radius: 20px;
	color: black!important;
	margin-bottom: 35px!important;


}





.cajaqr img{
float: right;
    max-width: 17%;
    top: 60px;
    position: absolute;
    right: 35px;}

.wd-logo {
	
	position: absolute;
    top: 20%;
    background: white;
    border-radius: 50%;
    padding: 0px 0px;
    /* max-height: inherit; */
    transition: none;
    max-height: initial!important;
 

}



.iconosdpt {


    float: initial!important;
    position: initial!important;
    width: 6%;
    padding: 0px;
    margin-left: 2px;
    margin-right: 1px;
}


.listafav li {
	background: rgb(255, 255, 255, 0.88);
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 33px;
    border-top-left-radius: 33px;
    margin-left: 0px;
}

.listafav {
margin-bottom: 20px!important;}

.listafav span {
    color: black;
    FONT-WEIGHT: 600;
    /* padding-left: 65px; */
    font-size: 14px;
    padding: 12px 25px;

}

.accordion {
      background-color: transparent!important;
    /* color: #444; */
    /* cursor: pointer; */
    padding: 0px;
    /* width: 100%; */
    /* border: none; */
    /* text-align: left; */
    /* outline: none; */
    /* font-size: 15px; */
    transition: 0.4s;
    line-height: 23px;
    display: block;
    width: 100%;    text-transform: initial;
    text-align: left;
}

.active, .accordion:hover {
  background-color: #ccc;
}
button.accordion:hover{
	background-color: transparent!important;
	    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 33px;
    border-top-left-radius: 33px;
	    box-shadow: none!important;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel.alen {
margin-bottom:-15px;}

.panel.alen > p{ margin-top: 15px!important; margin-bottom:15px;}
.nonde{
display: none!important}


	@media (min-width: 768px){
.imgeldeaw {
	
width: 150px;
	height: 150px;
    margin: 0 auto;
    display: block;
    margin-top: -35px;
    margin-bottom: -35px;
}}

@media (max-width: 767px) {
	
	
.wd-logo {
	

    top: 30%!important;

 

}
	
.imgeldeaw {
	
width: 140px;
	height: 140px;
    margin: 0 auto;
    display: block;
    margin-top: -35px;
    margin-bottom: -35px;
}}


.versmdeo {
  offset-path: path("M0,15 C0,12 15,15 41,23");
  animation: move 3000ms infinite alternate ease-in-out;
 position: absolute;
    bottom: 57px;
    left: 54%;
}

@keyframes move {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
.versmdeo {

    bottom: 57px;
    left: 57%!important;
}

}


@media  (max-width: 767px) {
	.losmoqn { font-size:13px!important;}
.versmdeo {

    bottom: 57px;
    left: 65%!important;
}
}


@media  (max-width: 767px) and (min-width: 461px) {
.cajaqr img {
    
    max-width: 12%!important;
    top: 50px!important;
   
}}

@media  (max-width: 460px) {
.cajaqr img {
    
    max-width: 16%!important;
    top: 55px!important;
   
}}




.nesleatar .icon1{
  font-size: 60px;
  background: #e21e25;
  height: 120px;
  width: 120px;
  color: white;
  border-radius: 50%;
  line-height: 120px;
  text-align: center;
  margin-bottom: 10px;
}
.nesleatar header{
  font-size: 28px;
font-weight: 600!important;
  margin-bottom: 10px;
	    color: black;
}
.nesleatar p{
  line-height: 20px;
  color: black;
}

.nesleatar button{
  margin-top: 15px;
  background: #f7a619;
  color: white;
  font-size: 25px;
  border: 1px solid #f7a619;
  letter-spacing: 1px;
  cursor: pointer;
  outline: none;
  transition: .3s;
}
.nesleatar button:hover{
  background: #1ed2fa;
  border: 1px solid #05cdfa;
  letter-spacing: 2px;
}

.clekskp{}
.nesleatar input, .nesleatar button{
  height: 50px;
  width: 90%;
  border-radius: 3px;
}
.nesleatar .icon2{
  position: absolute;
  height: 50px;
  width: 50px;
  margin-top: 15px;
  background: #e21e25;
  color: white;
  line-height: 50px;
  font-size: 24px;
  border-radius: 5px 0 0 5px;
}
.nesleatar input{
  margin-top: 15px;
  padding: 0 65px;
  font-size: 18px;
  outline: none;
  border: 2px solid #e21e25;

}
.nesleatar input::placeholder{
  color: #e21e25;
}

.nesleatar {
display: block!important}

.bonsusc{ background: #e21e25!important }


.clekskp{
width: 18px!important;
    height: 18px!important;
    margin-top: 0px!important;
}
.labelode { color: #e21e25!important; margin-top: 20px; margin-bottom: 25px;}

.cajaqr p{
text-align: justify!important}

.cecece:hover { opacity: 0.6}
 
.modalcero {

background: #292929!important; }
.modalcero p, .modalcero span, .modalcero a {
color: white!important;
}
.modalcero a {
	    display: block;
    width: 100%;
    padding: 15px;
    font-size: 16px;
}


.btnso {
background: black;
	
}


.whb-general-header:before{

 content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image: 
			
			linear-gradient(120deg, #292929, #292929);*/

    opacity: .7;
}


.site-logo img {
border-radius: 50%;
    border: 1px solid grey;
padding-top: 0px!important;
padding-bottom: 0px!important;}