@charset "utf-8";
/* Aguacates Echartea CSS Style v1.0 */

/*********** CONTENIDOS ************/
/*
1) HEADER / FOOTER / SECTIONS
2) MENU
3) SLIDER
4) COLUMNS / MARGINS 
5) TITLES
6) TAGS
7) BUTTONS
8) LISTS
9) FORMS
10) BACKGROUNDS
11) STANDARD
12) ANIMATIONS
13) MEDIA
*/



/*********************************/
/* 1) HEADER / FOOTER / SECTIONS */
/*********************************/
 * {
     margin: 0;
}
 .wrap {
	width: 100%;
	max-width: 1600px;
	margin:0px auto;
	position: relative;
	z-index: 2;
}
 header {
	 -webkit-transition: all 0.3s;
	 -moz-transition: all 0.3s;
	 -ms-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
	 background: none;
	 width: 100%;
	 height: auto;
	 position: fixed;
	 top: 0;
	 left: 0;
	 z-index: 900;
	 overflow: inherit;
	 float: none;
	 margin: 0 auto;
	padding: 20px 0 60px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
header .mobile_logo_area {
	display: none;
}
 header #logo_area img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 266px;
    transition: all 0.3s;
    margin: -16px 0 -64px;
}
 header #main_nav {
    margin: 0 auto;
    transition: all 0.3s;
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
 header.smaller {
    transition: all 0.3s;
    padding: 10px 0 45px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
 header.smaller #logo_area {
    text-align: center;
    margin: 20px 0 0;
    transition: all 0.3s;
}
 header.smaller #logo_area img {
     transition: all 0.3s;
    max-width: 136px;
    margin: 0px 0 -45px;
}

#main_slider {
	color: #fff;
	text-align: center;
    padding: 320px 0 260px;
     width: 100%;
     background:url(img/banner_01.jpg) center center;
     background-repeat:no-repeat;
     background-size:cover;
     -webkit-background-size: cover;
     -moz-background-size:cover;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
     -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#title_area {
	color: #fff;
	text-align: center;
    padding: 210px 0 230px;
     width: 100%;
}
#title_area.conocenos {
     background:url(img/banner_producto.jpg) center center;
     background-repeat:no-repeat;
     background-size:cover;
     -webkit-background-size: cover;
     -moz-background-size:cover;
     filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
     -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#title_area.distribucion {
    background: url(img/banner_distribucion.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#title_area.clientes {
    background: url(img/banner_clientes.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#title_area.siempreensupunto {
    background: url("img/banner_siempre-en-su-punto.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#title_area.siempreensupunto video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	object-fit: cover;
}
#home_intro {
    margin: 0px auto;
    padding: 110px 0;
    width: 100%;
    position: relative;
	background-image: 
	linear-gradient(to top, rgba(154, 191, 153, 1) 0%, rgba(255, 255, 255, 0) 5%), 
	url('img/bg_texture.jpg');
	background-size: cover;
	background-position: center;
}
#home_intro:before, #siempre_area:before, #products_area:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 30px;
    margin: 0px 0 0;
    position: absolute;
    top: -30px;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(0deg, rgb(231 231 231) 0%, rgba(255, 255, 255, 0) 100%);
}
#confianza_area {
    margin: 0px auto;
    padding: 130px 0;
    width: 100%;
    position: relative;
	background-image: 
	linear-gradient(rgba(154, 191, 153, 1) 0%, rgba(255, 255, 255, 0) 5%), 
	url('img/bg_texture.jpg');
	background-size: cover;
	background-position: center;
}
#confianza_area_02 {
    margin: 0px auto;
    padding: 130px 0;
    width: 100%;
    position: relative;
    background: url(img/bg_texture.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#confianza_video {
    margin: 0px auto;
    position: relative;
    background: url(img/bg_texture.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";}
#tabla_area {
    margin: 0px auto;
    padding: 0;
    width: 100%;
    text-align: center;
    color: #fff;
}
#clients_area {
    margin: 0px auto;
    padding: 110px 0;
    width: 100%;
    position: relative;
	background-image: 
	linear-gradient(rgba(154, 191, 153, 1) 0%, rgba(255, 255, 255, 0) 0%), 
	url('img/bg_texture.jpg');
	background-size: cover;
	background-position: center;
}
#clients_area:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 30px;
    margin: 0px 0 0;
    position: absolute;
    top: -30px;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(0deg, rgb(231 231 231) 0%, rgba(255, 255, 255, 0) 100%);
}

#siempre_area {
    margin: 0px auto;
    padding: 110px 0 0;
    width: 100%;
    position: relative;
    background: url(img/bg_texture.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

#sueno_area {
    margin: 0px auto;
    padding: 90px 0 140px;
    width: 100%;
    position: relative;
    background: url(img/bg_02.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

#video_area {
    overflow: hidden;
    margin: 0px auto;
    padding: 280px 0;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 80px;
    letter-spacing: 1px;
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 85px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}
#video_area video {
	position: absolute;
    right: 50%;
    bottom: -50%;
    transform: translate(50%, 20%);
	min-width: 100%; 
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	object-fit: cover;
}
#contacto_area {
    margin: 0px auto;
    padding: 150px 0 0;
    width: 100%;
    position: relative;
    background: url(img/bg_03.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
	min-height: 500px;
	/* Create the parallax scrolling effect */
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#frase_area {
    color: #fff;
    font-size: 66px;
    line-height: 72px;
    font-style: italic;
    text-align: center;
    text-shadow: 3px 3px 30px rgb(13 53 16 / 60%);
    margin: 0px auto;
    padding: 120px 10%;
    width: 100%;
    position: relative;
    background: url(img/frase_bg.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
    min-height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#frase_area._title {
    background: url(img/frase_bg.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
#frase_area:before{
    content: '';
    display: inline-block;
    width: 100%;
    height: 30px;
    margin: 0px 0 0;
    position: absolute;
    top: 0px;
    left: 0;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(180deg, rgb(231 231 231) 0%, rgba(255, 255, 255, 0) 100%);
}
#sucursales_area {
    margin: 0px auto;
    padding: 60px 0;
    width: 100%;
    position: relative;
    background-image: linear-gradient(rgba(154, 191, 153, 1) 0%, rgba(255, 255, 255, 0) 0%), url(img/bg_texture.jpg);
}
#products_area, #products_area_02 {
    margin: 0px auto;
    padding: 90px 0;
    width: 100%;
    position: relative;
    background: url(img/bg_texture.jpg) top center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
 footer {
     width: 100%;
     height: auto;
     color: #fff;
    font-size: 18px;
    line-height: 20px;
     margin: 0px auto;
     padding: 20px 0;
     background: #00603c;
     font-weight: 400;
}
/*********************************/
/* 2) MENU */
/*********************************/
 header nav {
     width: 100%;
     text-align: center;
     margin: 0px auto;
     transition: all 0.3s;
}
 header.smaller nav {
     margin: 0px auto 0;
     transition: all 0.3s;
}
 header nav ul {
     list-style:none;
     text-align: center;
     padding: 0;
     margin: 0;
}
header nav ul li {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 13%;
}
header nav ul li#logo_area {
    text-align: center;
    transition: all 0.3s;
    width: 15%;
    margin: 35px 0 0px;
}
header .redes_area {
    position: absolute;
    right: 0;
    top: 35px;
    transition: all 0.2s ease-out;
}
header.smaller .redes_area {
    top: 28px;
}
header .redes_area ul {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}
header .redes_area ul li {
    display: inline-block;
    position: relative;
    margin: 0;	
}
header .redes_area ul li a{
    transition: all 0.2s ease-out;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 0 10px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.8);
}
header.smaller .redes_area ul li a{
    font-size: 22px;
    line-height: 22px;
}
 header nav ul li a {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    margin: -50px 0 0;
    display: inline-block;
    transition: all 0.3s;
    text-transform: none;
    letter-spacing: 1px;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.8);
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
header nav ul li:nth-child(6) a {
    margin: 0px 0 0px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0%, -60%);
}
 header.smaller nav ul li a {
    padding: 5px;
    font-size: 16px;
    line-height: 16px;
    text-shadow: 1px 2px 7px rgba(0, 0, 0, 1);

}
header.smaller nav ul li#logo_area a {
    margin: -30px 0 0;
    font-size: 16px;
    padding: 0px 0 0;
}
 header nav ul li a:hover{
    transition: all .3s ease-in-out;
    color: #fff;
    background: no-repeat;
    text-decoration: none;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 1);
}
header nav ul li a:after {
    transition: all 0.3s;
    content: '';
    display: inline-block;
    width: 0%;
    height: 1px;
    background: white;
    margin: 0px 0 0;
    position: absolute;
    left: 5%;
    bottom: -10px;
}
header nav ul li a:hover:after {
    transition: all 0.3s;
    content: '';
    display: inline-block;
    width: 90%;
    height: 1px;
    background: white;
    margin: 0px 0 0;
}
header nav ul li#logo_area a:after {
    transition: all 0.3s;
    content: '';
    display: none;
}
footer ul {
    padding: 0;
    margin: 30px 0 0px;
    width: 100%;
    display: inline-block;
    list-style: none;
    text-align: right;
}
footer ul li {
     display: inline-block;
    margin: 0 0 0 20px;
}
footer ul li a{
     font-size: 14px;
     line-height:14px;
     text-transform:uppercase;
     letter-spacing:1px;
     color:#fff;
     margin: 0px 0;
     display: inline-block;
}
footer ul li.icons a{
    font-size: 16px;
    margin: 0px 0 0px 5px;
}
/*********************************/
/* 3) SLIDER */
/*********************************/
.slider {
    position: relative;
}
.slider.prd img {border-radius:15px;}
.mySlides {
	display:none;
}
.slider button {
    font-size: 24px;
    line-height: 24px;
    border: none;
    display: inline-block;
    padding: 13px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.65);
}
.slider button.button-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%,-50%);
}
.slider button.button-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%,-50%);
}
.slider button:hover{
    transition: all 0.3s;
    background-color: rgba(0, 0, 0, 0.85);
}
/**/
* {
  box-sizing: border-box;
}
/* Position the image container (needed to position the left and right arrows) */
.agu_container {
  position: relative;
    margin: -50px 0 0;
}

