@charset "UTF-8";
/*********************** FUENTES GOOGLE MAPS ***********************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*********************** GENERAL ***********************/
body { padding: 0; margin: 0; font-family: "Montserrat Alternates", sans-serif; padding-top: 70px; }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; }
.btn_movil { width: 40px; float: right; position: relative; top: 0; margin: 10px 0; border: 1px solid #fff; cursor: pointer; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease; }
p { font-size: 18px; line-height: 26px; color: #3a3a3a; font-weight: 500; margin: 20px 0px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil { display: none; }
section { position: relative; }

::selection { background: #5eaeba;color: #fff; }
::-moz-selection { background: #5eaeba;color: #fff; }

.flotanteWapp { width: 70px; height: 70px; background-color: rgba(126, 186, 39, 0.6); text-align: center; border-radius: 50%; position: fixed; top: 130px; right: 100px; z-index: 100; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); box-shadow: 0 0 0 0 #7eba27; }
.btnFlotante { width: 70px; height: 70px; background: #7eba27; border-radius: 50%; display: flex; text-align: center; position: fixed; bottom: 60px; right: 100px; z-index: 100; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; animation: zoom 1s infinite ease-in; }
.btnFlotante:hover { background: rgba(0, 0, 0, 0.8); }
.btnFlotante img { width: 40px; margin: auto; }

/************************ ANIMACIONES ***********************/
@-webkit-keyframes zoom { 0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);} }
@-moz-keyframes zoom { 0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);} }
@-ms-keyframes zoom { 0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);} }
@keyframes zoom { 0%{transform: scale(1);} 50%{transform: scale(1.2);} 100%{transform: scale(1);} }
@-webkit-keyframes slide { 0%{transform: translateX(100%);} 100%{transform: translateX(0);} }
@-moz-keyframes slide { 0%{transform: translateX(100%);} 100%{transform: translateX(0);} }
@-ms-keyframes slide { 0%{transform: translateX(100%);} 100%{transform: translateX(0);} }
@keyframes slide { 0%{transform: translateX(100%);} 100%{transform: translateX(0);} }
@-webkit-keyframes pulse { to{box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);} }
@-moz-keyframes pulse { to{box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);} }
@-ms-keyframes pulse { to{box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);} }
@keyframes pulse { to{box-shadow: 0 0 0 45px rgba(232, 76, 61, 0.01);} }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%;float: right; }
.conteLeft { width: 50%;float: left; }

/*
ANIMACIONES HTML5

-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;

-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);

-ms-transform: rotate(7deg);-webkit-transform: rotate(7deg);transform: rotate(7deg);

-webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1);-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);-o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
*/

