/* @include xxs { 
}
@include xs { 
}
@include sm { 
}
@include md { 
}
@include lg { 
}
@include xl { 
} */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section, main, summary {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

b, strong {
  font-weight: 700;
}

dfn, i, em {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace,monospace;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox], input[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: none;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: 700;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

[role=button] {
  cursor: pointer;
}

a, area, button, [role=button], input, label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[hidden] {
  display: none !important;
}
a:link, a:visited {
  color: #8d8d8d;
  text-decoration: none;
}

a:link:hover, a:visited:hover {
  color: #ff4d00;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@font-face {
  font-family: 'Atlantic Bentley';
  src: url("../fonts/AtlanticBentley.eot");
  src: url("../fonts/AtlanticBentley.eot?#iefix") format("embedded-opentype"), url("../fonts/AtlanticBentley.woff2") format("woff2"), url("../fonts/AtlanticBentley.woff") format("woff"), url("../fonts/AtlanticBentley.svg#AtlanticBentley") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Light.eot");
  src: url("../fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Light.woff2") format("woff2"), url("../fonts/Gotham-Light.woff") format("woff"), url("../fonts/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Book.eot");
  src: url("../fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book.woff2") format("woff2"), url("../fonts/Gotham-Book.woff") format("woff"), url("../fonts/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Medium.eot");
  src: url("../fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Medium.woff2") format("woff2"), url("../fonts/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham';
  src: url("../fonts/Gotham-Bold.eot");
  src: url("../fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold.woff2") format("woff2"), url("../fonts/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Acta';
  src: url("../fonts/Acta-Book.eot");
  src: url("../fonts/Acta-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Acta-Book.woff2") format("woff2"), url("../fonts/Acta-Book.woff") format("woff"), url("../fonts/Acta-Book.svg#Acta-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Acta';
  src: url("../fonts/Acta-Medium.eot");
  src: url("../fonts/Acta-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Acta-Medium.woff2") format("woff2"), url("../fonts/Acta-Medium.woff") format("woff"), url("../fonts/Acta-Medium.svg#Acta-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Acta';
  src: url("../fonts/Acta-Bold.eot");
  src: url("../fonts/Acta-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Acta-Bold.woff2") format("woff2"), url("../fonts/Acta-Bold.woff") format("woff"), url("../fonts/Acta-Bold.svg#Acta-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Acta';
  src: url("../fonts/Acta-Black.eot");
  src: url("../fonts/Acta-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Acta-Black.woff2") format("woff2"), url("../fonts/Acta-Black.woff") format("woff"), url("../fonts/Acta-Black.svg#Acta-Black") format("svg");
  font-weight: 900;
  font-style: normal;
}

html, body {
  background: #f6f6f6;
  font-size: 12px;
}

footer {
  width: 100%;
  height: 150px;
  margin-bottom: 50px;
}

@media (max-width: 425px) {
  footer {
    height: 100px;
  }
}

@media (min-width: 425px) {
  footer {
    height: 150px;
  }
}

@media (min-width: 576px) {
  footer {
    height: 150px;
  }
}

@media (min-width: 768px) {
  footer {
    height: 150px;
  }
}

@media (min-width: 992px) {
  footer {
    height: 150px;
  }
}

@media (min-width: 1200px) {
  footer {
    height: 150px;
  }
}

.ancho-web {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media (max-width: 425px) {
  .ancho-web {
    width: 300px;
  }
}

@media (min-width: 425px) {
  .ancho-web {
    width: 400px;
  }
}

@media (min-width: 576px) {
  .ancho-web {
    width: 500px;
  }
}

@media (min-width: 768px) {
  .ancho-web {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .ancho-web {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .ancho-web {
    width: 900px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.absolute {
  position: absolute;
}

.titulos {
  color: #ff4d00;
  font-family: "Gotham", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

@media (max-width: 425px) {
  .titulos {
    font-size: 14.4px;
  }
}

@media (min-width: 425px) {
  .titulos {
    font-size: 14.4px;
  }
}

@media (min-width: 576px) {
  .titulos {
    font-size: 16.8px;
  }
}

@media (min-width: 768px) {
  .titulos {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .titulos {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .titulos {
    font-size: 24px;
  }
}

.parrafos {
  color: #8d8d8d;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  text-align: justify;
  text-justify: inter-word;
  line-height: 20px;
}

@media (max-width: 425px) {
  .parrafos {
    font-size: 12.8px;
  }
}

@media (min-width: 425px) {
  .parrafos {
    font-size: 12.8px;
  }
}

@media (min-width: 576px) {
  .parrafos {
    font-size: 12.8px;
  }
}

@media (min-width: 768px) {
  .parrafos {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .parrafos {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .parrafos {
    font-size: 16px;
  }
}

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

header {
  width: 100%;
  height: 100px;
  background-color: white;
}

.centrarheader {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  height: 100px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 425px) {
  .centrarheader {
    width: 300px;
  }
}

@media (min-width: 425px) {
  .centrarheader {
    width: 400px;
  }
}

@media (min-width: 576px) {
  .centrarheader {
    width: 500px;
  }
}

@media (min-width: 768px) {
  .centrarheader {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .centrarheader {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .centrarheader {
    width: 900px;
  }
}

.headerlogo {
  background: url("../img/logo/logo-naranja.png") no-repeat center;
  background-size: 100%;
  cursor: pointer;
  width: 133px;
  height: 70px;
}

@media (max-width: 425px) {
  .headerlogo {
    margin: 0  auto;
  }
}

@media (min-width: 425px) {
  .headerlogo {
    margin: 0  auto;
  }
}

@media (min-width: 576px) {
  .headerlogo {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 768px) {
  .headerlogo {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 992px) {
  .headerlogo {
    margin: 0 20px 0 0;
  }
}

@media (min-width: 1200px) {
  .headerlogo {
    margin: 0 20px 0 0;
  }
}

.menutitulos {
  font-family: 'Gotham';
  font-weight: bold;
  color: #8d8d8d;
  cursor: pointer;
  margin-left: 1rem;
  max-width: 70px;
  margin-top: 5px;
}


@media (max-width: 425px) {
  .menutitulos {
    font-size: 15px;
  }
}

@media (min-width: 425px) {
  .menutitulos {
    font-size: 15px;
  }
}

@media (min-width: 576px) {
  .menutitulos {
    font-size: 1.2em;
  }
}

@media (min-width: 768px) {
  .menutitulos {
    font-size: 15px;
  }
}

@media (min-width: 992px) {
  .menutitulos {
    font-size: 15px;
  }
}

@media (min-width: 1200px) {
  .menutitulos {
    font-size: 15px;
  }
}

.menutitulos:hover {
  color: #ff4d00;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.menudiv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 57vw;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: flex-start;
         
}

.atencion {
  color: #d2d2d2;
  cursor: pointer;
  font-family: 'Gotham';
  font-weight: normal;
  text-align: right;
  margin: 0 0 10px 0;
}

.atencion a {
  color: #d2d2d2;
}

.atencion a:visited {
  color: #d2d2d2;
}

.atencion a:hover {
  color: #d2d2d2;
}

.headertext {
  width: 550px;
}

@media (max-width: 425px) {
  .headertext {
    display: none;
  }
}

@media (min-width: 425px) {
  .headertext {
    display: none;
  }
}

@media (min-width: 576px) {
  .headertext {
    display: block;
  }
}

@media (min-width: 768px) {
  .headertext {
    display: block;
  }
}

@media (min-width: 992px) {
  .headertext {
    display: block;
  }
}

@media (min-width: 1200px) {
  .headertext {
    display: block;
  }
}

.burger-menu {
  top: 20px;
  left: 20px;
  cursor: pointer;
  display: none;
  position: fixed;
  z-index: 30;
  -webkit-transition: .3s;
  transition: .3s;
}

@media (max-width: 425px) {
  .burger-menu {
    display: block;
  }
}

@media (min-width: 425px) {
  .burger-menu {
    display: block;
  }
}

@media (min-width: 576px) {
  .burger-menu {
    display: none;
  }
}

@media (min-width: 768px) {
  .burger-menu {
    display: none;
  }
}

@media (min-width: 992px) {
  .burger-menu {
    display: none;
  }
}

@media (min-width: 1200px) {
  .burger-menu {
    display: none;
  }
}

.burger-menu.burgerfine {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url("../img/icons/icon-menuw.png") no-repeat center;
  background-size: 60%;
  background-color: rgba(255, 77, 0, 0.6);
}

.burger-menu.burgerclose {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: url("../img/icons/icon-menuc.png") no-repeat center;
  background-size: 60%;
  background-color: rgba(255, 77, 0, 0.6);
}

.menu-phone {
  position: fixed;
  background-color: rgba(255, 77, 0, 0.9);
  top: 0;
  width: 100vw;
  left: -100vw;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .3s;
  transition: .3s;
  z-index: 28;
  text-align: center;
}

.menu-phone a {
  color: white;
}

.menu-phone.is-activate {
  left: 0;
}

.menutitulos-phone {
  font-family: 'Gotham';
  font-weight: bold;
  font-size: 15px;
  color: white;
  cursor: pointer;
  margin: 0 0 20px 0;
}

.menutitulos-phone:hover {
  color: #ff4d00;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.logo-phone {
  width: 150px;
  height: auto;
  margin-bottom: 60px;
}

html, body {
  background: #FFFFFF;
}

.slideimg {
  width: 100%;
  height: 650px;
}

@media (max-width: 425px) {
  .slideimg {
    height: 185px;
  }
}

@media (min-width: 425px) {
  .slideimg {
    height: 240px;
  }
}

@media (min-width: 576px) {
  .slideimg {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .slideimg {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .slideimg {
    height: 550px;
  }
}

@media (min-width: 1200px) {
  .slideimg {
    height: 650px;
  }
}

.carousel-caracol {
  position: relative;
}

.dots-caracol {
  width: 100px;
  position: absolute;
  z-index: 20;
  margin: 0 auto;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 20px;
}

.dots-caracol button {
  height: 15px;
  width: 15px;
  background-color: white;
  display: inline-block;
  margin-right: 4px;
  border-radius: 50%;
  border: 0px;
}

@media (max-width: 425px) {
  .dots-caracol button {
    height: 13px;
    width: 13px;
  }
}

@media (min-width: 425px) {
  .dots-caracol button {
    height: 13px;
    width: 13px;
  }
}

@media (min-width: 576px) {
  .dots-caracol button {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 768px) {
  .dots-caracol button {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .dots-caracol button {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 1200px) {
  .dots-caracol button {
    height: 15px;
    width: 15px;
  }
}

.dots-caracol button.active {
  background: #ff4d00;
}

.nav-caracol {
  position: relative;
  z-index: 20;
}

.nav-caracol .owl-prev {
  left: .5em;
  margin-top: 20%;
}

@media (max-width: 425px) {
  .nav-caracol .owl-prev {
    left: .1em;
    margin-top: 20%;
  }
}

@media (min-width: 425px) {
  .nav-caracol .owl-prev {
    left: .1em;
    margin-top: 20%;
  }
}

@media (min-width: 576px) {
  .nav-caracol .owl-prev {
    left: .2em;
    margin-top: 20%;
  }
}

@media (min-width: 768px) {
  .nav-caracol .owl-prev {
    left: .5em;
    margin-top: 20%;
  }
}

@media (min-width: 992px) {
  .nav-caracol .owl-prev {
    left: .5em;
    margin-top: 20%;
  }
}

@media (min-width: 1200px) {
  .nav-caracol .owl-prev {
    left: .5em;
    margin-top: 20%;
  }
}

.nav-caracol .owl-next {
  right: .5em;
  margin-top: 20%;
}

@media (max-width: 425px) {
  .nav-caracol .owl-next {
    right: .1em;
    margin-top: 20%;
  }
}

@media (min-width: 425px) {
  .nav-caracol .owl-next {
    right: .1em;
    margin-top: 20%;
  }
}

@media (min-width: 576px) {
  .nav-caracol .owl-next {
    right: .2em;
    margin-top: 20%;
  }
}

@media (min-width: 768px) {
  .nav-caracol .owl-next {
    right: .5em;
    margin-top: 20%;
  }
}

@media (min-width: 992px) {
  .nav-caracol .owl-next {
    right: .5em;
    margin-top: 20%;
  }
}

@media (min-width: 1200px) {
  .nav-caracol .owl-next {
    right: .5em;
    margin-top: 20%;
  }
}

.nav-caracol button {
  position: absolute;
  background: none;
  border: 0;
  color: white;
  opacity: 0.6;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  /* for button */
  -webkit-appearance: button;
  /* for input */
  -moz-user-select: none;
  -ms-user-select: none;
  top: 0;
  font-size: 9em;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 425px) {
  .nav-caracol button {
    font-size: 5em;
  }
}

@media (min-width: 425px) {
  .nav-caracol button {
    font-size: 5em;
  }
}

@media (min-width: 576px) {
  .nav-caracol button {
    font-size: 7em;
  }
}

@media (min-width: 768px) {
  .nav-caracol button {
    font-size: 7em;
  }
}

@media (min-width: 992px) {
  .nav-caracol button {
    font-size: 9em;
  }
}

@media (min-width: 1200px) {
  .nav-caracol button {
    font-size: 9em;
  }
}

.nav-caracol button:hover {
  color: white;
  opacity: 1.0;
}

.slideimg-ranch {
  width: 100%;
  height: 650px;
  position: relative;
}

@media (max-width: 425px) {
  .slideimg-ranch {
    height: 200px;
  }
}

@media (min-width: 425px) {
  .slideimg-ranch {
    height: 250px;
  }
}

@media (min-width: 576px) {
  .slideimg-ranch {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .slideimg-ranch {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .slideimg-ranch {
    height: 560px;
  }
}

@media (min-width: 1200px) {
  .slideimg-ranch {
    height: 700px;
  }
}

.background-ranch {
  width: 100%;
  height: 650px;
}

@media (max-width: 425px) {
  .background-ranch {
    height: 200px;
  }
}

@media (min-width: 425px) {
  .background-ranch {
    height: 250px;
  }
}

@media (min-width: 576px) {
  .background-ranch {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .background-ranch {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .background-ranch {
    height: 560px;
  }
}

@media (min-width: 1200px) {
  .background-ranch {
    height: 700px;
  }
}

.background {
  width: 100%;
  height: 650px;
}

@media (max-width: 425px) {
  .background {
    height: 185px;
  }
}

@media (min-width: 425px) {
  .background {
    height: 240px;
  }
}

@media (min-width: 576px) {
  .background {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .background {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .background {
    height: 550px;
  }
}

@media (min-width: 1200px) {
  .background {
    height: 650px;
  }
}

.slideimg {
  position: relative;
}

#back-uno {
  background: url("../img/backgrounds/back_one.png") no-repeat center;
  background-size: 100%;
}

#back-dos {
  background: url("../img/backgrounds/back_historia.png") no-repeat center;
  background-size: 100%;
}

#back-tres {
  background: url("../img/backgrounds/back_one.png") no-repeat center;
  background-size: 100%;
}

.product-leche {
  background: url("../img/products/leche_index.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: 80px;
  left: 400px;
  margin: 0 auto;
  height: 353px;
  width: 315px;
  text-align: center;
  z-index: 2;
}

@media (max-width: 425px) {
  .product-leche {
    height: 105.9px;
    width: 94.5px;
    left: 100px;
    bottom: 10px;
  }
}

@media (min-width: 425px) {
  .product-leche {
    height: 141.2px;
    width: 126px;
    left: 150px;
    bottom: 20px;
  }
}

@media (min-width: 576px) {
  .product-leche {
    height: 176.5px;
    width: 157.5px;
    left: 150px;
    bottom: 50px;
  }
}

@media (min-width: 768px) {
  .product-leche {
    height: 247.1px;
    width: 220.5px;
    left: 250px;
    bottom: 50px;
  }
}

@media (min-width: 992px) {
  .product-leche {
    height: 317.7px;
    width: 283.5px;
    bottom: 80px;
    left: 230px;
  }
}

@media (min-width: 1200px) {
  .product-leche {
    height: 353px;
    width: 315px;
    bottom: 80px;
    left: 400px;
  }
}

#delrancho-leche {
  background: url("../img/products/leche-delrancho.png") no-repeat center;
  background-size: 100%;
  height: 274px;
  width: 245px;
}

@media (max-width: 425px) {
  #delrancho-leche {
    height: 82.2px;
    width: 73.5px;
  }
}

@media (min-width: 425px) {
  #delrancho-leche {
    height: 82.2px;
    width: 73.5px;
  }
}

@media (min-width: 576px) {
  #delrancho-leche {
    height: 137px;
    width: 122.5px;
  }
}

@media (min-width: 768px) {
  #delrancho-leche {
    height: 219.2px;
    width: 196px;
  }
}

@media (min-width: 992px) {
  #delrancho-leche {
    height: 274px;
    width: 245px;
  }
}

@media (min-width: 1200px) {
  #delrancho-leche {
    height: 274px;
    width: 245px;
  }
}

.iconos-nueva {
  position: absolute;
  text-align: center;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .iconos-nueva {
    width: 181px;
    height: 60px;
    top: 10px;
  }
}

@media (min-width: 425px) {
  .iconos-nueva {
    width: 253.4px;
    height: 84px;
    top: 10px;
  }
}

@media (min-width: 576px) {
  .iconos-nueva {
    width: 217.2px;
    height: 72px;
    top: 10px;
  }
}

@media (min-width: 768px) {
  .iconos-nueva {
    width: 289.6px;
    height: 96px;
    top: 10px;
  }
}

@media (min-width: 992px) {
  .iconos-nueva {
    width: 434.4px;
    height: 144px;
    top: 10px;
  }
}

@media (min-width: 1200px) {
  .iconos-nueva {
    width: 506.8px;
    height: 168px;
    top: 10px;
  }
}

.iconos {
  position: absolute;
  text-align: center;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .iconos {
    width: 144.8px;
    height: 76px;
    top: 10px;
  }
}

@media (min-width: 425px) {
  .iconos {
    width: 144.8px;
    height: 76px;
    top: 20px;
  }
}

@media (min-width: 576px) {
  .iconos {
    width: 181px;
    height: 95px;
    top: 20px;
  }
}

@media (min-width: 768px) {
  .iconos {
    width: 217.2px;
    height: 114px;
    top: 20px;
  }
}

@media (min-width: 992px) {
  .iconos {
    width: 362px;
    height: 190px;
    top: 40px;
  }
}

@media (min-width: 1200px) {
  .iconos {
    width: 362px;
    height: 190px;
    top: 40px;
  }
}

.parrafo {
  position: absolute;
  color: white;
  line-height: 20px;
  width: 500px;
  padding: 20px;
  font-family: "Gotham", sans-serif;
  font-size: 14px;
}

.parrafo h5 {
  line-height: 40px;
}

.parrafo-orgullo {
  bottom: 120px;
  right: 300px;
}

#icon-delrancho {
  background: url("../img/icons/delrancho.png") no-repeat center;
  background-size: 100%;
}

#nueva-imagen {
  background: url("../img/icons/nueva_imagen.png") no-repeat center;
  background-size: 100%;
}

#icon-orgullo {
  background: url("../img/icons/orgullo.png") no-repeat center;
  background-size: 100%;
}

#icon-treintaycinco {
  background: url("../img/icons/35_naranja.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: 100px;
  right: 350px;
  margin: 0 auto;
  text-align: center;
  height: 150px;
  width: 150px;
  z-index: 3;
}

@media (max-width: 425px) {
  #icon-treintaycinco {
    height: 60px;
    width: 60px;
    right: 80px;
    bottom: 30px;
  }
}

@media (min-width: 425px) {
  #icon-treintaycinco {
    height: 60px;
    width: 60px;
    right: 100px;
    bottom: 30px;
  }
}

@media (min-width: 576px) {
  #icon-treintaycinco {
    height: 90px;
    width: 90px;
    right: 160px;
    bottom: 60px;
  }
}

@media (min-width: 768px) {
  #icon-treintaycinco {
    height: 120px;
    width: 120px;
    right: 160px;
    bottom: 60px;
  }
}

@media (min-width: 992px) {
  #icon-treintaycinco {
    height: 150px;
    width: 150px;
    bottom: 100px;
    right: 280px;
  }
}

@media (min-width: 1200px) {
  #icon-treintaycinco {
    height: 150px;
    width: 150px;
    bottom: 100px;
    right: 350px;
  }
}

#back-delrancho {
  background: url("../img/backgrounds/back_delrancho.png") no-repeat center;
  background-size: 100%;
}

#orgullo {
  background: url("../img/backgrounds/back_orgullo.png") no-repeat center;
  background-size: 100%;
}

.siguenos {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
}

@media (max-width: 425px) {
  .siguenos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 50px;
  }
}

@media (min-width: 425px) {
  .siguenos {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 50px;
  }
}

@media (min-width: 576px) {
  .siguenos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 50px;
  }
}

@media (min-width: 768px) {
  .siguenos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 70px;
  }
}

@media (min-width: 992px) {
  .siguenos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 70px;
  }
}

@media (min-width: 1200px) {
  .siguenos {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 70px;
  }
}

.siguenos .siguenos-imagen {
  background-image: url("../img/icons/siguenos.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 300px;
  height: 110px;
  display: inline-block;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 425px) {
  .siguenos .siguenos-imagen {
    height: 100px;
    width: 100%;
    background-size: 110px;
    background-position: center;
  }
}

@media (min-width: 425px) {
  .siguenos .siguenos-imagen {
    height: 120px;
    width: 100%;
    background-size: 110px;
    background-position: center;
  }
}

@media (min-width: 576px) {
  .siguenos .siguenos-imagen {
    height: 120px;
    background-size: 110px;
    background-position: right;
  }
}

@media (min-width: 768px) {
  .siguenos .siguenos-imagen {
    height: 110px;
    background-size: 250px;
    background-position: right;
  }
}

@media (min-width: 992px) {
  .siguenos .siguenos-imagen {
    height: 200px;
    background-size: 300px;
    background-position: right;
  }
}

@media (min-width: 1200px) {
  .siguenos .siguenos-imagen {
    height: 110px;
    background-size: 300px;
    background-position: right;
  }
}

.nuevo-siguenos {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}

@media (max-width: 425px) {
  .nuevo-siguenos {
    text-align: center;
  }
}

@media (min-width: 425px) {
  .nuevo-siguenos {
    text-align: center;
  }
}

@media (min-width: 576px) {
  .nuevo-siguenos {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .nuevo-siguenos {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .nuevo-siguenos {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .nuevo-siguenos {
    text-align: left;
  }
}

@media (max-width: 425px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 50px;
  }
}

@media (min-width: 425px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 0px;
  }
}

@media (min-width: 576px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .nuevo-siguenos .siguenos-logo2 {
    margin-bottom: 0px;
  }
}

.nuevo-siguenos .siguenos-logo2 div {
  display: inline-block;
  margin-left: 20px;
}

.instafeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.insta-img {
  cursor: pointer;
  padding: 5px;
  width: 150px;
  height: 150px;
}

.insta-img:hover {
  padding: 8px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

@media (max-width: 425px) {
  .insta-img {
    width: 75px;
    height: 75px;
  }
}

@media (min-width: 425px) {
  .insta-img {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 576px) {
  .insta-img {
    width: 125px;
    height: 125px;
  }
}

@media (min-width: 768px) {
  .insta-img {
    width: 175px;
    height: 175px;
  }
}

@media (min-width: 992px) {
  .insta-img {
    width: 150px;
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .insta-img {
    width: 150px;
    height: 150px;
  }
}

#icon-siguenos {
  background: url("../img/icons/siguenos.png") no-repeat center;
  background-size: 100%;
}

.iconos-siguenos {
  margin-right: auto;
  margin-left: auto;
  width: 360px;
  margin-bottom: 50px;
  left: 0;
  right: 0;
}

@media (max-width: 425px) {
  .iconos-siguenos {
    width: 240px;
    margin-bottom: 20px;
    height: 100px;
  }
}

@media (min-width: 425px) {
  .iconos-siguenos {
    width: 240px;
    margin-bottom: 20px;
    height: 100px;
  }
}

@media (min-width: 576px) {
  .iconos-siguenos {
    width: 200px;
    margin-bottom: 10px;
    height: 80px;
  }
}

@media (min-width: 768px) {
  .iconos-siguenos {
    width: 280px;
    margin-bottom: 20px;
    height: 150px;
  }
}

@media (min-width: 992px) {
  .iconos-siguenos {
    width: 360px;
    margin-bottom: 50px;
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .iconos-siguenos {
    width: 360px;
    margin-bottom: 50px;
    height: 150px;
  }
}

.greyline {
  width: 100%;
  height: 2px;
  background-color: #8d8d8d;
  margin-top: 10px;
  margin-bottom: 10px;
}

.logo-completo {
  background: url("../img/logo/logo-naranja-completo.png") no-repeat center;
  background-size: 100%;
}

.ftr-siguenos {
  background: url("../img/logo/sello caracol.png") no-repeat center;
  background-size: 100%;
}

.footer-text ul li {
  font-size: 10px;
}

.footer-logo {
  cursor: pointer;
  height: 110px;
  width: 155px;
}

@media (max-width: 425px) {
  .footer-logo {
    display: none;
    height: 84px;
    width: 108.5px;
  }
}

@media (min-width: 425px) {
  .footer-logo {
    display: none;
    height: 84px;
    width: 108.5px;
  }
}

@media (min-width: 576px) {
  .footer-logo {
    display: block;
    height: 84px;
    width: 108.5px;
  }
}

@media (min-width: 768px) {
  .footer-logo {
    display: block;
    height: 110px;
    width: 155px;
  }
}

@media (min-width: 992px) {
  .footer-logo {
    display: block;
    height: 110px;
    width: 155px;
  }
}

@media (min-width: 1200px) {
  .footer-logo {
    display: block;
    height: 110px;
    width: 155px;
  }
}

.siguenos-logo {
  cursor: pointer;
  height: 150px;
  width: 155px;
}

@media (max-width: 425px) {
  .siguenos-logo {
    display: none;
    height: 105px;
    width: 108.5px;
  }
}

@media (min-width: 425px) {
  .siguenos-logo {
    display: none;
    height: 105px;
    width: 108.5px;
  }
}

@media (min-width: 576px) {
  .siguenos-logo {
    display: block;
    height: 105px;
    width: 108.5px;
  }
}

@media (min-width: 768px) {
  .siguenos-logo {
    display: block;
    height: 150px;
    width: 155px;
  }
}

@media (min-width: 992px) {
  .siguenos-logo {
    display: block;
    height: 150px;
    width: 155px;
  }
}

@media (min-width: 1200px) {
  .siguenos-logo {
    display: block;
    height: 150px;
    width: 155px;
  }
}

.footer-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 25px;
}

@media (max-width: 425px) {
  .footer-all {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 10px;
  }
}

@media (min-width: 425px) {
  .footer-all {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
  }
}

@media (min-width: 576px) {
  .footer-all {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .footer-all {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .footer-all {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .footer-all {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 25px;
  }
}

.footer-all .ftr-ltrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-text {
  display: block;
  padding-top: 30px;
}

@media (max-width: 425px) {
  .footer-text {
    display: none;
  }
}

@media (min-width: 425px) {
  .footer-text {
    display: none;
  }
}

@media (min-width: 576px) {
  .footer-text {
    display: block;
  }
}

@media (min-width: 768px) {
  .footer-text {
    display: block;
  }
}

@media (min-width: 992px) {
  .footer-text {
    display: block;
  }
}

@media (min-width: 1200px) {
  .footer-text {
    display: block;
  }
}

.footer-text ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
}

.footer-text ul h6 {
  color: #8d8d8d;
  font-family: "Gotham", sans-serif;
}

.der-res {
  font-size: 10px;
  color: #8d8d8d;
  font-family: "Gotham", sans-serif;
  font-weight: 500;
}

.linea-gris {
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #8d8d8d;
  width: 300px;
  height: 1px;
}

.footer-social {
  height: 40px;
  width: 150px;
}

@media (min-width: 425px) {
  .footer-social {
    width: 200px;
  }
}

@media (min-width: 576px) {
  .footer-social {
    width: 150px;
  }
}

@media (min-width: 768px) {
  .footer-social {
    width: 150px;
  }
}

@media (min-width: 992px) {
  .footer-social {
    width: 150px;
  }
}

@media (min-width: 1200px) {
  .footer-social {
    width: 150px;
  }
}

.footer-menu, .footer-div {
  color: #8d8d8d;
  font-weight: 500;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  margin-right: 5px;
}

@media (min-width: 576px) {
  .footer-menu, .footer-div {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .footer-menu, .footer-div {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .footer-menu, .footer-div {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .footer-menu, .footer-div {
    font-size: 16px;
  }
}

.footer-menu {
  cursor: pointer;
}

.indexenleches {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 400px;
}

@media (max-width: 425px) {
  .indexenleches {
    height: 80px;
    width: 90px;
  }
}

@media (min-width: 425px) {
  .indexenleches {
    height: 120px;
    width: 130px;
  }
}

@media (min-width: 576px) {
  .indexenleches {
    height: 160px;
    width: 170px;
  }
}

@media (min-width: 768px) {
  .indexenleches {
    height: 240px;
    width: 250px;
  }
}

@media (min-width: 992px) {
  .indexenleches {
    height: 320px;
    width: 350px;
  }
}

@media (min-width: 1200px) {
  .indexenleches {
    height: 400px;
    width: 400px;
  }
}

.indexenlechesabajo {
  position: absolute;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 800px;
  position: relative;
  bottom: 0;
}

@media (max-width: 425px) {
  .indexenlechesabajo {
    bottom: -40px;
    height: 55px;
    width: 150px;
  }
}

@media (min-width: 425px) {
  .indexenlechesabajo {
    bottom: -50px;
    height: 90px;
    width: 230px;
  }
}

@media (min-width: 576px) {
  .indexenlechesabajo {
    bottom: -50px;
    height: 110px;
    width: 300px;
  }
}

@media (min-width: 768px) {
  .indexenlechesabajo {
    bottom: 0px;
    height: 220px;
    width: 450px;
  }
}

@media (min-width: 992px) {
  .indexenlechesabajo {
    bottom: -100px;
    height: 220px;
    width: 700px;
  }
}

@media (min-width: 1200px) {
  .indexenlechesabajo {
    bottom: -200px;
    width: 800px;
  }
}

#index-deslactosada {
  width: 176px;
  height: 401px;
}

@media (max-width: 425px) {
  #index-deslactosada {
    width: 35.2px;
    height: 80.2px;
  }
}

@media (min-width: 425px) {
  #index-deslactosada {
    width: 52.8px;
    height: 120.3px;
  }
}

@media (min-width: 576px) {
  #index-deslactosada {
    width: 70.4px;
    height: 160.4px;
  }
}

@media (min-width: 768px) {
  #index-deslactosada {
    width: 105.6px;
    height: 240.6px;
  }
}

@media (min-width: 992px) {
  #index-deslactosada {
    width: 140.8px;
    height: 320.8px;
  }
}

@media (min-width: 1200px) {
  #index-deslactosada {
    width: 176px;
    height: 401px;
  }
}

#index-entera {
  width: 153px;
  height: 415px;
  left: 120px;
}

@media (max-width: 425px) {
  #index-entera {
    width: 30.6px;
    height: 83px;
    left: 30px;
  }
}

@media (min-width: 425px) {
  #index-entera {
    width: 45.9px;
    height: 124.5px;
    left: 45px;
  }
}

@media (min-width: 576px) {
  #index-entera {
    width: 61.2px;
    height: 166px;
    left: 60px;
  }
}

@media (min-width: 768px) {
  #index-entera {
    width: 91.8px;
    height: 249px;
    left: 80px;
  }
}

@media (min-width: 992px) {
  #index-entera {
    width: 122.4px;
    height: 332px;
    left: 120px;
  }
}

@media (min-width: 1200px) {
  #index-entera {
    width: 153px;
    height: 415px;
    left: 120px;
  }
}

#index-bajaengrasa {
  width: 158px;
  height: 389px;
  right: 0;
}

@media (max-width: 425px) {
  #index-bajaengrasa {
    width: 31.6px;
    height: 77.8px;
  }
}

@media (min-width: 425px) {
  #index-bajaengrasa {
    width: 47.4px;
    height: 116.7px;
  }
}

