/* BARRA SOCIAL */
*{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.social{
    position: fixed;
    left: 0;
    top: 290px;
    z-index: 2000; /* para que sobresalga la barra de social de el resto de secciones */
}

.social ul{
    list-style: none;
}

.social ul li a{
    display: inline-block;
    width: 45px;
    height: 30px;
    color: white;
    padding: 7px 15px;
    text-decoration: none;
}

.social ul li .fa-facebook{background:#3b5998 ;}
.social ul li .fa-twitter{background: #00abf0;}
.social ul li .fa-envelope-o{background:#069116 ;}
.social ul li .fa-arrow-up{background:#c7a926 ;}


.social ul li a:hover{
    padding: 7px 30px;
    background: #000;
}




/* ESTILOS INDEX */

.navbg-color{
    background-color:#689f38;
}

.container-c{

}


.container-b{
    width: 100%;
}



.es{
    width: 100%;
    height: 100%;
    padding-left: 170px;
    padding-right: 170px;
}


a{
    text-decoration: none;
    color: #333;
}


div img:hover{
    cursor: pointer;
       
}

.top-nav-collapse {
    background-color: #689f38 !important;
}

.dropdown-item:hover{
    background-color: rgba(51, 180, 19, 0.207);
}



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



div .lista-index ol li:hover{
    color: #049c2f;
    text-decoration: underline;
    cursor: pointer;
}

.txt-carousel{
font-size: 15px;
}

.verde{
    color: #034607; 
}


.imgCentroIndex{
   padding: 28% 28%;
}

.btn-nav {
    border: 2px solid #fff!important;
    background-color: #689f38;
    color: #fff!important;
}

.btn-nav:hover{
background-color: #689f38;
}

.navbar.scrolling-navbar{
    padding-top: 5px;
    padding-bottom: 5px;
}

.txt-nav{
    font-size: 15px;  
}

/* FULLPAGE */

/* Required for full background image */

html,
body,
header,
.viewf {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .viewf {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .viewf {
    height: 600px;
  }
}

.btn .fa {
  margin-left: 3px;
}



.btn-white {
  color: black !important;
}

h6 {
  line-height: 1.7;
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(62, 226, 109, 0.7), rgba(62, 226, 109, 0.7) 100%);
  background: -webkit-linear-gradient(45deg, rgba(62, 226, 109, 0.7), rgba(62, 226, 109, 0.7) 100%);
  background: -webkit-gradient(linear, 45deg, from(rgba(62, 226, 109, 0.7)), to(rgba(62, 226, 109, 0.7)));
  background: -o-linear-gradient(45deg, rgba(62, 226, 109, 0.7), rgba(62, 226, 109, 0.7) 100%);
  background: linear-gradient(to 45deg, rgba(62, 226, 109, 0.7), rgba(62, 226, 109, 0.7) 100%);
}



/* ESTILOS SECCION 2 */

.fondoS2{
    background: #d8d6d6;
}

div .oferta {
    display: inline-block;
}



/* BOTONES */
.cl-boton{
border: #146b20 solid 1px;
background-color: white;
color: #333;
font-weight: 400;
}

/* IMAGENES C */

.cl-images{
cursor: pointer;
margin: 20px;
}

.cl-images2{
    margin: 20px;
    align-content: center;
    }

.title-images{ 
    color: #4d4d4d;
}



.cl-images:hover{
    border-bottom: #146b20 solid 2px;
}

.cl-boton:hover{
    background-color: #146b20;
    color: white;
}



/* ESTILOS ARTICULOS */



.iconos div img{
    height: 120px;
    width: 120px;
    margin: 0.5%;
}

.icon-div i{
    color: gray;
}

a{
    color: #333;
}

.texto-icon{
    color: #4d4d4d;
    font-size: 15px;
    font-weight: 700;
}

.a-b:hover{
    color: #17721f;
}

/* Section 1 */

.section-1-g{
    background-color: #1b5e20;
    color: white;

}

.card-h:hover{
    background-color: #1b5e20;
    color: white;
    border-top: none;
}

.section-1-w{
    background-color: #ffffff;

    }

.icon-gray{
    color: #707070;
    }

.icon-g:hover{
    background-color: #146b3b;
    color: white;
    cursor: pointer;
}

.fondoS1{
    background: #f2efef;
}
.card:hover{
    -webkit-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
    box-shadow: -1px 9px 40px -12px rgba(0, 0, 0, 0.75);
    cursor: pointer;
}

.card{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}






@media screen and (max-width:768px){
    .post .thumb{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
    }

    .contenedor-b{
        display: flex;
    }


    .posts .breadcrumb{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px){
    .contenedor-b  a img{
        width: 100px;
        height: 100px;
    }
}

.contenedor{
    margin-left: 7%;
    margin-right: 7%;
}


.btn .fa {
    margin-left: 3px;
  }
  
  .video-container 
{
  top: 0%;
  left: 0%;
  height: 600px;
  width: 100%;
  overflow: hidden;
  align-self: center;
}
video.fillWidth {
  width: 100%;
}