/*********************
BREAKPOINTS
*********************/
/* Hero
==============================================*/
.blackscreen {
    background: #222222;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -5;
    height: 100%;
    position: absolute;}
.rowhero {
height: 350px
}
#menu-menu-1 .menu-item a {
color: #fff;
	position:relative;
font-size: 18px;
	    z-index: 1;

font-weight: 400
}

#menu-menu-eng .menu-item a {
color: #fff;
	position:relative;
font-size: 18px;
	    z-index: 1;

font-weight: 400
}
.mainhero {
    background-size: cover;
    overflow: hidden;
    padding-bottom: 50px !important;
    margin-bottom: -1px;
    background-position: 50% 0%;
}
.main-inter p {
color: #fff;
font-size: 19px;
line-height: 30px
}
.main-inter h2 {
font-family: 'tt_normsregular';
font-weight: 300;
letter-spacing: 2px
}
h2 strong {
font-family: 'tt_normsextrabold'
}
.frontpart{position:relative;
}
.frontpart:after{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
     background: url(/wp-content/themes/customwp/assets/img/blackbg.png), linear-gradient(0deg, rgba(255, 194, 0, 0.2), rgba(191, 139, 32, 0.2), rgb(191, 		139, 32, 0), rgba(100, 84, 60, 0.5),rgba(8, 62, 33, 0.45));
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 100%;

}
.bird {
z-index: 2;
	position: relative; 
	top: 50px;
}
.mainhero .main-inter {
	z-index: 1;
	position:relative;
max-width: 600px;
    margin-left: auto;
}
.hero {
padding: 1.5rem;
position: relative
}
.hero:after {
position: absolute;
border-radius: 7px;
content: "";
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: .13
}
.hero h2 {
text-shadow: 2px 2px 9px rgba(0, 0, 0, .4);
color: #fff;
z-index: 1
}
/* Intro
==============================================*/
.introtext {
z-index: 1
}
.introimg {
z-index: 2;
	padding:20px;
}
#intro {
padding: 150px 0;
padding-top: 60px;
padding-bottom: 0;
position: relative;
background: url(/wp-content/themes/customwp/assets/img/biodiversidad-bg.png), linear-gradient(0deg, #362912, #181510);
background-size: 100%;
background-position: 50% 100%;
background-repeat: no-repeat;
overflow: hidden
}
#intro p {
font-size: 19px;
color: #fff;
line-height: 32px;
text-align: right
}
#intro h2 {
color: #fff;
letter-spacing: 2px;
font-family: 'tt_normsregular';
font-weight: 300;
text-align: right
}
#intro h2 strong {
font-family: 'tt_normsextrabold';
color: #5f5044
}
.divider-1 {
background: url(/wp-content/themes/customwp/assets/img/nosotros-divide.png);
height: 250px;
width: 100%;
display: block;
background-size: 100%;
background-position: 50% 100%;
background-repeat: no-repeat;
z-index: 2;
margin-bottom: -1px;
position: relative
}
.bgsmoke {
background: url(/wp-content/themes/customwp/assets/img/bgsmoke.png);
height: 100%;
width: 90%;
margin-left: auto;
top: 0;
right: 0;
position: absolute;
background-size: 100%;
z-index: 0;
background-repeat: no-repeat;
background-position: 50% 100%
}
.mystyle {
display: none !important
}
@keyframes ruedita {
0% {
transform: translateY(-2px)
}
50% {
transform: translateY(2px)
}
100% {
transform: translateY(-2px)
}
}
@keyframes flechitas {
0% {
opacity: .1
}
50% {
opacity: .25
}
100% {
opacity: .1
}
}
.cont-mouse {
z-index: 1;
border-radius: 50%;
width: 100px;
height: 100px;
display: flex;
position: relative;
flex-direction: column;
align-items: center;
margin: 0 auto
}
.mouse {
width: 23px;
height: 42px;
border-radius: 60px;
border: solid 3px #fff;
margin-bottom: 10px;
position: relative
}
.rcont {
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 15px
}
.cont-mouse p {
margin: 0;
color: #fd6c47;
letter-spacing: 2px;
font-size: 12px;
font-family: 'tt_normsbold'
}
.ruedita {
width: 3px;
height: 7px;
border-radius: 3px;
background-color: #fff;
display: block;
margin: 0 auto;
animation-name: ruedita;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-out
}
}
.flechas {
position: absolute;
top: 1px;
left: 0;
background-image: url(../../img/flechas.svg);
width: 100%;
height: 29px;
background-position: center;
background-size: auto 100%;
animation-name: flechitas;
animation-duration: 1s;
animation-iteration-count: infinite;
text-align: center;
padding: 4px 0
}
/* Nosotros
==============================================*/
.logo-nosotros {
margin: 0 auto;
display: block
}
#nosotros {
padding: 0 25px;
	overflow: hidden;