@media (min-width: 576px) {
  #index-bajaengrasa {
    width: 63.2px;
    height: 155.6px;
  }
}

@media (min-width: 768px) {
  #index-bajaengrasa {
    width: 94.8px;
    height: 233.4px;
  }
}

@media (min-width: 992px) {
  #index-bajaengrasa {
    width: 126.4px;
    height: 311.2px;
  }
}

@media (min-width: 1200px) {
  #index-bajaengrasa {
    width: 158px;
    height: 389px;
  }
}

#index-corazon {
  width: 239px;
  height: 225px;
  bottom: 0;
}

@media (max-width: 425px) {
  #index-corazon {
    width: 47.8px;
    height: 45px;
  }
}

@media (min-width: 425px) {
  #index-corazon {
    width: 71.7px;
    height: 67.5px;
  }
}

@media (min-width: 576px) {
  #index-corazon {
    width: 95.6px;
    height: 90px;
  }
}

@media (min-width: 768px) {
  #index-corazon {
    width: 143.4px;
    height: 135px;
  }
}

@media (min-width: 992px) {
  #index-corazon {
    width: 191.2px;
    height: 180px;
  }
}

@media (min-width: 1200px) {
  #index-corazon {
    width: 239px;
    height: 225px;
  }
}

#index-asadero {
  width: 275px;
  height: 179px;
  bottom: 0;
  left: 170px;
}

