body{
  background-color: #f1f1f1;
}


/* Fuentes importadas */
@font-face {
  font-family: AvenirNext-demi;
  src: url(AvenirNextLTPro-Demi.otf);
}

.avenirdemi{
	font-family: AvenirNext-demi;
}

@font-face {
  font-family: AvenirNext-bold;
  src: url(AvenirNextLTPro-Bold.otf);
}

.avenirbold{
	font-family: AvenirNext-bold;
}

/* Fuentes importadas */

.logu {
	   font-size: 32px;
}
@media (max-width: 600px) {
  .logu {
	font-size: 20px!important;
}
}


.ajustado
{
	letter-spacing: -1px;
}
.contenidoheader {
	    margin: 0 auto;
    max-width: 1280px;
    width: 90%;
}
@media (max-width: 600px) {
  .contenidoheader {
	    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}
}

@media only screen and (max-width: 992px)
nav .brand-logo {
    left: 43%!important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-35%)!important;
}

.slider .indicators .indicator-item.active {
    background-color: #1976d2!important;
}

.subrayado-amarillo{
  display: block;
}
.subrayado-amarillo::after {
    background: none repeat scroll 0 0 #f9d214;
    bottom: 0px;
    content: "";
    display: block;
    height: 7px;
    position: relative;
    width: 300px;
    margin: 0 auto;
    margin-bottom: 18px;
}
.subrayado-naranja{
  display: block;
}
.subrayado-naranja::after {
    background: none repeat scroll 0 0 #f58421;
    bottom: 0px;
    content: "";
    display: block;
    height: 7px;
    position: relative;
    width: 195px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.subrayado-azul{
  display: block;
}
.subrayado-azul::after {
    background: none repeat scroll 0 0 #0d82dd;
    bottom: 0px;
    content: "";
    display: block;
    height: 7px;
    position: relative;
    width: 341px;
    margin: 0 auto;
    margin-bottom: 18px;
}
.subrayado-fuxcia{
  display: block;
}
.subrayado-fuxcia::after {
    background: none repeat scroll 0 0 #ea35e1;
    bottom: 0px;
    content: "";
    display: block;
    height: 7px;
    position: relative;
    width: 92px;
    margin: 0 auto;
    margin-bottom: 18px;
}
.subrayado-rojo{
  display: block;
}
.subrayado-rojo::after {
    background: none repeat scroll 0 0 #ea354e;
    bottom: 0px;
    content: "";
    display: block;
    height: 7px;
    position: relative;
    width: 232px;
    margin: 0 auto;
    margin-bottom: 18px;
}

.centrado {
	text-align: center;
	margin:0 auto;
}
.margentop {
	margin-top: 32px;
}
.margenbottom {
	margin-bottom: 32px;
}

.titulo {
	font-size:55px;
}
@media (max-width: 600px) {
  .titulo {
	font-size:31px;
}
}

html {
  scroll-behavior: smooth;
}

.negrocuadro {
	background-color: #4c4c4c;
    padding: 9px 1px 7px 9px;
    color: white;
    font-weight: 700;
}

.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 2px 0 0!important;
    width: 24px;
    color: rgba(0,0,0,0.54);
}


.slideuno {
	background-image: url(../img/slidevino.jpg);
	background-size: cover;
}
.slideunobis{
    background-image: url(../img/vinero.png);
    width: 85%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: right;
}
@media (max-width: 600px) {
  .slideunobis{
	background-image: url(../img/vinero.png);
    width: 100%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: 165px;
}
}

.slidedos {
	background-image: url(../img/casablured.jpg);
	background-size: cover;
}
.slidedosbis{
    background-image: url(../img/pareja.png);
    width: 85%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: right;
    margin-top: 21px;
}
@media (max-width: 600px) {
  .slidedosbis{
	background-image: url(../img/pareja.png);
    width: 100%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: 165px;
}
}

.slidetres {
	background-image: url(../img/slidellaves.jpg);
	background-size: cover;
  background-position-y: bottom;
}
.slidetresbis{
    background-image: url(../img/llaves.png);
    width: 85%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: right;
}
@media (max-width: 600px) {
  .slidetresbis{
	background-image: url(../img/llaves.png);
    width: 100%;
    height: 490px;
    background-size: auto;
    background-repeat: no-repeat;
    position: absolute;
    background-position-x: 165px;
}
}