background: #FAF3EB;
margin-bottom: -10px
}
#nosotros h4 {color: #8F282C;}
#nosotros img {
max-width: 480px;
display: block;
margin-left: auto
}
.divider-2 {
background: url(/wp-content/themes/customwp/assets/img/productos-divide1.png);
height: 320px;
width: 100%;
display: block;
background-size: 101%;
background-position: 50% 0%;
background-repeat: no-repeat;
z-index: 2;

position: relative
}
/* Productos
==============================================*/
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0,40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
.fadeInLeft {
animation: fadeInLeft 2s
}
.fadeEffect {
animation: fadeEffect 1s
}
.cafeimg {
margin-left: auto;
display: block
}
.splide--fade>.splide__track>.splide__list>.splide__slide{width: 100% !important;}
#productos1 {
background: #1a1512;
    background-image: url(/wp-content/themes/customwp/assets/img/productobg.jpg);
    background-size: 100%;
    background-position: 50% 100%;
    padding: 0;
    background-repeat: no-repeat;
}
#productos1 h4,
#productos1 h3,
#productos1 p {
color: #fff;
margin-left: 10px
}
.splide__arrow--next{    right: -2em !important;}
#productos1 h6 {
margin-left: 10px
}

#productos1 h3 {
text-transform: uppercase;
font-size: 28px;
line-height: 35px
}

#secondary-slider .splide__slide img {
    vertical-align: middle;
    width: 45px;
    padding:8px;
	display:block;
	margin: 0 auto;
}
#secondary-slider2 .splide__slide img {
    vertical-align: middle;
    width: 45px;
    padding: 8px;
}
.verproductos {

	    border: solid 2px !important;

}
.prodimg {margin: 0 auto; display: block;}
.splide__list {width: 100% !important;} 

.prod-thumb {
align-items: center;
position: relative;
justify-content: center;
margin-left: 10px;
margin-right: 5px
}
.close img {
padding: 7px;
border-radius: 20px;
border: solid #fff 2px
}
.close img:hover {
border: solid #FD6C47 2px
}
.prod-descrip2 {
border-top: solid rgba(255, 255, 255,.3) 1px
}
.verproductos:hover {
background: transparent;
color: #fff;
border: solid #fe6d48 2px !important;
}
#base-productos2 {
display: none
}
.prod-thumb>img:hover:after {
opacity: 1
}
.prod-thumb>img:after {
content: "LEER MÁS";
width: 80px;
opacity: 0;
text-align: center;
transition: 0.5s;
color: #7c1992;
font-size: 14px;
letter-spacing: 1px;
font-weight: 500;
display: block;
font-family: poppins
}
.tab {
overflow: hidden
}
.tab button {
margin-right: 10px;
	    margin: 5px 0;

background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
font-family: 'tt_normsregular';
letter-spacing: .5px;
padding: 8px 15px;
transition: 0.3s;
color: #969696;
font-size: 16px;
text-transform: uppercase;
border-radius: 7px
}
.tab button.active {
border: solid #fe6d48 2px;
color: #fe6d48
}
.tablinks3.active {

border: solid 2px #8f282c !important;

}


.tablinks3 {
color: #8f282c !important;
float: none !important;
margin: 0 !important;

padding: 6px 10px !important
}

.tabcontent {
display: none;

-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
}
.tabcontent2 {
display: none;
animation: fadeInLeft 1s;
}
.tabcontent3 {overflow: hidden;}
.nextb1 {
margin-left: 0 !Important
}
.arrowsb2 button {
margin-left: 10px;
border-radius: 30px;
width: 45px;
height: 42px;
border: none;
background: transparent;
line-height: 0;
transform: rotate(90deg);
border: solid 2px #424242
}
.tabcontent2 h3 {
font-family: 'tt_normsregular';
margin-bottom: 10px;
font-size: 28px;
letter-spacing: 1px
}
.contenttab {
	padding-top: 10px;
padding: 20px 10px;
overflow: hidden;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
transition: max-height 0.2s ease-out;
background-color: rgba(12, 12, 12, .33)
}
.contenttab p {
display: flex;
align-items: center;
line-height: 20px;
margin-left: 0
}
.contenttab p img {
padding-right: 3px
}
.contenttab h6 {
font-size: 15px;
color: #fe6d48;
font-family: 'tt_normsregular';
padding: 5px 0;
margin: 0;
font-weight: 500;
padding-top: 20px
}
.contenttab p {
margin: 0
}


