/*Adicionales*/
@import url('https://fonts.googleapis.com/css?family=Chewy');


.section-menu-rp{
  width: 100%;
  float: left;
  position: fixed;
  z-index: 999;
}

.fancybox-opened {
    z-index: 100000000000 !important;
}

section-general{
    width: 100%;
    float: left;
}

.icon-menu-rp{
  list-style: none;
  width: 50px;
  height: 51px;
  margin: auto;
  background: transparent;
  border:none;
  outline: none;
}

.icon-menu-rp li{
  width: 100%;
  height: 2px;
  background: #fff;
  float: left;
  margin-top: 11px;
  border-radius: 50px;
}

.logo-rp{width: 150px;}

.sec-icon-menu{
  padding-top: 9px;
  padding-bottom: 9px;
}

.section-menu-rp{
  width: 100%;
  float: left;
  padding-top: 8px;
  padding-bottom: 8px;
  /*background: #0000009e;*/
  background: rgba(0, 0, 0, 0.62);
}


.bg-menu-rp{
  background: rgba(0, 0, 0, 0.72);
  width: 100%;
  float: left;
  position: fixed;
  z-index: 999;
  top: 86px;

  height: 0%;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 0px;

  transition: all 0.4s;
}

.bg-menu-rp a{
  display: block;
  padding: 15px 0;
  color: #fff;
  font-size: 20px;
  text-align: center;
}









.purple{background: purple;}
.green{background: green;}

.img-c{
    margin: auto;
}

.noa,.noa:hover,.noa:focus,.noa:active{
	text-decoration: none;
}
.np{
	padding-right: 0px;
	padding-left: 0px;
}
.np-a{
  padding-right: 0px;
  padding-left: 0px;
}

/*Header*/

.h-back1 {
    background-color: rgba(10, 10, 10, 0.91);
    position: inherit;
    z-index: 1;
    background-color: #463510;
    transition: all 0.4s;
}
.h-logo{
	text-align: center;
}
.h-marg{
	padding-top: 15px;
}
.h-color{
  background-color: white;
}
.h-redes{
	margin-top: 10px;
	margin-bottom: 10px;
}
.navbar{
	margin-bottom: 0px;
    border: none;
    background-color: transparent;
}
.nav-li1{
	text-align: center;

}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 16px;
}
.nav-li1>a{
	color: #5dc134 !important;
}
.nav-li1:hover,.nav-li1:focus,.nav-li1:active,.nav-li1.active{
	transition: all 0.5s;
	background-color: transparent !important;
}
.nav-li1:hover a,.nav-li1:focus a,.nav-li1:active a,.nav-li1.active a{
	transition: all 0.5s;
	color: #5dc134 !important;
	font-weight: 600;
  background-color: transparent !important;
}
.nav-li2{
	text-align: center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent !important;
    box-shadow: 0px 0px 0px transparent;
}
/*Footer*/
.f-back{
	background-image: url(../img/home/footer.png);
	height: 228px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
/*  transition: all 0.4s;
  animation: bgPie 2s infinite;*/
}

@keyframes bgPie{

  0%{
    background-position: center;
  }

  50%{
    background-position: left;
  }

  100%{
    background-position: center;
  }

}