@media (max-width: 425px) {
  #index-asadero {
    width: 55px;
    height: 35.8px;
    bottom: 0;
    left: 30px;
  }
}

@media (min-width: 425px) {
  #index-asadero {
    width: 82.5px;
    height: 53.7px;
    bottom: 0;
    left: 50px;
  }
}

@media (min-width: 576px) {
  #index-asadero {
    width: 110px;
    height: 71.6px;
    bottom: 0;
    left: 70px;
  }
}

@media (min-width: 768px) {
  #index-asadero {
    width: 165px;
    height: 107.4px;
    bottom: 0;
    left: 100px;
  }
}

@media (min-width: 992px) {
  #index-asadero {
    width: 220px;
    height: 143.2px;
    bottom: 0;
    left: 170px;
  }
}

@media (min-width: 1200px) {
  #index-asadero {
    width: 275px;
    height: 179px;
    bottom: 0;
    left: 170px;
  }
}

#index-chihuahua {
  width: 194px;
  height: 143px;
  bottom: 0;
  left: 350px;
  z-index: 10;
}

@media (max-width: 425px) {
  #index-chihuahua {
    width: 38.8px;
    height: 28.6px;
    bottom: 0;
    left: 60px;
  }
}

@media (min-width: 425px) {
  #index-chihuahua {
    width: 58.2px;
    height: 42.9px;
    bottom: 0;
    left: 100px;
  }
}

@media (min-width: 576px) {
  #index-chihuahua {
    width: 77.6px;
    height: 57.2px;
    bottom: 0;
    left: 130px;
  }
}

@media (min-width: 768px) {
  #index-chihuahua {
    width: 116.4px;
    height: 85.8px;
    bottom: 0;
    left: 200px;
  }
}

@media (min-width: 992px) {
  #index-chihuahua {
    width: 155.2px;
    height: 114.4px;
    bottom: 0;
    left: 300px;
  }
}

@media (min-width: 1200px) {
  #index-chihuahua {
    width: 194px;
    height: 143px;
    bottom: 0;
    left: 350px;
  }
}

#index-panela {
  width: 183.77px;
  height: 177.92px;
  bottom: 0;
  right: 170px;
  z-index: 9;
}

@media (max-width: 425px) {
  #index-panela {
    width: 36.754px;
    height: 35.584px;
    bottom: 0;
    right: 20px;
  }
}

@media (min-width: 425px) {
  #index-panela {
    width: 55.131px;
    height: 53.376px;
    bottom: 0;
    right: 30px;
  }
}

@media (min-width: 576px) {
  #index-panela {
    width: 73.508px;
    height: 71.168px;
    bottom: 0;
    right: 50px;
  }
}

@media (min-width: 768px) {
  #index-panela {
    width: 110.262px;
    height: 106.752px;
    bottom: 0;
    right: 60px;
  }
}

@media (min-width: 992px) {
  #index-panela {
    width: 147.016px;
    height: 142.336px;
    bottom: 0;
    right: 120px;
  }
}

@media (min-width: 1200px) {
  #index-panela {
    width: 183.77px;
    height: 177.92px;
    bottom: 0;
    right: 170px;
  }
}

#index-cotija {
  width: 219px;
  height: 264px;
  bottom: 0;
  right: 0;
}

@media (max-width: 425px) {
  #index-cotija {
    width: 43.8px;
    height: 52.8px;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 425px) {
  #index-cotija {
    width: 65.7px;
    height: 79.2px;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 576px) {
  #index-cotija {
    width: 87.6px;
    height: 105.6px;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 768px) {
  #index-cotija {
    width: 131.4px;
    height: 158.4px;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 992px) {
  #index-cotija {
    width: 175.2px;
    height: 211.2px;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 1200px) {
  #index-cotija {
    width: 219px;
    height: 264px;
    bottom: 0;
    right: 0;
  }
}

.imgfloat {
  position: absolute;
}

#tela-campo {
  background: url("../img/elements/tela_campo.png") no-repeat center;
  background-size: 100%;
  position: absolute;
  height: 367px;
  width: 1100px;
  bottom: 0;
  right: 0;
}

@media (max-width: 425px) {
  #tela-campo {
    height: 110.1px;
    width: 330px;
  }
}

@media (min-width: 425px) {
  #tela-campo {
    height: 146.8px;
    width: 440px;
  }
}

@media (min-width: 576px) {
  #tela-campo {
    height: 183.5px;
    width: 550px;
  }
}

@media (min-width: 768px) {
  #tela-campo {
    height: 256.9px;
    width: 770px;
  }
}

@media (min-width: 992px) {
  #tela-campo {
    height: 367px;
    width: 1100px;
  }
}

@media (min-width: 1200px) {
  #tela-campo {
    height: 403.7px;
    width: 1210px;
  }
}

.products-slide {
  width: 900px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  height: 300px;
  margin: 0 auto;
  bottom: 70px;
  right: 0;
  left: 0;
  z-index: 3;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 425px) {
  .products-slide {
    bottom: 20px;
    height: 110px;
    width: 300px;
  }
}

@media (min-width: 425px) {
  .products-slide {
    bottom: 10px;
    height: 170px;
    width: 400px;
  }
}

@media (min-width: 576px) {
  .products-slide {
    bottom: 60px;
    height: 160px;
    width: 500px;
  }
}

@media (min-width: 768px) {
  .products-slide {
    bottom: 60px;
    height: 240px;
    width: 700px;
  }
}

