@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?eevmvn');
  src:  url('../fonts/icomoon.eot?eevmvn#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?eevmvn') format('truetype'),
    url('../fonts/icomoon.woff?eevmvn') format('woff'),
    url('../fonts/icomoon.svg?eevmvn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu1:before {
  content: "\e904";
}
.icon-cross1:before {
  content: "\e902";
}
.icon-chevron-thin-right:before {
  content: "\e900";
}
.icon-chevron-thin-left:before {
  content: "\e901";
}
.icon-menu:before {
  content: "\e903";
}

@font-face {
  font-family: 'Bree CYR';
  src: url('../fonts/BreeCYR-Light.woff2') format('woff2'),
      url('../fonts/BreeCYR-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bree CYR';
  src: url('../fonts/BreeCYR-Bold.woff2') format('woff2'),
      url('../fonts/BreeCYR-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bree CYR';
  src: url('../fonts/BreeCYR-Regular.woff2') format('woff2'),
      url('../fonts/BreeCYR-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body{
  font-family: 'Bree CYR';
  font-size: 16px;
  font-weight: normal;
}

.container{
  width: 920px;
  margin: 0 auto;
}

@media (max-width: 920px) {
  .container{
    width: 95%;
    margin: 0 auto;
  }
}

.header{
  padding: 0 0 2em 0;
}

.header .logos{
  display: flex;
  align-items: center;
  justify-content: center;
}


.header .logos{
  list-style: none;
  margin: 0;
  padding: 2em 0;
}

.header .logos li:nth-child(2){
  margin: 0 2em;
} 

.header .logos .logo-1{
  width: 200px;
}

.header .logos .logo-2{
  width: 120px;
}

.header .logos .logo-3{
  width: 180px;
}

.header .logos .logo-4{
  margin: 0 2em;
  width: 100px;
}

@media (max-width: 920px) {
  .header .logos .logo-1{
    width: 100px;
  }

  .header .logos .logo-2{
    width: 80px;
  }

  .header .logos .logo-3{
    width: 100px;
  }
}


.header nav{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 920px) {
  .header nav{
    display: block;
  }
}

.header .navigation{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.header .navigation li{
  display: inline-block;
  margin: 0 3em 0 0;
}

.header .navigation li:last-child{
  display: inline-block;
  margin: 0 0 0 0;
}

.header .navigation li a{
  color: #000;
  font-family: 'Bree CYR';
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
}

@media (max-width: 920px) {
  .header .navigation{
    display: block;
    margin: 0 0 1em 0;
    text-align: center;
  }
  .header .navigation li{
    margin: 0 1em 1em 1em;
  }
}
.header .idioma{
  list-style: none;
  margin: 0 3em;
  padding: 0 0 0 0;
}

.header .idioma li{
  display: inline-block;
  margin: 0 1.5em 0 0;
}

.header .idioma li:last-child{
  margin: 0 0 0 0;
}

.header .idioma img{
  width: 20px;
  vertical-align: middle;
}

.header .idioma a{
  vertical-align: middle;
}

.header .idioma li a{
  color: #000;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.header .social{
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.header .social li{
  display: inline-block;
  margin: 0 1em 0 0;
}

.header .social img{
  width: 20px;
}


@media (max-width: 920px) {
  .header .idioma{
    display: inline-block;
  }
  .header .social{
    vertical-align: top;
    display: inline-block;
  }
}

.marquees{
  margin: 2em 0 0 0;
}

.marquees .carousel .background-1{
  background-image: url("../images/head_1.jpg");
  background-size: cover;
}

.marquees .carousel .background-2{
  background-image: url("../images/head_2.jpg");
  background-size: cover;
}

.marquees .carousel .background-3{
  background-image: url("../images/head_3.jpg");
  background-size: cover;
}

.marquees .carousel .item{
  height: 500px;
}

.marquees{
  position: relative;
}

.marquees h4{
  color: #fff;
  font-size: 3.5em;
  font-family: 'Bree CYR';
  font-weight: bold;
  font-style: normal;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 0;
}

@media (max-width: 920px) {
  .marquees h4{
    font-size: 2em;
  }
}

.marquees .nav{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: absolute;
  bottom: 30px;
  left: 0;
  text-align: center;
  z-index: 1000;
  width: 100%;
}

.marquees .nav li{
  background-color: transparent;
  border-radius: 50%;
  border: 1px solid #fff;
  cursor: pointer;
  display: inline-block;
  width: 12px;
  height: 12px;
}

.marquees .nav li.active{
  background-color: #fff;
}

.marquees .nav li:nth-child(2){
  margin: 0 0.5em;
}

.nosotros{
  padding: 0 0 8em 0;
}

.nosotros .flex{
  display: flex;
}

.nosotros .copy{
  box-sizing: border-box;
  flex: 1 1 0px;
  padding: 0 4em 0 0;
}

.nosotros{
  margin: 4em 0 0 0;
}

.nosotros h2{
  color: #4c7b52;
  font-size: 3em;
}

.nosotros .copy p{
  font-weight: 300;
  line-height: 1.3;
}

.nosotros .image{
  flex: 1 1 0px;
}

.nosotros .image img{
  margin: 8em 0 0 0;
  width: 100%;
  
}

.nosotros .image .flex{
  display: flex;
  align-items: center;
}

@media (max-width: 920px) {
  .nosotros .flex{
    display: block;
  }
  .nosotros .copy{
    padding: 0;
  }
  .nosotros .image img {
    margin: 0 0 0 0;
  }
} 

.compromiso{
  background-color: #eae2c4;
  padding: 5em 0;
}

.compromiso h2{
  color: #4c7b52;
  font-size: 3em;
  text-align: center;
}

.compromiso p{
  color: #070808;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}

.mision-vision{
  background-image: url("../images/background.jpg");
  background-size: cover;
  padding: 12em 0;
}

.mision-vision .flex{
  display: flex;
}
@media (max-width: 920px) {
  .mision-vision .flex{
    display: block;
  }
  .mision-vision .flex > div{
    margin: 0 0 3em 0;
  }
}


.mision-vision h3{
  color: #4c7b52;
  font-size: 2em;
  text-align: center;
}

.mision-vision p{
  box-sizing: border-box;
  color: #070808;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  padding: 0 3em;
  text-align: center;
}


.mision-vision figure{
  margin: 0;
  padding: 0;
  text-align: center;
}

.mision-vision img{
  width: 80px;
}

.carousel-productos .flex{
  display: flex;
}

@media (max-width: 920px) {
  .carousel-productos .flex{
    display: block;
  }
}


.carousel-productos .flex .image{
  flex: 2;
  display: flex;
  flex-direction: column;
  min-height: 360px;
  margin-right: 10px;
}

@media (max-width: 920px) {
  .carousel-productos .flex .image{
    margin-right: 0;
  }
}

.carousel-productos .flex .copy{
  background-color: #4c7b52;
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 2em 2em;
}

.productos{
  padding: 5em 0;
}

.productos p{
  font-size: 1em;
  font-weight: 300;
  line-height: 1.5;
  margin: 1em 0 3em 0;
  padding: 0 2em;
  text-align: center;
}

.productos h2{
  color: #4c7b52;
  font-size: 3em;
  margin: 0 0 0 0;
  text-align: center;
}

.carousel-productos .flex .copy h3{
  color: #fff;
  font-size: 1.5em;
  line-height: 1.3;
  margin: 0 0 0.5em 0;
}

.carousel-productos .flex .copy p{
  color: #fff;
  font-size: 0.9em;
  line-height: 1.5;
  margin: 0 0 1em 0;
  padding: 0 0 0 0;
  text-align: left;
}

.producto-1{
  background: url("../images/producto_1.jpg");
  background-size: cover;
}

.producto-2{
  background: url("../images/producto_2.jpg");
  background-size: cover;
}


.contacto .flex{
  display: flex;
}


@media (max-width: 920px) {
  .contacto .flex{
    display: block;
  }
  
}


.contacto .flex .details{
  flex: 1;
}

.contacto .flex .details ul{
  margin: 0;
  padding: 0 2em 0 0;
}

.contacto .flex .details ul li{
  display: block;
  margin: 0 0 1em 0;
  padding: 0 0 0 25px;
  position: relative;
}

.contacto .flex .details ul li img{
  width: 18px;
  position: absolute;
  top: 0;
  left: 0;
}

.contacto .flex .details ul li span{
  line-height: 1;
  font-weight: 300;
  vertical-align: top;
}

.contacto .flex .form{
  flex: 2;
}

.contacto .flex .form .flex{
  display: flex;
  margin: 0 0 1em 0;
}

@media (max-width: 920px) {
  .contacto .flex .form{
    margin: 2em 0 0 0;
  }

  .contacto .flex .form .flex{
    display: block;
    margin: 0 0 1em 0;
  }
}

.contacto .flex .form .flex input{
  border: 1px solid #070808;
  box-sizing: border-box;
  display: block;
  height: 30px;
  outline: 0;
  width: 100%;
}

.contacto .flex .form .flex label{
  display: block;
  font-weight: 300;
  margin: 0 0 0.5em 0;
}

.contacto .flex .form .flex > div{
  flex: 1;
  margin: 0 1em 0 0;
}

.contacto .flex .form .flex > div:last-child{
  flex: 1;
  margin: 0 0 0 0;
}

.contacto h3{
  color: #4c7b52;
  font-size: 3em;
}

.contacto .flex .form textarea{
  border: 1px solid #070808;
  box-sizing: border-box;
  font-weight: 300;
  margin: 1em 0 1em 0;
  width: 100%;
}

.contacto label{
  font-weight: 300;
}

.contacto .flex .form input[type="submit"]{
  background: #4c7b52;
  box-sizing: border-box;
  border: 0;
  color: #fff;
  font-weight: 300;
  padding: 0.9em 2em;
}
@media (max-width: 920px) {
  .contacto .flex .form .flex > div{
    margin: 0 0 1em 0;
  }
}

.footer{
  background-color: #eae2c4;
  margin: 4em 0 0 0;
  padding: 2.5em 0;
}

.footer .flex{
  display: flex;
  justify-content: space-between;
}

@media (max-width: 920px) {
  .footer .flex{
    display: block;
  }
}

.footer p{
  font-weight: 300;
  margin: 0 0 0 0;
}

.footer .social{
  font-weight: 300;
  vertical-align: middle;
}

.footer .social span{
  display: inline-block;
  margin: 0 0 0 0;
}

.footer .social img{
  margin: 0 0 0 0.5em;
  width: 20px;
  vertical-align: middle;
}

@media (max-width: 920px) {
  .footer .social{
    margin: 1em 0 0 0;
  }
}

.compromiso .owl-prev {
  background-color: transparent;
  background: transparent !important;
  height: 100px;
  position: absolute;
  top: 28%;
  margin-left: -30px !important;
  display: block !important;
  border:0px solid black;
  outline: 0;
}
.compromiso .owl-prev:hover{
  background-color: transparent;
}

.compromiso .owl-next:hover{
  background-color: transparent;
}

.compromiso .owl-next {
  background: transparent !important;
  background-color: transparent;
  height: 100px;
  position: absolute;
  top: 28%;
  right: -37px;
  display: block !important;
  border:0px solid black;
  outline: 0;
}
.owl-prev span, .owl-next span {font-size: 1.8em; color: #000;}

@media (max-width: 920px) {
  .compromiso .owl-prev {
    display: inline-block !important;
    position: relative;
    margin-left: 0 !important;
    top: 0;
    right: 0;
  }

  .compromiso .owl-next {
    display: inline-block !important;
    position: relative;
    top: 0;
    right: 0;
  }

}

.productos .owl-prev {
  background-color: transparent;
  background: transparent !important;
  height: 100px;
  position: absolute;
  top: 35%;
  margin-left: -30px !important;
  display: block !important;
  border:0px solid black;
  outline: 0;
}
.productos .owl-prev:hover{
  background-color: transparent;
}

.productos .owl-next:hover{
  background-color: transparent;
}

.productos .owl-next {
  background: transparent !important;
  background-color: transparent;
  height: 100px;
  position: absolute;
  top: 35%;
  right: -37px;
  display: block !important;
  border:0px solid black;
  outline: 0;
}

@media (max-width: 920px) {
  .productos .owl-prev {
    display: inline-block !important;
    position: relative;
    margin-left: 0 !important;
    top: 0;
    right: 0;
  }

  .productos .owl-next {
    display: inline-block !important;
    position: relative;
    top: 0;
    right: 0;
  }

}

/* modal box */

.modal-window {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s;
}

.modal-window button{
  margin: 0 0 1em 0;
}

.modal-window-open{
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.modal-window > div{
  width: 700px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2em;
  background: #ffffff;
}

@media (max-width: 920px) {
  .modal-window > div{
    box-sizing: border-box;
    width: 100%;
  }
}

.modal-close {
  color: #aaa;
  line-height: 50px;
  font-size: 80%;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 70px;
  text-decoration: none;
}

.modal-close:hover{
  color: black;
}

.carousel-modal-1 .owl-prev {
  background-color: transparent;
  background: transparent !important;
  outline: 0;
}

.carousel-modal-1 .owl-next {
  background-color: transparent;
  background: transparent !important;
  outline: 0;
}


/* Demo Styles */

.header-fixed{
  background-color: #fff;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
}

.body-pt{
  padding-top: 214px;
}