.humedad-bar {
background: #FD6C47;
width: 97%;
position: relative;
margin: 0 10px;
height: 30px
}
.in-bar {
background: #fec72b;
height: 100%;
position: absolute
}
.in-bar p {
text-align: right !important;
color: #1b1b1b !important;
padding-top: 5px
}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active {border:none;}
.splide--nav>.splide__track>.splide__list>.splide__slide.is-active img {
border: solid 2px #fec72b !important;
border-radius: 50px;
}
.splide--nav>.splide__track>.splide__list>.splide__slide {
cursor: pointer;
}
.splide--nav>.splide__track>.splide__list>.splide__slide {    height: 80px !important;
    width: 80px !important;
}
.divider-3 {
background: url(/wp-content/themes/customwp/assets/img/productos-divide2.png);
height: 180px;
width: 100%;
display: block;
background-size: 100%;
background-position: 50% 100%;
background-repeat: no-repeat;
z-index: 2;
margin-bottom: -1px;
position: relative
}

.divider-4 {
background: url(/wp-content/themes/customwp/assets/img/divider4.png);
height: 350px;
width: 100%;
display: block;
background-size: 100%;
background-position: 50% 100%;
background-repeat: no-repeat;
z-index: 2;
margin-bottom: -1px;
position: relative
}
/* ¿Como lo hacemos?
==============================================*/

#comolohacemos1 {
background: #FAF3EB;
padding-top: 0
}
#comolohacemos1 h2 {
color: #8F282C;
text-align: center;
margin-bottom: 20px
}
#comolohacemos1 .tab {
justify-content: center;
display: flex;
	z-index:2;
	position: relative;
}
.arrowsb3 svg {filter: invert(73%) sepia(72%) saturate(5176%) hue-rotate(332deg) brightness(102%) contrast(98%);

}
#comolohacemos1 .splide__track {    height: 570px;
}


#secondary-slider .splide__track {
    align-items: center;
    display: flex;
}

#secondary-slider2 .splide__track {
    align-items: center;
    display: flex;
}
#primary-slider .splide__track {
    align-items: center;
    display: flex;
}
#primary-slider2 .splide__track {
    align-items: center;
    display: flex;
}

#timel-slider .splide__pagination{    bottom: -20px;
}
#timel-slider .splide__slide { margin: 0px; display: flex; align-items:center;    }
#timel-slider .splide__slide img {width: 100%;}
#timel-slider .splide__slide .timel-box {margin: auto;  }
#timel-slider .splide__slide.is-active  .timel-box { margin: auto;             background: linear-gradient(90deg, #faf3eb3d, #faf3eb, #faf3eb3d);


}
#timel-slider .splide__slide.is-active .timel-box > div  {   width: 100%;
	    width: 98%;
    margin: 0 auto;
    text-align: center;
	    background: rgba(255, 255, 255, .45);

    padding: 12px 0;
    border-width: 5px;
    color: #333333 !important;
    border-radius: 10px;
	    animation: fadeEffect 0.5s;


}

#timel-slider .splide__slide.is-active .timel-box > p {opacity:1; display:block;}
#timel-slider .splide__slide.is-active .timel-box > img {    
     width: 270px;
	height: 270px;
	    animation: fadeEffect 0.5s;

    position: relative;
    top: -10px;
}

#timel-slider .splide__slide .timel-box > img {    display: block;
    width: 180px;
	height: 180px;
	position: relative;
    margin: 0 auto;
   }

#timel-slider .splide__slide.is-active .timel-box .ball {display:none;}
#timel-slider .splide__slide .timel-box .ball {    background: #fe6d48;
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
border-radius: 40px;
position: relative;}

#timel-slider .splide__slide.is-active .timel-box > div p  {
	height: auto;
display: block;
padding: 0 15px;
font-size: 15px;
line-height: 26px;
opacity:1;
text-align: justify;
}
#timel-slider .splide__slide.is-active .timel-box > div h4  {
font-size: 31px;

padding-bottom: 7px;
}

#timel-slider .splide__slide .timel-box > div p  {
    opacity: 0;
    height: 280px;
}
#timel-slider .splide__slide .timel-box > div  {width: 80%;
margin: 0 auto;
}

//timel2


#timel-sliderb .splide__pagination{    bottom: -20px;
}
#timel-sliderb .splide__slide { margin: 0px; display: flex; align-items:center;    }
#timel-sliderb .splide__slide img {width: 100%;}
#timel-sliderb .splide__slide .timel-box {margin: auto;  }
#timel-sliderb .splide__slide.is-active  .timel-box { margin: auto;             background: linear-gradient(90deg, #faf3eb3d, #faf3eb, #faf3eb3d);


}
#timel-sliderb .splide__slide.is-active .timel-box > div  {   width: 100%;
	    width: 98%;
    margin: 0 auto;
    text-align: center;
	    background: rgba(255, 255, 255, .45);

    padding: 12px 0;
    border-width: 5px;
    color: #333333 !important;
    border-radius: 10px;
	    animation: fadeEffect 0.5s;


}

#timel-sliderb .splide__slide.is-active .timel-box > p {opacity:1; display:block;}
#timel-sliderb .splide__slide.is-active .timel-box > img {    
     width: 270px;
	height: 270px;
	    animation: fadeEffect 0.5s;

    position: relative;
    top: -10px;
}

