body{background-color: #111;transition:all 0.3s ease;background-image: url(../img/mercedes-1b.jpg);background-repeat: no-repeat;background-position: top;background-size: cover;background-attachment: fixed;}
.special{background-image: none;transition:all 0.3s ease;background-image: url(../img/mercedes-1b2.jpg);}

.logo{text-align: center;}
.logo img{width: 100%;max-width: 300px;padding-top: 1%;padding-bottom: 1%;filter: grayscale(0%) !important;}
.twelve img{border-radius: 5px;width: 100%;}
.clear{clear: both;}
strong{color:#4a7ea8; }
.sticky {position: sticky;top: 80px;}

.titular{margin-bottom: 50px !important;}

.contenedor{width: 90% !important;max-width: 1280px;padding-left: 5%;padding-right:5%;margin: 0px auto 150px auto;}
.contenedor-50{width: 90% !important;max-width: 700px;padding-left: 5%;padding-right:5%;margin: 0px auto 150px auto;}
.contenedor-center{width: 90% !important;max-width: 700px;padding-left: 5%;padding-right:5%;margin: 0px auto 150px auto;text-align: center;}
.contenedor-100{width: 100% !important;margin: 0px auto 120px auto;}
h1{ font-family: 'Oswald', sans-serif;;color: #fff;text-align: center;line-height: 1.2;font-size: 8em;}
h1 span{ font-family: 'Oswald', sans-serif;;color: #fff;text-align: center;line-height: 1.2;font-size: 30px;display: block;letter-spacing: 15px;}
h3{color: #fff;font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 2.5em;padding-top: 2.3%;padding-bottom: 2.3%;}
p{font-family: 'Source Sans Pro', sans-serif;font-size: 20px;letter-spacing: 0.2px;line-height: 1.44;color: #fff;font-weight: 300;text-align: left;}
.destacado{font-family: 'Oswald', sans-serif;color: #4a7ea8;font-weight: 300;font-size: 2.5em;}
.destacado.big{font-family: 'Oswald', sans-serif;color: #4a7ea8;font-weight: 300;font-size: 4em;}
.left{border-left: 4px solid #4a7ea8;padding-left: 15px;}
.left-special{border-left: 24px solid #4a7ea8;padding-left: 15px;}
.borde{border: 1px solid #333;padding: 0.8%;}
.background{background-image: url(../img/mercedes-13.jpg);background-repeat: no-repeat;background-attachment: fixed;background-size: cover;background-position: center;}
.background .destacado{text-align: center;color: #fff;margin: 0px;padding: 130px 0px 130px 0px;text-shadow: 2px 2px #111;font-size: 3em;font-weight: 300;}
.contenedor a{text-decoration: none;color: #4a7ea8;}

.video {text-align: center;width: 100%;margin-top: 200px;}

.imagen-destacada img{width: 100%;padding-top: 3%;padding-bottom: 3%;}
.imagen-destacada{width: 100%;}

.contenedor-50 img{width: 100%;}
.contenedor-center img{width: 100%;}

.compartir{text-align: center;padding-bottom:2%;}
.compartir ul li{display: inline;}
.compartir ul li img{width: 35px;padding-left: 0.5%;padding-right: 0.5%;}

.descripcion{font-size: 20px;font-weight: 100;font-family: 'Oswald', sans-serif;color: #fff;text-align: center;padding-top: 0.5%;padding-bottom:0.5%;}
.firma{font-family: 'Oswald', sans-serif;font-weight: 100;color: #fff;text-align: center;padding-top: 0%;padding-bottom:2%;}

.six img{width: 100%;}

footer{width: 100%;height:30px;background-color:#4a7ea8;margin-top:50px;}

.bg-1{margin-bottom: 200px;}
.bg-2{background-image: url(../img/mercedes-11.jpg);background-repeat: no-repeat;background-size: cover;background-position: top center;padding-top: 10px;padding-bottom: 30px;margin-top: 200px;margin-bottom: 0px;}
.bg-1 .twelve h1{padding-top: 30px;padding-bottom: 0px;}

/*Galeria*/
.galeria{margin-bottom: 150px;}
.galeria .three:hover{opacity: 0.6;}
.galeria img{width: 100%;border-radius: 0px;}
.galeria .gallery-image{position: relative;}
.galeria .columns{margin-left: 0% !important;width: 25% !important;}


/* The Modal (background) */
.modal {display: none;position: fixed;z-index: 99999999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: black;}

/* Modal Content */
.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;width: 90%;max-width: 1200px;}

/* The Close Button */
.close {color: white;position: absolute;top: 10px;right: 25px;font-size: 35px;font-weight: bold;}
.close:hover,.close:focus {color: #999;text-decoration: none;cursor: pointer;}

/* Hide the slides by default */
.mySlides {display: none;background-color: #000;}

/* Next & previous buttons */
.prev,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white;font-weight: bold;font-size: 20px;transition: 0.6s ease;
  border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}

/* Position the "next button" to the right */
.next {right: 0;border-radius: 3px 0 0 3px;}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);}

/* Number text (1/3 etc) */
.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 0;}

/* Caption text */
.caption-container {text-align: center;background-color: black;padding: 2px 16px;color: white;}
img.demo {opacity: 0.6;}
.active,.demo:hover {opacity: 1;}
img.hover-shadow {transition: 0.3s;}

.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}


/*RESPONSIVE*/



 @media all and (max-width: 550px) {

    h1{color: #fff;text-align: center;padding-top: 5%;padding-bottom:5%;line-height: 1.2;font-size: 4em;font-weight: 900;}
h3{color: #fff;font-weight: 300;font-size: 1.8em;padding-top: 2.3%;padding-bottom: 2.3%;}
p{font-family: 'Source Sans Pro', sans-serif;color: #fff;font-size: 19px;line-height: 25px;text-align: left;}
.destacado{font-family: 'Oswald', sans-serif;padding-top: 5%;padding-bottom:5%;font-weight: 300;font-size: 2.4em !important;}
.logo img{width: 100%;max-width: 200px;padding-top: 4%;padding-bottom: 1%;filter: grayscale(0%) !important;}
.descripcion{font-size: 18px;font-weight: 100;font-family: 'Oswald', sans-serif;color: #fff;text-align: center;padding-top: 0.5%;padding-bottom:0.5%;}
.bg-1{margin-bottom: 10px;}
.sticky {position: relative;top: 0px;}
.videos{margin-top: 30px;margin-bottom: 30px;}
.galeria .three{width: 100% !important;}
.bg-1 .twelve h1 {padding-top: 20px;padding-bottom: 0px;}
h1 span {font-family: 'Oswald', sans-serif;color: #fff;text-align: center;line-height: 1.2;font-size: 16px;display: block;letter-spacing: 3px;font-weight: 300;}
.contenedor{margin: 0px auto 0px auto;}
.contenedor-50{margin: 0px auto 0px auto;}
.contenedor-center{margin: 0px auto 0px auto;text-align: center;}
.contenedor-100{margin: 0px auto 0px auto;}
.video {margin-top: 30px;margin-bottom: 30px;}
.galeria{margin-bottom: 50px;}
.borde{border: 0px solid #333;padding: 0%;}

.background{background-image: url(../img/mercedes-13.jpg);background-repeat: no-repeat;background-size:;background-position: center;background-attachment: inherit;margin-top: 30px;margin-bottom: 30px;}
.background .destacado{text-align: center;color: #fff;margin: 0px;padding: 20px 0px 20px 0px;text-shadow: 2px 2px #111;font-size: 1.8em !important;font-weight: 300;}

body{background-color: #111;transition:all 0.3s ease;background-image: url(../img/mercedes-1b.jpg);background-repeat: no-repeat;background-position: top center;background-size: unset;background-attachment: initial;}
.special{background-color: #111;transition:all 0.3s ease;background-image: url(../img/mercedes-1b.jpg);background-repeat: no-repeat;background-position: top center;background-size: unset;background-attachment: initial;}


.titular{margin-bottom: 50px !important;}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


} 


}