.f-back2{
	background-color: #76bd22;
}
.f-txt{
	color: white;
}
.f-ico{
	margin-right: 10px;
}
.f-a,.f-a:hover,.f-a:focus,.f-a:active,.f-a.active{
	color: #262626;
}
.f-marg1{
	margin-top: 10px;
}
.f-doblemarg{
	margin-top: 20px;
    margin-bottom: 20px;
}
/*Inicio*/
.carousel-indicators {
    bottom: 60px;
}
.ini-s1-back1{
	background-image: url(../img/home/home1.jpg);
    height: 670px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.ini-s1-back2{
	background-image: url(../img/home/slider2.png);
    height: 670px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ini-s1-back3{
	background-image: url(../img/home/slider.jpg);
    height: 670px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.ini-s1-ol{
	text-align: right;
}

.ini-s2-spn {
    color: #74c219;
    font-size: 28px;
    border: 3px solid #74c219;
    padding: 8px 36px;
    border-radius: 17px;
    position: inherit;
    top: 28px;
    background: white;
    z-index: 1;
    font-family: 'Chewy', cursive;
}
.ini-s2-box{
	border: 3px solid #74c219;
    border-radius: 35px;
    text-align: center;
    float: left;
}
.ini-s2-marg1{
    margin-top: 85px;
    margin-bottom: 45px;
    font-size: 20px;
    color: #262626;
    line-height: 24px;
}
.ini-s2-marg2{
	margin-top: 20px;
}
.ini-s2-marg3{
    margin-bottom: 26%;
    text-align: center;
}
.ini-s2-spn1{
	background-color: #76bd21;
    color: white;
    font-size: 24px;
    padding: 13px 65px;
    border-radius: 15px;
    text-align: center;
    border: none;
    font-family: 'Chewy', cursive;
    border: 3px solid #74c219;
    outline: none;
}
.ini-s2-spn2{
	background-color: #76bd21;
    color: white;
    font-size: 24px;
    padding: 13px 61px;
    border-radius: 15px;
    border: none;
    font-family: 'Chewy', cursive;
    border: 3px solid #74c219;
}

.btn-sec-home{
	transition: all 0.4s;
	outline: none;
}

.btn-sec-home:hover{
	background: #fdd700;
	outline: none;
}
.btn-sec-home1,.btn-sec-home1:hover,.btn-sec-home1:focus,.btn-sec-home1:active{
    outline: none;
}
.btn-sec-home2,.btn-sec-home2:hover,.btn-sec-home2:focus,.btn-sec-home2:active{
    outline: none;
}
.btn-sec-home1x,.btn-sec-home1x:hover,.btn-sec-home1x:focus,.btn-sec-home1x:active{
    outline: none;
}
.btn-sec-home2x,.btn-sec-home2x:hover,.btn-sec-home2x:focus,.btn-sec-home2x:active{
    outline: none;
}
.img-home-sec2-g{
    top: -60px;
}

.txt-2{
    text-align: left;
    padding-top: 235px;
}
.txt-1{
    text-align: right;
    padding-top: 235px;
}
.txt-1a{
    color: white;
    font-family: 'Open Sans';
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 0px;
}
.txt-1b{
    color: white;
    font-family: 'Open Sans';
    font-size: 28px;
    font-weight: 700;
    margin-top: 0px;
}
.ini-btn1{
    position: relative;
    z-index: 9999;
    right: -340px;
    top: -460px;
    font-size: 12px !important;
    opacity: 0;
    transition: all 0.5s;
}
#ini-s2-txtchng{
    font-size:20px !important;
}
.ini-s2-img1{
	position: relative;
}

.ini-s2-img2{
	position: relative;
}

.ini-s2-img3{
	position: relative;
}
.img-lat-1{
	height: 0px;
}
.img-lat-2{
	height: 0px;
}
.ini-s2-pos1{
	position: relative;
    z-index: 9999;
    left: -419px;
    top: -460px;
    height: 260px;
    transition: all 0.5s;
}
.ini-s2-pos2{
	position: relative;
    z-index: 9999;
    right: -419px;
    top: -460px;
    height: 260px;
    transition: all 0.5s;
}
.ini-s3-titulo{
	color: #74c219;
    font-weight: 600;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
}
.ini-s3-subtitulo{
	color: #15a8d3;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}
.ini-s3-txt{
	text-align: center;
    margin-bottom: 60px;

}
.ini-s3-spn{
	text-align: center;
  margin-bottom: 45px;
}
.ini-s3-span{
	color: #74c219;
    font-weight: 600;
    font-size: 18px;
    border: 2px solid #74c219;
    border-radius: 13px;
    padding: 6px 59px;
    transition: all 0.4s;
}

.ini-s3-span:hover{
  background: #74c219;
  color: #fff;
}


.ini-s3-marg{
	margin-bottom: 45px;
}
.carousel-indicators li {
    display: inline-block;
    width: 60px;
    height: 47px;
    margin: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -999px;
    background-image: url(../img/home/boton.png);
   	border: none;
    border-radius: 0px;
    margin-left: 5px;
    margin-right: 5px;
}
.carousel-indicators .active {
    width: 60px;
    height: 47px;
    margin: 0;
    background-image: url(../img/home/boton-a.png);
    background-color: transparent;
    margin-left: 5px;
    margin-right: 5px;
}


.section-home-2{
    padding-top: 60px;
    padding-bottom: 30px;
}


.section-home-3{
    padding-bottom: 60px;
}

/*Nosotros*/
.nos-s1-back1{
	background-image: url(../img/nosotros/01.jpg);
    height: 325px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.gal-s1-back1{
	background-image: url(../img/galeria/galeriaa.jpg);
    height: 325px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.nos-s2-titulo{
	color: #74c219;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
}
.nos-s2-texto1{
    margin-top: 10px !important;
}
.nos-s2-texto{
	font-size: 16px;
    text-align: justify;
    color: #262626;
    line-height: 23px;
}
.nos-s2-l1{
	margin-top: 5%;
    margin-bottom: 5%;
}
.nos-s2-l2{
	margin-bottom: 9%;
}
.nos-s2-txt{
	text-align: justify;
}
/*Productos*/
.pro-s1-back{
	background-image: url(../img/productos/productos01.jpg);
    height: 325px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.cont-s1-back{
	background-image: url(../img/contactenos/banner.png);
    height: 325px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}
.pro-s2-tit{
	color: #74c219;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 50px;
}

.pro-s2-txt{
	margin-bottom: 40px;
}
.pro-s2-img{
	border-radius: 5px;
	width: 100%;
}
.pro-s2-marg{
	margin-bottom: 40px;
}
.pro-s2-marg2{
	margin-bottom: 80px;
}
.pro-s2-img2{
	border-radius: 5px;
	width: 100%
}
.pro-s2-nombre{
	background: #74c219f2;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    top: -40px;
    padding-top: 16px;
    padding-bottom: 8px;
    padding-left: 25px;
        border-radius: 5px;
}
.pro-s2-nombre>p{
	margin: 0px;
    color: white;
    font-size: 22px;
    text-align: left;
    font-weight: 600;
}
.tint1a.active:before {
  height: 25%;
  padding-top: 2%;
  font-size: 16px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.tint2a.active:before {
  height: 25%;
  padding-top: 2%;
  font-size: 16px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
/* --- TINTA PARA OPCIONES ---*/

.tint1:before {
  content: "Productos procesados";
  text-align: center;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 25%;
  font-weight: 600;
  text-align: center;
  font-size: 28px;
  color: white;
  border-radius: 5px;
  text-shadow: 1px 1px 1px black;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: #0000008a !important;
  width: 100%;
  height: 100%;
}

.tint2:before {
  content: "Productos naturales";
  text-align: center;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 25%;
  font-weight: 600;
  text-align: center;
  font-size: 28px;
  color: white;
  border-radius: 5px;
  text-shadow: 1px 1px 1px black;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: #0000008a !important;
  width: 100%;
  height: 100%;
}
.tint1a:before {
  content: "Productos procesados";
  text-align: center;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 25%;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  color: white;
  border-radius: 5px;
  text-shadow: 1px 1px 1px black;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: #0000008a !important;
  width: 100%;
  height: 100%;
}

.tint2a:before {
  content: "Productos naturales";
  text-align: center;
  color: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 25%;
  font-weight: 600;
  text-align: center;
  font-size: 18px;
  color: white;
  border-radius: 5px;
  text-shadow: 1px 1px 1px black;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  background: #0000008a !important;
  width: 100%;
  height: 100%;
}
/* --- FIN TINTA ---*/
/*Detalle*/
.det-s1-back{
	background-image: url(../img/productos/banner.png);
    height: 325px;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}



.det-s2-img{
	border-radius: 5px;
}
.det-s2-tit{
	color: #74c219;
    font-weight: 600;
    font-size: 40px;
}
.det-s2-txt{
	text-align: justify;
    margin-top: 45px;
}
.det-s2-div{
	text-align: center;
    margin-top: 15%;
}
.det-s2-span{
	background-color: #74c219;
    color: white;
    font-weight: 600;
    font-size: 16px;
    padding: 7px 65px;
    border-radius: 12px;
}
.det-s2-margb{
	margin-top: 15px;
}
.det-s2-gen{
	margin-top: 40px;
	margin-bottom: 85px;
}
/*Galería*/
.gal-s2-tit{
	color: #74c219;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 20px;
}
.gal-s2-txt{
	margin-bottom: 40px;
}
.gal-s2-div{
	margin-bottom: 15px;
	margin-top: 15px;
}
.gal-s2-img{
	border-radius: 5px;
}
.fancybox-overlay {
    z-index: 9999999 !important;
}
.fancybox-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.gal-s2-marg{
	margin-bottom: 60px;
}
.tintg{
	transition: all 0.5s;
}
/*Contactenos*/
.cont-s1-back{
	background-image: url(../img/contactenos/banner.png);
    height: 325px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.cont-s2-marg{
	margin-top: 50px;
	padding-bottom: 70px;
}
.cont-s2-tit{
	color: #74c219;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 50px;
}
.cont-s2-txt{
	margin-bottom: 40px;
}
.cont-s2-ico{
	margin-bottom: 20px;
}
.cont-s2-ico>div>p{
	margin-top: 9px;
	font-size: 16px;
}
.cont-s2-input{
	padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 21px !important;
    border: 0px !important;
    color: black !important;
    transition: all 0.5s;
    box-shadow: 0px 0px 0px transparent !important;
    height: 50px !important;
    border-radius: 0px !important;
    border-bottom: 2px solid black !important;
    font-weight: 600 !important;
    margin-bottom: 30px;
}
.cont-s2-input:hover,.cont-s2-input:focus{
	border-bottom: 2px solid #74c219 !important;
	transition: all 0.5s;
	color: #74c219 !important;
}
.cont-s2-textarea{
	padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 21px !important;
    border: 0px !important;
    color: black !important;
    transition: all 0.5s;
    box-shadow: 0px 0px 0px transparent !important;
    height: 140px !important;
    border-radius: 0px !important;
    border-bottom: 2px solid black !important;
    resize: none;
    margin-bottom: 30px;
}
.cont-s2-textarea:hover,.cont-s2-textarea:focus{
	border-bottom: 2px solid #74c219 !important;
	transition: all 0.5s;
	color: #74c219 !important;
}
.cont-s2-button{
	background-color: #74c219;
    border: none;
    color: white;
    padding: 6px 55px;
    font-weight: 600;
    border-radius: 8px;
}
.cont-s2-marg2{
	margin-bottom: 40px;
}
/* Placeholder Input*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:focus::-webkit-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:hover::-webkit-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:focus::-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:hover::-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:focus:-ms-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:hover:-ms-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
:-moz-placeholder { /* Firefox 18- */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:focus:-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
input:hover:-moz-placeholder {
    color: #74c219 !important;
	font-weight: 600 !important;
	transition: all 0.5s;
}
/* Placeholder textarea*/
/*Responsive*/
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:focus::-webkit-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:hover::-webkit-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea::-moz-placeholder { /* Firefox 19+ */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:focus::-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:hover::-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:-ms-input-placeholder { /* IE 10+ */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:focus:-ms-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:hover:-ms-input-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:-moz-placeholder { /* Firefox 18- */
  color: black !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:focus:-moz-placeholder {
  color: #74c219 !important;
  font-weight: 600 !important;
  transition: all 0.5s;
}
textarea:hover:-moz-placeholder {
    color: #74c219 !important;
	font-weight: 600 !important;
	transition: all 0.5s;
}


.btn-sec-home1
,.btn-sec-home2
,.btn-sec-home1x
,.btn-sec-home2x{transition: all 0.4s;}

.btn-sec-home1:hover
,.btn-sec-home2:hover
,.btn-sec-home1x:hover
,.btn-sec-home2x:hover{
    color: #74c219;

    background: white;
}


.prod-col{
  overflow: hidden;
  position: relative;
  display: block;
  height: auto;
  width: 100%;
  float: left;
}

.prod-sec img{
  transition: all 0.4s;
  border-radius: 5px;
}


.prod-sec:hover img{
  transform: scale(1.1);
}

.tintg:before{transition: all 0.4s;}















/* hj */
/* iphone 4 */
@media (max-width: 321px){
    .ini-s2-spn {
        color: #74c219;
        font-size: 17px;
        border: 3px solid #74c219;
        padding: 8px 36px;
        border-radius: 17px;
        position: inherit;
        top: 15px;
        background: white;
        z-index: 1;
        font-family: 'Chewy', cursive;
    }
    .ini-s2-marg1 {
        margin-top: 85px;
        margin-bottom: 45px;
        font-size: 14px;
        color: #262626;
        line-height: 24px;
    }
    .ini-s2-spn1 {
        background-color: #76bd21;
        color: white;
        font-size: 16px;
        padding: 2px 32px;
        border-radius: 15px;
        text-align: center;
        border: none;
        font-family: 'Chewy', cursive;
        border: 3px solid #74c219;
        outline: none;
    }
    .ini-s2-spn2 {
        background-color: #76bd21;
        color: white;
        font-size: 16px;
        padding: 2px 32px;
        border-radius: 15px;
        border: none;
        font-family: 'Chewy', cursive;
        border: 3px solid #74c219;
        margin-bottom: 10px;
    }
    #ini-s2-txtchng {
        font-size: 14px !important;
    }
    .ini-s3-span {
        color: #74c219;
        font-weight: 600;
        font-size: 10px;
        border: 2px solid #74c219;
        border-radius: 13px;
        padding: 6px 59px;
        transition: all 0.4s;
    }
    .tint2:before {
        content: "Productos naturales";
        text-align: center;
        color: white;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 18%;
        font-weight: 600;
        text-align: center;
        font-size: 20px;
        color: white;
        border-radius: 5px;
        text-shadow: 1px 1px 1px black;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        background: #0000008a !important;
        width: 100%;
        height: 100%;
    }
    .tint1:before {
        content: "Productos procesados";
        text-align: center;
        color: white;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 22%;
        font-weight: 600;
        text-align: center;
        font-size: 20px;
        color: white;
        border-radius: 5px;
        text-shadow: 1px 1px 1px black;
        -moz-transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        background: #0000008a !important;
        width: 100%;
        height: 100%;
    }
    .det-s2-tit {
        color: #74c219;
        font-weight: 600;
        font-size: 24px;
    }
    .det-s2-txt {
        text-align: justify;
        margin-top: 45px;
        font-size: 13px !important;
    }
    .txt-1a {
        color: white;
        font-family: 'Open Sans';
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 0px;
    }
    .txt-1b {
        color: white;
        font-family: 'Open Sans';
        font-size: 20px;
        font-weight: 700;
        margin-top: 0px;
    }
    .carousel-indicators li {
        display: inline-block;
        width: 40px;
        height: 25px;
        margin: 0px;
        background-size: contain;
        background-repeat: no-repeat;
        text-indent: -999px;
        background-image: url(../img/home/boton.png);
        border: none;
        border-radius: 0px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .carousel-indicators .active {
        width: 40px;
        height: 25px;
        margin: 0;
        background-image: url(../img/home/boton-a.png);
        background-color: transparent;
        margin-left: 5px;
        margin-right: 5px;
    }
    .ini-s3-titulo {
        color: #74c219;
        font-weight: 600;
        font-size: 26px;
        text-align: center;
        margin-bottom: 20px;
    }
    .ini-s3-txt {
        text-align: center;
        margin-bottom: 30px;
        font-size: 14px;
    }
    .section-home-3 {
        padding-bottom: 20px;
    }
    .nos-s2-texto {
        font-size: 16px;
        text-align: justify;
        color: #262626;
        line-height: 23px;
        margin-bottom: 30px;
    }
    .nos-s2-txt {
        text-align: justify;
        margin-bottom: 30px;
    }
    .pro-s2-nombre {
        background: #74c219f2;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        position: relative;
        top: -20px;
        padding-top: 16px;
        padding-bottom: 8px;
        padding-left: 25px;
            border-radius: 5px;
    }
}/*Fin 320*/

/* especial */
@media (min-width: 560px) {

}/*Fin 560*/


@media (min-width: 768px) {
    .h-back1 {
        background-color: transparent;
        position: inherit;
        z-index: 1;
        background-color: #463510;
        transition: all 0.4s;
    }
	.nav-ul{
		width: 100%;
		height: 48px;
		margin-top: 24px;
	}
	.nav-li1{
		width: 18%;
		text-align: center;
	}
	.nav-li1>a{
		text-align: center;
		padding-bottom: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		font-weight: 600;
		color: white !important;
	}
	.nav-li1>img{
		opacity: 0;
		transition: all 0.5s;
	}
	.nav-li1:hover img,.nav-li1:focus img,.nav-li1:active img,.nav-li1.active img{
		transition: all 0.5s;
		opacity: 1;
	}
	.nav-li1:hover,.nav-li1:focus,.nav-li1:active,.nav-li1.active{
		transition: all 0.5s;
		background-color: transparent;
	}
	.nav-li2{
		width: 10%;
		text-align: center;
	}
	.nav-li2>a{
		padding: 0px !important;
	    padding-top: 5px !important;
	    text-align: center;
	}
	.nav-li2>img{
		padding-left: 19px;
	}
	.ini-s2-spn{
		color: #74c219;
	    font-size: 36px;
	    border: 3px solid #74c219;
	    padding: 8px 78px;
	    border-radius: 17px;
	    position: inherit;
	    top: 28px;
	    background: white;
	    z-index: 1;
	    font-family: 'Chewy', cursive;
	}
	.img-home-sec2-g {
	    top: -80px;
	}
  .h-back1{
    background-color: transparent;
    position: fixed;
    z-index: 9999999;
    width: 100%;
    padding-bottom: 15px;
  }
  .h-color{
    background-color: transparent;
  }
  .np-a{
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
  }
  .nav-li1:hover a,.nav-li1:focus a,.nav-li1:active a,.nav-li1.active a{
    transition: all 0.5s;
    color: white !important;
    font-weight: 600;
  }
}/*Fin 768*/

@media (min-width: 992px) {
    .txt3{
        text-align: left;
        padding-top: 235px;
        margin-left: 50px;
    }

  	.h-logo{
		text-align: left;
	}
	.f-txt{
		margin-top: 66px;
	}
	.f-marg1{
		margin-top: 70px;
	}
	.ini-s3-titulo{
		color: #74c219;
	    font-weight: 600;
	    font-size: 40px;
	    text-align: right;
	}
	.ini-s3-subtitulo{
		color: #15a8d3;
	    font-weight: 600;
	    text-align: right;
	}
	.ini-s3-txt{
		text-align: right;
	    margin-bottom: 60px;
	}
	.ini-s3-spn{
		text-align: right;
	}
	.tint1:hover:before {
	  height: 25%;
	  padding-top: 4%;
	  font-size: 22px;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	}
	.tint2:hover:before {
	  height: 25%;
	  padding-top: 4%;
	  font-size: 22px;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	}
	.tint1a:hover:before {
	  height: 25%;
	  padding-top: 2%;
	  font-size: 16px;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	}
	.tint2a:hover:before {
	  height: 25%;
	  padding-top: 2%;
	  font-size: 16px;
	  border-top-left-radius: 0px;
	  border-top-right-radius: 0px;
	}
	.det-s2-div{
		text-align: right;
	    margin-top: 15%;
	}
	/* TINT GALERIA */
	.tintg:before {
	  text-align: center;
	  color: white;
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  padding-top: 25%;
	  font-weight: 600;
	  text-align: center;
	  font-size: 18px;
	  color: white;
	  border-radius: 5px;
	  text-shadow: 1px 1px 1px black;
	  -moz-transition: all .3s linear;
	  -webkit-transition: all .3s linear;
	  -ms-transition: all .3s linear;
	  -o-transition: all .3s linear;
	  transition: all .3s linear;
	  background: #0000008a !important;
	  width: 100%;
	  height: 100%;
	}
	.tintg1:hover:before {
		content: "Fruto de Aguaymanto";
	    height: 100%;
	    padding-top: 56%;
	    font-size: 18px;
	    padding-left: 35px;
	    text-align: left;
	    transition: all .3s linear;
	    border-top-left-radius: 0px;
	    border-top-right-radius: 0px;
	}

  .tintg2:hover:before {
    content: "Fruto de Frambuesa";
      height: 100%;
      padding-top: 56%;
      font-size: 18px;
      padding-left: 35px;
      text-align: left;
      transition: all .3s linear;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  .tintg3:hover:before {
    content: "Fruto de Zarzamora";
      height: 100%;
      padding-top: 56%;
      font-size: 18px;
      padding-left: 35px;
      text-align: left;
      transition: all .3s linear;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  .tintg4:hover:before {
    content: "Fruto de Aguaymanto";
      height: 100%;
      padding-top: 56%;
      font-size: 18px;
      padding-left: 35px;
      text-align: left;
      transition: all .3s linear;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  .tintg5:hover:before {
    content: "Fruto de Arándano";
      height: 100%;
      padding-top: 56%;
      font-size: 18px;
      padding-left: 35px;
      text-align: left;
      transition: all .3s linear;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

  .tintg6:hover:before {
    content: "Fruto de Aguaymanto";
      height: 100%;
      padding-top: 56%;
      font-size: 18px;
      padding-left: 35px;
      text-align: left;
      transition: all .3s linear;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
  }

	/*FIN TINT*/
	.ini-s2-pos1{
		position: relative;
	    z-index: 9999;
	    left: -340px;
	    top: -460px;
	    height: 260px;
	}
	.ini-s2-pos2{
		position: relative;
	    z-index: 9999;
	    right: -340px;
	    top: -460px;
	    height: 260px;
	}
  .ini-btn1{
      position: relative;
      z-index: 9999;
      right: -340px;
      top: -440px;
      font-size: 12px !important;
      opacity: 0;
      transition: all 0.5s;
  }
  .ini-btn2{
      position: relative;
      z-index: 9999;
      left: -340px;
      top: -440px;
      font-size: 12px !important;
      opacity: 0;
      transition: all 0.5s;
  }
}/*Fin 992*/

@media (min-width: 1200px) {

  .ini-s2-pos1{
		position: relative;
	    z-index: 9999;
	    left: -419px;
	    top: -460px;
	    height: 260px;
	}
	.ini-s2-pos2{
		position: relative;
	    z-index: 9999;
	    right: -419px;
	    top: -460px;
	    height: 260px;
	}
  .ini-btn1 {
      position: relative;
      z-index: 9999;
      right: -421px;
      top: -440px;
      font-size: 16px !important;
      opacity: 0;
      transition: all 0.5s;
  }
  .ini-btn2 {
      position: relative;
      z-index: 9999;
      left: -421px;
      top: -440px;
      font-size: 16px !important;
      opacity: 0;
      transition: all 0.5s;
  }
}/*Fin 1200*/
@media (min-width: 1400px){
    .carousel-indicators {
        bottom: 100px;
    }
    .ini-s1-back1 {
        background-image: url(../img/home/home1.jpg);
        height: 843px;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
    .ini-s1-back2 {
        background-image: url(../img/home/slider2.png);
        height: 843px;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
    .ini-s1-back3 {
        background-image: url(../img/home/slider.jpg);
        height: 843px;
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
    }
    .nos-s1-back1 {
        background-image: url(../img/nosotros/01.jpg);
        height: 402px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .pro-s1-back {
        background-image: url(../img/productos/productos01.jpg);
        height: 402px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .cont-s1-back{
        background-image: url(../img/contactenos/banner.png);
        height: 402px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .gal-s1-back1{
        background-image: url(../img/galeria/galeriaa.jpg);
        height: 402px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .f-back {
        background-image: url(../img/home/footer.png);
        height: 282px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
  /*      transition: all 0.4s;
        animation: bgPie 2s infinite; */
    }
}