#timel-sliderb .splide__slide .timel-box > img {    display: block;
    width: 180px;
	height: 180px;
	position: relative;
    margin: 0 auto;
   }

#timel-sliderb .splide__slide.is-active .timel-box .ball {display:none;}
#timel-sliderb .splide__slide .timel-box .ball {    background: #fe6d48;
width: 20px;
height: 20px;
display: block;
margin: 0 auto;
border-radius: 40px;
position: relative;}

#timel-sliderb .splide__slide.is-active .timel-box > div p  {
	height: auto;
display: block;
padding: 0 15px;
font-size: 15px;
line-height: 26px;
opacity:1;
text-align: justify;
}
#timel-sliderb .splide__slide.is-active .timel-box > div h4  {
font-size: 31px;

padding-bottom: 7px;
}
#timel-sliderb .splide__slide. .timel-box > div h4  {
font-size: 30px !important;
}
#timel-sliderb .splide__slide .timel-box > div p  {
    opacity: 0;
    height: 280px;
}
#timel-sliderb .splide__slide .timel-box > div  {width: 80%;
margin: 0 auto;
}

//end

.timel-box h4{     text-align: center;    
	margin: 10px 20px;
    line-height: 30px;

color: #8F282C; font-size: 19px;
}
.timel-box { width: 420px; transition: 0.5s; padding-top:0; 
    position: relative; }