.carousel.carousel-slider .carousel-item p {
    font-size: 15px;

}
@media (max-width: 600px) {
  .carousel.carousel-slider .carousel-item p {
    font-size: 15px;
    width: 266px!important;
}
}
 #funcionax:hover  {
    background-color: rgba(0,0,0,0.4)!important;
    height: 63px;
     border-bottom: 2px solid yellow;
}
#beneficiox:hover  {
    background-color: rgba(0,0,0,0.4)!important;
    height: 63px;
     border-bottom: 2px solid #ff6a00;
}
#costox:hover  {
    background-color: rgba(0,0,0,0.4)!important;
    height: 63px;
     border-bottom: 2px solid #0c92f1;
}
#preguntax:hover  {
    background-color: rgba(0,0,0,0.4)!important;
    height: 63px;
     border-bottom: 2px solid #f10cdf;
}
#contactox:hover  {
    background-color: rgba(0,0,0,0.4)!important;
    height: 63px;
     border-bottom: 2px solid red;
}


.card {
	.card-title {
		&.hidden {
			text-indent:-9999px;
		}
	}
	.card-image {
		.card-badge {
			position: absolute;
			bottom: 0px;
			width: 100%;
			text-align: left;
			text-transform: uppercase;
			font-size: 0.9em;
			padding: 0.2em 24px 0.8em 24px;
			color: #fff;
			z-index: 2;
			.material-icons {
				position:relative;
				margin-right: 8px;
				top: 7px;
			}
			+ .card-title {
				padding-bottom:66px;
			}
		}
	}
	&.horizontal {
		.card-image {
			.card-badge {
				text-align: center;
				padding: 0.2em 0;
				.material-icons {
					display: none;
				}
			}
		}
	}
}

// FIXES FOR MATERIALIZE
.card-action {white-space: nowrap;}


.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    background-color: transparent!important;
    /* border-bottom: 1px solid #ddd; */
    /* color: whitesmoke; */
}
.collapsible {
    border-top: 0px solid #ddd!important;
    border-right: 0px solid #ddd!important;
    border-left: 0px solid #ddd!important;
    margin: .5rem 0 1rem 0;
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
     -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 1px 0px rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0)!important;
     box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 0px 01px 0px rgba(0,0,0,0), 0 0px 0px 0 rgba(0,0,0,0)!important;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    /* line-height: 1.5; */
    padding: 10px!important;
    background-color: #fff;
    border-bottom: 0px solid #ddd!important;
}

.mensaje{
  position: absolute;
right: 0%;
text-align: right;
bottom: 13%;
text-shadow: 1px 1px 4px #000;
}
@media (max-width: 600px) {
  .mensaje {
    display: none;
}
}


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 65px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: red; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

.cookies{
      position: fixed;
      color: white;
      width: 100%;
      height: 90px;
      background-color: #080808;
      bottom: 1px;
}
@media (max-width: 600px) {
  .cookies{
        position: fixed;
        color: white;
        width: 100%;
        height: 195px;
        background-color: #080808;
        bottom: 1px;
  }
}

/* Aqui el css de las cookies (3)  */
#popupDiv {
    display: none;
    color:#000 !important;
    margin: 8px 0px 2px 4px !important;
    padding: 5px 0px 8px 0px !important;
    -webkit-border-radius:  5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px !important ;
    border-radius: 5px 5px 5px 5px;
    background-color:rgba(100%,100%,100%,1) !important;
    border-width: 1px !important;
    border-color: rgba( 0, 20, 45, .5) !important;
    border-style: solid !important;
    color: rgba( 0%,0%,0%,1) !important;
    box-shadow: 2px 2px 2px rgba(0%,0%,0%,0.2) !important;
}

.hombre{
  position: absolute; 
  margin: -92px 1px 1px 1px;
}
@media (max-width: 600px) {
  .hombre{
        display: none;
  }
}
@media (max-width: 768px) {
  .hombre{
    position: absolute;
    margin: -88px 1px 1px -90px;
  }
}
@media (max-width: 1024px) {
  .hombre{
    position: absolute;
    margin: -88px 1px 1px -69px;
  }
}

.quitar{
  display: block;
}
@media (max-width: 600px) {
  .quitar{
        display: none;
  }
}

.textobeneficios{
      text-align: justify;
    display: flex;
    align-items: center;
    height: 223px;
}

li a {
  color: white!important;
  font-weight: 700;
  text-shadow: 2px 2px 4px black;
}

 p a span{
  color: white!important;
}

.whatsapp{
  display: none;
}
@media (max-width: 600px) {
  .whatsapp{
        display: block;
  }
}

.arreglotitu{
  display: initial;
}

@media (max-width: 600px) {
  .arreglotitu{
        position: absolute;
    text-align: center;
    width: 100%;
  }
}

.abajo{
  display: initial;
}

@media (max-width: 600px) {
  .abajo{
        margin-bottom: 10px;
  }
}