/* Hide the images by default */
.agu_container .mySlides2 {
	display: none;
    text-align: center;
}

/* Add a pointer when hovering over the thumbnail images */
.agu_container  .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.agu_container .prev,
.agu_container .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.agu_container .row {
    display: grid;
    grid-template-columns: 14.2% 14.2% 14.2% 14.2% 14.2% 14.2% 14.2%;
    grid-gap: 0;
    margin: 0px 0% 0px;
    width: 100%;
}

.agu_container .column {
    /* float: left; */
    /* width: 16.66%; */
    padding: 0 0px;
}

.agu_container .mySlides2 img {
    width: 80%;
    height: auto;
    margin: 0 10%;
    max-width: 500px;
}

.agu_container .column img{
    width: 100%;
    height: auto;
}

.agu_container .row .column img.active {
    background-color: rgba(0, 0, 0, 0);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.agu_container .prev:hover,
.agu_container .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
    text-decoration: none;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}
/************************/
/* 4) COLUMNAS Y FIJOS */
/************************/
 .desktop_only {
    display:inline-block;
}
 .desktop_tablet_only {
    display:block;
}
 .tablet_only {
    display:none;
}
.tablet_mobile_only {
  display: none;
}
 .mobile_only {
    display:none !important;
}
 .margin_top {
    margin-top:20px !important;
}
 .margin_bottom {
     margin-bottom:20px !important;
}
 .margin_bottom_ten {
     margin-bottom:10px !important;
}
 .third_to_third_full {
    width:33%;
     float:left;
}
 a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