.is-active .timel-box  {}
.timel-slider-container {width:100%; position: relative;     top: -40px;    height: 550px;

}
.timel-slider-container:before {
content: "";
position: absolute;
top: 36%;
width: 100%;
background: #a5a5a5;
height: 1px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.splide__pagination__page.is-active {
transform: scale(1.4);
background: #8f282c !important;
opacity: 1;
}

.timel-box h4{     text-align: center;
color: #8F282C; font-size: 19px;	margin: 10px 20px;    line-height: 30px;


}
.timel-box { width: 420px; transition: 0.5s; padding-top:0; height: 400px; 
    position: relative; }
.timel-slider-container {width:100%; position: relative;     top: -40px;
}
.timel-slider-container:before {
    content: "";
    position: absolute;
    top: 36%;
    width: 100%;
    background: #e2c9ac;
    height: 3px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.arrowsb3 {    
margin-top: 6px;
width: 100%;
z-index: 1;
max-width: 380px;
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative;
top: 180px;}
.arrowsb3 img  {
cursor: pointer;
align-items: center;
display: flex;
}
.nextb, .prevb {       outline: none;
    display: block;
    cursor: pointer;
    background: #f3e7db;
    line-height: 0;
    border-radius: 100px;
    padding: 7px;
    border: none;}
.nextb:disabled {border: solid 2px #cecece !important;}
.prevb:disabled {border: solid 2px #cecece !important;}


/* Contacto
==============================================*/
#contacto1 a img {padding-right:5px;     
}
.contactoinfo {display:flex; padding: 7px 0;font-size: 20px; text-decoration: none;}
#contacto1 {  position:relative;  background: #27211a;     background-image: url(/wp-content/themes/customwp/assets/img/tablebg.jpg);
}
#contacto1 h5 {    margin: 10px 0;   font-family: 'tt_normsregular';}
#contacto1 h4 {margin:0; font-size: 35px; line-height: 40px;}
#contacto1 p, #contacto1 h4, #contacto1 h5, #contacto1 a {color:#fff;}
#contacto1 h2 {color:#fe6d48; text-transform: uppercase;}
.contactointer { margin: 20px auto; max-width: 600px;     padding: 0 20px;
   }
.contactobg {position: relative;   

    right: 1rem;}
.granoscafe{        position: absolute;
  
    width: 130px;
    top: 80px;
    z-index: 2;
    left: 37%;}
.granoscafe2{       
	    position: absolute;
    width: 80px;
    bottom: 130px;
    z-index: 2;
    right: 28%;}
.granoscafe3{  
	position: absolute;
    width: 80px;
    top: 170px;
    z-index: 2;
    right: 15%;}

	
	.homesections{
  position:absolute;
}


/* Fuentes
==============================================*/
@font-face {
font-family: 'tt_normsregular';
src: url(/wp-content/themes/customwp/assets/fonts/ttnorms-regular-webfont.woff2) format('woff2'), url(/wp-content/themes/customwp/assets/fonts/ttnorms-regular-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: 'tt_normsextrabold';
src: url(/wp-content/themes/customwp/assets/fonts/ttnorms-extrabold-webfont.woff2) format('woff2'), url(/wp-content/themes/customwp/assets/fonts/ttnorms-extrabold-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: 'tt_normsbold';
src: url(/wp-content/themes/customwp/assets/fonts/ttnorms-bold-webfont.woff2) format('woff2'), url(/wp-content/themes/customwp/assets/fonts/ttnorms-bold-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
/* Main
 * 
==============================================*/

::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#666666}::-webkit-scrollbar-thumb{background:#222222;border-radius:30px;transition:.5s;}::-webkit-scrollbar-thumb:hover{background:#111111;transition:.5s}


html, body {
  margin: 0;
  scroll-behavior: smooth;

}


.onlymb{
display:none
}
p {
line-height: 27px
}
strong {
font-family: 'tt_normsbold'
}
a,
p,
ul li {
font-family: 'tt_normsregular';
font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'tt_normsbold';
font-display: swap;
}
h2 strong {
font-family: 'tt_normsextrabold'
}
h1 {
font-size: 3.5rem;
font-weight: 600;
}
h2 {
font-size: 2.65rem;
    line-height: 2.9rem;
}
h3{
font-size:2.1rem;
margin:1.5rem 0;
line-height:2.2rem
}
h4{
font-size:1.8rem;
margin:1.2rem 0;
line-height:1.95rem
}
h5{
font-size:1.4rem;
margin:1rem 0;
line-height:1.5rem
}
h6{
font-size:1.2rem;
margin:1rem 0;
line-height:1.35rem
}
/* Links */
a:link {
color: black;
}
a:link:hover {
color: rgba(0, 0, 0, 0.6);
}
a:visited, a:active {
color: black;
}
/* Inputs */
input {
border: none;
background-image: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-submit input {
font-size: 16px;
position: relative;
display: inline-block;
box-sizing: border-box;
min-width: 11rem;
padding: 3px 2rem;
font-family: "Open Sans", sans-serif;
cursor: pointer;
border: none;
background: #318cc5;
border-radius: 60px;
line-height: 3rem;
color: #fff;
transition: background-color,.15s;
}
.form-submit input:hover{
background:#39f;
border-color:#39f;
color:#fff
}
.wpcf7-response-output {
color: #318CC5;
}
.wpcf7-not-valid-tip{
color:red;
}
/* Layout Elements
==============================================*/

.button{
position:relative;
display:inline-block;
box-sizing:border-box;
min-width:11rem;
padding:3px 2rem;
margin:1rem;
line-height:3rem;
background:#007fff;
border-radius:2px;
color:#fff;
font-size:1.25rem;
transition:background-color,.15s
}
.button:hover{
background:#39f;
border-color:#39f;
color:#fff
}
.button:active{
background:#007fff;
color:#fff;
border-top:2px solid #06c
}
.button2{
position: relative;
display: inline-block;
box-sizing: border-box;
padding: 0 1.5rem;
text-align: center;
line-height: 3rem;
border-radius: 80px;
cursor: pointer;
font-weight: 400;
color: #318cc5;
border: solid 2px #318cc5 !important;
font-size: 1.15rem;
transition: background-color,.15s;
}
.button2:hover{
border: solid 2px transparent !important;
background:#318cc5;
color:#fff
}
/* Header
==============================================*/
#custom-logo {
width: 170px;
	    transition: .25s;

}
.menu{
list-style:none;
display:flex;
padding:0
}
.enlacescontain .menu{
display:block;
margin-left:25px;
margin-top:140px
}
.menu-menu-container{
margin:0 auto;
z-index: 1;
position: relative;
}
.menu-menu-eng-container, .menu-menu-es-container {margin:0 auto;}
.entry-header{
position:relative
}
header{
transition:ease .5s;
position:fixed;
width:100%;
background-size:cover;
background-position:center;
z-index:99
	
}
header nav{
width:100%;
display:flex;
justify-content:space-between;
align-items:center
}
.carrito {    display: flex;
align-items: center;
}
.carrito > a {text-decoration: none;}
.carrito svg {width: 40px; height: 34px; color: #fff;}
.carrito li {list-style:none;}
.contadorcarrito {
text-decoration: none;
font-family: 'tt_normsbold';
font-size: 18px;
color: #faf3eb !important;
background: #8f282c;
padding-left: 6px;
padding: 3px 7px;
margin-left: 3px;
border-radius: 40px;
}
#mainnav .button2{
margin-right:20px;
height:64px;
align-items:center;
display:flex;
font-weight:500;
}
.menu li{
padding:15px 20px;
font-weight:500;
list-style:none
}
.uno{
top:0;
transform:translate3d(100%,0,0);
-webkit-transform:translate3d(100%,0,0);
opacity:0
}
.dos{
top:0;
transition:all .7s;
overflow-y:auto;
transform:translate3d(0,0,0);
-webkit-transform:translate3d(0,0,0);
opacity:1
}
.tres{
transition:all 1s ease;
transform:translate3d(100%,0,0);
-webkit-transform:translate3d(100%,0,0);
opacity:0;
top:0;
}
#icon2{
width: 30px;
    height: 40px;
position: relative;
margin: 0% 0%;
margin-top: 30px;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 999;
}
#icon2 span{
display:block;
position:absolute;
height:3px;
width:80%;
background:#fff;
border-radius:9px;
opacity:1;
left:0;
-webkit-transform:rotate(0);
-moz-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
#icon2 span:nth-child(1){
top:0;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
#icon2 span:nth-child(2){
top:14px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
#icon2 span:nth-child(3){
top:28px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
transform-origin:left center
}
#icon2.open span:nth-child(1){
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
top:-1px;
left:8px
}
#icon2.open span:nth-child(2){
width:0%;
opacity:0
}
#icon2.open span:nth-child(3){
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);

left:8px
}
.enlaces{
display:flex;
justify-content:center;
align-items:flex-end;
transition:.45s
}
.enlaces a{
margin-right:30px;
font-size:19px;
color:#318cc5;
margin:10px 10px;
text-decoration:none
}
.verproductos {float:right !important;}
nav .logo img{
width:230px;
padding-top:20px;
padding-left:15px
}
.enlaces .direc{
padding-left:20px
}
.enlaces h2,.enlaces p{
color:#fff;
padding-left:20px
}
.enlacescontain{
height: 100%;
background: black;
box-shadow: 0 15px 55px -5px rgba(9,31,67,.15);
overflow-y: auto;
width: 40%;
min-width: 300px;
background-size: cover;
max-width: 480px;
position:relative;
}
.enlacescontain:after {
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 0;
width: 100%;
height: 100%;
opacity: 0.90;
background: #2d1f11;
}
#logo{
transition:width .5s ease-in-out
}
.icono{
margin-left:20px;
margin-right:12px;
justify-content:center;
color:#fff;
padding:10px;
margin-top:15px;
z-index:0;
width:50px;
line-height:20px;
height:50px;
cursor:pointer;
font-size:30px;
margin-bottom:5px
}
#icon{
width:100%;
height:100%;
top:0;
position:absolute;
z-index:-99;
padding:0!important;
margin:0!important;
left:0
}
.enlaces{
position:fixed;
right:0;
background: linear-gradient(-90deg, rgba(0, 0, 0, .44), transparent);
overflow-y:auto;
width:100%;
height:100%;
flex-direction:column;
background-repeat:no-repeat;
background-position:50% 50%
}
.headerbar{
padding:0
}
header {
background: transparent;
top: 0;
}
header .menu-item a {color:#fff;}
.menu a {   font-weight: 400;
}
.enlacescontain .menu-item a {         color: #ffffff !important;
font-family: 'tt_normsregular';
text-transform: uppercase;
font-size: 23px;
letter-spacing: 2px;
}
.menu-button-icon{
width:2rem;
height:2rem
}
.menu-link{
box-sizing:border-box;
padding-left:3rem;
display:block;
color:#007fff;
transition:color .2s ease-in
}
.menu-link:hover{
color:#3298ff;
border-bottom:0
}
.link-top{
align-self:flex-end
}
@media only screen and (min-width:48rem){
.slide-menu{
width:25%
}
.open{
transform:translate3d(0,0,0)
}
.open span{
background:#FD6C47!important
}
.box,.box-first,.box-large,.box-nested,.box-row{
padding:1rem
}
.invisible-md{
display:none;
visibility:hidden
}
.visible-md{
display:block;
visibility:visible
}
}
@media screen and (max-width:992px){
	#nosotros img {margin: 0 auto;}
	.splide__arrow--next{    right: 0em !important;}
	
	a {font-size: 15px;}

.menu ul{
display:block
}
.onlymb{
display:block
}
.menu ul li{
display:none
}
.enlacescontain ul li{
display:block
z-index:9;
}
header .container{
padding:0 20px
}
.main-header{
top:0!important
}
#header .button2{
display:none
}
.icono{
display:flex!important
}
	
}

