/*------------------------------------------------------------------
Theme Name: Listing & Directory Website Template
Version: 1.0
Author: Surjith S M
-------------------------------------------------------------------*/
/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}

h1 {
  font-size: 72px;
  color: #fff;
  font-weight: 300; }
@media (max-width: 1200px) {
  h1 {
    font-size: 52px; }
}
@media (max-width: 992px) {
  h1 {
    font-size: 40px; }
}

h2 {
  font-size: 47px; }
@media (max-width: 768px) {
  h2 {
    font-size: 34px; } }

h3 {
  font-size: 45px;
  color: #FFFFFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 992px) {
  h3 {
    font-size: 30px; } }

h4 {
  font-size: 40px;
  font-family: 'Roboto Condensed', sans-serif;
  color: #FFFFFF;
  border: 3px solid #fff;
  width: 240px;
  padding: 10px 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}

h5 {
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  color: #00a2df;
  text-align: center;
}
@media (max-width: 768px) {
  h5 {
    font-size: 20px; } }

h6 {
  font-size: 21px;
  font-weight: 400; }

p {
  font-size: 15px; }

.main-block {
  padding: 90px 0; }
@media (max-width: 768px) {
  .main-block {
    padding: 45px 0; } }

.light-bg {
  background: #ffffff; }

.dark-bg {
  background: #252a33; }

.modal {
  background-color: rgba(0, 162, 223, 0.71);
}

button:focus {
  outline:0;
}

a:focus {
  outline:0;
}

.obligatorio {
  font-size: 12px !important;
  font-weight: 300;
  border-top: 1px solid #ffffff;
  width: 300px !important;
  padding-top: 7px;
}

.g-recaptcha iframe {
    width: 100% !important;
}

/* ==============================================================
   HEADER
   ============================================================== */
.nav-menu {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding-bottom: 22px;
}

.logo {
  position: absolute;
  display: block;
  width: 240px;
  top: -2px;
  left: -30px;
}

.nav-menu-2 {
  position: inherit; }

.navbar {
  padding: .5rem 0; }

.navbar-light .navbar-brand {
  color: #fff; }
.navbar-light .navbar-brand:hover {
  color: #3f3f3f; }

.navbar-nav {
  text-transform: uppercase;
  margin: 0 auto;
}

ul.navbar-nav li a{
  position: relative;
  font-weight:bold;
  color:#0E83CD;
  margin: 0px 15px;
}
ul.navbar-nav li a:after{
  position: absolute;
  bottom: -14px;
  left: 0px;
  width: 100%;
  height: 8px;
  background-color: #FFD743;
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: translateY(20px);
}
ul.navbar-nav li a:hover:after{
  opacity:1;
  transform: translateY(15px)
}

.navbar-light .navbar-nav .show > .nav-link {
  color: #fff; }

.navbar-light .navbar-nav .active > .nav-link {
  color: #717171; }

.navbar-light .navbar-nav .nav-link {
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  color: #272727; }

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #3f3f3f;
  outline: none; }

.navbar-light .navbar-toggler {
  color: #0e68c3;
  border-color: #fff; }

@media (max-width: 992px) {
  .navbar-nav {
    padding: 7px 20px;
    margin-top: 110px;
  }

  ul.navbar-nav li a:after {
    bottom: 10px;
  }

  .logo {
    width: 140px;
    left: -40px;
  }

  .nav-menu {
    background-color: transparent;
  }
}

.nav-item {
  margin: 7px 20px 6px 0; }
.nav-item span {
  font-size: 10px;
  margin: 0 0 0 4px; }

.bg {
  width: 100%;
  height: 70px; }

.is-sticky {
  background: #ffffff;
  opacity: 1; }

.transition {
  -webkit-transition: all 4s ease-in-out;
  -moz-transition: all 4s ease-in-out;
  -o-transition: all 4s ease-in-out;
  transition: all 4s ease-in-out; }

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
@media (max-width: 992px) {
  .fixed {
    border: none;
    background: #ffffff; } }

.dropdown-menu {
  background: #030303; }

.dropdown-item {
  color: #aaaaaa;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.dropdown-item:hover {
  color: #fff;
  background: none; }

.ti-plus {
  font-size: 14px;
  padding: 0 8px 0 0; }

.slider {
  background: url(../images/home_bg_botonera.jpg) no-repeat center center;
  background-size: cover;
  min-height: 730px; }
@media (max-width: 992px) {
  .slider {
    background: url(../images/home_bg_botonera_m.jpg) no-repeat center center;
    background-size: cover;
    min-height: 100vh; } }

.btn-outline-light {
  padding: 10px 16px; }
@media (max-width: 992px) {
  .btn-outline-light {
    width: 25%; } }
@media (max-width: 768px) {
  .btn-outline-light {
    width: 30%; } }
@media (max-width: 576px) {
  .btn-outline-light {
    width: 40%; } }
@media (max-width: 480px) {
  .btn-outline-light {
    width: 100%; } }
.btn-outline-light:hover {
  color: #000; }

.slider-title_box {
  text-align: center; }

.slider-content_wrap h5 {
  color: #909090;
  font-weight: 400;
  margin: 24px 0; }

@media (max-width: 480px) {
  .form-wrap {
    margin: 0 !important; } }

.btn-group {
  width: 100%; }
@media (max-width: 576px) {
  .btn-group {
    display: block; } }

.btn-group1 {
  padding: 24px;
  width: 40%;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border: none; }
@media (max-width: 576px) {
  .btn-group1 {
    width: 100%;
    border-radius: 3px;
    margin: 0 0 10px;
    padding: 17px; } }

.btn-group2 {
  position: relative;
  padding: 24px;
  width: 33%;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #ccc; }
@media (max-width: 576px) {
  .btn-group2 {
    width: 100%;
    border-radius: 3px;
    margin: 0 0 10px;
    padding: 17px; } }

.btn-form {
  font-weight: 400;
  font-size: 18px;
  padding: 17px;
  width: 27%;
  background: #ff3a6d;
  color: #ffffff;
  border: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }
@media (max-width: 768px) {
  .btn-form {
    width: auto; } }
@media (max-width: 576px) {
  .btn-form {
    width: 100%;
    border-radius: 3px; } }

.search-icon {
  font-size: 15px;
  padding-right: 10px; }

.slider-link {
  color: #909090;
  margin: 45px 0 0;
  font-size: 19px; }
@media (max-width: 480px) {
  .slider-link {
    margin: 18px 0 0; }
  .slider-link a,
  .slider-link span {
    display: block; } }
.slider-link a {
  color: #909090;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.slider-link a:hover {
  color: #fff; }
.slider-link span {
  padding: 0 18px; }

/* ==============================================================
   FIND PLACES
   ============================================================== */
.styled-heading {
  text-align: center;
  margin: 0 0 50px; }
@media (max-width: 768px) {
  .styled-heading {
    margin: 0 0 30px; } }
.styled-heading h3 {
  position: relative;
  padding: 0 0 23px; }
.styled-heading h3:after {
  position: absolute;
  content: "";
  width: 60px;
  height: 3px;
  background: #ff3a6d;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.find-img-align {
  padding: 0 0 15px; }
@media (max-width: 768px) {
  .find-img-align {
    padding: 0; } }

/* ==============================================================
   FEATURED PLACES
   ============================================================== */
.featured-place-wrap {
  background: #fff;
  margin: 0 0 30px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative; }
.featured-place-wrap:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0px 3px 40px 0 rgba(206, 205, 205, 0.3);
  box-shadow: 0px 3px 40px 0 rgba(206, 205, 205, 0.3); }
.featured-place-wrap a {
  display: block;
  text-decoration: none;
  color: #000; }
.featured-place-wrap img {
  width: 100%; }

.featured-rating,
.featured-rating-orange,
.featured-rating-green {
  position: absolute;
  right: 10px;
  width: 60px;
  height: 60px;
  text-align: center;
  margin: -33px 10px 0 0;
  font-size: 23px;
  background: #ff7474;
  color: #fff;
  padding: 14px;
  border-radius: 50%; }

.featured-rating-orange {
  background: #ffae00 !important; }

.featured-rating-green {
  background: #46cd38 !important; }

.featured-title-box {
  padding: 22px 20px; }
@media (max-width: 480px) {
  .featured-title-box {
    padding: 22px 14px; } }
.featured-title-box h6 {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-bottom: 5px; }
.featured-title-box p {
  color: #9fa9b9;
  display: inline-block;
  margin: 0; }
@media (max-width: 320px) {
  .featured-title-box p {
    font-size: 13px; } }
.featured-title-box p span {
  color: #ffb006;
  padding: 0; }
.featured-title-box span {
  color: #9fa9b9;
  padding: 0 10px; }
@media (max-width: 320px) {
  .featured-title-box span {
    padding: 0 4px; } }
.featured-title-box ul {
  padding: 0;
  margin: 10px 0 0; }
.featured-title-box ul li {
  list-style: none;
  color: #737882;
  line-height: 2; }
.featured-title-box ul li span {
  padding: 7px 8px 0 0; }
@media (max-width: 1200px) {
  .featured-title-box ul li span {
    padding: 0 4px 0 0; } }
@media (max-width: 320px) {
  .featured-title-box ul li span {
    font-size: 12px;
    padding: 0 2px 0 0; } }
.featured-title-box ul li p {
  margin: 0; }

.bottom-icons {
  padding: 15px 0 0;
  line-height: 1; }
.bottom-icons span {
  float: right;
  line-height: 1;
  padding: 0 0 0 12px; }

.closed-now {
  color: #ff3a6d;
  font-size: 13px;
  display: block;
  font-weight: 400;
  display: inline-block; }

.open-now {
  color: #46cd38;
  font-size: 13px;
  display: block;
  font-weight: 400;
  display: inline-block; }

.featured-btn-wrap {
  text-align: center; }
@media (max-width: 1200px) {
  .featured-btn-wrap {
    margin: 3px 0 0; } }
.featured-btn-wrap .btn-danger {
  background: #ff3a6d;
  padding: 16px 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 0; }
@media (max-width: 576px) {
  .featured-btn-wrap .btn-danger {
    width: 100%; } }
.featured-btn-wrap .btn-danger:hover, .featured-btn-wrap .btn-danger:focus {
  background: #f34e79;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

/* ==============================================================
   CATEGORIES
   ============================================================== */
@media (max-width: 992px) {
  .category-responsive {
    max-width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; } }

@media (max-width: 576px) {
  .category-responsive {
    max-width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%; } }

.category-wrap:hover {
  text-decoration: none; }

.category-wrap:hover .category-block {
  background: #f34e79;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.category-wrap:hover .category-img path {
  text-decoration: none;
  fill: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.category-wrap:hover .category-block h6 {
  color: #fff;
  text-decoration: none; }

.category-block {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #e5e7ef;
  padding: 30px;
  margin: 0 0 30px; }
.category-block h6 {
  color: #3e434b;
  margin: 10px 0 0; }

.category-img {
  width: 64px;
  height: 64px; }

/* ==============================================================
   ADD LISTING
   ============================================================== */
.add-listing-wrap {
  text-align: center;
  margin: 0 0 36px; }
.add-listing-wrap h2 {
  font-weight: 300; }
.add-listing-wrap p {
  font-size: 22px;
  font-weight: 300;
  color: #737882; }

/* ==============================================================
   FOOTER
   ============================================================== */
footer {
  position: relative;
  height: 100px !important;
  padding: 20px 0 !important;
  background-color: #FFFFFF;
}

.copyright {
  text-align: left; }
.copyright p {
  font-size: 14px;
  font-weight: 400;
  color: #484848;
  margin: 0;
  padding-top: 15px; }
.copyright ul {
  text-align: right;
  margin: -23px 0 0;
  padding: 0; }
.copyright ul li {
  list-style: none;
  display: inline-block; }
.copyright ul li a {
  color: #484848;
  font-size: 16px;
  padding: 0 5px;
  opacity: 0.6;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
.copyright ul li a:hover {
  opacity: 1;
  text-decoration: none; }


.footer2 {
  position: fixed;
  height: 100px !important;
  padding: 20px 0 !important;
  bottom: 0px;
  width: 100%;
}

.g-recaptcha {
  margin: 0 auto;
  position: relative;
  display: block;
  width: 300px;
}


@media (max-width: 992px) {
  .copyright ul {
    text-align: left;
    margin: 10px 0 0;
    padding: 0;
  }
    
  .g-recaptcha {
      margin-left: -50px;
    }
}

/* ==============================================================
   SUB PAGES
   ============================================================== */

/* ==============================================================
   HOME
   ============================================================== */

.home-cajas {
  margin-top: 20px;
}

.home-cajas img{
  max-width: 190px;
  margin: 0 auto;
  display: block;
}

.movil {
  display: none;
}

.modal .movil {
  display: none !important;
}

.modal-content {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  outline: 0;
}

.modal-dialog {
  max-width: 900px;
  margin: 40px auto;
}

.modal-dialog img {
  display: block;
  position: relative;
  width: 100%;
}

button.close {
  margin-right: -52px;
  border: 4px solid #ffffff;
  width: 53px;
  cursor: pointer;
  position: relative;
  margin-top: 80px;
}

.close {
  float: right;
  font-size: 45px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  opacity: 1;
}

.close2 {
  border: none;
  background: transparent;
  cursor: pointer;
}

.close:hover {
  color: #FFFFFF;
}

#nutricionistabox .close {
  margin-right: 20px !important;
  margin-top: 20px !important;
  width: 53px;
  cursor: pointer;
  position: relative;
  margin-top: 0px;
  z-index: 300;
  color: #00a2dd;
  border: 4px solid #00a2dd;
}

#nutricionistabox iframe {
  border: none;
  height: 100vh;
  width: 100%;
}

#nutricionistabox .modal-dialog {
  max-width: 100%;
  margin-top: 0px;
}

#nutricionistabox .modal {
  overflow: hidden;
}

#nutricionistabox .modal-body {
  padding: 0px;
}

#nutricionistabox h3 {
  color: #00a2dd !important;
  margin-top: 30px;
}

@media (max-width: 992px) {
  .desktop {
    display: none;
  }

  .close2 {
    margin-left: 25px;
    margin-top: 60px;
  }

  .modal .desktop {
    display: none !important;
  }

  .modal .movil {
    display: block !important;
    width: 280px;
    margin: 0 auto;
    position: relative;
  }

  .movil {
    display: block;
    min-height: 500px;
  }

  .home-cajas-m {
    margin-top: 10px;
  }

  .home-cajas-m a{
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    width: 100%;
    cursor: pointer;
    border: 1px solid #fff;
    margin-bottom: 6px;
    padding: 4px;
  }

  .slider h3 {
    margin-top: 100px;
  }

  #iniciar-chat {
    display: block;
  }
}

/* ==============================================================
   PRODUCCIÓN
   ============================================================== */

.produccion  {
  background: url(../images/produccion-bg-loop.gif) no-repeat center center;
  background-size: cover;
  min-height: 100vh;
}

.actualizacion {
  color: #fff;
  font-size: 16px;
  width: 240px;
  padding: 5px;
  position: relative;
  margin: 0 auto;
  margin-top: -15px;
  margin-bottom: 15px;
  line-height: 18px;
}

.verificable {
  color: #fff;
  font-size: 12px;
  position: relative;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
}

.timelapse {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.timelapse-r {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-left: 50%;
}

video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.numeros img {
  display: block;
  position: relative;
  height: 200px;
  width: auto;
  margin: 0 auto;
  margin-bottom: 20px;
}

.litros {
  font-family: 'Anton', sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  text-align: right;
  border: 3px solid #FFFFFF;
  padding: 5px 10px;
  max-width: 300px;
  margin: 0 auto;
}

.bajada {
  font-size: 20px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600
}

#fecha_actualizacion {
    font-size: 25px;
    font-weight: 600;
    line-height: 25px;
}

@media (max-width: 992px) {

  .produccion img {
    display: none;
  }

    video {
        display: none;
    }

    .timelapse {
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        overflow: hidden;
    }

    .timelapse-r {
        display: none;
        position: absolute;
        width: 100%;
        height: 325px;
        overflow: hidden;
    }

  .litros {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
  }
}

/* ==============================================================
   PROCESO
   ============================================================== */

.proceso  {
  background: url(../images/origen-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 1400px;
}

.proceso .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

.proceso iframe {
  position: relative;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
  width: 640px;
  height: 360px;
}

.proceso-titular {
  display: block;
  position: relative;
  width: 440px;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}

.proceso-icono {
  display: block;
  position: relative;
  width: 180px;
}

.chocolate-icono {
  display: block;
  position: relative;
  height: 55px;
  margin-bottom: 20px;
}

.proceso .bajada {
  font-size: 15px;
  color: #fff;
  text-align: justify;
  text-transform: none;
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
  margin-top: 10px;
  line-height: 18px;
}

.proceso2  {
  background: url(../images/proceso-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 400px;
}

.proceso2 iframe {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 90px;
}

.jarron {
  display: block;
  position: absolute;
  width: 220px;
  margin-top: 640px;
  margin-left: -48px;
  z-index: 100;
}

.splash {
  display: block;
  position: absolute;
  width: 100%;
  max-height: 80px;
  min-height: 80px;
  background-image: url("../images/proceso-footer.svg");
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;
  margin-top: -78px;
}

.splash .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.chocolate {
  border-top: 2px solid #fff;
  width: 100%;
  margin-top: 30px;
  padding-top: 30px;
}

.leches {
  width: 750px;
  display: block;
  position: relative;
  margin: 0 auto;
}

@media (max-width: 992px) {
  .proceso {
    height: 720px;
  }

  .proceso-titular {
    width: 250px;
  }

  .proceso .bajada {
    width: 260px;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 17px;
    font-size: 14px;
  }

  .proceso-icono {
    width: 120px;
    margin-bottom: 15px;
  }

  .jarron {
    display: none;
  }

  .proceso2 {
    padding: 0px 10px;
  }

  .chocolate-icono {
    width: 100%;
  }

  .leches {
    width: 100%;
  }

  .proceso iframe {
    width: 100% !important;
  }
}

/* ==============================================================
   PRODUCTORES
   ============================================================== */

.productores  {
  background: url(../images/productores-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 800px;
}

.productores-titular {
  display: block;
  position: relative;
  width: 520px;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}

.productores-texto {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #00a3db;
  max-width: 500px;
  margin: 0 auto;
  line-height: 20px;
  margin-top: 55px;
}

.mapa {
  display: block;
  position: relative;
  width: 660px;
  margin: 0 auto;
  margin-top: -110px;
}

.mapa-m {
  display: none;
}

.chileno {
    display: block;
    position: absolute;
    width: 295px;
    top: 100px;
    right: -15px;
    z-index: 95;
}

.sello {
  display: block;
  display: block;
  position: absolute;
  width: 130px;
  bottom: -20px;
  margin-left: 50%;
  left: -65px;
  color: #868686;
}

@media (max-width: 992px) {
  .chileno {
    display: none;
  }

  .productores-titular {
    width: 250px;
    margin-bottom: 70px;
  }

  .mapa {
    display: none;
  }

  .mapa-m {
    display: block;
    position: relative;
    width: 250px;
    margin: 0 auto;
    margin-top: 20px;
  }

  .sello {
    bottom: -20px;
    margin-left: 50%;
  }
}

/* ==============================================================
   BLANCAS
   ============================================================== */

.blancas  {
  background: url(../images/bg-recicla.jpg) no-repeat center center;
  background-size: cover;
  min-height: 800px;
}

.blancas-titular {
  display: block;
  position: relative;
  width: 520px;
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
}

.blancas-p {
  color: #00a2dd;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.blancas-textos {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  margin-top: 85px;
  text-align: justify;
}

.blancas-textos-p2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #ffffff;
  line-height: 20px;
  text-align: center !important;
  display: block;
}

.blancas li {
  display: block;
  position: relative;
  width: auto;
  text-align: center;
  color: #ffffff;
}

.iso22000 {
  display: block;
  position: relative;
  float: left;
  width: 90px;
  margin-right: 20px;
}

.fssc22000 {
  display: block;
  position: relative;
  float: left;
  width: 180px;
  margin-top: 50px;
}

.bodegones {
  display: block;
  position: relative;
  width: 515px;
  float: right;
}

.bodegon-leches {
  display: block;
  position: relative;
  width: 650px;
  margin-top: 30px;
  margin: 0 auto;
  margin-left: -150px;
}

.recicla1 {
    display: block;
    position: relative;
    width: 150px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.recicla-columnas {
    margin-top: 40px;
}

.numeral {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    color: #ffffff;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
}

.descriptor {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    margin: 0 auto;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: center;
    height: 50px;
    margin-bottom: 8px;
    margin-top: 30px;
}
    
.inta {
  display: block;
  position: relative;
  width: 95px;
    float: left;
    margin-top: 81px;
    margin-left: 12px;
    margin-right: 18px;
}

.recicla-columnas-2 {
    margin-top: 60px;
}

.recicla-caja {
    margin-bottom: -280px;
}

.sonrisa {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
}

.sonrisa-boton {
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: center;
    font-family: 'Roboto';
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    background: #3d7bcc;
    outline-color: #fff;
    outline-style: solid;
    width: 208px;
    border-radius: 8px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
}

.sonrisa-boton:hover {
    background: #1e4f8e;
    text-decoration: none;
    color: #fff;
}

.flechas {
  display: block;
  position: relative;
  float: left;
  margin-top: 177px;
  width: 50px;
}

.vaso {
  display: block;
    position: absolute;
    width: 630px;
    margin-top: 27px;
    left: -291px;
    z-index: 0;
}

@media (max-width: 992px) {
  .vaso {
    display: none;
  }

  .blancas-titular {
    width: 250px;
  }

  .bodegones {
    width: 260px;
  }

  .bodegon-leches {
    width: 100%;
    margin-top: 0px;
    margin-left: 0px;
  }

  .blancas-textos {
    font-size: 14px;
    line-height: 17px;
    margin-top: 25px;
  }

  .flechas {
    display: none;
  }

  .inta {
    width: 50px;
    margin-top: 13px;
    margin-right: 0px;
  }
    
    .sonrisa-boton {
        margin-bottom: 30px;
    }
}




/* ==============================================================
   LECHE CREMOSA
   ============================================================== */

.cremosa  {
  background: url(../images/leche_entera_cremosa_bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 800px;
}

.cremosa_tetra {
  display: block;
  position: relative;
  width: 450px;
  margin: 0 auto;
}

.cremosa-nueva {
  display: block;
  position: absolute;
  width: 130px;
  margin-top: -60px;
  margin-left: 60px;
  z-index: 100;
}

.cremosa-100 {
  display: block;
  position: absolute;
  width: 150px;
  margin-top: -257px;
  margin-left: 60px;
  z-index: 100;
}

.cremosa-inta {
  display: block;
  position: absolute;
  width: 150px;
  margin-top: -265px;
  margin-left: 260px;
  z-index: 100;
}

.cremosa-taza {
  display: block;
  position: absolute;
  width: 380px;
  margin-top: -120px;
  right: -58px;
  z-index: 10;
}

.cremosa_lista {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #00a3db;
  line-height: 20px;
}

.cremosa_lista li {
  list-style: none;
  margin-top: 20px;
  font-weight: bold;
}

.cremosa_lista img {
  width: 20px;
  display: block;
  position: relative;
  margin-right: 20px;
  float: left;
}

.cremosa-texto {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #00a3db;
  max-width: 500px;
  margin: 0 auto;
  line-height: 20px;
}


@media (max-width: 992px) {
  .cremosa-taza {
    display: none;
  }

  .cremosa_tetra {
    display: block;
    position: relative;
    width: 230px;
    margin: 0 auto;
  }

  .cremosa-nueva {
    display: block;
    position: absolute;
    width: 90px;
    margin-top: -35px;
    margin-left: 60px;
    z-index: 100;
  }
    
    .cremosa-100 {
    margin-top: -130px;
    width: 100px;
    }
    
    .cremosa-inta {
    margin-top: -141px;
    width: 100px;
    margin-left: 175px;
    }
}




/* ==============================================================
   NUTRICIONISTAS
   ============================================================== */

.nutricionistas  {
  background: url(../images/preguntas_frecuentes_bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh;
}

.nutricionistas .modal {
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(../images/nutricionista-bg.jpg);
  background-size: cover;
  background-position: center center;
}

.acordeon h3 {
  color: #00a2dd;
}

.accordion-bajada {
  color: #878787 !important;
}

.acordeon h5 {
  text-align: left;
}

.accordion-tit {
  color: #00a2dd !important;
  font-weight: 600;
  text-align: left !important;
  width: 100% !important;
  margin-top: 50px !important;
  font-size: 25px !important;
  margin-bottom: -2px !important;
  padding-left: 15px;
  font-family: 'Open Sans', sans-serif !important;
}

.acordeon .close {
  color: #00a2dd;
  border: 4px solid #00a2dd !important;
}

.nutricionline .horario {
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  border: 1px solid #00a2dd;
  width: 300px;
  margin: 0 auto;
  padding: 4px 0px;
  color: #00a2dd !important;
}

.nutricionline .texto1 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #6b6b6b;
  width: 600px;
  margin: 0 auto;
  line-height: 20px;
  margin-top: 35px;
  margin-bottom: 20px;
}

.nutricionline .chat {
  margin-top: 20px;
  width: 170px;
  border: 1px solid #fff;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}

.nutricionline .nutri-pic {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 160px;
}

.nutricionline .nutri-datos {
  text-align: center;
  list-style: none;
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  line-height: 16px;
  color: #00a2dd;
  margin-left: -35px;
}

.profesional h5 {
  color: #00a2dd !important;
  text-align: center !important;
}

.nutri-datos li {
  margin-top: 7px;
}

.caja-leche {
  display: block;
    position: absolute;
    width: 280px;
    margin-top: 260px;
    right: -119px;
    z-index: 10;
}

.btn-link {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700;
  font-size: 18px;
  color: #00a2dd !important;
  text-align: left;
}

.btn-link, .btn-link:active, .btn-link:focus {
  text-decoration: none !important;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
}

.card {
  background-color: transparent;
  border: none;
}

.card-header {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-body {
  font-size: 15px;
  color: #929292;
  font-family: 'Open Sans', sans-serif;
}

.nutri p {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-bottom: 50px;
}

.nutricionline h5 {
  color: #FFFFFF;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-bottom: 50px;
}

.faq {
  width: 250px !important;
}

#iniciar-chat {
    cursor: pointer;
}

@media (max-width: 992px) {
  .caja-leche {
    display: none;
  }

  .nutricionistas {
    height: 100vh;
  }

  .nutricionistas h5 {
    margin-bottom: -10px;
    margin-top: 25px;
  }

  .dos {
    margin-top: 30px;
  }

  .nutricionline .texto1 {
    font-size: 16px;
    width: 300px;
    margin-bottom: 30px;
  }

  .nutricionline .nutri-pic {
    width: 100px;
  }

  button.close {
    right: 100px;
    margin-top: 0px;
    position: absolute;
  }
}

/* ==============================================================
   MESA REDONDA
   ============================================================== */

.mesa  {
  background: url(../images/mesa-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 800px;
}

.mesa h2 {
  color: #FFFFFF;
}

.mesa p {
  color: #ffffff;
  max-width: 600px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
}

.mesa .texto1 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #ffffff;
  width: 600px;
  margin: 0 auto;
  line-height: 20px;
  margin-top: 65px;
  margin-bottom: 30px;
}

.mesa .texto2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 20px;
}

.mesa .texto3 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 20px;
  margin-top: 35px;
  margin-bottom: 30px;
}

.separador {
  display: block;
  position: relative;
  width: 70%;
  margin: 0 auto;
  border-bottom: 2px solid #ffffff;
}

.ejecutiva {
  display: block;
  position: absolute;
  width: 190px;
  margin-top: -210px;
  right: 40px;
  z-index: 95;
}

.historico {
  display: block;
  position: relative;
  width: 100%;
  height: 300px;
}

.encuesta {
  width: 300px;
  margin: 0 auto;
  left: -22px;
}

.encuesta .form-check {
  position: relative;
  margin-bottom: .5rem;
  width: 50px !important;
  margin: 0 auto !important;
  color: #ffffff;
  margin-top: 15px !important;
}

.encuesta input {
  margin-left: 4px;
}

.encuesta button {
  width: 100px;
  margin-left: 40px;
  margin-top: 5px;
}

.mesa .boton-white {
  display: inline-block;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #00a2dd !important;
  padding: 3px 10px;
  margin-top: 20px;
  border-radius: 3px;
  cursor: pointer;
  text-decoration: none !important;
  width: auto;
}

.mesa .boton-white-m {
  display: block;
  position: relative;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  background-color: #ffffff;
  width: 180px;
  color: #00a2dd !important;
  padding: 10px 5px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
}

.mesa .modal {
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(../images/mesa-bg.jpg);
  background-size: cover;
  background-position: center center;
}

@media (max-width: 992px) {
  .ejecutiva {
    display: none;
  }

  .mesa .texto1 {
    font-size: 16px;
    width: 250px;
    line-height: 18px;
    margin-top: 40px;
  }

  .mesa iframe {
    width: 100% !important;
  }

  .mesa .texto3 {
    font-size: 20px;
  }
}

/* ==============================================================
   VISITA PLANTA
   ============================================================== */

.visita-planta  {
  background: url(../images/visita-planta-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh;
}

.visitas {
  margin-top: 80px;
}

.boton-blue {
  display: block;
  position: relative;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  background-color: #00a2dd;
  min-width: 180px;
  max-width: 250px;
  min-height: 60px;
  color: #ffffff !important;
  padding: 10px 5px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  line-height: 20px;
}

.boton-blue:hover {
  background-color: #0c83af;
}

.boton-blue-s {
  display: block;
  position: relative;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  background-color: #00a2dd;
  min-width: 180px;
  max-width: 230px;
  min-height: 44px;
  color: #ffffff !important;
  padding: 10px 5px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
  line-height: 20px;
}

.boton-blue-s:hover {
  background-color: #0c83af;
}

.visita-planta h5 {
  font-size: 24px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
}

.visita-planta .texto4 {
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  height: 20px;
  margin-top: -8px;
}

.visita-planta .modal-body {
  margin-top: 10%;
}

.visita-planta p {
  color: #ffffff;
}

.visita-planta .modal {
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(../images/visita-planta-bg.jpg);
  background-size: cover;
  background-position: center center;
}

.modal-body h5 {
  color: #ffffff;
  margin-bottom: 20px;
  margin-top: 40px;
}

.modal-body iframe {
  display: block;
  margin: 0 auto;
  width: 80%;
  height: 355px;
}

.modal-body p {
  display: block;
  margin: 0 auto;
  width: 600px;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  text-align: center;
  line-height: 20px;
  margin-bottom: 20px;
}

.modal-body button.close {
  margin-right: 0px;
  border: 4px solid #ffffff;
  width: 53px;
  cursor: pointer;
  position: relative;
  margin-top: 0px;
  z-index: 300;
}

.check2 {
  margin-left: 20px !important;
}

.opciones .form-check-input {
  margin-left: 0px !important;
}

.opciones .form-check-label {
  color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.opciones p {
  width: 200px;
  text-align: left;
  margin-left: 20px;
}

.opciones2 {
  display: block;
  position: relative;
  width: 290px;
  margin: 0 auto;
}

.reglamento {
  border: 1px solid #ffffff;
  padding: 10px 10px;
}

.acepto {
  width: 250px !important;
}

.popup_cerrado {
    display: block;
}

.popup_cerrado_movil {
    display: none !important;
}

@media (max-width: 992px) {
  .visita-planta {
    height: 100vh;
  }
    
  .popup_cerrado {
    display: none !important;
  }

  .popup_cerrado_movil {
    display: block !important;
    margin-top: 75px;
  }
}

/* ==============================================================
   VISITA COLEGIO
   ============================================================== */

.visita-colegio  {
  background: url(../images/visita-colegio-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 900px;
}

.visita-colegio h4 {
  font-family: 'Roboto Condensed', sans-serif;
  width: 100%;
  border: none;
  color: #00a2dd;
}

.monos {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.visita-colegio .texto2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #00a2dd;
  line-height: 30px;
  margin-top: 35px;
  margin-bottom: 30px;
}

.boton-white {
  display: block;
  position: relative;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 400;
  background-color: #ffffff;
  width: 180px;
  color: #00a2dd !important;
  padding: 10px 5px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 6px;
  cursor: pointer;
  text-decoration: none !important;
}

.boton-white:hover {
  background-color: #dadada;
}

.muneco {
  display: block;
  position: absolute;
  width: 288px;
  margin-top: 400px;
  margin-left: -80px;
  z-index: 100;
}

.visita-colegio .modal-body {
  margin-top: 10px;
}

.visita-colegio .modal-dialog img {
  position: relative;
  width: 90% !important;
  margin: 0 auto;
  border: 10px solid #FFF;
}

.visita-colegio .carousel-control-prev {
  border-left: 12px solid #00a2dd;
  position: absolute;
  background-color: #00a2dd;
  width: 50px;
  height: 40px;
  top: 275px;
  left: 20px;
  opacity: 1;
}

.visita-colegio .carousel-control-next {
  position: absolute;
  background-color: #00a2dd;
  width: 50px;
  height: 40px;
  top: 275px;
  display: grid;
  opacity: 1;
}

.visita-colegio .carousel-control-prev:hover {
  background-color: #006094;
  border-left: 12px solid #006094;
}

.visita-colegio .carousel-control-next:hover {
  background-color: #006094;
}

.visita-colegio .carousel-control-next {
  right: 20px;
}

.controlescarrusel {
    cursor: pointer;
}

.visita-colegio .modal {
  background-color: rgba(255, 255, 255, 0.85);
  background-image: url(../images/visita-colegio-bg-azul.jpg);
  background-size: cover;
  background-position: center center;
}

.azules-textos {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #00a2dd;
  line-height: 20px;
  margin-top: 85px;
  text-align: center;
}

.nombre-colegio {
  position: relative;
  font-size: 16px!important;
  text-align: left !important;
  margin-top: -32px !important;
  margin-left: 45px !important;
  background-color: #ffffff;
  width: 380px !important;
  padding: 6px 20px;
  color: #00a2dd !important;
  text-transform: uppercase;
}

.visita-colegio .carousel-control-prev-icon {
  background-image: url(../images/01-historia/flecha-prev-b.svg);
}

.visita-colegio .carousel-control-next-icon {
  background-image: url(../images/01-historia/flecha-next-b.svg);
}

@media (max-width: 992px) {
  .muneco {
    display: none;
  }

  .visita-colegio h4 {
    font-size: 30px;
    margin-top: 30px;
  }

  .modal-body p {
    width: 250px;
    font-size: 14px;
    line-height: 17px;
  }

  .preguntas {
    width: 160px !important;
  }

  .reglamento {
    font-size: 12px !important;
    line-height: 14px !important;
  }

  .modal-body iframe {
    width: 100% !important;
  }

  .visita-planta .modal-body {
    border: none;
  }

  .visita-colegio .texto2 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 18px;
  }

  .colegio-bajada-form {
    margin-left: -25px !important;
  }

  .visita-colegio .modal-body {
    border: none;
  }

  .visita-colegio .close {
    right: 17px;
    margin-bottom: 30px;
  }

  .visita-colegio .carousel-control-prev {
    top: 300px;
  }

  .visita-colegio .carousel-control-next {
    top: 300px;
  }

  .monos-m {
    display: block;
    position: relative;
    width: 250px;
    margin: 0 auto;
  }
}

/* ==============================================================
   HISTORIA
   ============================================================== */

.historia  {
  background-color: #d7d7d7;
  min-height: 600px;
  height: 700px;
}

.historia .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.historia .carousel {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

.historia .carousel-control-prev, .carousel-control-next {
  position: absolute;
  background-color: #ffffff;
  width: 50px;
  height: 40px;
  top: 50%;
    z-index: 300;
}

.historia .carousel-control-next {
  position: absolute;
  background-color: #ffffff;
  width: 50px;
  height: 40px;
}

.historia .carousel-control-prev-icon {
  background-image: url(../images/01-historia/flecha-prev.svg);
}

.historia .carousel-control-next-icon {
  background-image: url(../images/01-historia/flecha-next.svg);
}

.h-bg-1 {
  background-image: url(../images/01-historia/historia-lam1-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  padding-top: 110px;
}

.h-bg-2 {
  background-image: url(../images/01-historia/historia-lam2-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  padding-top: 110px;
}

.h-bg-3 {
  background-image: url(../images/01-historia/historia-lam7-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
  padding-top: 110px;
}

.historia .col-6 {
  float: left;
}

.historia .col-sm-3 {
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  max-width: 33%;
  float: left;
}

.historia .col-sm-6 {
  -ms-flex: 0 0 66%;
  flex: 0 0 66%;
  max-width: 66%;
  float: left;
}

.margin-10 {
    margin-top: 10% !important;
}

.margin-18 {
    margin-top: 18% !important;
}

.margin-30 {
    margin-top: 30% !important;
}

.margin-55 {
    margin-top: 55% !important;
}

.cintas {
  display: block;
  position: absolute;
  top: 30px;
}

/* lamina 1 */

.lam1-titular {
  display: block;
  position: relative;
  width: 520px;
  margin: 0 auto;
}

.lam1-bodegon {
    width: 360px;
    top: 40px;
    margin: 0 auto;
    position: relative;
    display: block;
}

.ribon1 {
  display: block;
  position: relative;
  width: 180px;
  margin: 0 auto;
  top: -30px;
}


/* lamina 2 */

.lam2-bodegon {
    width: 340px;
    margin-top: 55px !important;
    position: relative;
    display: block;
    margin: 0 auto;
}

.ribon2 {
  display: block;
  position: relative;
  width: 100px;
  margin: 0 auto;
  top: -30px;
}

.teleton {
  display: block;
  position: relative;
  width: 150px;
  margin: 0 auto;
  margin-bottom: 0px;
}

.bolsa {
  width: 210px;
  display: block;
  position: relative;
  margin: 0 auto;
}

/* lamina 3 */

.lam3-bodegon {
  width: 300px;
  margin-top: 85px;
}

/* lamina 4 */

.lam4-bodegon {
    max-width: 480px;
    margin-top: 70px;
}

.tapas {
  display: block;
  position: relative;
  width: 270px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: -20px;
}

.gozzo {
  display: block;
  position: relative;
  width: 300px;
  margin: 0 auto;
  margin-top: 15px;
}

/* lamina 5 */

.lam5-deporte {
  display: block;
  position: relative;
  width: 210px;
  margin: 0 auto;
  margin-top: 15px;
  left: -30px;
}

.lam5-fonterra {
  display: block;
  position: relative;
  width: 230px;
  margin: 0 auto;
  left: -30px;
  margin-top: 30px;
}

/* lamina 6 */

.lam6-anchor {
  display: block;
  position: relative;
  width: 220px;
  margin: 0 auto;
  margin-top: 30px;
}

.lam6-soprole-old {
  width: 270px;
  margin: 0 auto;
  display: block;
  position: relative;
}

.lam6-soprole-new {
  display: block;
  position: relative;
  width: 300px;
  margin: 0 auto;
  margin-top: 40px;
}

.lam6-bodegon {
  display: block;
  position: relative;
  width: 250px;
  margin: 0 auto;
}

.lam6-protein {
  display: block;
  position: relative;
  width: 150px;
  margin: 0 auto;
  right: 0px;
  margin-top: 4px;
}

.lam6-salsas {
  display: block;
  position: relative;
  width: 150px;
  margin: 0 auto;
  right: 0px;
  margin-top: 4px;
}

.linea-18 {
  line-height: 18px;
}

.lam6-logos {
  display: block;
  position: relative;
  width: 310px;
  margin: 0 auto;
  margin-top: 15px;
  left: -30px;
}

/* lamina 7 */

.lam7-fonterra {
  display: block;
  position: relative;
  width: 240px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.p7 {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.p7-b {
  text-align: left;
  font-family: 'Roboto', sans-serif;
  max-width: 90%;
  color: #ffffff;
  margin: 0 auto;
  margin-bottom: 40px;
}

.p7-n {
  text-align: left;
  font-family: 'Roboto', sans-serif;
  max-width: 90%;
  color: #000000;
  margin: 0 auto;
  margin-bottom: 40px;
}

ul.listado {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

li.vaso-azul {
  background: url(../images/01-historia/historia-vaso-celeste.svg) no-repeat left;
  height: 24px;
  padding-left: 25px;
  display: inline-block;
  margin-top: 15px;
}

li.vaso-blanco {
  background: url(../images/01-historia/historia-vaso-blanco.svg) no-repeat left;
  height: 24px;
  padding-left: 25px;
  display: inline-block;
  margin-top: 15px;
}

.historia-anos {
  display: block;
  position: relative;
  max-width: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
}

@media (max-width: 992px) {
  .historia {
    display: none;
  }
}


/* ==============================================================
   NUESTRA GENTE
   ============================================================== */

.gente  {
  background: url(../images/nuestra_gente_bg_upgrade.jpg) no-repeat center center;
  background-size: cover;
  min-height: 900px;
}

.gente .texto1 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  color: #00a2dd;
  width: 750px;
  margin: 0 auto;
  line-height: 20px;
  margin-bottom: 30px;
}

.nino {
  display: block;
  position: absolute;
  width: 200px;
  margin-top: 350px;
  left: 40px;
  z-index: 10;
}

.gente iframe {
    position: relative;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    width: 640px;
    height: 360px;
}

@media (max-width: 992px) {
  .nino {
    display: none;
  }

  .gente iframe {
    width: 100%;
    margin-bottom: 80px;
  }

  .gente .texto1 {
    width: 250px;
    font-size: 15px;
  }
}


/* ==============================================================
   PRODUCTOS
   ============================================================== */

.productos {
  background: url(../images/productos-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh;
}

.gradiente {
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 9%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.productos .blancas-titular {
  margin-top: 85px;
}

.producto-izq {
  position: relative;
  display: block;
  width: 40%;
  height: auto;
  float: left;
}

.producto-izq img {
  width: 100%;
}

.producto-der {
  position: relative;
  display: block;
  width: 60%;
  float: left;
  padding-left: 30px;
}

.producto-der h3 {
  text-align: left;
  color: #00a2dd;
  margin-top: 10px;
}

.producto-der h4 {
  text-align: left;
  color: #00a2dd;
  font-size: 26px;
  font-family: 'Roboto Condensed', sans-serif;
  width: 400px;
  border: none;
  margin-left: -8px;
  margin-bottom: 0px;
  margin-top: -5px;
}

.producto-der p {
  color: #00a2dd;
  margin-bottom: 15px;
  line-height: 18px;
}

.producto-der .boton-blue-s {
  font-size: 14px;
  position: absolute;
  margin-top: 0px;
}

.productos-botonera {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.productos-botonera img {
  position: relative;
  display: inline-block;
  float: left;
  width: 81px;
}

.carousel {
  position: relative;
  width: 900px;
  margin: 0 auto;
}

.productos .carousel-control-prev, .carousel-control-next {
  position: absolute;
  background-color: #00a2dd;
  width: 50px;
  height: 40px;
  bottom: 60px;
}

.productos .carousel-control-next {
  left: 60px;
    top: 478px;
}

.productos .carousel-inner {
  height: 470px;
}

.productos .carousel-control-prev-icon {
  background-image: url(../images/01-historia/flecha-prev-b.svg);
}

.productos .carousel-control-next-icon {
  background-image: url(../images/01-historia/flecha-next-b.svg);
}

@media (max-width: 992px) {
  .productos {
  }

  .productos-botonera {
    display: none;
  }

  .producto-izq {
    width: 100%;
  }

  .producto-der {
    width: 100%;
  }

  .carousel {
    width: 100%;
  }

  .productos .carousel-control-prev, .carousel-control-next {
    bottom: 42px;
  }

  .producto-der p {
    display: none;
  }

  .producto-der h4 {
    display: none;
  }

  .productos .carousel-inner {
    height: 560px;
  }
}


/* ==============================================================
   BACK TO THE TOP
   ============================================================== */

#subir {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 55px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(31, 108, 189, 0.6); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  font-weight: 400;
}

#subir:hover {
  background-color: rgba(85, 85, 85, 0.6); /* Add a dark-grey background on hover */
}


@media (max-width: 992px) {
  #subir {
    bottom: 100px;
    right: 24px;
  }
}


/* ==============================================================
   BACKOFFICE
   ============================================================== */

.footer2 {
  position: fixed;
  height: 100px !important;
  padding: 20px 0 !important;
  bottom: 0px;
  width: 100%;
  background-color: #ffffff;
}

.administrador {
  background: url(../images/header-bg.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.splash2 {
  display: block;
  position: fixed;
  width: 100%;
  max-height: 80px;
  min-height: 80px;
  background-image: url(../images/proceso-footer.svg);
  background-repeat: repeat-x;
  background-position: center center;
  background-size: cover;
  margin-top: -170px;
}
@media (max-width: 992px) {
  .splash2 {
    margin-top: -168px;
  }
}

.splash2 .container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.administrador p {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  font-size: 14px;
}

.cajita {
  position: relative;
  display: block;
  width: 400px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px 12px;
}

.cajita .form-control {
  text-align: center;
}

.input1, .input2 {
  margin-bottom: 10px;
}

.cerrar {
  display: block;
  position: absolute;
  right: 20px;
  top: 5px;
  font-size: 15px !important;
}

.operador  {
  background: url(../images/nutricionista-bg.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh;
}

.operario p {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  color: #777777;
  margin: 0 auto;
  line-height: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.semana {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 20px !important;
  color: #1f6cbd !important;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  font-weight: 600;
}

.mes {
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 20px !important;
  color: #a2142b !important;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
  font-weight: 600;
}

.blue {
  color: #1f6cbd;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin-bottom: 2px;
}

.red {
  color: #a2142b;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-align: center;
  width: 100%;
}

.operador .form-control {
  text-align: center;
}

/* ==============================================================
   FIN BACKOFFICE
   ============================================================== */


/* ==============================================================
   YOGHURT
   ============================================================== */

/* ==============================================================
   HEADER
   ============================================================== */
.tit-medio {
    margin-top: auto;
    margin-bottom: auto;
}

.saludo p {
    color: #ffffff;
    font-size: 24px;
    width: 600px;
    line-height: 24px;
    margin: 0 auto;
    margin-top: -90px;
}
@media (max-width: 992px) {
    .saludo-m p {
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
        width: 95%;
        line-height: 18px;
        margin: 0 auto;
        margin-top: 35px;
     } 
}

.slider-inicio {
  background: url(../img/yoghurt-bg-home.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh; }
  @media (max-width: 992px) {
    .slider-inicio {
      background: url(../img/yoghurt-bg-home-m.jpg) no-repeat center center;
  background-size: cover;
  min-height: 100vh; } 
}

.accesos {
    position: relative;
    margin-top: 50px;
    color: #ffffff;
}
@media (max-width: 992px) {
    .accesos{
        margin-top: 30px;
    }
}

.accesos a {
    text-decoration: none;
    color: #ffffff;
}

.accesos a:hover {
    text-decoration: none;
    color: #ffeb00;
}

.blanco {
    height: 170px;
}

.btn_leche {
    color: #ffffff;
    font-size: 20px;
    background: rgba(103,209,245,1);
    background: -moz-linear-gradient(left, rgba(103,209,245,1) 0%, rgba(0,164,219,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(103,209,245,1)), color-stop(100%, rgba(0,164,219,1)));
    background: -webkit-linear-gradient(left, rgba(103,209,245,1) 0%, rgba(0,164,219,1) 100%);
    background: -o-linear-gradient(left, rgba(103,209,245,1) 0%, rgba(0,164,219,1) 100%);
    background: -ms-linear-gradient(left, rgba(103,209,245,1) 0%, rgba(0,164,219,1) 100%);
    background: linear-gradient(to right, rgba(103,209,245,1) 0%, rgba(0,164,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67d1f5', endColorstr='#00a4db', GradientType=1 );
    padding: 10px 30px;
}
@media (max-width: 992px) {
    .btn_leche {
        position: relative;
        margin: auto 0;
    } 
}

.btn_yoghurt {
    color: #ffffff;
    font-size: 20px;
    background: rgba(255,79,152,1);
    background: -moz-linear-gradient(left, rgba(255,79,152,1) 0%, rgba(177,1,74,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,79,152,1)), color-stop(100%, rgba(177,1,74,1)));
    background: -webkit-linear-gradient(left, rgba(255,79,152,1) 0%, rgba(177,1,74,1) 100%);
    background: -o-linear-gradient(left, rgba(255,79,152,1) 0%, rgba(177,1,74,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,79,152,1) 0%, rgba(177,1,74,1) 100%);
    background: linear-gradient(to right, rgba(255,79,152,1) 0%, rgba(177,1,74,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff4f98', endColorstr='#b1014a', GradientType=1 );
    padding: 10px 30px;
}


.slider-yoghurt{
    background: url(../img/yoghurt-header.jpg) no-repeat center center;
      background-size: cover;
      min-height: 80vh; }
      @media (max-width: 992px) {
        .slider {
          min-height: 100vh; } 
    }


.tit-svg-1 {
    position: relative;
    display: block;
    width: 350px;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .tit-svg-1 {
        width: 80% !important;
        margin: auto 0;
        margin-top: 200px; 
    }
    
    .slider-yoghurt img {
        width: 80%;
    }
    .logo-2 {
        width: 150px !important;
        position: absolute;
        margin-left: 30px;
        top: 20px;
    }
}

.menu-under {
    min-height: 20vh;
    background: rgba(177,1,74,1);
    background: -moz-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,1,74,1)), color-stop(100%, rgba(255,79,152,1)));
    background: -webkit-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -o-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -ms-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: linear-gradient(to right, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1014a', endColorstr='#ff4f98', GradientType=1 );
}

@media (max-width: 992px) {
    .menu-under {
        min-height: 240px;
    }
}

.menu-under p {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-size: 20px;
}

.menu-under a {
    text-decoration: none;
}

.medio {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media (max-width: 992px) {
    .medio {
        border-left: none;
        border-right: none;
        border-bottom: 2px solid #fff;
        border-top: 2px solid #fff;
        padding-top: 15px;
        margin-bottom: 15px;
    }
}


/* ==============================================================
   HISTORIA
   ============================================================== */

.yoghurt-historia {
    background: url(../img/yoghurt-bg-historia.jpg) no-repeat center center;
      background-size: cover;
      min-height: 500px; }
      @media (max-width: 992px) {
        .slider {
          min-height: 60vh; } 
}

.yoghurt-historia p {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-size: 20px;
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
}

@media (max-width: 992px) {
    .yoghurt-historia p {
        width: 100%;
    }
}

.yoghurt-historia-2 {
    height: 600px;
    background: rgba(177,1,74,1);
    background: -moz-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,1,74,1)), color-stop(100%, rgba(255,79,152,1)));
    background: -webkit-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -o-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -ms-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: linear-gradient(to right, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1014a', endColorstr='#ff4f98', GradientType=1 );
}

@media (max-width: 992px) {
    .yoghurt-historia-2 {
        height: 1600px;
    }
    .yoghurt-historia-2 img {
        display: block;
        position: relative;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

.historia-2-m {
    display: none;
}

.yoghurt-historia-2 h5 {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}

.yoghurt-historia-2 p {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    line-height: 18px;
    min-height: 70px;
}

@media (max-width: 992px) {
    .yoghurt-historia-2 h5 {
        margin-top: 10px;
        font-size: 25px;
        font-weight: 700;
    }
    .yoghurt-historia-2 p {
        min-height: auto;
        margin-bottom: 5px;
    }
}

.invitamos {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 60px;
}

.tiempo {
    border-bottom: 4px solid #fff;
    margin-top: -60px;
    margin-bottom: 60px;
}

@media (max-width: 992px) {
    .historia-2-d {
        display: none;
    }
    .historia-2-m {
        display: block;
    }
    .tiempo {
        display: none;
    }
}


/* ==============================================================
   SECCION 3
   ============================================================== */

.recuerdos {
    background: url(../img/yoghurt-bg-recuerdos.jpg) no-repeat center center;
      background-size: cover;
      min-height: 800px; }
      @media (max-width: 992px) {
        .recuerdos {
          min-height: 1100px; } 
}

.recuerdo1 {
    background: rgba(177,1,74,1);
    background: -moz-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,1,74,1)), color-stop(100%, rgba(255,79,152,1)));
    background: -webkit-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -o-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -ms-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: linear-gradient(to right, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1014a', endColorstr='#ff4f98', GradientType=1 );
}

.recuerdo1 h5 {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.recuerdos-m {
    display: none;
}

@media (max-width: 992px) {
    .recuerdo1 h5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .recuerdos-d {
        display: none;
    }
    .recuerdos-m {
        display: block;
    }
}

.recuerdo2 {
    background: url(../img/yoghurt-bg-recuerdos-1.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.recuerdo3 {
    background: url(../img/yoghurt-bg-recuerdos-2.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}



/* ==============================================================
   SECCION 4
   ============================================================== */

.archivo {
    height: 1200px;
    background: rgba(2,79,118,1);
    background: -moz-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(2,79,118,1)), color-stop(100%, rgba(14,178,254,1)));
    background: -webkit-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: linear-gradient(135deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024f76', endColorstr='#0eb2fe', GradientType=1 );
}

.archivo1 {
    background: rgba(0,59,89,1);
background: -moz-linear-gradient(-45deg, rgba(0,59,89,1) 0%, rgba(0,81,194,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,59,89,1)), color-stop(100%, rgba(0,81,194,1)));
background: -webkit-linear-gradient(-45deg, rgba(0,59,89,1) 0%, rgba(0,81,194,1) 100%);
background: -o-linear-gradient(-45deg, rgba(0,59,89,1) 0%, rgba(0,81,194,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,59,89,1) 0%, rgba(0,81,194,1) 100%);
background: linear-gradient(135deg, rgba(0,59,89,1) 0%, rgba(0,81,194,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b59', endColorstr='#0051c2', GradientType=1 );
}

.archivo1 h5 {
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
}

.archivo-m {
    display: none;
}

@media (max-width: 992px) {
    .archivo h5 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .archivo-d {
        display: none;
    }
    .archivo-m {
        display: block;
    }
}

.archivo2 {
    background: url(../img/yoghurt-bg-archivo-1.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.archivo3 {
    background: url(../img/yoghurt-bg-archivo-2.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.archivo2 a {
    position: relative;
    display: block;
    width: 150px;
    margin: 0 auto;
    padding-top: 100px;
    cursor: pointer;
}

@media (max-width: 992px) {
    .archivo2 a {
        position: relative;
        display: block;
        width: 150px;
        margin: 0 auto;
        padding-top: 100px;
    }
}

.archivo3 a {
    position: relative;
    display: block;
    width: 150px;
    margin: 0 auto;
    padding-top: 100px;
    cursor: pointer;
}

.creditos {
    font-size: 10px !important;
    line-height: 13px !important;
}



/* ==============================================================
   SECCION 5
   ============================================================== */

.yoghurt-rico {
    background: url(../img/yoghurt-bg-rico.jpg) no-repeat center center;
      background-size: cover;
      min-height: 550px; }
      @media (max-width: 992px) {
        .slider {
          min-height: 60vh; } 
}

.yoghurt-rico p {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-size: 20px;
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
}

@media (max-width: 992px) {
    .yoghurt-rico p {
        width: 100%;
    }
}

.yoghurt-rico-cuadros {
    min-height: 350px;
}



.yoghurt-rico-cuadros h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
}

.yoghurt-rico-cuadros p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    padding: 20px 40px;
}

.yoghurt-rico-cuadros .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}
@media (max-width: 992px) {
    .row {
        padding-right: 0px; 
        padding-left: 0px;
    }
    
}

.rico-m {
    display: none !important;
}
@media (max-width: 992px) {
    .rico-d {
       display: none !important;
    }
    .rico-m {
        display: block !important;
    }  
}


.rico1 {
    background: rgba(149,28,1,1);
background: -moz-linear-gradient(-45deg, rgba(149,28,1,1) 0%, rgba(255,97,62,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(149,28,1,1)), color-stop(100%, rgba(255,97,62,1)));
background: -webkit-linear-gradient(-45deg, rgba(149,28,1,1) 0%, rgba(255,97,62,1) 100%);
background: -o-linear-gradient(-45deg, rgba(149,28,1,1) 0%, rgba(255,97,62,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(149,28,1,1) 0%, rgba(255,97,62,1) 100%);
background: linear-gradient(135deg, rgba(149,28,1,1) 0%, rgba(255,97,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#951c01', endColorstr='#ff613e', GradientType=1 );
}

.rico2 {
    background: url(../img/yoghurt-bg-rico-1.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.rico3 {
    background: url(../img/yoghurt-bg-rico-3.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.rico4 {
    background: rgba(177,1,74,1);
background: -moz-linear-gradient(-45deg, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(177,1,74,1)), color-stop(100%, rgba(255,79,152,1)));
background: -webkit-linear-gradient(-45deg, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
background: -o-linear-gradient(-45deg, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
background: linear-gradient(135deg, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1014a', endColorstr='#ff4f98', GradientType=1 );
}

.rico5 {
    background: rgba(2,79,118,1);
    background: -moz-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(2,79,118,1)), color-stop(100%, rgba(14,178,254,1)));
    background: -webkit-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: linear-gradient(135deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024f76', endColorstr='#0eb2fe', GradientType=1 );
}

.rico6 {
    background: url(../img/yoghurt-bg-rico-6.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.rico7 {
    background: url(../img/yoghurt-bg-rico-7.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.rico7m {
    background: url(../img/yoghurt-bg-rico-7m.jpg) no-repeat center center;
    background-size: cover;
    height: 350px;
}

.rico8 {
    background: rgba(115,0,237,1);
    background: -moz-linear-gradient(-45deg, rgba(115,0,237,1) 0%, rgba(210,81,249,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(115,0,237,1)), color-stop(100%, rgba(210,81,249,1)));
    background: -webkit-linear-gradient(-45deg, rgba(115,0,237,1) 0%, rgba(210,81,249,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(115,0,237,1) 0%, rgba(210,81,249,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(115,0,237,1) 0%, rgba(210,81,249,1) 100%);
    background: linear-gradient(135deg, rgba(115,0,237,1) 0%, rgba(210,81,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7300ed', endColorstr='#d251f9', GradientType=1 );
}

@media (max-width: 992px) {
    .rico-alto {
        padding: 50px 0;
    }
}

/* ==============================================================
   SECCION 6
   ============================================================== */

.yoghurt-familia {
    background: url(../img/yoghurt-bg-familia.jpg) no-repeat center center;
      background-size: cover;
      min-height: 550px; }
      @media (max-width: 992px) {
        .slider {
          min-height: 60vh; } 
}

.yoghurt-familia p {
    color: #ffffff;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-size: 20px;
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
}

@media (max-width: 992px) {
    .yoghurt-familia p {
        width: 100%;
    }
}


/* ==============================================================
   SECCION 7
   ============================================================== */

.yoghurt-galeria {
    background: url(../img/yoghurt-bg-galeria.jpg) no-repeat center center;
      background-size: cover;
      min-height: 1100px; }
      @media (max-width: 992px) {
        .slider {
          min-height: 60vh; } 
}

.yoghurt-galeria h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-top: 60px;
}

.yoghurt-galeria img {
    width: 100%;
    margin-top: 50px
}

.galera-m {
    display: none;
}

@media (max-width: 992px) {
    .galera-d {
        display: none;
    }
    
    .galera-m {
        display: block;
    }
}



/* ==============================================================
   SECCION 8
   ============================================================== */

.yoghurt-carrusel {
    height: 450px;
    background: rgba(177,1,74,1);
    background: -moz-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(177,1,74,1)), color-stop(100%, rgba(255,79,152,1)));
    background: -webkit-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -o-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: -ms-linear-gradient(left, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    background: linear-gradient(to right, rgba(177,1,74,1) 0%, rgba(255,79,152,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1014a', endColorstr='#ff4f98', GradientType=1 );
}

.yoghurt-carrusel h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
}

.carousel-indicators {
    margin-top: -30px;
}

.carousel-item {
    z-index: 120;
}

.controls-top {
    position: absolute;
    display: block;
    margin-top: -150px;
    width: 100%;
    z-index: 100;
}

@media (max-width: 992px) {
    .controls-top {
        margin-top: 0px;
        width: 150px;
        margin: 0 auto;
        position: relative;
        display: block;
    }
}

.controls-top a {
    text-decoration: none;
}

.fa-arrow-circle-o-left {
    display: block;
    position: relative;
    color: #fff;
    font-size: 50px;
    margin-left: -60px;
}

.fa-arrow-circle-o-right {
    display: block;
    position: relative;
    float: right;
    right: -60px;
    color: #fff;
    font-size: 50px;
    margin-top: -50px;
}

@media (max-width: 992px) {
    .fa-arrow-circle-o-left {
        margin-left: 0px
    }
    .fa-arrow-circle-o-right {
        right: 0px
    }
}


/* ==============================================================
   SECCION 9
   ============================================================== */

.yoghurt-bodegon {
    height: 1200px;
    background: rgba(2,79,118,1);
    background: -moz-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(2,79,118,1)), color-stop(100%, rgba(14,178,254,1)));
    background: -webkit-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    background: linear-gradient(135deg, rgba(2,79,118,1) 0%, rgba(14,178,254,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024f76', endColorstr='#0eb2fe', GradientType=1 );
}

@media (max-width: 992px) {
        .yoghurt-bodegon {
          height: 1000px } 
}

.yoghurt-bodegon h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-top: 60px;
}

.yoghurt-bodegon p {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    color: #fff;
    width: 600px;
    margin: 0 auto;
}

@media (max-width: 992px) {
        .yoghurt-bodegon p {
          width: 80%; } 
}

.bodegon {
    position: relative;
    display: block;
    width: 800px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: -60px;
}
@media (max-width: 992px) {
        .bodegon {
          display: none; } 
}

.bodegon-m {
    display: none;
}
@media (max-width: 992px) {
        .bodegon-m {
            position: relative;
            display: block;
            width: 80%;
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 20px; } 
}

.yoghurt-bodegon form {
    margin-top: 50px;
}

.yoghurt-bodegon .form-control {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.yoghurt-bodegon .form-check-input {
    margin-left: 0px
}

.yoghurt-bodegon .form-check-label {
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
    padding-left: 30px;
}

.yoghurt-enviar {
    display: block;
    position: relative;
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px;
    color: #00a3db;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 20px;
    background-color: #fff;
    border: none;
}

.yoghurt-enviar:hover {
    background-color: #ffea74;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.64) !Important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.64) !Important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.64) !Important;
}



/* ==============================================================
   SECCION 9
   ============================================================== */

.yoghurt-top-footer {
    min-height: 280px;
    text-align: center;
}

.yoghurt-top-footer p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 22px;
    color: #00a3db;

}

.yoghurt-top-footer a {
    text-decoration: none;
    cursor: pointer;
}

.yoghurt-aleche {
    display: block;
    position: relative;
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 10px;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 20px;
    background-color: #00a3db;
    border: none;
    margin-bottom: 30px
}

.yoghurt-aleche:hover {
    background-color: #007198;
}

.separador-top {
    border-bottom: 2px solid #d7d7d7;
}


.copyright2 {
  text-align: center; }
  .copyright2 p {
    font-size: 14px;
    font-weight: 400;
    color: #484848;
    margin: 0;
    padding-top: 15px; }
  .copyright2 ul {
    text-align: center;
    margin: -23px 0 0;
    padding: 0; }
    .copyright2 ul li {
      list-style: none;
      display: inline-block; }
      .copyright2 ul li a {
        color: #484848;
        font-size: 16px;
        padding: 0 5px;
        opacity: 0.6;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        .copyright2 ul li a:hover {
          opacity: 1;
          text-decoration: none; }

.copyright2 img {
    width: 35px;
}