/*********************** CLEAR ***********************/
.clear { clear: both;height: 0px; }
.clear5 { clear: both;height: 5px; }
.clear10 { clear: both;height: 10px; }
.clear15 { clear: both;height: 15px; }
.clear20 { clear: both;height: 20px; }
.clear30 { clear: both;height: 30px; }
.clear40 { clear: both;height: 40px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none!important; }
input.error { border: 2px solid #f00!important; }
select.error { border: 2px solid #f00!important; }
textarea.error { border: 2px solid #f00!important; }

/*********************** H1 - H6 ***********************/
h1, h2, h3, h4 { padding: 0; margin: 0; }
h3 { font-size: 30px; color: #49b1a6; }

/*********************** COLUMNAS ***********************/
.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { padding: 10px 0; position: fixed; width: 100%; top: 0; left: 0; background: #fff; z-index: 10; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.headerAnima { box-shadow: 0 5px 20px 1px #000; padding: 5px 0; }
.headerAnima .logo { width: 120px; }
.headerAnima nav a { padding: 13px 43px; font-size: 14px; }
nav a:hover, .menuActivo { color: #e5842d; }
header .logo { width: 140px; float: left; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
nav { float: right; width: 800px; display: flex; }
nav a { color: #243056; text-transform: uppercase; font-size: 16px; font-weight: 600; padding: 17px 43px; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }

/*********************** HOME ***********************/
.banner { background: url(../img/home/banner.jpg) no-repeat; height: 600px; background-position: center; background-size: cover; position: relative; }
.banner .conten { position: absolute; top: 50%; left: 50%; font-size: 33px; color: #fff; line-height: 65px; margin-left: -610px; width: 830px; margin-top: -130px; }
.banner .conten .btn { border: 3px solid #fff; padding: 8px 100px; display: table; border-radius: 15px; cursor: pointer; font-size: 15px; line-height: normal; margin-top: 60px; }
.seccion1 { padding: 70px 0; position: relative; } 
.seccion1 .fondo { background: url(../img/home/bgS1.png) no-repeat; background-position: center; background-size: 100% 100%; position: absolute; top: 15%; left: 0; width: 100%; height: 43%; } 
.seccion1 .logo { width: 240px; margin: 0px auto; }
/* .seccion1 p:not */
.seccion1 p { text-align: center; padding: 0 230px; }
/* .seccion1 ul:not */
.seccion1 .colMisionVision { position: relative; margin-top: 60px; }
.seccion1 .colMisionVision::before { content: ''; display: block; background: linear-gradient(to bottom, #4db1a3 0%, #dbab63 100%); width: 10px; height: 60px; position: absolute; top: -30px; left: 50%; z-index: 1; border-radius: 10px; margin-left: -5px; }
.seccion1 .colMisionVision li { background: #eef8f9; padding: 50px 70px; opacity: .8; height: 320px; }
.seccion1 .colMisionVision li p { padding: 0; text-align: justify; }
/* .seccion1 .nuestrosValores ul { position: relative;  } */
/* .seccion1 ul li:not */
/* .seccion1 .nuestrosValores ul li { background: #eef8f9; padding: 50px 70px; opacity: .8; height: 332px; } */
.seccion1 .nuestrosValores { margin-top: 60px; }
.seccion1 .nuestrosValores ul::before { content: none; }
.seccion1 .nuestrosValores h3 { text-align: center; }
.seccion1 .nuestrosValores .info .icono { background: linear-gradient(to bottom, #4db1a3 0%, #dbab63 100%); border-radius: 50%; width: 80px; height: 80px; position: relative; margin: 0px auto; }
.seccion1 .nuestrosValores ul { margin-top: 55px; }
.seccion1 .nuestrosValores .info .icono img { padding: 10px; }
.seccion1 .nuestrosValores .info .icono:before { content: ''; display: block; width: 80px; height: 80px; border: 4px solid #e5842d; position: absolute; z-index: -4; left: 4px; top: 4px; border-radius: 50%; }
.seccion1 .nuestrosValores .info .titulo { font-size: 23px; color: #e5842d; font-weight: 700; text-align: center; margin-top: 30px; height: 60px; }
.seccion1 .nuestrosValores .info .texto p { font-size: 15px; line-height: 20px; text-align: justify; padding: 0; }
.seccion1 .nuestrosValores .info .texto .textoAzul { color: #49b2a5; font-weight: 700; display: block; }
.seccion1 .nuestrosValores .info .texto .textoAzul:after { content: ''; display: block; width: 5px; height: 5px; background: #49b2a5; border-radius: 50%; float: left; margin-top: 8px; margin-right: 5px; }
.seccion1 .nuestrosValores ul li:nth-child(1) { padding-right: 30px; }
.seccion1 .nuestrosValores ul li:nth-child(2) { padding: 0 30px; }
.seccion1 .nuestrosValores ul li:nth-child(3) { padding-left: 30px; }
.seccion2 { background: url(../img/home/bgS2.jpg) center/cover no-repeat fixed; width: 100%; padding: 60px 0px; }
.seccion2 h1, .seccion3 h1 { color: #fff; font-size: 38px; margin-bottom: 40px; line-height: 40px; }
.seccion2 p, .seccion3 p { color: #fff; font-size: 16px; font-weight: 400; text-align: justify; }
.seccion3 h1, .seccion3 p { color: #3a3a3a; }
.seccion3 p { padding-right: 540px; text-align: left; }
.seccion2 p span.negrita { font-weight: 700; }
.seccion2 p span.italic { font-style: italic; }
.seccion3 { background: url(../img/home/bgS3.jpg) center/cover no-repeat fixed; width: 100%; padding: 60px 0px; }
.seccion4 { padding: 70px 0; }
.seccion4 h1 { color: #3a3a3a; font-size: 38px; text-align: center; }
.seccion4 h1 span { display: block; font-size: 18px; font-weight: 400; margin-top: 10px; }

.seccion4 .itemProducto { position: relative; display: flex; }
.seccion4 .itemProducto:before { display: block; content: ''; background: #f1f9fa; width: 100%; height: 4340px; top: 150px; left: 0; position: absolute; }
.videoIframe1 { height: 680px; }
.videoIframe1 iframe { width: 100%; height: 100%; }

.seccion4 .itemProducto.producto2 { margin-top: 85px; }
.seccion4 .itemProducto.producto2:before { height: 1465px; }
.seccion4 .itemProducto.producto3:before { height: 780px; }
/* .seccion4 .itemProducto.producto4:before { height: 680px; } */
.seccion4 .itemProducto.producto5:before { height: 90%; }
.seccion4 .itemProducto.producto3, .seccion4 .itemProducto.producto5 { margin-top: 60px; }
.seccion4 .itemProducto.producto4 { margin-top: 80px; }
.seccion4 .itemProducto.producto4:before { height: 675px; }

.seccion4 .item { display: flex; align-items: center; padding: 40px 100px; box-shadow: 0px 6px 11px 4px #00000042; margin: 60px 0; position: relative; background: #fff; }
.seccion4 .item:before { display: block; content: ''; background: url(../img/home/itemcafe.png) no-repeat; width: 66px; height: 107px; background-size: cover; position: absolute; top: -20px; left: 40px; }
.seccion4 .item .texto { padding-left: 80px; }
.seccion4 .item .texto p span { font-weight: 800; }
.seccion4 .item_1 { padding: 0 100px; }
.seccion4 .col2 { display: flex; align-items: center; }
.seccion4 .col2 li .info h2 { font-size: 28px; color: #49b2a6; }
.seccion4 .col2 li .info p { padding-right: 90px; }
.seccion4 .item2 { background: #6dc1b8; padding: 40px 70px; display: flex; align-items: center; position: relative; margin-top: 60px; }
.seccion4 .item2:after { content: ''; display: block; background: url(../img/home/clip.png) no-repeat; width: 56px; height: 110px; position: absolute; top: -27px; right: 50px; background-size: cover; }
.seccion4 .item2 .conteImages { display: flex; align-items: center; width: 440px; }
.seccion4 .item2 .conteImages img { width: auto; margin-right: 30px; }
.seccion4 .item2 .texto { color: #fff; padding-left: 80px; padding-right: 70px; }
.seccion4 .item2 .texto p { margin: 0; margin-bottom: 40px; color: #fff; }
.seccion4 .conten { display: flex; align-items: center; gap: 20px; }
.seccion4 .conten .img { width: 50%; float: left; margin: 0 40px; position: relative; }
/* .seccion4 .conten .img { width: 340px; margin: 0 70px; position: relative; } */
.seccion4 .conten .img img { position: relative; z-index: 1; }
.seccion4 .conten .img:after { content: ''; display: block; background: #00b1b9; position: absolute; top: 15px; left: 15px; width: 100%; height: 100%; z-index: 0; }
.seccion4 .conten .img:before { content: ''; display: block; background: url(../img/home/bolitas.png) no-repeat; background-size: cover; background-position: center; width: 320px; height: 279px; position: absolute; top: -45px; left: -60px; z-index: 2; }
.seccion4 .conten .texto { float: right; width: 50%; }
/* .seccion4 .conten .texto { flex: 1; } */
.seccion4 .conten .texto p { text-align: justify; } 
.seccion4 .conten .texto p.naranja { font-weight: bold; color: #e4832c; }
.seccion4 .conten .texto p span.italica { font-style: italic; }
.seccion4 .estudiosGeneticos ul { margin-top: 30px; }
.seccion4 .estudiosGeneticos h2 { font-size: 28px; color: #49b2a6; margin-top: 70px; }
.seccion4 .estudiosGeneticos p { margin: 0; line-height: 25px; position: relative; padding-left: 16px; padding-right: 50px; }
.seccion4 .estudiosGeneticos p:after { content: ''; display: block; width: 10px; height: 10px; background: #e5842d; border-radius: 50%; position: absolute; top: 7px; left: 0; }


.seccion4 .btn { font-size: 15px; text-align: center; color: #63bdb3; font-weight: 500; border: 2px solid; border-radius: 15px; cursor: pointer; padding: 8px 100px; margin: 0px auto; display: table;  }
.seccion4 .producto1 .btn { border: 3px solid #fff; padding: 8px 100px; display: table; border-radius: 15px; cursor: pointer; color: #fff; }
.seccion4 .producto2 .btn { margin-top: 60px; }
.seccion4 .producto4 .btn { margin-top: 40px; }
.seccion4 .producto5 .btn { margin-top: 60px; }


/********************** FOOTER **********************/
footer { background: url(../img/home/bgContacto.jpg) no-repeat; background-position: top; background-size: cover; width: 100%; position: relative; }
footer .seccion1 h1 { color: #fff; font-size: 38px; }
footer .seccion1 h1 span { display: block; font-size: 18px; font-weight: 400; margin-top: 10px; }
footer form { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 50px; }
footer form input[name="nombre"], footer form input[name="correo"] { width: 100%!important; }
footer form input:not([type="submit"]) { color: #768290; font-size: 14px; width: 49%; border: none; padding: 8px 20px; box-sizing: border-box; font-family: "Montserrat Alternates", sans-serif; }
footer form textarea { width: 100%; border: none; padding: 8px 20px; box-sizing: border-box; font-family: "Montserrat Alternates", sans-serif; color: #768290; font-size: 14px; resize: none; height: 120px; font-family: "Montserrat Alternates", sans-serif; }
footer form input[type="submit"] { background: #3b5e5b; color: #fff; border: none; padding: 10px 20px; width: 100%; border-radius: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; cursor: pointer; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
footer form input[type="submit"]:hover, footer form input[type="submit"]:disabled { opacity: .5!important; }
footer .seccion2 { background: #000; }
footer .seccion2 h3 { font-size: 14px; color: #fff; text-transform: uppercase; font-weight: 400; }
footer .seccion2 .conten { display: flex; align-items: center; }
footer .seccion2 .item { width: 33.33%; }
footer .seccion2 .item img { margin: 0px auto; }
footer .seccion2 .item p { margin: 0; line-height: inherit; }
footer .seccion2 .item:nth-child(1) { color: #fae274; }
footer .seccion2 .item img { width: 300px; }
footer .seccion2 .item:nth-child(3) { text-align: right; }
footer .seccion2 .item:nth-child(3) a { display: inline; color: #49b2a6; font-size: 30px; margin-left: 20px; }
footer .seccion2 .conten2 .item:nth-child(2), footer .seccion2 .conten2 .item:nth-child(3) a { font-size: 12px!important; color: #ffffff; }

/********************** AVISO **********************/
.aviso h1 { color: #49b1a6; text-align: center; margin: 50px 0; }

/*********************** ANIMACIONES ***********************/
@keyframes buzz { from, to { -webkit-transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); } }
@keyframes scale { 50% { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } }
@keyframes entrance { 0% { transform: translateY(-50px); opacity: 0; } 20% { transform: translateY(0); opacity: 1; } 80%, 100% { transform: translateY(0); opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0,100%,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0,-100%,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%,0,0); } 100% { opacity: 1; transform: none; } }
@keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%,0,0); } 100% { opacity: 1; transform: none; } }
@keyframes up-and-down { from { transform: translateY(-80%); } 50% { transform: translateY(-20%); } to { transform: translateY(-80%); } }
@keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3); } 50% { opacity: 1; } }
@keyframes roateIn { 0% { opacity: 0; transform: scale3d(.3,.3,.3)  rotate(900deg); } 50% { opacity: 1; } }

/**************** MEDIAS ANIMATIONS *****************/
@media (prefers-reduced-motion: no-preference){
	.is-visible .in { animation-name: fadeIn; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .in-up { animation-name: fadeInUp; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .in-down { animation-name: fadeInDown; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .in-left { animation-name: fadeInLeft; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .in-right { animation: fadeInRight; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .zoom-in { animation-name: zoomIn; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
    .is-visible .rotate-in { animation-name: roateIn; animation-fill-mode: both; animation-delay: 0.1s; animation-duration: 1s; }
}

/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) {
    /*********************** GENERAL ***********************/
    .contenedor { width: 90%; }
    .movil { display: block; }
    p { font-size: 14px; margin: 10px 0; }

    body { padding-top: 105px; }
    h3 { font-size: 26px; }
    .conteLeft { width: 100%; }

    header .logo, .headerAnima .logo { width: 130px; margin: 0px auto; float: none; }
    nav { width: 100%; display: block; }
    nav a, .headerAnima nav a { font-size: 13px; padding: 10px 5px; float: left; width: 50%; text-align: center; }
    .headerAnima { padding: 10px 0; }

    .banner { height: 510px; }
    .banner .conten { width: 80%; margin-left: -40%; font-size: 21px; text-align: center; margin-top: -160px; }
    .seccion1 { padding: 40px 0; }
    .seccion1 .logo { width: 200px; }
    .seccion1 p { padding: 0 5%; }
    .seccion1 .colMisionVision { width: 80%; margin: 0px auto; margin-top: 30px; }
    .seccion1 .colMisionVision::before { width: 5px; height: 40px; top: -20px; }
    .seccion1 .nuestrosValores ul li { padding: 0!important; width: 100%; }
    .seccion1 .colMisionVision li { padding: 20px 15px; height: auto; width: 100%; }
    .seccion1 .nuestrosValores { margin-top: 40px; }
    .seccion1 .nuestrosValores ul { margin-top: 35px; }
    .seccion1 .nuestrosValores .info .icono {
    width: 70px; height: 70px;
    }
    .seccion1 .nuestrosValores .info .icono:before { 
    width: 70px; height: 70px;
    }
    .seccion1 .nuestrosValores .info .titulo { font-size: 19px; height: auto; }
    .seccion2, .seccion3, .seccion4 { padding: 40px 0; }
    .seccion2 h1, .seccion3 h1 { font-size: 26px; }
    .seccion3 p { padding: 0; }
    .videoIframe1 { height: 250px; }
    .seccion4 .item2 { padding: 15px;
    display: block;
    margin-top: 30px; }
    .seccion4 .item2 .conteImages { display: table;
    margin: 0px auto;
    width: auto;
    margin-bottom: 20px;
    }
    .seccion4 .item2 .texto { padding: 0 30px; }
    .seccion4 .item2:after { display: none; }
    .seccion4 .item2 .conteImages img {
    width: 50%;
    margin: 0;
    float: left;
    }
    .seccion4 .itemProducto { margin-top: 40px!important; }
    .seccion4 .itemProducto:before { display: none; }
    .seccion4 .item { display: block; }
    .seccion4 .item_1 { margin: 0px auto; padding: 0; }
    .seccion4 .item:before { width: 50px; height: 80px; }
    .seccion4 .item img { width: 60%; margin: 0px auto; }
    .seccion4 .item .texto { padding: 30px; padding-top: 0; }
    .seccion4 .conten { display: block; }
    .seccion4 .conten .img { width: 55%; margin: 0px auto; float: none; margin-top: 60px; }
    .seccion4 .conten .img:before { width: 250px; height: 219px; left: -30px; }
    .seccion4 .conten .texto { float: none; width: 100%; margin-top: 30px; }
    .seccion4 .estudiosGeneticos h2 { font-size: 23px; margin-top: 50px; }
    .seccion4 .estudiosGeneticos ul {  }
    .seccion4 .estudiosGeneticos ul li { width: 100%; padding: 0 40px; margin-bottom: 30px; }
    .seccion4 .producto2 .btn { margin-top: 30px; }
    .seccion4 .itemProducto.producto4 .item_1 .texto { padding: 10px 30px 20px 100px; }
    .seccion4 .btn { padding: 8px; font-size: 14px; width: 90%; }

    footer .seccion1 h1 { font-size: 33px; }
    footer .seccion1 h1 span { font-size: 14px; }
    footer form { margin-top: 30px; }
    footer form { width: 80%;
    margin: 0px auto;
    margin-top: 30px;
    display: block; }
    footer form input:not([type="submit"]) { width: 100%;
    margin-bottom: 12px; }
    footer .seccion2 { padding: 30px 0; }
    footer .seccion2 .conten { display: block; }
    footer .seccion2 .item { width: 100%; text-align: center!important; }
    .seccion2 p, .seccion3 p { font-size: 14px; }
    footer .seccion2 .item p, footer .seccion2 .item:nth-child(3) a { text-align: center; }
    footer .seccion2 .item img { width: 60%; margin: 30px auto; }
}

@media screen and (min-width: 480px) and (max-width: 599px) {
    /*********************** GENERAL ***********************/
}

@media screen and (min-width: 600px) and (max-width: 1023px) { 
    /*********************** GENERAL ***********************/
    nav a, .headerAnima nav a { font-size: 14px; }
}
 
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	/*********************** GENERAL ***********************/
	.contenedor { width: 960px; }
    p { font-size: 16px; line-height: 24px; margin: 15px 0px; }

    /*********************** HEADER ***********************/
    .headerAnima nav a { font-size: 13px; }

    h3 { font-size: 27px; }
    .videoIframe1 { height: 490px; }

    /*********************** HOME ***********************/
    .banner { height: 520px; }
    .banner .conten { font-size: 26px; line-height: 58px; width: 650px; margin-left: -470px; }
    .banner .conten .btn { padding: 6px 70px; font-size: 14px; margin-top: 50px; }
    
    .seccion1 { padding: 50px 0; }
    .seccion1 .logo { width: 210px; }
    .seccion1 p { padding: 0 150px; }
    .seccion1 .colMisionVision li { height: 290px; padding: 35px 55px; }
    .seccion1 .colMisionVision, .seccion1 .nuestrosValores { margin-top: 50px; }

    .seccion1 .nuestrosValores ul { margin-top: 45px; }
    .seccion1 .nuestrosValores .info .icono, .seccion1 .nuestrosValores .info .icono:before { width: 75px; height: 75px; }
    .seccion1 .nuestrosValores .info .icono img { padding: 14px; }
    .seccion1 .nuestrosValores .info .titulo { margin-top: 25px; font-size: 21px; }
    .seccion1 .nuestrosValores .info .texto p { font-size: 14px; }
    .seccion2, .seccion3 { padding: 45px 0; }
    .seccion2 h1, .seccion3 h1 { line-height: 36px; font-size: 30px; margin-bottom: 35px; }
    .seccion2 p, .seccion3 p { font-size: 14px; }
    .seccion4 { padding: 60px 0; }
    .seccion4 h1 { font-size: 36px; }
    .seccion4 h1 span { font-size: 16px; margin-top: 5px; }
    .seccion4 .item { padding: 30px 60px; margin: 50px 0; }
    .seccion4 .item:before { width: 61px; height: 99px; left: 60px; }
    .seccion4 .col2 li .info h2 { font-size: 26px; }
    .seccion4 .col2 li .info p { padding-right: 60px; }
    .seccion4 .item2 { padding: 35px 50px; margin-top: 50px; }
    .seccion4 .item2 .texto { padding-left: 20px; padding-right: 50px; }
    .seccion4 .item2 .texto .btn { font-size: 14px; padding: 8px 50px; }
    .seccion4 .item2 .texto p { margin-bottom: 30px; }
    .seccion4 .item2:after { width: 46px; top: -23px; height: 100px; }
    .seccion4 .itemProducto.producto2 { margin-top: 55px; }
    .seccion4 .item .texto { padding-left: 10px; }
    .seccion4 .estudiosGeneticos p { padding-right: 25px; }
    .seccion4 .estudiosGeneticos .btn { font-size: 14px; padding: 8px 50px; }
    .seccion4 .conten .img:before { width: 290px; height: 255px; left: -40px; }
    .seccion4 .estudiosGeneticos h2 { font-size: 26px; margin-top: 60px; }
    .seccion4 .item_1 { padding: 0 80px; }
    .seccion4 .itemProducto:before { height: 3680px; top: 135px; }
    .seccion4 .itemProducto.producto2:before { height: 1275px; }
    .seccion4 .itemProducto.producto3:before { height: 750px; }
    .seccion4 .itemProducto.producto4:before { height: 540px; }
    footer .seccion1 { padding: 40px 0; }
    footer .seccion1 h1 { font-size: 36px; }
    footer .seccion1 h1 span { font-size: 16px; }
    footer form { margin-top: 40px; }
    footer form input:not([type="submit"]) { color: #768290; font-size: 13px; width: 48%; padding: 8px 16px; }
    footer form textarea { height: 100px; font-size: 13px; }
    footer .seccion2 { padding: 30px 0; }
    footer .seccion2 .item img { width: 250px; }
    footer .seccion2 h3 { font-size: 13px; }
}

@media (min-width: 1440px) {}