@media screen and (max-width:1180px){
.granoscafe{         
	position: absolute;
    width: 100px;
    top: 50px;
    z-index: 2;
	left: 36%;}
.granoscafe2{       
	    position: absolute;
    width: 80px;
    bottom: 90px;
    z-index: 2;
    right: 28%;}
.granoscafe3{  
	position: absolute;
    width: 80px;
    top: 120px;
    z-index: 2;
    right: 10%;}
}
.mob {display:none;}
@media screen and (max-width:1200px){
	.mainhero .main-inter {margin: 0 auto !important; }
		#secondary-slider{display:none;}
	#secondary-slider2{display:none;}
	
}

@media screen and (max-width:1023px){

.splide__arrow {top: 20% !important;}


}

@media screen and (max-width:992px){
	.logo-nosotros
	{display: none !important;}
	.granoscafe,.granoscafe2,.granoscafe3{display:none;         
	}
	.plato {padding: 30px 0 ;}

#custom-logo {	
    width: 130px;
}
	.contactointer {    padding-top: 30px;
}
}

@media screen and (max-width:1024px){
	.trig {
    height: 45px;
    display: block;
}
}


@media screen and (max-width:768px){
	.logolink {margin: 0 auto;
	    padding-left: 30px;
}
	
	.trig {
    height: 85px;
    display: block;
}
	.frontpart:after {    
    background: url(/wp-content/themes/customwp/assets/img/blackbg.png), linear-gradient(0deg, rgba(255, 194, 0 ,0.11), rgba(191, 139, 32, 0.2), rgba(191, 139, 32, .09), rgba(100, 84, 60, .75),rgba(8, 62, 33, 0.65));

    background-position: 50% 100%;
    background-repeat: no-repeat;
}
	
	.bird{    top: -20px;
    position: relative;}
	.bgsmoke{display:none;background:none;}
	#intro {padding-top: 20px;}
	#timel-slider .splide__slide.is-active .timel-box > img {width :230px; height: 230px;}
	#timel-sliderb .splide__slide.is-active .timel-box > img {width :230px; height: 230px;}
	 .mob-reverse {
        flex-direction: column-reverse
    }
	.mob-reverse > div {width: 100%;}
	#custom-logo {
width: 170px
}
			h2 {font-size: 36px; line-height: 39px;}
	.tab button {float: none !important;}
	.divider-2 {height: 150px;}
	.divider-4 {height: 150px;}

}
@media screen and (max-width:480px){
#timel-slider .splide__slide.is-active .timel-box > div
	{width: 95%;}
	
	.mainhero video {display:none;}
	.mobilebg {
		background-image: url(/wp-content/themes/customwp/assets/img/mobilebg.jpg) !important;
	display:block;
    background: #222222;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -5;
		background-size: cover;
		    background-position: 80% 50%;

    height: 100%;
    position: absolute;}

	.pcd {display:none;}
	.mob {display:block;     padding-top:30px;}
	.contactoinfo img {width: 20px; height: 20px;}
	.contactoinfo {font-size: 16px;}
	.divider-2 {height: 100px;}
	.divider-4 {height: 120px;}
	.trig {height: 90px;
	display:block;}

	
			h2 {font-size: 32px; line-height: 36px;}
	.divider-1 {    height: 85px;
}
	.bgsmoke {display:none;}
	#intro {    background-image: none;
		background: linear-gradient(0deg, #362912, #181510);
}

}

