a {
    text-decoration: none!important;
    cursor: pointer!important;
    color: #575756!important;
}
a:hover {
    text-decoration: none!important;
    color: #000!important;
    opacity: 0.8;
    cursor: pointer!important;
}
a:focus {
    outline: 0px!important;
    color: #575756!important;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: none!important!important;
}
button:focus {
    outline: 0px!important;
}

.barlow {font-family: 'Barlow', sans-serif;}
.light {font-weight: 300;}
.bold {font-weight: 700;}
.negro {color: #000;}
.blanco {color: #fff;}
.font10 {font-size: 10px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font30 {font-size: 30px;}
.font50 {font-size: 50px;}
.font80 {font-size: 80px;}

.logo>img {max-width: 223px;}
.h2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
}
.carousel-caption {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    width: 80%;
    right: 0;
    padding: 0px;
}
.carousel-control-prev, .carousel-control-next {width: 10%; cursor: pointer;}
.fondo-gris {background: url("../images/fondo-gris.jpg") repeat-x top left;}
.fondo-rosa {background-color: #fbf2f7; margin-bottom: 100px;}
.form-control {
    background-color: transparent;
    border: 0px;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    padding-left: 0px;
    color: #000;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 12px;
}
.boton {
    font-family: 'Barlow', sans-serif!important;
    font-weight: 700!important;
    color: #000!important;
    text-transform: uppercase!important;
    font-size: 12px!important;
    letter-spacing: 1px!important;
    text-decoration: none!important;
    cursor: pointer!important;
    border: 3px solid #000!important;
    padding: 5px 15px!important;
    background-color: transparent;
}
.boton:hover {
    background-color: #000!important;
    color: #fbf2f7!important;
}
.linea {border-top: 1px solid #000; opacity: 0.2;}

.gracias {
    background: url("../images/gracias.jpg") no-repeat center center;
    background-size: cover;
}
.titulo-gracias {padding: 150px 0px;}

.ir-arriba {
    display: none;
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
    background: url("../images/up.jpg") no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    z-index: 1;
}

@media (max-width: 991px) {
    .fondo-gris {background: url("../images/fondo-gris-2.jpg") repeat-x top left;}
    .container {max-width: 90%;}
    .font80 {font-size: 60px; line-height: 60px;}
}

@media (max-width: 767px) {
    .text-right {text-align: left!important;}
    .text-right-2 {text-align: right!important;}
    .fondo-rosa {padding-left: 5%!important; padding-right: 5%!important; margin-bottom: 20px;}
    .font80 {font-size: 70px;}
    .ocultar {display: none;}
    .logo {text-align: center;}
    .carousel-caption {display: block!important;}
    .font80 {font-size: 55px; line-height: 55px;}
    .logo>img {max-width: 150px;}
}

@media (max-width: 600px) {
    .font80 {font-size: 40px; line-height: 40px;}
}

@media (max-width: 500px) {
    .font80 {font-size: 25px; line-height: 25px;}
}