@media (min-width: 992px) {
  .products-slide {
    bottom: 120px;
    height: 320px;
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .products-slide {
    bottom: 120px;
    height: 430px;
    width: 900px;
  }
}

.owl-products {
  position: relative !important;
  z-index: 2 !important;
  bottom: -100px;
  width: 100%;
}

@media (max-width: 425px) {
  .owl-products {
    bottom: -40px;
  }
}

@media (min-width: 425px) {
  .owl-products {
    bottom: -45px;
  }
}

@media (min-width: 576px) {
  .owl-products {
    bottom: -50px;
  }
}

@media (min-width: 768px) {
  .owl-products {
    bottom: -80px;
  }
}

@media (min-width: 992px) {
  .owl-products {
    bottom: -100px;
  }
}

@media (min-width: 1200px) {
  .owl-products {
    bottom: -100px;
  }
}

.index_products {
  width: 100%;
}

.guia_products {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.guia_products img {
  width: 300px !important;
  height: 300px !important;
}

@media (max-width: 425px) {
  .guia_products img {
    width: 100px !important;
    height: 100px !important;
  }
}

@media (min-width: 425px) {
  .guia_products img {
    width: 133.33333px !important;
    height: 133.33333px !important;
  }
}

@media (min-width: 576px) {
  .guia_products img {
    width: 166.66667px !important;
    height: 166.66667px !important;
  }
}

@media (min-width: 768px) {
  .guia_products img {
    width: 233.33333px !important;
    height: 233.33333px !important;
  }
}

@media (min-width: 992px) {
  .guia_products img {
    width: 300px !important;
    height: 300px !important;
  }
}

@media (min-width: 1200px) {
  .guia_products img {
    width: 300px !important;
    height: 300px !important;
  }
}

.index_backallproducts {
  position: relative;
  width: 100%;
  height: 130px;
  bottom: 0;
  z-index: 1;
  background: url("../img/backgrounds/madera_index.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .index_backallproducts {
    height: 35px;
  }
}

@media (min-width: 425px) {
  .index_backallproducts {
    height: 40px;
  }
}

@media (min-width: 576px) {
  .index_backallproducts {
    height: 60px;
  }
}

@media (min-width: 768px) {
  .index_backallproducts {
    height: 80px;
  }
}

@media (min-width: 992px) {
  .index_backallproducts {
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .index_backallproducts {
    height: 120px;
  }
}

.index-icono-products {
  width: 100%;
}

.index-icono-products .icon-products-one {
  width: 600px;
  height: 200px;
  background-color: yellow;
  margin: 0 auto;
  padding-top: 20px;
}

@media (max-width: 425px) {
  .index-icono-products .icon-products-one {
    width: 180px;
    height: 60px;
  }
}

@media (min-width: 425px) {
  .index-icono-products .icon-products-one {
    width: 240px;
    height: 80px;
  }
}

@media (min-width: 576px) {
  .index-icono-products .icon-products-one {
    width: 300px;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .index-icono-products .icon-products-one {
    width: 480px;
    height: 160px;
  }
}

@media (min-width: 992px) {
  .index-icono-products .icon-products-one {
    width: 600px;
    height: 200px;
  }
}

@media (min-width: 1200px) {
  .index-icono-products .icon-products-one {
    width: 600px;
    height: 200px;
  }
}

.nav-caracol-products {
  position: relative;
  z-index: 20;
}

.nav-caracol-products .owl-prev {
  left: .5em;
  margin-top: 10%;
}

@media (max-width: 425px) {
  .nav-caracol-products .owl-prev {
    left: .1em;
    margin-top: 10%;
  }
}

@media (min-width: 425px) {
  .nav-caracol-products .owl-prev {
    left: .1em;
    margin-top: 10%;
  }
}

@media (min-width: 576px) {
  .nav-caracol-products .owl-prev {
    left: .2em;
    margin-top: 10%;
  }
}

@media (min-width: 768px) {
  .nav-caracol-products .owl-prev {
    left: .5em;
    margin-top: 10%;
  }
}

@media (min-width: 992px) {
  .nav-caracol-products .owl-prev {
    left: .5em;
    margin-top: 10%;
  }
}

@media (min-width: 1200px) {
  .nav-caracol-products .owl-prev {
    left: .5em;
    margin-top: 10%;
  }
}

.nav-caracol-products .owl-next {
  right: .5em;
  margin-top: 10%;
}

@media (max-width: 425px) {
  .nav-caracol-products .owl-next {
    right: .1em;
    margin-top: 10%;
  }
}

@media (min-width: 425px) {
  .nav-caracol-products .owl-next {
    right: .1em;
    margin-top: 10%;
  }
}

@media (min-width: 576px) {
  .nav-caracol-products .owl-next {
    right: .2em;
    margin-top: 10%;
  }
}

@media (min-width: 768px) {
  .nav-caracol-products .owl-next {
    right: .5em;
    margin-top: 10%;
  }
}

@media (min-width: 992px) {
  .nav-caracol-products .owl-next {
    right: .5em;
    margin-top: 10%;
  }
}

@media (min-width: 1200px) {
  .nav-caracol-products .owl-next {
    right: .5em;
    margin-top: 10%;
  }
}

.nav-caracol-products button {
  position: absolute;
  background: none;
  border: 0;
  color: #fc5a15;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  /* for button */
  -webkit-appearance: button;
  /* for input */
  -moz-user-select: none;
  -ms-user-select: none;
  top: 0;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 425px) {
  .nav-caracol-products button {
    font-size: 5em;
  }
}

@media (min-width: 425px) {
  .nav-caracol-products button {
    font-size: 5em;
  }
}

@media (min-width: 576px) {
  .nav-caracol-products button {
    font-size: 7em;
  }
}

@media (min-width: 768px) {
  .nav-caracol-products button {
    font-size: 7em;
  }
}

@media (min-width: 992px) {
  .nav-caracol-products button {
    font-size: 9em;
  }
}

@media (min-width: 1200px) {
  .nav-caracol-products button {
    font-size: 9em;
  }
}

.nav-caracol-products button:hover {
  color: #fc5a15;
  opacity: 1.0;
}

.btn-container {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 20;
  width: 300px;
  text-align: center;
}

.btn {
  width: 300px;
  height: 50px;
  line-height: 50px;
  background-color: #ff4d00;
  border-radius: 8px;
  color: white !important;
  font-family: "Gotham", sans-serif;
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@media (max-width: 425px) {
  .btn {
    width: 200px;
    height: 22px;
    line-height: 22px;
    border-radius: 8px;
    font-size: 14px;
  }
}

@media (min-width: 425px) {
  .btn {
    width: 200px;
    height: 22px;
    line-height: 22px;
    border-radius: 8px;
    font-size: 14px;
  }
}

@media (min-width: 576px) {
  .btn {
    width: 200px;
    height: 30px;
    line-height: 30px;
    border-radius: 8px;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .btn {
    width: 300px;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    font-size: 22px;
  }
}

.btn a {
  color: white;
}

.btn a:visited {
  color: white;
}

.btn:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.btn:hover {
  background-color: #fc5a15;
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.product-separado {
  text-align: center;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  color: #663a28;
  font-size: 14px;
}

@media (max-width: 425px) {
  .product-separado {
    font-size: 8px;
  }
}

@media (min-width: 425px) {
  .product-separado {
    font-size: 8px;
  }
}

@media (min-width: 576px) {
  .product-separado {
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .product-separado {
    font-size: 14px;
  }
}

@media (min-width: 992px) {
  .product-separado {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .product-separado {
    font-size: 14px;
  }
}

.tit-product {
  width: 120px;
  margin: -20px auto 0 auto;
}

@media (max-width: 425px) {
  .tit-product {
    width: 80px;
    margin: -10px auto 0 auto;
  }
}

@media (min-width: 425px) {
  .tit-product {
    width: 80px;
    margin: -10px auto 0 auto;
  }
}

@media (min-width: 576px) {
  .tit-product {
    width: 120px;
    margin: -20px auto 0 auto;
  }
}

.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100px;
}

@media (min-width: 425px) {
  .footer-social {
    width: 200px;
  }
}

@media (min-width: 576px) {
  .footer-social {
    width: 80px;
  }
}

@media (min-width: 768px) {
  .footer-social {
    width: 100px;
  }
}

@media (min-width: 992px) {
  .footer-social {
    width: 100px;
  }
}

@media (min-width: 1200px) {
  .footer-social {
    width: 100px;
  }
}

.icon-social {
  cursor: pointer;
  width: 29px;
  height: 29px;
}

@media (min-width: 425px) {
  .icon-social {
    width: 40px;
    height: 40px;
  }
}

@media (min-width: 576px) {
  .icon-social {
    width: 20px;
    height: 20px;
  }
}

@media (min-width: 768px) {
  .icon-social {
    width: 29px;
    height: 29px;
  }
}

@media (min-width: 992px) {
  .icon-social {
    width: 29px;
    height: 29px;
  }
}

@media (min-width: 1200px) {
  .icon-social {
    width: 29px;
    height: 29px;
  }
}

.fa-facebook-f {
  background-color: #e76c21;
  border-radius: 50%;
  padding: 10px 13px 10px 13px;
  color: white;
}

.fa-instagram {
  background-color: #e76c21;
  border-radius: 50%;
  padding: 10px 12px 10px 12px;
  color: white;
}

.fa-youtube {
  background-color: #e76c21;
  border-radius: 50%;
  padding: 10px 10px 10px 10px;
  color: white;
}

.facebook {
  background: url("../img/icons/icon-facebook.svg") no-repeat center;
  background-size: 100%;
  fill: #cb673f;
}

.facebook:hover patch {
  fill: white;
}

.twitter {
  background: url("../img/icons/icon-twitter.svg") no-repeat center;
  background-size: 100%;
}

.pinterest {
  background: url("../img/icons/icon-pinterest.svg") no-repeat center;
  background-size: 100%;
}

.instagram {
  background: url("../img/icons/icon-insta.svg") no-repeat center;
  background-size: 100%;
}

.youtube {
  background: url("../img/icons/icon-youtube.svg") no-repeat center;
  background-size: 100%;
}

.product-color-back {
  background-image: radial-gradient(#ff4d00 50%, #af3117);
  width: 100%;
  height: 100%;
}

.product-titulo {
  font-family: "Atlantic Bentley", sans-serif;
  font-size: 80px;
  margin-bottom: 10px;
}

.product-parrafo {
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  padding-right: 10px;
  text-align: justify;
}

@media (max-width: 425px) {
  .product-parrafo {
    font-size: 11.2px;
    line-height: 16px;
  }
}

@media (min-width: 425px) {
  .product-parrafo {
    font-size: 11.2px;
    line-height: 16px;
  }
}

@media (min-width: 576px) {
  .product-parrafo {
    font-size: 11.2px;
    line-height: 16px;
  }
}

@media (min-width: 768px) {
  .product-parrafo {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (min-width: 992px) {
  .product-parrafo {
    font-size: 14px;
    line-height: 19px;
  }
}

@media (min-width: 1200px) {
  .product-parrafo {
    font-size: 14px;
    line-height: 19px;
  }
}

.product-parrafo b {
  font-family: "Gotham", sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
}

.product-align {
  color: white;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 0;
}

.product-info {
  width: 50%;
}

@media (max-width: 425px) {
  .product-info {
    width: 100%;
  }
}

@media (min-width: 425px) {
  .product-info {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .product-info {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .product-info {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .product-info {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .product-info {
    width: 50%;
  }
}

.product-img {
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.3) 30%, rgba(255, 255, 255, 0) 60%);
  width: 50%;
  height: auto;
}

@media (max-width: 425px) {
  .product-img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 425px) {
  .product-img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 576px) {
  .product-img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 768px) {
  .product-img {
    width: 50%;
    height: auto;
  }
}

@media (min-width: 992px) {
  .product-img {
    width: 50%;
    height: auto;
  }
}

@media (min-width: 1200px) {
  .product-img {
    width: 50%;
    height: auto;
  }
}

.allproducts {
  background-color: #f6f6f6;
  width: 100%;
}

.allproducts-menu {
  padding: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 425px) {
  .allproducts-menu {
    padding: 20px 0;
  }
}

@media (min-width: 425px) {
  .allproducts-menu {
    padding: 20px 0;
  }
}

@media (min-width: 576px) {
  .allproducts-menu {
    padding: 30px 0;
  }
}

@media (min-width: 768px) {
  .allproducts-menu {
    padding: 30px 0;
  }
}

@media (min-width: 992px) {
  .allproducts-menu {
    padding: 30px 0;
  }
}

@media (min-width: 1200px) {
  .allproducts-menu {
    padding: 30px 0;
  }
}

.allproducts-titulo {
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  color: #8d8d8d;
  font-size: 24px;
  cursor: pointer;
}

@media (max-width: 425px) {
  .allproducts-titulo {
    font-size: 12.8px;
  }
}

@media (min-width: 425px) {
  .allproducts-titulo {
    font-size: 16px;
  }
}

@media (min-width: 576px) {
  .allproducts-titulo {
    font-size: 19.2px;
  }
}

@media (min-width: 768px) {
  .allproducts-titulo {
    font-size: 24px;
  }
}

@media (min-width: 992px) {
  .allproducts-titulo {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .allproducts-titulo {
    font-size: 24px;
  }
}

.allproducts-titulo:hover {
  color: #ff4d00;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.allproduct-separation {
  color: #8d8d8d;
  font-size: 24px;
  border-right: 2px solid #8d8d8d;
}

.allproducts-presentation {
  width: 900px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 425px) {
  .allproducts-presentation {
    width: 300px;
  }
}

@media (min-width: 425px) {
  .allproducts-presentation {
    width: 400px;
  }
}

@media (min-width: 576px) {
  .allproducts-presentation {
    width: 500px;
  }
}

@media (min-width: 768px) {
  .allproducts-presentation {
    width: 700px;
  }
}

@media (min-width: 992px) {
  .allproducts-presentation {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .allproducts-presentation {
    width: 900px;
  }
}

.allproducts-thumb-lechesyogurt {
  width: 225px;
  height: 250px;
  padding: 20px;
  cursor: pointer;
  text-align: center;
  margin: 0 0 30px 0;
}

@media (max-width: 425px) {
  .allproducts-thumb-lechesyogurt {
    width: 150px;
    height: 190px;
    padding: 5px;
  }
}

@media (min-width: 425px) {
  .allproducts-thumb-lechesyogurt {
    width: 200px;
    height: 200px;
    padding: 5px;
  }
}

@media (min-width: 576px) {
  .allproducts-thumb-lechesyogurt {
    width: 166.66667px;
    height: 200px;
    padding: 5px;
  }
}

@media (min-width: 768px) {
  .allproducts-thumb-lechesyogurt {
    width: 233.33333px;
    height: 250px;
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .allproducts-thumb-lechesyogurt {
    width: 225px;
    height: 250px;
    padding: 20px;
  }
}

@media (min-width: 1200px) {
  .allproducts-thumb-lechesyogurt {
    width: 225px;
    height: 250px;
    padding: 20px;
  }
}

.allproducts-thumb-lechesyogurt h3 {
  color: #663a28;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  text-align: center;
}

.allproducts-thumb-quesos {
  width: 225px;
  height: 250px;
  padding: 20px;
  cursor: pointer;
  text-align: center;
  margin: 0 0 30px 0;
}

@media (max-width: 425px) {
  .allproducts-thumb-quesos {
    width: 150px;
    height: 140px;
    padding: 5px;
  }
}

@media (min-width: 425px) {
  .allproducts-thumb-quesos {
    width: 200px;
    height: 140px;
    padding: 5px;
  }
}

@media (min-width: 576px) {
  .allproducts-thumb-quesos {
    width: 166.66667px;
    height: 120px;
    padding: 5px;
  }
}

@media (min-width: 768px) {
  .allproducts-thumb-quesos {
    width: 233.33333px;
    height: 160px;
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .allproducts-thumb-quesos {
    width: 225px;
    height: 160px;
    padding: 20px;
  }
}

@media (min-width: 1200px) {
  .allproducts-thumb-quesos {
    width: 225px;
    height: 160px;
    padding: 20px;
  }
}

.allproducts-thumb-quesos h3 {
  color: #663a28;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  text-align: center;
}

.vertical {
  width: auto;
  height: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
}

@media (max-width: 425px) {
  .vertical {
    width: auto;
    height: 70%;
  }
}

@media (min-width: 425px) {
  .vertical {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 576px) {
  .vertical {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 768px) {
  .vertical {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 992px) {
  .vertical {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .vertical {
    width: auto;
    height: 100%;
  }
}

.horizontal {
  width: 100%;
  height: auto;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.slideimg-color {
  width: 100%;
  background-image: radial-gradient(#ff4d00 50%, #af3117);
}

#quesos-gourmet, #yogurts, #quesos {
  display: none;
}

.center-icon {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 425px) {
  .center-icon {
    top: 400px;
  }
}

@media (min-width: 425px) {
  .center-icon {
    top: 400px;
  }
}

@media (min-width: 576px) {
  .center-icon {
    top: 400px;
  }
}

@media (min-width: 768px) {
  .center-icon {
    top: 400px;
  }
}

@media (min-width: 992px) {
  .center-icon {
    top: 400px;
  }
}

@media (min-width: 1200px) {
  .center-icon {
    top: 400px;
  }
}

#scroll {
  -webkit-animation: animateHeight 1.4s linear .3s infinite;
          animation: animateHeight 1.4s linear .3s infinite;
}

#circle--shape {
  -webkit-animation: animateShape 1.6s ease-in-out infinite;
          animation: animateShape 1.6s ease-in-out infinite;
}

@-webkit-keyframes animateShape {
  50% {
    cy: 100;
    opacity: .1;
  }
}

@keyframes animateShape {
  50% {
    cy: 100;
    opacity: .1;
  }
}

@-webkit-keyframes animateHeight {
  70% {
    height: 100px;
  }
}

@keyframes animateHeight {
  70% {
    height: 100px;
  }
}

.back-history {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_historia.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-history {
    height: 190px;
  }
}

@media (min-width: 425px) {
  .back-history {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .back-history {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .back-history {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .back-history {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-history {
    height: 550px;
  }
}

#icon-historia {
  width: 398.2px;
  height: 209px;
  background: url("../img/icons/nuestra-historia.png") no-repeat center;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 80px;
}

@media (max-width: 425px) {
  #icon-historia {
    width: 144.8px;
    height: 76px;
  }
}

@media (min-width: 425px) {
  #icon-historia {
    width: 181px;
    height: 95px;
  }
}

@media (min-width: 576px) {
  #icon-historia {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 768px) {
  #icon-historia {
    width: 289.6px;
    height: 152px;
  }
}

@media (min-width: 992px) {
  #icon-historia {
    width: 398.2px;
    height: 209px;
  }
}

@media (min-width: 1200px) {
  #icon-historia {
    width: 398.2px;
    height: 209px;
    top: 100px;
  }
}

#empaquecaracol {
  text-align: center;
  width: 400px;
  height: 350px;
  background: url("../img/products/empaques_caracol.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  #empaquecaracol {
    width: 160px;
    height: 140px;
  }
}

@media (min-width: 425px) {
  #empaquecaracol {
    width: 200px;
    height: 175px;
  }
}

@media (min-width: 576px) {
  #empaquecaracol {
    width: 240px;
    height: 210px;
  }
}

@media (min-width: 768px) {
  #empaquecaracol {
    width: 320px;
    height: 280px;
  }
}

@media (min-width: 992px) {
  #empaquecaracol {
    width: 400px;
    height: 350px;
  }
}

@media (min-width: 1200px) {
  #empaquecaracol {
    width: 400px;
    height: 350px;
  }
}

.historia-iconos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .historia-iconos {
    top: 190px;
  }
}

@media (min-width: 425px) {
  .historia-iconos {
    top: 170px;
  }
}

@media (min-width: 576px) {
  .historia-iconos {
    top: 250px;
  }
}

@media (min-width: 768px) {
  .historia-iconos {
    top: 300px;
  }
}

@media (min-width: 992px) {
  .historia-iconos {
    top: 300px;
  }
}

@media (min-width: 1200px) {
  .historia-iconos {
    top: 400px;
  }
}

.historia-texto-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 50px;
  margin-bottom: 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 425px) {
  .historia-texto-align {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (min-width: 425px) {
  .historia-texto-align {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (min-width: 576px) {
  .historia-texto-align {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .historia-texto-align {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .historia-texto-align {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .historia-texto-align {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.ancho-entredos {
  width: 450px;
}

@media (max-width: 425px) {
  .ancho-entredos {
    width: 300px;
  }
}

@media (min-width: 425px) {
  .ancho-entredos {
    width: 400px;
  }
}

@media (min-width: 576px) {
  .ancho-entredos {
    width: 250px;
  }
}

@media (min-width: 768px) {
  .ancho-entredos {
    width: 350px;
  }
}

@media (min-width: 992px) {
  .ancho-entredos {
    width: 450px;
  }
}

@media (min-width: 1200px) {
  .ancho-entredos {
    width: 450px;
  }
}

.ancho-entretres {
  width: 300px;
}

@media (max-width: 425px) {
  .ancho-entretres {
    width: 100px;
  }
}

@media (min-width: 425px) {
  .ancho-entretres {
    width: 133.33333px;
  }
}

@media (min-width: 576px) {
  .ancho-entretres {
    width: 166.66667px;
  }
}

@media (min-width: 768px) {
  .ancho-entretres {
    width: 233.33333px;
  }
}

@media (min-width: 992px) {
  .ancho-entretres {
    width: 300px;
  }
}

@media (min-width: 1200px) {
  .ancho-entretres {
    width: 300px;
  }
}

.back-historia-rancho {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_historia_ranchocaracol.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-historia-rancho {
    height: 140px;
  }
}

@media (min-width: 425px) {
  .back-historia-rancho {
    height: 180px;
  }
}

@media (min-width: 576px) {
  .back-historia-rancho {
    height: 240px;
  }
}

@media (min-width: 768px) {
  .back-historia-rancho {
    height: 320px;
  }
}

@media (min-width: 992px) {
  .back-historia-rancho {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-historia-rancho {
    height: 550px;
  }
}

.icon-treintaycinco {
  background: url("../img/icons/35_naranja.png") no-repeat center;
  background-size: 100%;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  position: absolute;
  right: -40px;
  top: -15px;
}

@media (max-width: 425px) {
  .icon-treintaycinco {
    width: 150px;
    height: 150px;
    margin: 20px auto 0 auto;
  }
}

@media (min-width: 425px) {
  .icon-treintaycinco {
    width: 150px;
    height: 150px;
    margin: 20px auto 0 auto;
  }
}

@media (min-width: 576px) {
  .icon-treintaycinco {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .icon-treintaycinco {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}

@media (min-width: 992px) {
  .icon-treintaycinco {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}

@media (min-width: 1200px) {
  .icon-treintaycinco {
    width: 200px;
    height: 200px;
    margin: 0 auto;
  }
}

.back-historia-mix {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_historia_2.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-historia-mix {
    height: 140px;
  }
}

@media (min-width: 425px) {
  .back-historia-mix {
    height: 180px;
  }
}

@media (min-width: 576px) {
  .back-historia-mix {
    height: 240px;
  }
}

@media (min-width: 768px) {
  .back-historia-mix {
    height: 320px;
  }
}

@media (min-width: 992px) {
  .back-historia-mix {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-historia-mix {
    height: 550px;
  }
}

.marginextra {
  margin-bottom: 50px;
}

.widthtithist {
  width: 350px;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .widthtithist {
    text-align: center;
    width: 250px;
  }
}

@media (min-width: 425px) {
  .widthtithist {
    width: auto;
  }
}

@media (min-width: 576px) {
  .widthtithist {
    width: 250px;
  }
}

@media (min-width: 768px) {
  .widthtithist {
    width: 350px;
  }
}

@media (min-width: 992px) {
  .widthtithist {
    width: 350px;
  }
}

@media (min-width: 1200px) {
  .widthtithist {
    width: 350px;
  }
}

.timeline {
  width: 100%;
  height: auto;
}

.hist-prod-imagen {
  width: 100%;
  height: 400px;
  background: url("../img/products/prod-leche-hist.png") no-repeat center;
  background-size: 100%;
}

.back-rancho {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_rancho.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-rancho {
    height: 180px;
  }
}

@media (min-width: 425px) {
  .back-rancho {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .back-rancho {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .back-rancho {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .back-rancho {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-rancho {
    height: 550px;
  }
}

.icon-rancho {
  width: 398.2px;
  height: 209px;
  background: url("../img/icons/nuestro_rancho.png") no-repeat center;
  background-size: 100%;
  float: right;
  margin-top: 50px;
}

@media (max-width: 425px) {
  .icon-rancho {
    width: 181px;
    height: 95px;
    margin-top: 20px;
  }
}

@media (min-width: 425px) {
  .icon-rancho {
    width: 181px;
    height: 95px;
    margin-top: 20px;
  }
}

@media (min-width: 576px) {
  .icon-rancho {
    width: 217.2px;
    height: 114px;
    margin-top: 50px;
  }
}

@media (min-width: 768px) {
  .icon-rancho {
    width: 289.6px;
    height: 152px;
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .icon-rancho {
    width: 398.2px;
    height: 209px;
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .icon-rancho {
    width: 398.2px;
    height: 209px;
    margin-top: 50px;
  }
}

.machine-milk {
  width: 50%;
  height: 500px;
  background: url("../img/elements/milk_machine.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .machine-milk {
    height: 180px;
  }
}

@media (min-width: 425px) {
  .machine-milk {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .machine-milk {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .machine-milk {
    height: 300px;
  }
}

@media (min-width: 992px) {
  .machine-milk {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .machine-milk {
    height: 500px;
  }
}

.rancho_caracol_vacas {
  width: 50%;
  height: 500px;
  background: url("../img/elements/rancho_caracol_vacas.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .rancho_caracol_vacas {
    height: 180px;
  }
}

@media (min-width: 425px) {
  .rancho_caracol_vacas {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .rancho_caracol_vacas {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .rancho_caracol_vacas {
    height: 300px;
  }
}

@media (min-width: 992px) {
  .rancho_caracol_vacas {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .rancho_caracol_vacas {
    height: 500px;
  }
}

.dos-fotos-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.imagenes-cuatro {
  width: 214.28571px;
  height: 400px;
}

@media (max-width: 425px) {
  .imagenes-cuatro {
    height: 210px;
    width: 142.85714px;
    margin: 0 0 15px 0;
  }
}

@media (min-width: 425px) {
  .imagenes-cuatro {
    height: 200px;
    width: 95.2381px;
    margin: 0 0 0 0;
  }
}

@media (min-width: 576px) {
  .imagenes-cuatro {
    height: 200px;
    width: 119.04762px;
    margin: 0 0 0 0;
  }
}

@media (min-width: 768px) {
  .imagenes-cuatro {
    height: 300px;
    width: 214.28571px;
    margin: 0 0 0 0;
  }
}

@media (min-width: 992px) {
  .imagenes-cuatro {
    height: 380px;
    width: 214.28571px;
    margin: 0 0 0 0;
  }
}

@media (min-width: 1200px) {
  .imagenes-cuatro {
    height: 400px;
    width: 214.28571px;
    margin: 0 0 0 0;
  }
}

#img-vaca {
  background: url("../img/elements/vaca.png") no-repeat center;
  background-size: 100%;
}

#img-milkmachine {
  background: url("../img/elements/milk-machine2.png") no-repeat center;
  background-size: 100%;
}

#img-milkmachinedos {
  background: url("../img/elements/milk-machine3.png") no-repeat center;
  background-size: 100%;
}

#img-vacas {
  background: url("../img/elements/vacas.png") no-repeat center;
  background-size: 100%;
}

.iconvaca {
  width: 300px;
  height: 150px;
  background: url("../img/icons/vaca.svg") no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .iconvaca {
    width: 150px;
    height: 75px;
  }
}

@media (min-width: 425px) {
  .iconvaca {
    width: 150px;
    height: 75px;
  }
}

@media (min-width: 576px) {
  .iconvaca {
    width: 210px;
    height: 105px;
  }
}

@media (min-width: 768px) {
  .iconvaca {
    width: 270px;
    height: 135px;
  }
}

@media (min-width: 992px) {
  .iconvaca {
    width: 300px;
    height: 150px;
  }
}

@media (min-width: 1200px) {
  .iconvaca {
    width: 300px;
    height: 150px;
  }
}

.widthtit {
  width: 350px;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .widthtit {
    width: auto;
  }
}

@media (min-width: 425px) {
  .widthtit {
    width: auto;
  }
}

@media (min-width: 576px) {
  .widthtit {
    width: 200px;
  }
}

@media (min-width: 768px) {
  .widthtit {
    width: 250px;
  }
}

@media (min-width: 992px) {
  .widthtit {
    width: 350px;
  }
}

@media (min-width: 1200px) {
  .widthtit {
    width: 350px;
  }
}

.back-contacto {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_contacto.png") no-repeat center;
  background-size: 100%;
  margin: 50px auto;
}

@media (max-width: 425px) {
  .back-contacto {
    height: 250px;
    background-size: cover;
  }
}

@media (min-width: 425px) {
  .back-contacto {
    height: 300px;
    background-size: cover;
  }
}

@media (min-width: 576px) {
  .back-contacto {
    height: 300px;
    background-size: 100%;
  }
}

@media (min-width: 768px) {
  .back-contacto {
    height: 400px;
    background-size: 100%;
  }
}

@media (min-width: 992px) {
  .back-contacto {
    height: 550px;
    background-size: 100%;
  }
}

@media (min-width: 1200px) {
  .back-contacto {
    height: 550px;
    background-size: 100%;
  }
}

.icon-contacto {
  width: 398.2px;
  height: 209px;
  background: url("../img/icons/contacto.png") no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .icon-contacto {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 425px) {
  .icon-contacto {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 576px) {
  .icon-contacto {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 768px) {
  .icon-contacto {
    width: 289.6px;
    height: 152px;
  }
}

@media (min-width: 992px) {
  .icon-contacto {
    width: 398.2px;
    height: 209px;
  }
}

@media (min-width: 1200px) {
  .icon-contacto {
    width: 398.2px;
    height: 209px;
  }
}

.titulodos {
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #8d8d8d;
  text-align: center;
}

.titulotres {
  font-family: "Gotham", sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #8d8d8d;
  text-align: center;
}

.logos-cadenas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 25px 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.logoscadenas-style {
  width: 230.76923px;
  height: 120px;
}

@media (max-width: 425px) {
  .logoscadenas-style {
    width: 83.33333px;
    height: 60px;
  }
}

@media (min-width: 425px) {
  .logoscadenas-style {
    width: 128.20513px;
    height: 80px;
  }
}

@media (min-width: 576px) {
  .logoscadenas-style {
    width: 128.20513px;
    height: 80px;
  }
}

@media (min-width: 768px) {
  .logoscadenas-style {
    width: 179.48718px;
    height: 100px;
  }
}

@media (min-width: 992px) {
  .logoscadenas-style {
    width: 183.67347px;
    height: 100px;
  }
}

@media (min-width: 1200px) {
  .logoscadenas-style {
    width: 183.67347px;
    height: 100px;
  }
}

#walmart {
  background: url("../img/logo/cadenas/walmart.png") no-repeat center;
  background-size: 100%;
}

#soriana {
  background: url("../img/logo/cadenas/soriana.png") no-repeat center;
  background-size: 100%;
}

#aramburo {
  background: url("../img/logo/cadenas/aramburo.png") no-repeat center;
  background-size: 100%;
}

#chedraui {
  background: url("../img/logo/cadenas/chedraui.png") no-repeat center;
  background-size: 60%;
}

#aurrera {
  background: url("../img/logo/cadenas/aurrera.png") no-repeat center;
  background-size: 100%;
}

#aliser {
  background: url("../img/logo/cadenas/aliser.png") no-repeat center;
  background-size: 70%;
}

#ley {
  background: url("../img/logo/cadenas/ley.png") no-repeat center;
  background-size: 70%;
}

#sams {
  background: url("../img/logo/cadenas/samsclub_logo.png") no-repeat center;
  background-size: 50%;
}

#oxxo {
  background: url("../img/logo/cadenas/oxxo_logo.png") no-repeat center;
  background-size: 70%;
}

#lacomer {
  background: url("../img/logo/cadenas/lacomer_logo.png") no-repeat center;
  background-size: 80%;
}

#cityclub {
  background: url("../img/logo/cadenas/cityclub_logo.png") no-repeat center;
  background-size: 50%;
}

#circlek {
  background: url("../img/logo/cadenas/cklogo.png") no-repeat center;
  background-size: 80%;
}

.cuadro-naranja-contacto {
  width: 409.09091px;
  height: 400px;
  background-color: #ff4d00;
  border-radius: 10px;
}

@media (max-width: 425px) {
  .cuadro-naranja-contacto {
    width: 136.36364px;
    height: 200px;
  }
}

@media (min-width: 425px) {
  .cuadro-naranja-contacto {
    width: 181.81818px;
    height: 200px;
  }
}

@media (min-width: 576px) {
  .cuadro-naranja-contacto {
    width: 227.27273px;
    height: 200px;
  }
}

@media (min-width: 768px) {
  .cuadro-naranja-contacto {
    width: 318.18182px;
    height: 300px;
  }
}

@media (min-width: 992px) {
  .cuadro-naranja-contacto {
    width: 409.09091px;
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .cuadro-naranja-contacto {
    width: 409.09091px;
    height: 400px;
  }
}

.formulario-contacto {
  width: 409.09091px;
  height: 400px;
}

@media (max-width: 425px) {
  .formulario-contacto {
    width: 136.36364px;
    height: 210px;
  }
}

@media (min-width: 425px) {
  .formulario-contacto {
    width: 181.81818px;
    height: 250px;
  }
}

@media (min-width: 576px) {
  .formulario-contacto {
    width: 227.27273px;
    height: 200px;
  }
}

@media (min-width: 768px) {
  .formulario-contacto {
    width: 318.18182px;
    height: 310px;
  }
}

@media (min-width: 992px) {
  .formulario-contacto {
    width: 409.09091px;
    height: 400px;
  }
}

@media (min-width: 1200px) {
  .formulario-contacto {
    width: 409.09091px;
    height: 400px;
  }
}

.formulario-contacto input {
  border: none;
}

.formulario-contacto .input-contacto {
  color: #8d8d8d;
  outline: 0;
  padding: 0 10px;
  width: 100%;
  border-radius: 10px;
  height: 40px;
  font-size: 16px;
  margin: 0 0 20px 0;
}

@media (max-width: 425px) {
  .formulario-contacto .input-contacto {
    border-radius: 5px;
    height: 20px;
    font-size: 12px;
  }
}

@media (min-width: 425px) {
  .formulario-contacto .input-contacto {
    border-radius: 5px;
    height: 20px;
    font-size: 12px;
  }
}

@media (min-width: 576px) {
  .formulario-contacto .input-contacto {
    border-radius: 5px;
    height: 20px;
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .formulario-contacto .input-contacto {
    border-radius: 10px;
    height: 40px;
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .formulario-contacto .input-contacto {
    border-radius: 10px;
    height: 40px;
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .formulario-contacto .input-contacto {
    border-radius: 10px;
    height: 40px;
    font-size: 16px;
  }
}

.formulario-contacto .button-contacto {
  float: right;
  font-family: "Gotham", sans-serif;
  padding: 10px 60px;
  font-size: 18px;
  border-radius: 10px;
  background-color: #ff4d00;
  color: white;
}

@media (max-width: 425px) {
  .formulario-contacto .button-contacto {
    padding: 5px 30px;
    font-size: 12px;
    border-radius: 5px;
  }
}

@media (min-width: 425px) {
  .formulario-contacto .button-contacto {
    padding: 5px 30px;
    font-size: 14px;
    border-radius: 5px;
  }
}

@media (min-width: 576px) {
  .formulario-contacto .button-contacto {
    padding: 5px 30px;
    font-size: 14px;
    border-radius: 5px;
  }
}

@media (min-width: 768px) {
  .formulario-contacto .button-contacto {
    padding: 10px 60px;
    font-size: 18px;
    border-radius: 10px;
  }
}

@media (min-width: 992px) {
  .formulario-contacto .button-contacto {
    padding: 10px 60px;
    font-size: 18px;
    border-radius: 10px;
  }
}

@media (min-width: 1200px) {
  .formulario-contacto .button-contacto {
    padding: 10px 60px;
    font-size: 18px;
    border-radius: 10px;
  }
}

.formulario-contacto textarea {
  resize: none;
  padding: 10px 10px;
  color: #8d8d8d;
  outline: 0;
  border: none;
  width: 100%;
  font-size: 16px;
  border-radius: 10px;
  height: 120px;
  margin: 0 0 20px 0;
}

@media (max-width: 425px) {
  .formulario-contacto textarea {
    font-size: 12px;
    border-radius: 5px;
    height: 80px;
  }
}

@media (min-width: 425px) {
  .formulario-contacto textarea {
    font-size: 12px;
    border-radius: 5px;
    height: 80px;
  }
}

@media (min-width: 576px) {
  .formulario-contacto textarea {
    font-size: 12px;
    border-radius: 5px;
    height: 80px;
  }
}

@media (min-width: 768px) {
  .formulario-contacto textarea {
    font-size: 16px;
    border-radius: 10px;
    height: 120px;
  }
}

@media (min-width: 992px) {
  .formulario-contacto textarea {
    font-size: 16px;
    border-radius: 10px;
    height: 120px;
  }
}

@media (min-width: 1200px) {
  .formulario-contacto textarea {
    font-size: 16px;
    border-radius: 10px;
    height: 120px;
  }
}

.contactanos {
  padding-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 425px) {
  .contactanos {
    padding-top: 20px;
  }
}

@media (min-width: 425px) {
  .contactanos {
    padding-top: 20px;
  }
}

@media (min-width: 576px) {
  .contactanos {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .contactanos {
    padding-top: 40px;
  }
}

@media (min-width: 992px) {
  .contactanos {
    padding-top: 80px;
  }
}

@media (min-width: 1200px) {
  .contactanos {
    padding-top: 80px;
  }
}

.tituloencontacto {
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  color: white;
  font-size: 36px;
  margin: 50px 0 20px 0;
  text-align: center;
}

@media (max-width: 425px) {
  .tituloencontacto {
    margin: 20px 0 20px 0;
    font-size: 20px;
  }
}

@media (min-width: 425px) {
  .tituloencontacto {
    margin: 20px 0 20px 0;
    font-size: 20px;
  }
}

@media (min-width: 576px) {
  .tituloencontacto {
    margin: 20px 0 20px 0;
    font-size: 20px;
  }
}

@media (min-width: 768px) {
  .tituloencontacto {
    margin: 20px 0 20px 0;
    font-size: 36px;
  }
}

@media (min-width: 992px) {
  .tituloencontacto {
    margin: 50px 0 20px 0;
    font-size: 36px;
  }
}

@media (min-width: 1200px) {
  .tituloencontacto {
    margin: 50px 0 20px 0;
    font-size: 36px;
  }
}

.logo-blanco-completo {
  margin: 0 auto 20px auto;
  width: 230px;
  height: 160px;
  background: url("../img/logo/logo-blanco-completo.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .logo-blanco-completo {
    width: 115px;
    height: 80px;
  }
}

@media (min-width: 425px) {
  .logo-blanco-completo {
    width: 115px;
    height: 80px;
  }
}

@media (min-width: 576px) {
  .logo-blanco-completo {
    width: 138px;
    height: 96px;
  }
}

@media (min-width: 768px) {
  .logo-blanco-completo {
    width: 230px;
    height: 160px;
  }
}

@media (min-width: 992px) {
  .logo-blanco-completo {
    width: 230px;
    height: 160px;
  }
}

@media (min-width: 1200px) {
  .logo-blanco-completo {
    width: 230px;
    height: 160px;
  }
}

.subtitulocontacto {
  font-family: "Gotham", sans-serif;
  color: white;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 425px) {
  .subtitulocontacto {
    font-size: 8px;
  }
}

@media (min-width: 425px) {
  .subtitulocontacto {
    font-size: 10px;
  }
}

@media (min-width: 576px) {
  .subtitulocontacto {
    font-size: 10px;
  }
}

@media (min-width: 768px) {
  .subtitulocontacto {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .subtitulocontacto {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .subtitulocontacto {
    font-size: 16px;
  }
}

.contactos-mapa {
  width: 100%;
  height: 500px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contacto-datos {
  width: 40%;
  height: 100%;
  background-color: white;
  overflow-y: scroll;
}

@media (max-width: 425px) {
  .contacto-datos {
    width: 100%;
    height: 40%;
  }
}

@media (min-width: 425px) {
  .contacto-datos {
    width: 100%;
    height: 40%;
  }
}

@media (min-width: 576px) {
  .contacto-datos {
    width: 100%;
    height: 40%;
  }
}

@media (min-width: 768px) {
  .contacto-datos {
    width: 40%;
    height: 100%;
  }
}

@media (min-width: 992px) {
  .contacto-datos {
    width: 40%;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .contacto-datos {
    width: 40%;
    height: 100%;
  }
}

.mapa-datos {
  width: 60%;
  height: 100%;
  background-color: grey;
}

@media (max-width: 425px) {
  .mapa-datos {
    width: 100%;
    height: 60%;
  }
}

@media (min-width: 425px) {
  .mapa-datos {
    width: 100%;
    height: 60%;
  }
}

@media (min-width: 576px) {
  .mapa-datos {
    width: 100%;
    height: 60%;
  }
}

@media (min-width: 768px) {
  .mapa-datos {
    width: 60%;
    height: 100%;
  }
}

@media (min-width: 992px) {
  .mapa-datos {
    width: 60%;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .mapa-datos {
    width: 60%;
    height: 100%;
  }
}

.cedis-titulo {
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #ff4d00;
  line-height: 30px;
  text-transform: uppercase;
}

.cedis-sub {
  display: inline;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #663a28;
  line-height: 20px;
  text-transform: capitalize;
}

.cedis-text {
  display: inline;
  font-family: "Gotham", sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #8d8d8d;
}

.cedis {
  cursor: pointer;
}

.contacto-datos {
  overflow: scroll;
  padding: 20px;
}

.back-nosotros {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_nosotros.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-nosotros {
    height: 190px;
  }
}

@media (min-width: 425px) {
  .back-nosotros {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .back-nosotros {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .back-nosotros {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .back-nosotros {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-nosotros {
    height: 550px;
  }
}

.parrafo-nosotros {
  text-align: center;
}

@media (max-width: 425px) {
  .espacio-top {
    margin-top: 20px;
  }
}

@media (min-width: 425px) {
  .espacio-top {
    margin-top: 20px;
  }
}

@media (min-width: 576px) {
  .espacio-top {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .espacio-top {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .espacio-top {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .espacio-top {
    margin-top: 50px;
  }
}

@media (max-width: 425px) {
  .espacio-bottom {
    margin-bottom: 20px;
  }
}

@media (min-width: 425px) {
  .espacio-bottom {
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  .espacio-bottom {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .espacio-bottom {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .espacio-bottom {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .espacio-bottom {
    margin-bottom: 50px;
  }
}

.valores-titulo {
  position: -webkit-sticky;
  position: sticky;
}

.valores-titulo::before {
  content: '';
  background-image: url(../img/icons/ornamento_centro.png);
  height: 44px;
  width: 151px;
  top: -30px;
  right: 0px;
  left: 160px;
  bottom: 0px;
  position: absolute;
  display: inline;
  background-size: 70%;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .valores-titulo::before {
    left: 115px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 425px) {
  .valores-titulo::before {
    left: 165px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 576px) {
  .valores-titulo::before {
    left: 215px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 768px) {
  .valores-titulo::before {
    left: 120px;
    background-size: 60%;
    top: -35px;
  }
}

@media (min-width: 992px) {
  .valores-titulo::before {
    left: 160px;
    background-size: 70%;
    top: -40px;
  }
}

@media (min-width: 1200px) {
  .valores-titulo::before {
    left: 160px;
    background-size: 70%;
    top: -40px;
  }
}

.valores-titulo::before {
  content: '';
  background-image: url(../img/icons/ornamento_centro.png);
  height: 44px;
  width: 151px;
  top: -30px;
  right: 0px;
  left: 160px;
  bottom: 0px;
  position: absolute;
  display: inline;
  background-size: 70%;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .valores-titulo::before {
    left: 115px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 425px) {
  .valores-titulo::before {
    left: 165px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 576px) {
  .valores-titulo::before {
    left: 215px;
    background-size: 40%;
    top: -15px;
  }
}

@media (min-width: 768px) {
  .valores-titulo::before {
    left: 120px;
    background-size: 60%;
    top: -35px;
  }
}

@media (min-width: 992px) {
  .valores-titulo::before {
    left: 160px;
    background-size: 70%;
    top: -40px;
  }
}

@media (min-width: 1200px) {
  .valores-titulo::before {
    left: 160px;
    background-size: 70%;
    top: -40px;
  }
}

.valores-titulo::after {
  content: '';
  background-image: url(../img/icons/ornamento_centro.png);
  height: 44px;
  width: 151px;
  top: 240px;
  right: 0px;
  left: 160px;
  bottom: 0px;
  position: absolute;
  display: inline;
  background-size: 70%;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .valores-titulo::after {
    left: 115px;
    background-size: 40%;
    top: 230px;
  }
}

@media (min-width: 425px) {
  .valores-titulo::after {
    left: 165px;
    background-size: 40%;
    top: 230px;
  }
}

@media (min-width: 576px) {
  .valores-titulo::after {
    left: 215px;
    background-size: 40%;
    top: 240px;
  }
}

@media (min-width: 768px) {
  .valores-titulo::after {
    left: 120px;
    background-size: 60%;
    top: 240px;
  }
}

@media (min-width: 992px) {
  .valores-titulo::after {
    left: 160px;
    background-size: 70%;
    top: 240px;
  }
}

@media (min-width: 1200px) {
  .valores-titulo::after {
    left: 160px;
    background-size: 70%;
    top: 240px;
  }
}

.nostros-mision {
  position: -webkit-sticky;
  position: sticky;
  display: block;
}

.nostros-mision::before {
  content: '';
  background-image: url("../img/icons/ornamento_izq.png");
  height: 37px;
  width: 97px;
  top: 5px;
  right: 0;
  left: 100px;
  bottom: 0px;
  position: absolute;
  display: inline;
  background-size: 55%;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .nostros-mision::before {
    left: 80px;
    background-size: 35%;
  }
}

@media (min-width: 425px) {
  .nostros-mision::before {
    left: 130px;
    background-size: 35%;
  }
}

@media (min-width: 576px) {
  .nostros-mision::before {
    left: 175px;
    background-size: 35%;
  }
}

@media (min-width: 768px) {
  .nostros-mision::before {
    left: 60px;
    background-size: 45%;
  }
}

@media (min-width: 992px) {
  .nostros-mision::before {
    left: 100px;
    background-size: 55%;
  }
}

@media (min-width: 1200px) {
  .nostros-mision::before {
    left: 100px;
    background-size: 55%;
  }
}

.nostros-mision::after {
  content: '';
  background-image: url("../img/icons/ornamento_der.png");
  height: 37px;
  width: 97px;
  top: 5px;
  right: 0;
  left: 259px;
  bottom: 0px;
  position: absolute;
  display: inline;
  background-size: 55%;
  background-repeat: no-repeat;
}

@media (max-width: 425px) {
  .nostros-mision::after {
    background-size: 35%;
    left: 170px;
  }
}

@media (min-width: 425px) {
  .nostros-mision::after {
    background-size: 35%;
    left: 221px;
  }
}

@media (min-width: 576px) {
  .nostros-mision::after {
    background-size: 35%;
    left: 277px;
  }
}

@media (min-width: 768px) {
  .nostros-mision::after {
    background-size: 49%;
    left: 217px;
  }
}

@media (min-width: 992px) {
  .nostros-mision::after {
    background-size: 55%;
    left: 259px;
  }
}

@media (min-width: 1200px) {
  .nostros-mision::after {
    background-size: 55%;
    left: 259px;
  }
}

@media (max-width: 425px) {
  .nosotros-titulos {
    margin-top: 20px;
  }
}

@media (min-width: 425px) {
  .nosotros-titulos {
    margin-top: 20px;
  }
}

@media (min-width: 576px) {
  .nosotros-titulos {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .nosotros-titulos {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .nosotros-titulos {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .nosotros-titulos {
    margin-top: 50px;
  }
}

#icon-nosotros {
  width: 398.2px;
  height: 209px;
  background: url("../img/icons/quienes_somos.png") no-repeat center;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 80px;
}

@media (max-width: 425px) {
  #icon-nosotros {
    width: 144.8px;
    height: 76px;
  }
}

@media (min-width: 425px) {
  #icon-nosotros {
    width: 181px;
    height: 95px;
  }
}

@media (min-width: 576px) {
  #icon-nosotros {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 768px) {
  #icon-nosotros {
    width: 289.6px;
    height: 152px;
  }
}

@media (min-width: 992px) {
  #icon-nosotros {
    width: 398.2px;
    height: 209px;
  }
}

@media (min-width: 1200px) {
  #icon-nosotros {
    width: 398.2px;
    height: 209px;
    top: 150px;
  }
}

.quienes-somos {
  text-align: center;
  width: 362px;
  height: 190px;
  background: url("../img/icons/quienes_somos.png") no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .quienes-somos {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 425px) {
  .quienes-somos {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 576px) {
  .quienes-somos {
    width: 325.8px;
    height: 171px;
  }
}

@media (min-width: 768px) {
  .quienes-somos {
    width: 362px;
    height: 190px;
  }
}

@media (min-width: 992px) {
  .quienes-somos {
    width: 362px;
    height: 190px;
  }
}

@media (min-width: 1200px) {
  .quienes-somos {
    width: 362px;
    height: 190px;
  }
}

.doble-parrafo {
  -webkit-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 2rem;
          column-gap: 2rem;
}

@media (max-width: 425px) {
  .doble-parrafo {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media (min-width: 425px) {
  .doble-parrafo {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

@media (min-width: 576px) {
  .doble-parrafo {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media (min-width: 768px) {
  .doble-parrafo {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media (min-width: 992px) {
  .doble-parrafo {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

@media (min-width: 1200px) {
  .doble-parrafo {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.back-historia-arboles {
  width: 100%;
  height: 200px;
  background: url("../img/backgrounds/back_historia_arboles.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-historia-arboles {
    height: 120px;
  }
}

@media (min-width: 425px) {
  .back-historia-arboles {
    height: 160px;
  }
}

@media (min-width: 576px) {
  .back-historia-arboles {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .back-historia-arboles {
    height: 280px;
  }
}

@media (min-width: 992px) {
  .back-historia-arboles {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .back-historia-arboles {
    height: 350px;
  }
}

.back-nosotros-uno {
  width: 100%;
  height: 200px;
  background: url("../img/backgrounds/back_nosotros_dos.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-nosotros-uno {
    height: 120px;
  }
}

@media (min-width: 425px) {
  .back-nosotros-uno {
    height: 160px;
  }
}

@media (min-width: 576px) {
  .back-nosotros-uno {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .back-nosotros-uno {
    height: 280px;
  }
}

@media (min-width: 992px) {
  .back-nosotros-uno {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .back-nosotros-uno {
    height: 300px;
  }
}

.back-nosotros-dos {
  width: 100%;
  height: 200px;
  background: url("../img/backgrounds/back_nosotros_tres.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-nosotros-dos {
    height: 120px;
  }
}

@media (min-width: 425px) {
  .back-nosotros-dos {
    height: 160px;
  }
}

@media (min-width: 576px) {
  .back-nosotros-dos {
    height: 200px;
  }
}

@media (min-width: 768px) {
  .back-nosotros-dos {
    height: 280px;
  }
}

@media (min-width: 992px) {
  .back-nosotros-dos {
    height: 350px;
  }
}

@media (min-width: 1200px) {
  .back-nosotros-dos {
    height: 300px;
  }
}

.nosotros-doble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 425px) {
  .nosotros-doble {
    margin-bottom: 20px;
  }
}

@media (min-width: 425px) {
  .nosotros-doble {
    margin-bottom: 20px;
  }
}

@media (min-width: 576px) {
  .nosotros-doble {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .nosotros-doble {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .nosotros-doble {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .nosotros-doble {
    margin-bottom: 50px;
  }
}

.nosotros-doble figure {
  background-color: #ff4d00;
  border-radius: 10px;
  outline: 2px solid #FFFFFF;
  outline-offset: -10px;
  border: 6px solid #ff4d00;
  -webkit-box-shadow: inset 0px 0px 0px 1px #ff4d00;
          box-shadow: inset 0px 0px 0px 1px #ff4d00;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 425px) {
  .nosotros-doble figure {
    width: 100%;
  }
}

@media (min-width: 425px) {
  .nosotros-doble figure {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .nosotros-doble figure {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .nosotros-doble figure {
    width: 48%;
  }
}

@media (min-width: 992px) {
  .nosotros-doble figure {
    width: 48%;
  }
}

@media (min-width: 1200px) {
  .nosotros-doble figure {
    width: 48%;
  }
}

.nosotros-doble figure p {
  padding: 0 30px 0 30px;
}

.nosotros-doble figure h3 {
  margin-bottom: 5px;
}

.nosotros-doble p, .nosotros-doble h3 {
  color: white;
}

@media (max-width: 425px) {
  .valores {
    margin-top: 20px;
  }
}

@media (min-width: 425px) {
  .valores {
    margin-top: 20px;
  }
}

@media (min-width: 576px) {
  .valores {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .valores {
    padding-top: 20px;
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .valores {
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  .valores {
    margin-top: 0px;
  }
}

.back-recetas {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_recetas.png") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-recetas {
    height: 190px;
  }
}

@media (min-width: 425px) {
  .back-recetas {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .back-recetas {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .back-recetas {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .back-recetas {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-recetas {
    height: 550px;
  }
}

#icon-recetas {
  width: 605px;
  height: 253px;
  background: url("../img/icons/recetas.png") no-repeat center;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 80px;
}

@media (max-width: 425px) {
  #icon-recetas {
    width: 220px;
    height: 92px;
  }
}

@media (min-width: 425px) {
  #icon-recetas {
    width: 275px;
    height: 115px;
  }
}

@media (min-width: 576px) {
  #icon-recetas {
    width: 330px;
    height: 138px;
  }
}

@media (min-width: 768px) {
  #icon-recetas {
    width: 440px;
    height: 184px;
  }
}

@media (min-width: 992px) {
  #icon-recetas {
    width: 605px;
    height: 253px;
  }
}

@media (min-width: 1200px) {
  #icon-recetas {
    width: 605px;
    height: 253px;
    top: 150px;
  }
}

span {
  color: #6a1e0b;
}

.receta-block {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
}

.receta-block:before {
  content: "";
  width: 100%;
  border-top: 3px dashed #6a1e0b;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .receta-block {
    display: block;
  }
}

@media (min-width: 1200px) {
  .receta-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    height: 1000px;
  }
}

.receta-block2 {
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
}

.receta-block2:before {
  content: "";
  width: 100%;
  border-top: 3px dashed #6a1e0b;
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .receta-block2 {
    display: block;
  }
}

@media (min-width: 1200px) {
  .receta-block2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 900px;
  }
}

.recetaback {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: url("../img/backgrounds/receta-bck-3.jpg") no-repeat center;
  background-position-y: 55%;
}

@media (max-width: 425px) {
  .recetaback {
    height: 180px;
    background-size: 100%;
  }
}

@media (min-width: 425px) {
  .recetaback {
    height: 270px;
    background-size: 100%;
  }
}

@media (min-width: 576px) {
  .recetaback {
    width: 100%;
    display: block;
    height: 450px;
    background-size: 100%;
  }
}

@media (min-width: 992px) {
  .recetaback {
    background-size: 100%;
  }
}

@media (min-width: 1200px) {
  .recetaback {
    height: 900px;
    background-size: 100%;
  }
}

.recetaback2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: url("../img/backgrounds/receta-bck-4.jpg") no-repeat center;
  background-position-y: 55%;
}

@media (max-width: 425px) {
  .recetaback2 {
    height: 180px;
    background-size: 100%;
  }
}

@media (min-width: 425px) {
  .recetaback2 {
    height: 270px;
    background-size: 100%;
  }
}

@media (min-width: 576px) {
  .recetaback2 {
    width: 100%;
    display: block;
    height: 450px;
    background-size: 100%;
  }
}

@media (min-width: 992px) {
  .recetaback2 {
    background-size: 100%;
  }
}

@media (min-width: 1200px) {
  .recetaback2 {
    height: 900px;
    background-size: 100%;
  }
}

.recetainfo {
  -webkit-box-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
  height: 1000px;
  position: relative;
  background: url("../img/backgrounds/bg-prop.png") no-repeat center;
  background-size: 100%;
}

.recetainfo .recetasvg {
  width: 67%;
  -webkit-transform: translateX(150px);
          transform: translateX(150px);
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 425px) {
  .recetainfo .recetasvg {
    display: none;
  }
}

@media (min-width: 425px) {
  .recetainfo .recetasvg {
    display: none;
  }
}

@media (min-width: 576px) {
  .recetainfo .recetasvg {
    display: none;
  }
}

@media (min-width: 1200px) {
  .recetainfo .recetasvg {
    display: initial;
  }
}

.recetainfo .recetasvg2 {
  width: 67%;
  -webkit-transform: translateX(-150px) scaleX(-1);
          transform: translateX(-150px) scaleX(-1);
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 425px) {
  .recetainfo .recetasvg2 {
    display: none;
  }
}

@media (min-width: 425px) {
  .recetainfo .recetasvg2 {
    display: none;
  }
}

@media (min-width: 576px) {
  .recetainfo .recetasvg2 {
    display: none;
  }
}

@media (min-width: 1200px) {
  .recetainfo .recetasvg2 {
    display: initial;
  }
}

@media (max-width: 425px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 425px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 576px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 10%;
  }
}

@media (min-width: 992px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1200px) {
  .receta-text .item2 {
    padding-left: 0;
    padding-right: 30%;
  }
}

.receta-text-item {
  position: relative;
  height: 900px;
}

@media (max-width: 425px) {
  .receta-text-item {
    padding-left: 0;
  }
}

@media (min-width: 425px) {
  .receta-text-item {
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .receta-text-item {
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .receta-text-item {
    padding-left: 10%;
  }
}

@media (min-width: 992px) {
  .receta-text-item {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .receta-text-item {
    padding-left: 30%;
  }
}

.receta-text-item .receta-image-sopa {
  height: 360px;
  background: url("../img/icons/queso-panela.png") no-repeat;
}

@media (max-width: 425px) {
  .receta-text-item .receta-image-sopa {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 425px) {
  .receta-text-item .receta-image-sopa {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 576px) {
  .receta-text-item .receta-image-sopa {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 768px) {
  .receta-text-item .receta-image-sopa {
    width: 100%;
    background-position: center;
    background-size: 80%;
  }
}

@media (min-width: 992px) {
  .receta-text-item .receta-image-sopa {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .receta-text-item .receta-image-sopa {
    width: 900px;
    background-position: left;
    background-size: 60%;
  }
}

.receta-text-item .receta-image-latte {
  height: 360px;
  background: url("../img/icons/cupcake.png") no-repeat;
}

@media (max-width: 425px) {
  .receta-text-item .receta-image-latte {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 425px) {
  .receta-text-item .receta-image-latte {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 576px) {
  .receta-text-item .receta-image-latte {
    width: 100%;
    background-position: center;
    background-size: 100%;
  }
}

@media (min-width: 768px) {
  .receta-text-item .receta-image-latte {
    width: 100%;
    background-position: center;
    background-size: 80%;
  }
}

@media (min-width: 992px) {
  .receta-text-item .receta-image-latte {
    width: 900px;
  }
}

@media (min-width: 1200px) {
  .receta-text-item .receta-image-latte {
    width: 900px;
    background-position: left;
    background-size: 60%;
  }
}

.receta-text-item-list {
  z-index: 3;
}

@media (max-width: 425px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 14px;
  }
}

@media (min-width: 425px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 14px;
  }
}

@media (min-width: 576px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 14px;
  }
}

@media (min-width: 768px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .receta-text-item-list {
    padding-left: 0;
    font-size: 18px;
  }
}

.receta-text-item-list-item {
  padding-left: 50px;
}

.receta-text-item-list-item .ul-list {
  list-style: circle;
}

.receta-text-item-list ol li {
  counter-increment: step-counter;
  line-height: 24px;
}

.receta-text-item-list ol li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: #e76c21;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 8px;
  border-radius: 12px;
}

.receta-text-item-list li {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .receta-text-item .icons2 {
    top: 40%;
    right: 10%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {
  .receta-text-item .icons2 {
    top: 40%;
    right: 20%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 992px) {
  .receta-text-item .icons2 {
    top: 50%;
    right: 20%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .receta-text-item .icons2 {
    top: 50%;
    right: 30%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.receta-text-item-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 425px) {
  .receta-text-item-icons {
    position: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 425px) {
  .receta-text-item-icons {
    position: initial;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 576px) {
  .receta-text-item-icons {
    top: 50%;
    right: 10%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {
  .receta-text-item-icons {
    top: 50%;
    right: 20%;
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 992px) {
  .receta-text-item-icons {
    top: 50%;
    right: 20%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1200px) {
  .receta-text-item-icons {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.receta-text-item-icons-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.receta-text-item-icons-item div {
  display: inline-block;
  vertical-align: middle;
}

.receta-text-item-icons-item div:first-child {
  width: 75px;
  height: 52.8px;
}

.receta-text-item-icons-item .bgnd-alt1 {
  background: url("../img/icons/racion-verde.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item .bgnd-alt2 {
  background: url("../img/icons/tiempo-verde.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item .bgnd-alt3 {
  background: url("../img/icons/categoria-verde.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item-bgnd1 {
  background: url("../img/icons/racion-blue.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item-bgnd2 {
  background: url("../img/icons/tiempo-blue.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item-bgnd3 {
  background: url("../img/icons/categoria-blue.png") no-repeat left;
  background-size: 60%;
}

.receta-text-item-icons-item-text span {
  display: block;
  text-align: center;
  line-height: 16px;
}

.receta-text-item-icons-item-text span:first-child {
  line-height: 18px;
  font-size: 18px;
}

.receta-text .receta-title {
  padding-left: 20px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 5px;
  display: list-item;
  list-style-type: disc;
}

.motto {
  position: absolute;
  left: 50%;
  width: 300px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  text-align: center;
  border-top: 1px solid #e76c21;
  border-bottom: 1px solid #e76c21;
  padding: 5px;
}

.motto span {
  color: #e76c21;
  font-size: medium;
  font-weight: bold;
  font-style: italic;
}

.motto:before {
  /* add the new bullet point */
  display: inline-block;
  position: absolute;
  content: '';
  border-radius: 0.375rem;
  height: 0.50rem;
  width: 0.50rem;
  background-color: #e76c21;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.motto:after {
  /* add the new bullet point */
  display: inline-block;
  position: absolute;
  content: '';
  border-radius: 0.375rem;
  height: 0.50rem;
  width: 0.50rem;
  background-color: #e76c21;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.back-noticias {
  width: 100%;
  height: 550px;
  background: url("../img/backgrounds/back_noticias.jpg") no-repeat center;
  background-size: 100%;
}

@media (max-width: 425px) {
  .back-noticias {
    height: 190px;
  }
}

@media (min-width: 425px) {
  .back-noticias {
    height: 200px;
  }
}

@media (min-width: 576px) {
  .back-noticias {
    height: 300px;
  }
}

@media (min-width: 768px) {
  .back-noticias {
    height: 400px;
  }
}

@media (min-width: 992px) {
  .back-noticias {
    height: 450px;
  }
}

@media (min-width: 1200px) {
  .back-noticias {
    height: 550px;
  }
}

#icon-noticias {
  width: 605px;
  height: 253px;
  background: url("../img/icons/noticias.png") no-repeat center;
  background-size: 100%;
  position: relative;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 80px;
}

@media (max-width: 425px) {
  #icon-noticias {
    width: 220px;
    height: 92px;
  }
}

@media (min-width: 425px) {
  #icon-noticias {
    width: 275px;
    height: 115px;
  }
}

@media (min-width: 576px) {
  #icon-noticias {
    width: 330px;
    height: 138px;
  }
}

@media (min-width: 768px) {
  #icon-noticias {
    width: 440px;
    height: 184px;
  }
}

@media (min-width: 992px) {
  #icon-noticias {
    width: 605px;
    height: 253px;
  }
}

@media (min-width: 1200px) {
  #icon-noticias {
    width: 605px;
    height: 253px;
    top: 150px;
  }
}

.span-text {
  color: #6d6d6d;
  font-size: 20px;
  display: block;
  margin-top: 40px;
  text-align: justify;
}

.span-text.hashtag {
  font-size: 30px;
  font-weight: 1000;
  font-style: italic;
  text-align: center;
  text-transform: uppercase;
}

.bg-line {
  background: #ff4d00;
  color: #FFFFFF;
  padding: 25px;
  text-align: center;
}

.bg-line.bg-line-divider {
  margin-top: 2rem;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

.container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.container-fluid > div {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
  margin-top: 2rem;
}

.container-fluid > div.container-texto {
  padding-right: 20px;
}

.container-fluid > div.container-texto .list-light {
  margin-left: 4rem;
  margin-top: 2rem;
}

.container-fluid > div.container-texto .list-light.fa-ul > li {
  margin-left: 1rem;
  font-size: 23px;
}

.container-fluid > div.container-image {
  background: url(../img/elements/mantarrayas.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  right: 0;
  left: 0;
}

.container-fluid > div.container-image.ligero {
  background: url(../img/elements/ligeroynutritivo.jpg) no-repeat center;
  background-size: contain;
  position: relative;
  right: 0;
  left: 0;
}

@media (max-width: 425px) {
  .container-fluid > div.container-image.ligero {
    height: 600px;
  }
}

@media (min-width: 425px) {
  .container-fluid > div.container-image.ligero {
    height: 800px;
  }
}

@media (min-width: 576px) {
  .container-fluid > div.container-image.ligero {
    height: 700px;
  }
}

@media (min-width: 768px) {
  .container-fluid > div.container-image.ligero {
    height: 1000px;
  }
}

@media (min-width: 992px) {
  .container-fluid > div.container-image.ligero {
    height: 900px;
  }
}

@media (min-width: 1200px) {
  .container-fluid > div.container-image.ligero {
    height: 900px;
  }
}

@media (max-width: 425px) {
  .container-fluid > div.container-image {
    height: 330px;
  }
}

@media (min-width: 425px) {
  .container-fluid > div.container-image {
    height: 480px;
  }
}

@media (min-width: 576px) {
  .container-fluid > div.container-image {
    height: 480px;
  }
}

@media (min-width: 768px) {
  .container-fluid > div.container-image {
    height: 660px;
  }
}

@media (min-width: 992px) {
  .container-fluid > div.container-image {
    height: 500px;
  }
}

@media (min-width: 1200px) {
  .container-fluid > div.container-image {
    height: 540px;
  }
}

.container-fluid.seccion2 .container-texto {
  padding-left: 20px;
}

@media (min-width: 992px) {
  .container-fluid.seccion2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (min-width: 1200px) {
  .container-fluid.seccion2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (max-width: 425px) {
  .container-fluid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 425px) {
  .container-fluid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 576px) {
  .container-fluid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .container-fluid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 992px) {
  .container-fluid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.icon-clientes {
  width: 398.2px;
  height: 209px;
  background: url("../img/icons/clientes.png") no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}

@media (max-width: 425px) {
  .icon-clientes {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 425px) {
  .icon-clientes {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 576px) {
  .icon-clientes {
    width: 217.2px;
    height: 114px;
  }
}

@media (min-width: 768px) {
  .icon-clientes {
    width: 289.6px;
    height: 152px;
  }
}

@media (min-width: 992px) {
  .icon-clientes {
    width: 398.2px;
    height: 209px;
  }
}

@media (min-width: 1200px) {
  .icon-clientes {
    width: 398.2px;
    height: 209px;
  }
}

.clientes-sep-img {
  display: block;
  background-image: url("../img/icons/ornamento_centro_gris.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 44px;
}

.clientes {
  margin-top: 50px;
  margin-bottom: 50px;
}

.clientes .logo-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.clientes .logo-grid .cliente-logo {
  width: 100%;
  text-align: center;
}

.clientes .logo-grid .cliente-logo img {
  width: 70%;
}

.clientes .logo-grid .resort-logo {
  width: 100%;
  text-align: center;
}

.clientes .logo-grid .resort-logo img {
  width: 100%;
}

.splide {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
}

.splide ul li {
  text-align: center;
}

.splide img {
  width: 80%;
}

section {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: blue;
  padding: 24px;
}
/*# sourceMappingURL=style.css.map */



/*bolsa */

.vacantes {
  display: inline-block;
  width: 100%;
  padding: 30px;
}

.vacantes div {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.vacantes div .img {
  display: inline-block;
  padding: 10px;
  width: 33%;
}

.vacantes div h2 {
  width: 100%;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 36px;
  color: #ff6b0b;
  margin-left: 5px;
}

.vacantes div .img img {
  width: 100%;
}

.vacantes div .img img:hover {
  box-shadow:  3px 3px 3px 3px #ff6b0b;
  transition: .6s ease-in-out;

}

@media (max-width: 780px) {
  .vacantes div .img  {
    width: 100%;
  }
}