/* SEVERAL - FULL - FULL */
 .one_col_to_full_to_full {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_full_to_full {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_full_to_full {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_full_to_full {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_full_to_full {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_full_to_full {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_full_to_full {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_full_to_full {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_full_to_full {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_full_to_full {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_full_to_full {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_full_to_full {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - FULL - HALF */
 .one_col_to_full_to_half {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_full_to_half {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_full_to_half {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_full_to_half {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_full_to_half {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_full_to_half {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_full_to_half {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_full_to_half {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_full_to_half {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_full_to_half {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_full_to_half {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_full_to_half {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - HALF - FULL */
 .one_col_to_half_to_full {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_half_to_full {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_half_to_full {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_half_to_full {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_half_to_full {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_half_to_full {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_half_to_full {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_half_to_full {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_half_to_full {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_half_to_full {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_half_to_full {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_half_to_full {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - HALF - HALF */
 .one_col_to_half_to_half {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_half_to_half {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_half_to_half {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_half_to_half {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_half_to_half {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_half_to_half {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_half_to_half {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_half_to_half {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_half_to_half {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_half_to_half {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_half_to_half {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_half_to_half {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - THIRD - FULL */
 .one_col_to_third_to_full {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_third_to_full {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_third_to_full {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_third_to_full {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_third_to_full {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_third_to_full {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_third_to_full {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_third_to_full {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_third_to_full {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_third_to_full {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_third_to_full {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_third_to_full {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - THIRD - HALF */
 .one_col_to_third_to_half {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_third_to_half {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_third_to_half {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_third_to_half {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_third_to_half {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_third_to_half {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_third_to_half {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_third_to_half {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_third_to_half {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_third_to_half {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_third_to_half {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_third_to_half {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - TWOTHIRDS - FULL */
 .one_col_to_twothirds_to_full {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_twothirds_to_full {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_twothirds_to_full {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_twothirds_to_full {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_twothirds_to_full {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_twothirds_to_full {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_twothirds_to_full {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_twothirds_to_full {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_twothirds_to_full {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_twothirds_to_full {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_twothirds_to_full {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_twothirds_to_full {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
/* SEVERAL - TWOTHIRDS - HALF */
 .one_col_to_twothirds_to_half {
    width:6.653%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .two_col_to_twothirds_to_half {
    width:14.986%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .three_col_to_twothirds_to_half {
    width:23.319%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .four_col_to_twothirds_to_half {
    width:31.652%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .five_col_to_twothirds_to_half {
    width:39.985%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .six_col_to_twothirds_to_half {
    width:48.318%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .seven_col_to_twothirds_to_half {
    width:56.651%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eight_col_to_twothirds_to_half {
    width:64.984%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .nine_col_to_twothirds_to_half {
    width:73.317%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .ten_col_to_twothirds_to_half {
    width:81.65%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .eleven_col_twothirds_to_half {
    width:89.983%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .full_size_twothirds_to_half {
    margin:0px auto;
     width:98.316%;
     float:left;
     margin-left:0.84%;
     margin-right:0.84%;
}
 .align_center {
     text-align: center;
}
 .align_left {
     text-align: left;
}
 .align_right {
     text-align: right;
}
 .align_justify {
     text-align: justify;
}
 .align_left_to_center {
     text-align: left;
}
 .align_right_to_center{
     text-align: right;
}
 .align_center_to_left {
     text-align: center;
}
 .padding_to_none {
     padding: 2%;
}
 .padding_left_to_none {
     padding-left: 2%;
}
 .padding_right_to_none {
     padding-right: 2%;
}
 .xl_padding_left_to_none {
     padding-left: 6%;
}
 .xl_padding_right_to_none {
     padding-right: 6%;
}
 .xxl_padding_left_to_padding {
     padding-left: 12%;
}
 .xxl_padding_right_to_padding {
     padding-right: 12%;
}
 .xxxl_padding_left_to_xlpadding {
     padding-left: 20%;
}
 .xxxl_padding_right_to_xlpadding {
     padding-right: 20%;
}
/************************/
/* 5) TITLES */
/************************/
h1 {
    font-size: 80px;
    letter-spacing: 1px;
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    line-height: 85px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7);
}
h1 strong {
	color: #fde417;
    font-size: 84px;
}

h2 {
	color: #00603c;
    font-size: 58px;
    letter-spacing: 1px;
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    line-height: 62px;
    margin: 0 0 50px;
}

h2.dist {
    margin: 0 0 20px;
}
h2.special {
    background: #00603c;
    color: #fff;
    padding: 24px 20px 20px 40px;
    text-transform: uppercase;
    width: 110%;
    margin: 20px 0 20px -210px;
}

h3 {
	color: #00603c;
    font-size: 42px;
    letter-spacing: 1px;
    font-family: "Bevan", serif;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    line-height: 42px;
    margin: 0 0 30px;
}

h4 {
	color: #009d37;
	font-size: 38px;
	line-height: 42px;
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: italic;
}

h5 {
    color: #3f3f3f;
	font-size: 32px;
	line-height: 32px;
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
/************************/
/* 6) TAGS */
/************************/
.text_big {
    color: #3f3f3f;
    font-size: 26px;
    line-height: 36px;
}
.text_big strong {
    color: #009d37;
    font-style: italic;
    font-weight: 500;
}

.conoce_text {
    color: #009d37;
    font-style: italic;
    font-size: 22px;
    line-height: 26px;
    font-weight: normal;
	display: inline-block;
	margin: 10px 0 0;
}

img.home01 {
    width: 100%;
    height: auto;
    margin: 0px 0 0px;
    border-radius: 15px;
}

img.sesp01 {
    width: 100%;
    height: auto;
    margin: 0px 0 0px;
    border-radius: 15px;
}

img.siempreensupunto {
    width: 100%;
    height: auto;
    margin: -35px 0 0px;
    max-width: 520px;
}
img.siempreensupunto_02 {
    width: 100%;
    height: auto;
    margin: 0 0 0px;
    max-width: 460px;
    position: relative;
    left: 50%;
    transform: translate(-60%, -5%);
}

img.poderdelaguacate {
    width: 100%;
    height: auto;
    margin: -60px 0 0px;
}
img.productos {
    width: 90%;
    margin: 0 5%;
}
.white_island {
    background: #fff;
    width: 65%;
    max-width: 1050px;
    padding: 50px 75px 50px 15%;
    text-align: center;
    margin: 0 0 0 -10%;
    box-shadow: 0px 0px 20px 5px #023723;
}

.white_island .grid {
	display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-gap: 0% 0%;
    margin: 30px -5% 10px;
    width: 110%;
}

.white_island .grid .cell {
    padding: 0px 5px;
    text-align: left;
	color: #3f3f3f;
	font-size: 18px;
}

.white_island .grid .cell img{
	width: 100%;
    height: auto;
    max-width: 50px;
    padding: 0 5px 0 0;
    margin: 0px 0 -10px;
}
 .contact_island {
    background: #fff;
    width: 70%;
    max-width: 800px;
    padding: 50px 75px;
    text-align: center;
}

.contact_island .grid {
	display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-gap: 0% 0%;
    margin: 30px -5% 10px;
    width: 110%;
}

.contact_island .grid .cell {
    padding: 0px 5px;
    text-align: left;
	color: #3f3f3f;
	font-size: 18px;
}

.contact_island .grid .cell img{
	width: 100%;
    height: auto;
    max-width: 50px;
    padding: 0 5px 0 0;
    margin: 0px 0 -10px;
}

footer img {
	float: left;
	max-width: 130px;
    margin: -5px 0 -15px;
}

footer p {
    float: left;
    margin: 10px;
}

img.mapa {
    width: 100%;
    height: auto;
    margin: -740px 0 -4px;
}
img.mapa_mobile {
	display: none;
}

.map_area img {
    width: 90%;
    height: auto;
    max-width: 1500px;
    margin: 40px 5%;
}

img.clientes {
    width: 100%;
    height: auto;
    max-width: 1260px;
    margin: 40px 0 0;
}

.grid.aguacates {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-gap: 0% 0%;
    margin: 120px 0% 0px;
    width: 100%;
}
.grid.aguacates .cell {
    padding: 0px 5px;
    text-align: center;
	font-size: 18px;
	line-height: 22px;
	color: #000;
}
.grid.aguacates .cell .img img{
	width: 100%;
	height: auto;
	max-width: 202px;
}
.grid.aguacates .cell .nombre{
    font-family: "Bevan", serif;
    font-weight: 400;
	color: #387f46;
	font-size: 20px;
	line-height: 22px;
}
.grid.aguacates .cell .img {
    width: 100%;
    height: 380px;
    transition: all 0.7s;
}
.grid.aguacates .cell .img._01 {
    background: url(img/aguacates/Avocado_01.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._01:hover {
    background: url("img/aguacates/Avocado_01-1.png") top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._02 {
    background: url(img/aguacates/Avocado_02.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._02:hover {
    background: url("img/aguacates/Avocado_02-1.png") top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._03 {
    background: url(img/aguacates/Avocado_03.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._03:hover {
    background: url("img/aguacates/Avocado_03-1.png") top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._04 {
    background: url(img/aguacates/Avocado_04.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._05:hover {
    background: url("img/aguacates/Avocado_05-1.png") top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._05 {
    background: url(img/aguacates/Avocado_05.png) top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.grid.aguacates .cell .img._04:hover {
    background: url("img/aguacates/Avocado_04-1.png") top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.diferencial_02 {
    margin: 50px 0% 110px;
    width: 100%;
	text-align: center;
}
.diferencial_02 .cell {
    position: relative;
    display: inline-block;
    float: left;
    min-height: 610px;
    width: 30%;
    margin: 0 1.45%;
    padding: 280px 40px 30px;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    transition: all 0.4s ease-out;
    background: #00603c;
    border-radius: 15px;
    box-shadow: 3px 3px 8px 2px rgb(0 0 0 / 30%);
}
.diferencial_02 .cell .img_bg {
    padding: 140px 0;
    width: 100%;
    margin: 0;
    border-radius: 15px 15px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}
.diferencial_02 .cell._01 .img_bg{
    background: url("img/valores_bg.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.diferencial_02 .cell._02 .img_bg{
    background: url("img/infraestructura_bg.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.diferencial_02 .cell._03 .img_bg{
    background: url("img/fortalezas_bg.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.diferencial_02 .cell .title {
    font-family: "Bevan", serif;
    width: 100%;
    display: inline-block;
    border-bottom: solid 2px #fff;
    padding: 0 0 15px;
    margin: 15px 0;
    font-size: 32px;
    line-height: 34px;
}
.diferencial_02 .cell p {
    /*min-height: 100px;*/
}
.dd_line {
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.dd_line:nth-child(5) {
    border-bottom: solid 0px rgba(255, 255, 255, 0.5);
}
.dd_line img {
    display: inline-block;
    width: 30%;
    height: auto;
    margin: 0 2% 0 0;
    /*max-width: 120px;*/
}
.dd_line .text_part {
    display: inline-block;
    width: 66%;
    font-size: 18px;
    line-height: 18px;
}
.dd_line h5 {
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
img.emojis_icons {
    width: 100%;
    height: auto;
    max-width: 60px;
    margin: 0 0 5px;
}
img.emojis_pic {
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    border-radius: 15px;
}
.emoji_col {
    text-align: center;
    width: 23%;
    display: inline-block;
    margin: 1% .5%;
}

.grid.diferencial {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 30px 2%;
    margin: 50px 0% 110px;
    width: 100%;
}
.grid.diferencial .cell {
    padding: 0px 5% 30px;
    text-align: left;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    transition: all 0.4s ease-out;
    background: #00603c;
    border-radius: 15px;
	box-shadow: 3px 3px 8px 2px rgb(0 0 0 / 30%);
}
.grid.diferencial .cell:hover {
	transform: scale(1.2) !important;
    transition: all 0.4s ease-out;
}
.grid.diferencial .cell:nth-child(4), .grid.diferencial .cell:nth-child(5) {
        margin: 0 -50% 0 50%;
        position: relative;
}

.grid.diferencial .cell .img_bg {
    padding: 140px 0;
    width: 111%;
    margin: 0 0 0 -5.5%;
    border-radius: 15px 15px 0 0;
}
.grid.diferencial .cell._01 .img_bg{
    background: url("img/siempre_01.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.grid.diferencial .cell._02 .img_bg{
    background: url("img/siempre_02.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.grid.diferencial .cell._03 .img_bg{
    background: url("img/siempre_03.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.grid.diferencial .cell._04 .img_bg{
    background: url("img/siempre_04.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.grid.diferencial .cell._05 .img_bg{
    background: url("img/siempre_05.jpg") center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.grid.diferencial .cell .title {
    font-family: "Bevan", serif;
    width: 100%;
    display: inline-block;
    border-bottom: solid 2px #fff;
    padding: 0 0 15px;
    margin: 15px 0;
    font-size: 32px;
    line-height: 34px;
}
/*.grid.diferencial .cell a {
    font-size: 26px;
    line-height: 26px;
    width: 90%;
    display: inline-block;
    color: #fff;
    border: solid 2px #fff;
    margin: 10px 0 0 0;
    padding: 10px 20px;
    text-align: center;
    bottom: 30px;
    left: 5%;
    position: absolute;
    border-radius: 10px;
}*/
.grid.diferencial .cell a:hover {
	background: #fff;
    color: #00603c;
	text-decoration: none;
    transition: all 0.4s ease-out;
}

.grid.tels {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 0% 0%;
    margin: 15px 0% 0;
    width: 100%;
}
.grid.tels .cell {
    padding: 0 10px 0 0;
    text-align: left;
    font-size: 17px;
    line-height: 17px;
    color: #3f3f3f;
    font-family: "Urbanist", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    transition: all 0.4s ease-out;
}
.grid.tels .cell a{
	color:#3f3f3f;
	text-decoration: underline;
}
.grid.tels .cell.whats a {
	text-decoration: none;
    background: #009d37;
    color: #fff;
    width: 100%;
    display: inline-block;
    border-radius: 50px;
    padding: 8px 15px;
    text-align: center;
    margin: -8px 0 0;
    font-weight: 700;
}
.grid.tels .cell.whats a:hover {
	background: #006323;
}

iframe.mapa {
	width: 100%;
	height: 300px;
	border: none;
	margin: 30px 0;
}

.grid.sucs {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-gap: 0% 0%;
    margin: 0;
    width: 100%;
}
.grid.sucs .cell {
    border-left: solid 1px #bdbdbd;
    padding: 0 20px 0 30px;
}
.grid.sucs .cell:nth-child(1) {
    border-left: solid 0px #bdbdbd;
    padding: 0 20px 0 20px;
}
.grid.sucs .scrsl {
    color: #009d37;
    font-size: 26px;
    border-bottom: solid 1px #009d37;
    padding: 0 0 10px;
    margin: 0 0 10px;
}
.grid.sucs .drcn {
    color: #3f3f3f;
    font-size: 18px;
    margin: 0 0 15px;
}
.grid.sucs .ubcn a{
    display: inline-block;
    background: #3f3f3f;
    font-size: 18px;
    margin: 0 0 15px;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
    padding: 10px 35px 10px 15px;
    width: auto;
}
.grid.sucs .ubcn a:hover{
    background: #000;
}
.grid.sucs .tlfn a{
    display: block;
    color: #3f3f3f;
    font-size: 18px;
    margin: 5px 0;
    text-decoration: underline;
}

.grid.confianza {
    display: grid;
    grid-template-columns: 46% 54%;
    grid-gap: 0% 0%;
    margin: 0px;
    width: 100%;
}
.grid.confianza .cell {
    position: relative;
    overflow: hidden;
}
.grid.confianza .cell video {
	position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: AUTO;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.grid.confianza .cell:nth-child(2) {
	padding: 60px 15% 60px 60px;
    text-align: left;
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-optical-sizing: auto;
    transition: all 0.4s ease-out;
    background: #00603c;
}
.grid.confianza .cell:nth-child(2) h2{
    color: #fff;
}

.grid.table {
	display: grid;
	/*grid-template-columns: repeat(2, 1fr);*/
    grid-template-columns: 40% 60%;
	grid-template-rows: repeat(6, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.grid.table .div1 { grid-area: 1 / 1 / 2 / 2; }
.grid.table .div2 { grid-area: 2 / 1 / 3 / 2; }
.grid.table .div3 { grid-area: 3 / 1 / 4 / 2; }
.grid.table .div4 { grid-area: 4 / 1 / 5 / 2; }
.grid.table .div5 { grid-area: 5 / 1 / 6 / 2; }
.grid.table .div6 { grid-area: 6 / 1 / 7 / 2; }
.grid.table .div7 { grid-area: 1 / 2 / 7 / 3; }

.grid.table .div7 {
    background-color: #21aa51;
    text-align: left;
    padding: 40px 10% 40px 5%;
    color: #fff !important;
    font-size: 30px;
    line-height: 40px;
}
.grid.table .div7 h3 {
    color: #fff !important;
    font-size: 38px;
    line-height: 40px;
    margin: 0 0 20px;
}
.grid.table .div7 h4 {
		color: #fff;
		margin: 0 0 15px;
}

.grid.table div img {
    width: 100%;
    height: auto;
    max-width: 57px;
    display: inline-block;
    margin: -18px 10px -18px 0;
}
.grid.table .div7 img{
    width: 100%;
    height: auto;
    max-width: 580px;
    margin: 20px 0 0px;
}
.grid.table div a{
    position: relative;
    background: #00603c;
    display: inline-block;
    width: 100%;
    padding: 35px 0 35px 5%;
    color: #fff;
	text-transform: uppercase;
    text-align: left;
    font-size: 26px;
    line-height: 26px;
    font-style: italic;
    transition: all 0.4s ease-out;
}
.grid.table div a:hover{
    transition: all 0.4s ease-out;
    background: #003722;
    width: 102%;
    text-decoration: none;
    box-shadow: 3px 3px 7px -2px rgba(0, 0, 0, 0.7);
}
.grid.table div a:before {
    content: '';
    width: 100%;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 38%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
}
.grid.table div a:after {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-left: solid 11px white;
    border-bottom: solid 10px rgb(0 96 60 / 0%);
    border-right: solid 10px rgb(0 96 60 / 0%);
    border-top: solid 10px rgb(0 96 60 / 0%);
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translate(0, -50%);
}
/*TABLE MOBILE*/
.mobile_table {
    width: 100%;
    margin: 0;
    background-color: #00603c;
    display: none;
}
.mobile_table .row {
    width: 100%;
    display: inline-block;
}
.mobile_table .row .collapsible {
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px 0% 0px;
    border-radius: 0px;
    background: #00603c;
    display: inline-block;
    width: 100%;
    padding: 35px 5%;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 26px;
    line-height: 26px;
    font-style: italic;
    transition: all 0.4s ease-out;
    position: relative;
}
.mobile_table .row .collapsible:hover {
    transition: all 0.4s ease-out;
    background: #003722;
    width: 100%;
    text-decoration: none;
    box-shadow: 3px 3px 7px -2px rgba(0, 0, 0, 0.7);
}
.mobile_table .row .collapsible:before {
    content: '';
    width: 100%;
    height: 4px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 38%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(255, 255, 255, 0) 100%);
}
.mobile_table .row .collapsible:after {
    content: '';
    width: 0px;
    height: 0px;
    display: inline-block;
    border-left: solid 11px white;
    border-bottom: solid 10px rgb(0 96 60 / 0%);
    border-right: solid 10px rgb(0 96 60 / 0%);
    border-top: solid 10px rgb(0 96 60 / 0%);
    position: absolute;
    right: 6%;
    top: 50%;
    transform: translate(0, -50%);
    rotate: 90deg;
}
.mobile_table .row .collapsible img {
    width: 100%;
    height: auto;
    max-width: 57px;
    display: inline-block;
    margin: -18px 10px -18px 0;
}
.mobile_table .row .content {
    display: none;
    position: relative;
    width: 100%;
    border-radius: 0px;
    z-index: 9 !important;
    margin: 0px;
    transition: max-height 0.2s ease-out;
    background-color: #21aa51;
    text-align: left;
    padding: 40px 10%;
    color: #fff !important;
    font-size: 30px;
    line-height: 40px;
}
.mobile_table .row .content h3 {
    color: #fff !important;
    font-size: 38px;
    line-height: 40px;
    margin: 0 0 20px;
}
.mobile_table .row .content img {
    width: 100%;
    height: auto;
    max-width: 600px;
    margin: 30px 0 0px;
}


img.logos_certificaciones {
    width: 110%;
    height: auto;
    /* max-width: 640px; */
    margin: 60px 0 0 -5%;
}

img.product_img {
    width: 100%;
    height: auto;
    max-width: 1200px;
    margin: 80px 0 10px;
}

.logos {
    overflow: hidden;
    padding: 60px 0 0;
    white-space: nowrap;
    position: relative;
}

/* Optional: Add a fade effect on the edges */
.logos:before, .logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 2;
}

.logos:before { left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #00603c); }
.logos:after { right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #00603c); }

.logos.contact:before { left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #e7e7e7); }
.logos.contact:after { right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #e7e7e7); }


.logos-slide {
  display: inline-flex; /* Keeps all logos in a single row */
  animation: 120s slide infinite linear; /* Continuous movement */
}

.logos .logos-slide img {
    height: 130px;
    margin: 0 30px;
}

.logos.contact .logos-slide img {
    height: 110px;
    margin: 0 30px;
}

/* Pause animation on hover for better UX */
.logos:hover .logos-slide {
  animation-play-state: paused;
}

@keyframes slide {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); } /* Move only 50% because the track is doubled */
}

/*Collapsible*/
/* Style the button that is used to open and close the collapsible content */
.collapsible {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    outline: none;
    font-size: 26px;
    line-height: 26px;
    width: 90%;
    display: inline-block;
    color: #fff;
    border: solid 2px #fff;
    margin: 20px 5% 0px;
    padding: 10px 20px;
    text-align: center;
    border-radius: 10px;
}

.active, .collapsible:hover {
    background-color: #fff;
    color: #00603c;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
	content: "\2212";
	color: #00603c;
}


/* Style the collapsible content. Note: hidden by default */
.content {
    display: none;
    background-color: #003b25;
    position: relative;
    width: 110%;
    font-size: 15px;
    line-height: 18px;
    padding: 15px;
    border-radius: 15px;
    z-index: 999 !important;
    margin: 20px 0 0 -5%;
    transition: max-height 0.2s ease-out;
}

/************************/
/* 7) BUTTONS */
/************************/
.btn {
     display: inline-block;
     width: 100%;
     margin: 0px;
}
.btn.green a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    font-family: "Bevan", serif;
    font-weight: 400;
    padding: 20px 55px;
    margin: 30px 0 0;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
    text-transform: none;
    background: #009d37;
    border: none;
    width: auto;
    text-align: center;
    border-radius: 50px;
}
 .btn.green a:hover{
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     background: #00521d;
     color: #fff;
     text-decoration: none;
}
.btn.green.map a {
    margin: 610px 0 0;
}

.whats_btn {
    position: fixed;
    top: 45%;
    right: 10px;
    z-index: 999;
}

.whats_btn a {
    transition: all 0.3s;
    color: #fff;
    background: #25D366;
    display: inline-block;
    font-size: 50px;
    line-height: 50px;
    border-radius: 50px;
    padding: 10px 15px;
    box-shadow: 3px 1px 8px 2px rgba(0, 0, 0, 0.7);
}
.whats_btn a:hover{
	transform: scale(1.1);
}
/************************/
/* 8) LISTS */
/************************/
 ul.bullet {
     margin:0;
     padding: 0;
     list-style: none;
}
 ul.bullet li {
     margin:0px 0 10px 0px;
}
 ul.bullet li:before {
     content: '';
     display: inline-block;
     width: 3px;
     height: 3px;
     background: #4a4a4a;
     margin: 0px 10px 4px 0;
     border-radius: 50%;
}
/***********************/
/* 9) FORMS */
/***********************/

/***********************/
/* 10) BACKGROUNDS */
/***********************/

/***********************/
/* 11) STANDARD */
/***********************/
 html {
     margin:0;
     padding:0;
}
 body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
	font-family: "Urbanist", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	word-wrap: break-word;
	overflow-x: hidden;
}

 * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
 .clearfix {
     display: inline-table;
}
/* Hides from IE-mac \*/
 * html .clearfix {
     height: 1%;
}
 .clearfix {
     display: block;
}
/* End hide from IE-mac */
 img.responsive {
     width:100%;
     height:auto;
}
 A:link {
     text-decoration: none;
}
 A:visited {
     text-decoration: none;
}
 A:active {
     text-decoration: none;
}
 A:hover {
     text-decoration: underline;
}
 table {
     width: 100%;
     border-spacing: 0px;
}
 th, td {
     width: 33.33%;
     text-align:center;
     padding: 15px 10px;
     background: none;
     color: #4a4a4a;
     background-color: #fff;
}
 .table-headers {
     font-weight: 600;
     color: #fff;
     background: #1ebdcc ;
    /* Old browsers */
     background: -moz-linear-gradient(left, #1ebdcc 0%, #40bea7 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(left, #1ebdcc 0%,#40bea7 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to right, #1ebdcc 0%,#40bea7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebdcc ', endColorstr='#40bea7 ',GradientType=1 );
    /* IE6-9 */
     padding: 10px 0;
}
/* --- Selection Color --- */
 ::-moz-selection {
     background: #000;
     color: white;
     text-shadow: none;
}
 ::selection {
     background: #000;
     color: white;
     text-shadow: none;
}

/***********************/
/* 12) ANIMATIONS */
/***********************/

.owd-fade-in {
  animation: owd-fade-in linear forwards;
  animation-timeline: view();
  animation-range: entry;
}
@keyframes owd-fade-in {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* ------ */
.owd-fade-in-right {
  animation: owd-fade-in-right linear forwards;
  animation-timeline: view();
  animation-range: entry;
}
@keyframes owd-fade-in-right {
  0% {
    transform: translateX(400px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* ------ */
.owd-fade-in-left {
	display: inline-block;
	animation: owd-fade-in-left linear forwards;
	animation-timeline: view();
	animation-range: entry;
}
@keyframes owd-fade-in-left {
  0% {
    transform: translateX(-20px);
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* ------ */
.delay_01 {
	animation-delay: 0s;
}
.delay_02 {
	animation-delay: 0.2s;
}
.delay_03 {
	animation-delay: 0.4s;
}
.delay_04 {
	animation-delay: 0.6s;
}
.delay_05 {
	animation-delay: 0.8s;
}
.delay_06 {
	animation-delay: 1.0s;
}
/* ------ */
@media (prefers-reduced-motion: no-preference) {}

/***********************/
/* 13) MEDIA */
/***********************/
/* UNDER-WRAP */
 @media screen and (max-width:1599px) {
	.wrap {
		width:90%;
		margin:0px 5%;
		float:left;
    }
	header #main_nav {
		width: 86%;
	}
	header .redes_area {
		top: 32px;
	}
	header .redes_area ul li a {
		font-size: 22px;
		line-height: 22px;
	}
	 footer p {
		margin: 10px 0 10px 0px;
	}
	 .grid.confianza {
		grid-template-columns: 50% 50%;
	}
	.grid.confianza .cell:nth-child(2) {
		padding: 50px 13% 50px 60px;
	}
	 .logos .logos-slide img {
		height: 90px;
		margin: 0 30px;
	}
	 .grid.table {
		grid-template-columns: 42% 58%;
	}
	 .grid.table div a {
		font-size: 24px;
	}
	 .emoji_col {
		width: 45%;
		margin: 10px 2%;
	}
	 .content._02 img {
		margin: 5px 10px;
	}
}
@media all and (max-width:1400px) {
	header #main_nav {
		width: 86%;
	}
	header .redes_area {
		top: 25px;
	}
	header .redes_area ul li a {
        font-size: 20px;
        line-height: 22px;
		margin: 0 0 0 5px;
	}
	header nav ul li#logo_area {
		margin: 25px 0 0px;
	}
	#frase_area {
		font-size: 74px;
		line-height: 78px;
		padding: 100px 6%;
	}
	h1 {
		font-size: 70px;
		line-height: 75px;
	}
	h2 {
		font-size: 54px;
    	margin: 0 0 40px;
	}
	.logos {
		padding: 30px 0 0;
	}
	.grid.confianza .cell:nth-child(2) {
        padding: 50px 10% 20px 80px;
    }
	.grid.aguacates .cell .img {
		height: 340px;
	}
	.btn.green.map a {
		margin: 500px 0 30px;
	}
    
}

/* TABLET */
@media all and (max-width:1280px) {
    /* 1) HEADER / FOOTER / SECTIONS */
     header {
         overflow: initial;
         padding: 5px 0 20px;
    }
    header .mobile_logo_area {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, -7px);
    }
	header .mobile_logo_area img{
		width: 100%;
		max-width: 170px;
		height: auto;
		transition: all 0.3s;
	}
	header.smaller .mobile_logo_area img{
		max-width: 140px;
	}
	header #logo_area {
		transition: all 0.3s;
		display: none;
    }
    header #main_nav {
        width: 30%;
        float: left;
        text-align: left;
    }
     header.smaller {
         padding: 5px 0px 10px;
    }
	#main_slider {
		color: #fff;
		text-align: center;
		padding: 270px 0 290px;
    }
	#home_intro {
		padding: 100px 0;
		background: #fff;
		background: linear-gradient(0deg, rgba(154, 191, 153, 1) 0%, rgba(255, 255, 255, 1) 20%);
	}
	#home_intro:before {
		height: 140px;
		top: -140px;
	}
	#sueno_area {
        margin: 0px auto;
        padding: 80px 0 100px;
	}
	#contacto_area {
        margin: 0px auto;
        padding: 100px 0 0px;
	}
	#title_area {
		padding: 180px 0 200px;
	}
	#frase_area {
        font-size: 64px;
        line-height: 68px;
        padding: 90px 5%;
    }
    /*2) MENU*/
     header nav {
        z-index: 8;
        width: 100%;
        max-height: 80%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        right: -100%;
        top: 114px;
        padding: 10px 20px 10px;
        position: fixed;
        background: linear-gradient(0deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0.03) 100%);
        margin: 0px;
        border: none;
        box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, .1);
    }
	header nav.menu-visible {
		right: 0 !important;
	}
     header.smaller nav {
         top: 100px;
         padding: 10px 20px;
         transition: all 0.3s;
         margin: 0;
    }
     header nav ul li {
         display: block;
         float: none;
         border-bottom: solid 1px rgba(0,0,0, .1);
         width: 100%;
         margin: 0px;
         text-align:center;
    }
     header nav ul li.redes {
         width: 33.33%;
         float: left;
    }
     header nav ul li a {
        font-size: 20px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        border-bottom: none;
        margin: 0;
        padding: 20px 0;
        text-shadow: 0 3px 7px rgba(0, 0, 0, 1);
    }
     header nav ul li a:hover {
         text-decoration: none;
         border: none;
         padding: 20px 0;
         margin: 0;
         background: rgba(0,0,0,0.5);
         color: #fff;
    }
	header nav ul li:nth-child(6) a {
        margin: 0px 0 0px;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        transform: translate(0%, 0%);
	}
	header nav ul li a:hover:after, header nav ul li a:after{
		display: none;
	}
     header.smaller nav ul li a, header.smaller nav ul li a:hover {
         padding: 17px 0;
         transition: all 0.3s;
    }
	footer ul {
		padding: 0;
		margin: 20px 0 0px;
	}
    /*3) SLIDER*/
    /*4) COLUMNS / MARGINS*/
     a.anchor {
        top: -130px;
    }
    .desktop_only {
        display:none;
    }
    .tablet_only {
        display:block;
    }
    .tablet_mobile_only {
        display:block;
    }
    .mobile_only {
        display:none !important;
    }
    /* SEVERAL - FULL - FULL */
     .one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - FULL - HALF */
     .one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - HALF - FULL */
     .one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - HALF - HALF */
     .one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - THIRD - FULL */
     .one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {
        margin:0px auto;
         width:31.652%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - THIRD - HALF */
     .one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {
        margin:0px auto;
         width:31.652%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - TWOTHIRDS - FULL */
     .one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {
        margin:0px auto;
         width:64.984%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - TWOTHIRDS - HALF */
     .one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {
        margin:0px auto;
         width:64.984%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
	
	.xl_padding_right_to_none {
		padding-right: 4%;
	}
	.xl_padding_left_to_none {
		padding-left: 4%;
	}
    /*5) TITLES*/
    h1 {
        font-size: 65px;
        line-height: 65px;
    }
	h2 {
        font-size: 42px;
        line-height: 46px;
        margin: 0 0 30px;
    }
	h2.special {
		padding: 24px 20px 20px 35px;
		width: 125%;
		margin: 15px 0 15px -160px;
		font-size: 46px;
		line-height: 48px;
	}
	h3 {
		font-size: 36px;
		line-height: 36px;
    	margin: 0 0 20px;
	}
	h4 {
        font-size: 32px;
        line-height: 36px;
	}
    /*6) TAGS*/
	.text_big {
		color: #3f3f3f;
		font-size: 23px;
		line-height: 34px;
	}
	img.siempreensupunto {
        width: 100%;
        height: auto;
        margin: -5px 0 0px;
        max-width: 480px;
	}
	img.poderdelaguacate {
		width: 85%;
		height: auto;
		margin: -20px 0 0px;
	}
	img.product_img {
		margin: 60px 0 10px;
	}
	.btn.green a {
        padding: 20px 25px;
        margin: 30px 0 0;
        font-size: 22px;
        line-height: 24px;
	}
	img.logos_certificaciones {
		max-width: 500px;
		margin: 20px 0 0;
	}
	.white_island {
        width: 70%;
        max-width: 780px;
        padding: 40px 65px 40px 10%;
	}
	
	.grid.aguacates .cell .img {
		height: 290px;
	}
	.grid.diferencial {
        grid-template-columns: 46% 46%;
        grid-gap: 40px 4%;
        margin: 30px 5% 80px;
        width: 90%;
	}
	.grid.diferencial .cell:nth-child(4) {
		margin: 0 0% 0 0%;
		position: relative;
	}
	.grid.diferencial .cell:nth-child(5) {
		margin: 0 -50% 0 50%;
		position: relative;
	}
	
	img.clientes {
		max-width: 970px;
		margin: 30px 0 0;
	}
	.grid.tels {
		grid-template-columns: 33.3% 33.3% 33.3%;
		grid-gap: 20px 0%;
		margin: 15px 0% 0;
	}
	.grid.tels .cell {
		padding: 0 10px 0 0;
		font-size: 18px;
		line-height: 18px;
	}
	.grid.tels .cell.whats a {
		padding: 8px 15px;
		margin: -5px 0 0;
		font-weight: 700;
	}
	iframe.mapa {
		width: 100%;
		height: 250px;
		border: none;
		margin: 30px 0;
	}

	.grid.sucs .cell {
		padding: 0 20px 0;
	}
	.grid.sucs .scrsl {
        font-size: 20px;
        padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.grid.sucs .drcn {
		font-size: 16px;
		margin: 0 0 15px;
	}
	.grid.sucs .ubcn a{
		font-size: 16px;
		margin: 0 0 15px;
		padding: 10px 35px 10px 15px;
	}
	.grid.sucs .tlfn a{
		font-size: 18px;
		margin: 5px 0;
	}
	
    .grid.table {
        grid-template-columns: 48% 52%;
    }
	.grid.table .div7 {
		padding: 40px 5% 40px 8%;
		font-size: 26px;
		line-height: 36px;
	}
	.grid.table div a {
        font-size: 20px;
    }
	
	.grid.table div img {
		margin: -18px 5px -18px -10px;
	}
	
	.diferencial_02 .cell {
        min-height: 580px;
        width: 31%;
        margin: 0 1%;
        padding: 250px 25px 30px;
        font-size: 20px;
        line-height: 24px;
	}
	.diferencial_02 .cell .title {
		padding: 0 0 15px;
		margin: 15px 0;
		font-size: 28px;
		line-height: 30px;
	}
	.diferencial_02 .cell .img_bg {
		padding: 120px 0;
		width: 100%;
	}
	
	.grid.confianza .cell:nth-child(2) {
        padding: 35px 13% 30px 50px;
    }
	.logos .logos-slide img {
        height: 80px;
        margin: 0 30px;
    }
	
    /*7) BUTTONS*/
	.btn.green.map a {
        margin: 440px 0 30px;
    }
    /*8) LISTS*/
    /*9) FORMS*/
    /*10) BACKGROUNDS*/
    /*11) STANDARD*/
     img.responsive {
        /*width: 90%;*/
    }
}

/*DETAILS*/
@media all and (max-width:1100px) {
	#main_slider {
        padding: 250px 0 270px;
    }
	
	#video_area {
		padding: 250px 0;
	}
	
	.xl_padding_right_to_none {
		padding-right: 2%;
	}
	.xl_padding_left_to_none {
		padding-left: 2%;
	}
	footer p {
		margin: 10px 0 10px 10px;
	}
	footer img {
		margin: 4px 0 0px;
	}
	footer ul {
        padding: 0;
        margin: 18px 0 0px;
    }
	h1 {
        font-size: 62px;
        line-height: 65px;
    }
	h1 strong {
		font-size: 66px;
	}
	h2.special {
        padding: 21px 15px 17px 30px;
        width: 135%;
        margin: 15px 0 15px -170px;
        font-size: 42px;
        line-height: 44px;
    }
	
	.btn.green a {
        padding: 20px 35px;
        font-size: 20px;
        line-height: 20px;
    }
	.grid.aguacates .cell {
		font-size: 16px;
		line-height: 20px;
	}
    .grid.aguacates .cell .img {
        height: 240px;
    }
	.grid.aguacates .cell .nombre {
		font-size: 18px;
		line-height: 20px;
    	margin: 10px 0 5px;
	}
	.grid.tels {
        grid-template-columns: 50% 50%;
        grid-gap: 15px 0%;
        margin: 20px 0% 0;
    }
	.grid.tels .cell.whats a {
        margin: -8px 0 0;
    }
	.grid.confianza {
        grid-template-columns: 45% 55%;
	}
	
	.grid.table {
        grid-template-columns: 58% 42%;
    }
	
	img.siempreensupunto {
        margin: 20px 0 0px;
        max-width: 400px;
    }
	
	.diferencial_02 .cell {
        min-height: 550px;
        width: 48%;
        margin: 10px 1%;
        padding: 250px 25px 30px;
        font-size: 20px;
        line-height: 24px;
    }
	
	.diferencial_02 .cell:nth-child(3) {  
        margin: 0 0% 0 26%;
        position: relative;
    }
	.btn.green.map a {
        margin: 300px 0 30px;
    }
	.grid.sucs {
		display: grid;
		grid-template-columns: 33% 33% 33%;
		grid-gap: 20px 0%;
		margin: 0;
		width: 100%;
	}
	.grid.sucs .cell, .grid.sucs .cell:nth-child(1) {
		border-left: solid 1px #bdbdbd;
		padding: 0 20px 0;
	}
	.grid.sucs .cell:nth-child(3),.grid.sucs .cell:nth-child(5) {
		border-right: solid 1px #bdbdbd;
	}
}

@media all and (max-width:1000px) {
	.grid.confianza {
    }
}
@media all and (max-width:900px) {
	header .mobile_logo_area {
        transform: translate(-50%, -4px);
    }
	header .mobile_logo_area img {
        max-width: 150px;
    }
	
    #main_slider {
        padding: 220px 0 240px;
    }
    #home_intro {
        padding: 80px 0;
    }
	#home_intro:before {
        height: 100px;
        top: -100px;
    }
	#title_area {
        padding: 190px 0 150px;
    }
	#video_area {
        padding: 200px 0;
    }
	#confianza_area {
		padding: 80px 0;
	}
	#confianza_area_02 {
		padding: 80px 0;
	}
	#sueno_area {
        padding: 70px 0 90px;
    }
	#contacto_area {
        padding: 100px 0 0;
    }
	#products_area {
		padding: 80px 0;
	}
	footer {
		font-size: 16px;
		line-height: 18px;
		padding: 20px 0;
	}
	footer img {
        float: left;
        max-width: 90px;
        margin: 0px 0 -15px -20px;
	}
	footer p {
		float: left;
		margin: 7px 0px 7px 0px;
	}
	footer ul {
        padding: 0;
        margin: 6px 0 0px;
    }
	footer ul li {
		margin: 2px 0;
		padding: 0 5px;
		border-right: solid 1px #fff;
	}
	footer ul li:nth-child(1) {
		border-left: solid 1px #fff;
	}
	footer ul li:nth-child(7) {
		border-right: solid 0px #fff;
	}
	
	h1 {
        font-size: 52px;
        line-height: 57px;
    }
	h1 strong {
		font-size: 56px;
	}
    h2 {
        font-size: 39px;
        line-height: 42px;
        margin: 0 0 25px;
    }
	h2.special {
		padding: 21px 10px 17px 30px;
		width: 135%;
		margin: -35px 0 15px -170px;
		font-size: 34px;
		line-height: 38px;
	}
	h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 20px;
    }
	h4 {
        font-size: 28px;
        line-height: 32px;
    }
	
	.text_big {
        color: #3f3f3f;
        font-size: 21px;
        line-height: 31px;
    }
	.white_island {
        width: 80%;
        max-width: 640px;
        padding: 35px 50px 35px 10%;
    }
	
	img.siempreensupunto {
        margin: 30px 0 0px;
        max-width: 330px;
    }
	img.logos_certificaciones {
        max-width: 410px;
        margin: 20px 0 0;
    }
	.white_island .grid .cell {
		font-size: 17px;
		text-align: center;
	}
	.white_island .grid .cell img {
		max-width: 60px;
		padding: 0 5px 10px 0;
		margin: 0px 0 -10px;
	}
	.grid.aguacates {
		display: grid;
		grid-template-columns: 33% 33% 33%;
		grid-gap: 30px 0%;
		margin: 40px 0% 80px;
	}
	.grid.aguacates .cell:nth-child(4), .grid.aguacates .cell:nth-child(5) {
        margin: 0 -50% 0 50%;
        position: relative;
    }
    .grid.aguacates .cell .nombre {
        font-size: 22px;
        line-height: 24px;
        margin: 10px 0 5px;
    }
	.grid.diferencial {
        grid-template-columns: 48% 48%;
        grid-gap: 25px 4%;
        margin: 30px 5% 60px;
        width: 90%;
    }
	.grid.diferencial .cell {
        padding: 0px 5% 30px;
        font-size: 22px;
        line-height: 24px;
	}
	img.product_img {
	}
	.grid.confianza .cell:nth-child(2) {
        padding: 30px 10% 10px 40px;
    font-size: 20px;
    line-height: 22px;
    }
	.logos {
        padding: 10px 0 0;
    }
	.logos.contact {
		margin: 30px 0 0;
	}
	.logos.contact .logos-slide img {
		height: 70px;
		margin: 0 30px;
	}
	.agu_container {
		position: relative;
		margin: 0px 0 0;
	}
	.contact_island {
		padding: 50px 55px;
	}
	
	.btn.green a {
        padding: 20px 25px;
        font-size: 18px;
        line-height: 20px;
    }
	.btn.green.map a {
        margin: 250px 0 30px;
    }
	
	.grid.table {
        display: none;
    }
	.mobile_table {
		display: block;
	}
	.mobile_table .row .collapsible.active:after {
		rotate: 270deg;
		top: 35%;
        right: 0%;
    	transition: all 0.1s ease-out;
	}
	
}
@media all and (max-width:700px) {
	#frase_area {
        font-size: 55px;
        line-height: 64px;
        padding: 80px 5%;
    }
	.grid.confianza {
        grid-template-columns: 100%;
        /* margin: 95px 0%;*/
    }
	.grid.confianza .cell:nth-child(1) {
		padding: 140px 0;
	}
	.grid.confianza .cell:nth-child(2) {
        padding: 40px 12%;
        font-size: 20px;
        line-height: 22px;
    }
	.diferencial_02 .cell {
        min-height: 550px;
        padding: 250px 25px 30px;
        font-size: 18px;
        line-height: 22px;
    }
	.diferencial_02 .cell .title {
        font-size: 22px;
        line-height: 26px;
    }
}

/* SMARTPHONE */
 @media all and (max-width:540px) {
     .wrap {
        width:90%;
         margin:0px 5%;
         float:left;
    }
    /* 1) HEADER / FOOTER / SECTIONS */
     header {
         overflow: initial;
         padding: 0px;
    }
	header .mobile_logo_area img {
        max-width: 130px;
    }
	 header.smaller .mobile_logo_area img {
        max-width: 110px;
    }
     header #main_nav {
         width: 30%;
    }
	 header .redes_area {
        top: 35px;
    }
     header.smaller #main_nav {
    }
	#main_slider {
        padding: 180px 0 180px;
    }
	 #home_intro {
        padding: 60px 0;
    }
	#home_intro:before {
        height: 80px;
        top: -79px;
    }
	 #title_area {
        padding: 150px 0 110px;
    }
	 #sueno_area {
        padding: 60px 0 80px;
    }
	#contacto_area {
        padding: 80px 0 0;
    }
	 #frase_area {
        font-size: 44px;
        line-height: 56px;
        padding: 60px 2%;
    }
	#video_area {
        padding: 150px 0;
    }
	 footer {
        font-size: 15px;
        line-height: 17px;
        padding: 15px 0 17px;
    }
    /*2) MENU*/
     header nav {
         top: 125px;
    }
     header.smaller nav {
         top: 98px;
         padding: 10px 20px;
         max-height: 85%;
    }
     header nav ul li a {
         padding: 17px 0;
         transition: all 0.3s;
         font-size: 16px;
         line-height: 16px;
    }
     header nav ul li a:hover {
         padding: 15px 0;
    }
     ul.footer_menu {
         display: none;
    }
    /*3) SLIDER*/
    /*4) COLUMNS / MARGINS*/
     a.anchor {
        top: -70px;
    }
     .desktop_only {
        display:none !important;
    }
     .desktop_tablet_only {
        display:none !important;
    }
     .tablet_only {
        display:none !important;
    }
     .tablet_mobile_only {
        display:block;
    }
     .mobile_only {
        display:block !important;
    }
     .align_left_to_center {
         text-align: center;
    }
     .align_right_to_center{
         text-align: center;
    }
     .align_center_to_left {
         text-align: left;
    }
     .padding_left_to_none {
         padding-left: 0%;
    }
    /* SEVERAL - FULL - FULL */
     .one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
     .third_to_third_full {
        width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - FULL - HALF */
     .one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - HALF - FULL */
     .one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - HALF - HALF */
     .one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - THIRD - FULL */
     .one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - THIRD - HALF */
     .one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - TWOTHIRDS - FULL */
     .one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {
        margin:0px auto;
         width:98.316%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
    /* SEVERAL - TWOTHIRDS - HALF */
     .one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {
        margin:0px auto;
         width:48.318%;
         float:left;
         margin-left:0.84%;
         margin-right:0.84%;
    }
     .padding_right_to_none, .xl_padding_right_to_none {
         padding-right: 0%;
    }
	 .xxxl_padding_right_to_xlpadding {
		padding-right: 10%;
	}
	 .xxxl_padding_left_to_xlpadding {
		padding-left: 10%;
	}
    /*5) TITLES*/
     h1 {
        font-size: 38px;
        line-height: 46px;
    }
	h1 strong {
        font-size: 48px;
    }
	 h2 {
        font-size: 36px;
        line-height: 40px;
        margin: 0 0 15px;
    }
	 h2.dist {
		margin: 50px 0 10px;
	}
	h2.special {
        padding: 20px 10px 17px 30px;
        width: 100%;
        margin: -45px 0 15px -3%;
        font-size: 30px;
        line-height: 32px;
    }
	h3 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 15px;
    }
	h4 {
        font-size: 22px;
        line-height: 26px;
    }
    /*6) TAGS*/
	.text_big {
        color: #3f3f3f;
        font-size: 19px;
        line-height: 29px;
    }
	.grid.confianza { 
    	animation-play-state: paused;
    }
	img.siempreensupunto {
        width: 80%;
        margin: 0px 10% 0px;
        max-width: none;
    }
	img.siempreensupunto_02 {
        width: 80%;
        margin: 0px 10% 40px;
        max-width: none;
    }
	img.poderdelaguacate {
        width: 85%;
        height: auto;
        margin: 30px 0 0px;
    }
	.home_slider {
		position: relative;
		margin: 0 0% 30px;
	}
	.white_island {
        width: 95%;
        max-width: 420px;
        padding: 25px 35px 25px 50px;
    }
	.white_island .grid .cell {
        font-size: 15px;
    }
	
    .grid.aguacates {
        grid-gap: 15px 0%;
        margin: 20px 0% 60px;
    }
	.grid.aguacates .cell {
		font-size: 15px;
		line-height: 18px;
		padding: 0 5%;
	}
	.grid.aguacates .cell .nombre {
        font-size: 16px;
        line-height: 18px;
		margin: 5px 0 5px;
	}
	.grid.aguacates .cell .img {
        height: 180px;
    }
	.grid.aguacates .cell:nth-child(2) .nombre {
		/* border: solid 1px red; */
		margin: -6px 0 -1px;
	}
	 
	.grid.sucs {
        grid-template-columns: 50% 50%;
        grid-gap: 20px 0%;
    }
	.grid.sucs .cell:nth-child(2), .grid.sucs .cell:nth-child(4) {
        border-right: solid 1px #bdbdbd;
        padding: 0 20px 0;
    }
	.grid.sucs .cell:nth-child(4) {
        border-left: solid 0px #bdbdbd;
        padding: 0 20px 0;
    }
	.whats_btn {
		top: 85%;
	}
	img.home01 {
		margin: 40px 0 0px;
	}
	 .conoce_text {
		margin: 10px 0 40px;
	}
	.diferencial_02 .cell {
        min-height: auto;
        font-size: 18px;
        line-height: 22px;
        width: 100%;
        margin: 0px 0 20px;
    }
	.diferencial_02 .cell:nth-child(3) {
        margin: 0 0% 0 0%;
        position: relative;
    }
	 img.mapa {
		display: none;
	}
	img.mapa_mobile {
        display: inline-block;
        width: 100%;
        height: auto;
        margin: 0px 0% 0px;
        position: absolute;
        left: 0;
        bottom: 0;
	}
	.grid.diferencial {
        grid-template-columns: 100%;
        grid-gap: 25px 4%;
        margin: 30px 5% 60px;
        width: 90%;
    }
	.grid.diferencial .cell:nth-child(5) {
        margin: 0%;
        position: relative;
    }
	 img.sesp01 {
		width: 100%;
		height: auto;
		margin: 40px 0 0px;
		border-radius: 15px;
	}
	 .logos.contact .logos-slide img {
        height: 50px;
        margin: 0 15px;
    }
	
	.grid.tels {
        grid-template-columns: 100%;
        grid-gap: 10px 0%;
        margin: 10px 0% 0;
    }
	.white_island .grid.tels .cell {
        font-size: 19px;
        text-align: left;
    }
	.grid.tels .cell.whats a {
        margin: 0px 0 0;
    }
	 #video_area video {
        transform: translate(50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: 100%;
	}
	 .mobile_table .row .content._02 {
        display: inline-block !important;
        font-size: 20px;
        line-height: 28px;
	}
	 .mobile_table .row .content {
		font-size: 24px;
		line-height: 32px;
	}
	 .mobile_table .row .content h3 {
		color: #fff !important;
		font-size: 34px;
		line-height: 36px;
		margin: 0 0 15px;
	}
	 .mobile_table .row .content h4 {
		color: #fff;
		margin: 0 0 15px;
	}
	 
	.mobile_table .row .collapsible {
		padding: 45px 5%;
		font-size: 22px;
		line-height: 22px;
	}
	 
	.mobile_table .row .collapsible img {
        width: 15%;
        height: auto;
        max-width: 49px;
        display: inline-block;
        margin: 0px 4% 0px 0px;
        float: left;
        top: 50%;
        left: 4%;
        transform: translate(0px, -50%);
        position: absolute;
	}
	 .mobile_table .row .collapsible p {
        float: left;
        width: 70%;
        position: absolute;
        top: 50%;
        left: 20%;
        transform: translate(0px, -50%);
	}
	 
	.agu_container {
        position: relative;
        margin: 0px 0 20px;
    }
	 
    /*7) BUTTONS*/
    .btn.green a {
        padding: 20px 25px;
        font-size: 20px;
        line-height: 20px;
    }
	 .btn.green.map a {
        margin: 130px 0 40px;
        font-size: 18px;
        line-height: 18px;
        padding: 15px 20px;
    }
	 .contact_island {
        padding: 30px;
        width: 85%;
    }
    /*8) LISTS*/
    /*9) FORMS*/
     input.btn_form, button.btn_form {
         width:100%;
    }
    /*10) BACKGROUNDS*/

	footer img {
        float: left;
        max-width: 80px;
        margin: 0px -13px -15px;
    }
	footer p {
        float: left;
        margin: 4px 0px 0px 15px;
    }
	footer ul {
        display: none;
    }
	.grid.aguacates {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: 15px 0%;
        margin: 40px 0% 50px;
    }
	.grid.aguacates .cell {
		font-size: 15px;
		line-height: 18px;
		padding: 0 5%;
	}
	.grid.aguacates .cell:nth-child(4) {
        margin: 0;
        position: relative;
    }
	.grid.aguacates .cell:nth-child(5) {
        margin: 0 -50% 0 50%;
        position: relative;
    }
	.grid.aguacates .cell .nombre {
		font-size: 18px;
		line-height: 20px;
		margin: 5px 0 5px;
	}
	.grid.aguacates .cell .img {
        height: 180px;
    }
	
	.grid.diferencial {
        grid-template-columns: 100%;
        grid-gap: 15px 0%;
        margin: 0px 0% 0;
        width: 100%;
    }
	.grid.diferencial .cell {
        padding: 120px 20px 30px;
        font-size: 24px;
        line-height: 24px;
    }
	.white_island .grid {
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 0% 0%;
		margin: 20px 0% 0px;
		width: 100%;
	}
	.white_island .grid .cell {
        font-size: 18px;
        text-align: left;
    }
	.white_island .grid .cell img {
        max-width: 60px;
        padding: 0 10px 10px 0;
        margin: 30px 0 -25px;
    }
	 .grid.diferencial .cell {
        padding: 0px 5% 30px;
        font-size: 22px;
        line-height: 24px;
    }
}