/* Hero
==============================================*/
.hero {
position: relative;
}
.hero::after {
content: "";
background-size: cover;
background-repeat: no-repeat;
background-position: 60%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.hero__wrapper {
text-decoration: none;
height: 32vh;
display: -ms-grid;
display: grid;
-ms-flex-line-pack: end;
align-content: end;
}
.hero__wrapper h1 {
margin: 26px;
padding-bottom: 20px;
}
@media screen and (min-width: 768px) {

.hero__wrapper {
height: 88vh;
-ms-flex-line-pack: center;
align-content: center;
}
}
/* Footer */
.entry-footer{
padding:0 20px
}
.page-footer{
box-sizing:border-box;
padding-bottom:3rem
}
.widget ul{
padding:0;
list-style:none
}
.f1,.f2,.f3{
padding:10px
}
.footerf{
padding:10px
}
.copyright {
padding-top: 10px;
padding-bottom: 10px;
color: #a5a5a5;
width: 100%;
background: #27211a;
}
.copyright p{
color: #fff;
	    padding: 0 30px;

}
.footermenu .menu{
display:block;
padding:0
}
.footermenu .menu ul{
padding:0;
display:block
}
.main-footer{
padding:30px;
background:#fff
}
.footermenu .menu-menu-container{
margin:0
}
@media screen and (min-width: 768px) {
}
}
.footer-container__heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer-container__body {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.footer-container__body a {
display: block;
padding: 8px 0;
}
@media screen and (min-width: 768px) {
.footer-container__body {
display: block;
}
.footer-container__heading {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-container__heading svg {
display: none;
}
}
/*Blog*/
.paginacion{
padding:20px;
width:100%;
margin:0 auto;
text-align:center
}
.fabs{
bottom:0;
position:fixed;
margin:1em;
left:0
}
.fab1{
align-items:center;
display:flex;
display:block;
width:45px;
height:44px;
border-radius:50%;
text-align:center;
color:#fff;
margin:20px auto 0;
box-shadow:0 5px 11px -2px rgba(0,0,0,.18),0 4px 12px -7px rgba(0,0,0,.15);
cursor:pointer;
-webkit-transition:all .5s ease-out;
transition:all .1s ease-out;
position:relative;
align-items:center;
display:flex;
justify-content:center
}
.fab1.indigo{
background:#3f51b5
}
.fab1.blue{
background:#2196f3
}
.fab1.light-blue{
background:#03a9f4
}
.fab1.main{
background: #318cc5;
}
.fab1 img{
width:25px
}
.fab1:active,.fab1:focus,.fab1:hover{
box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)
}
.fab1:not(:last-child){
width:36px;
height:35px !important;
margin:20px auto 0;
opacity:0
}
.fab1:not(:last-child)>i{
font-size:18px;
line-height:40px;
transition:all .3s ease-in-out
}
.fabs:hover .fab1:not(:last-child){
opacity:1;
width:40px;
height:39px;
margin:15px auto 0
}
.fab1:nth-last-child(1){
-webkit-transition-delay:25ms;
transition-delay:25ms
}
.fab1:not(:last-child):nth-last-child(2){
-webkit-transition-delay:20ms;
transition-delay:20ms
}
.fab1:not(:last-child):nth-last-child(3){
-webkit-transition-delay:40ms;
transition-delay:40ms
}
.fab1:not(:last-child):nth-last-child(4){
-webkit-transition-delay:60ms;
transition-delay:60ms
}
.fab1:not(:last-child):nth-last-child(5){
-webkit-transition-delay:80ms;
transition-delay:80ms
}
.socialico img{
width:20px;
padding-top:3px
}
.backhome{
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
padding: 10px;
border-radius: 30px;
border: solid #cecece 2px;
}
.backhome img {
width: 25px;
display: block;
margin: 0 auto;
padding-top: 4px;
}
.screen-reader-text {
display:none;
}
.comment{
margin:0 20px;
padding:25px 0;
border-bottom:solid #fafafa 1px
}
.comment2{
display:flex;
align-items:center;
margin-left:20px;
padding-bottom:10px
}
.comment2 p{
margin:0
}
.comment:nth-last-child(1){
border-bottom:none
}
.comment-content p{
margin-bottom:20px
}
.comment2 img{
width:20px;
align-items:center;
padding-right:4px
}
.cat{
padding:20px
}
.feedbox{
padding:30px
}
.blogbox:hover:after{
opacity:0
}
.blogbox:hover .authordata{
opacity:0
}
.blogbox:hover .blogdata{
opacity:0
}
.blogbox:after{
transition:.5s;
background:linear-gradient(0deg,#000,#ff000000);
position:absolute;
content:"";
top:0;
left:0;
width:100%;
height:100%;
opacity:.55;
border-radius:7px
}
.categ{
background:#222;
padding:5px 10px;
border-radius:30px;
color:#fff;
margin-right:15px
}
.blogbox{
background:#484848;
padding:10px;
height:410px;
background-size:cover;
background-position:50% 50%;
object-fit:contain;
margin:15px 0;
position:relative;
border-radius:10px
}
.blogdata{
z-index:1;
position:absolute;
bottom:0;
left:0;
right:0;
padding:0 20px;
padding-bottom:10px
}
.blogdata h6{
margin-top:0;
color:#b5b5b5;
align-items:center;
display:flex;
font-size:16px;
font-family:'Open Sans',sans-serif;
letter-spacing:1px
}
.ppic{
padding-right:10px
}
.blogbox .authordata p{
color:#fff
}
.ppic img{
border-radius:50px
}
.databox{
background:#fff;
-webkit-box-shadow:0 15px 40px rgba(0,0,0,.1);
box-shadow:0 15px 40px rgba(0,0,0,.1);
padding:20px
}
.databox h6{
font-family:graphieregular;
color:#b5b5b5;
display:flex;
margin-bottom:10px
}
.authordata{
margin-top:10px;
z-index:1;
position:relative;
display:flex;
align-items:center
}
.blogbox h2{
font-size:28px;
margin:5px 0;
color:#fff;
font-weight:600
}
.blogbox p{
margin:10px 0
}
.blog p{
text-align:justify;
padding:0 20px
}
.featuredimg{
background:#333;
height:350px;
object-fit:cover;
width:100%;
background-size:cover;
background-position:50% 50%
}
.feedblog{
padding:20px 0
}
.blogbox p{
padding:0;
margin:5px 0
}
.post-title{
padding:0;
margin:0;
margin-top:15px
}
.post-date{
color:#b5b5b5;
margin-bottom:0;
display:flex;
font-family: graphieregular;
}
#likes{
display:flex;
align-items:center
}
#likes img{
width:15px;
margin-right:5px
}
#featuredbanner{
background-size:cover;
background-repeat:no-repeat;
height:450px;
background:#333;
width:100%
}
.entry-header{
background:0 0!important
}
.entry-header h1{
font-size:2.8em
}
.post-content{
text-align:left;
margin:30px 0
}
.page{
z-index:0
}
.entry-content{
padding:0 20px
}
.comment-list{
padding:0
}
#comments input[type=color],#comments input[type=date],#comments input[type=datetime-local],#comments input[type=datetime],#comments input[type=email],#comments input[type=month],#comments input[type=password],#comments input[type=range],#comments input[type=search],#comments input[type=tel],#comments input[type=text],#comments input[type=time],#comments input[type=url],#comments input[type=week],input[type=number],textarea{
display:block
}
//