/*
    
    Objetivo Creativo
    www.objetivocreativo.com
    
*/

p::selection,
p::-moz-selection {
    
    background-color: black;
    color: white;
    
}

.clear {
    
    clear: both;
    
}

.h20 {
    
    height: 7.5px;
    
}

html,
body {
    
    background-color: #f9f0d6;
    
}

header {
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
    padding-bottom: 164px;
    
    position: relative;
    
}

header:after {
    
    position: absolute;
    
    content: '';
    
    width: 100%;
    height: 164px;
    
    bottom: 0;
    
    background-image: url('../img/borde-trans-fondo.png');
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}

main {
    
    min-height: 500px;
    
}

footer {
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    
    margin-top: 143.5px;
    
    position: relative;
    
}

footer:before {
    
    position: absolute;
    
    content: '';
    
    width: 100%;
    height: 143.5px;
    
    top: -143.5px;
    
    background-image: url('../img/borde-trans-negro.png');
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}

html body footer.footer-productos {
    
    margin-top: 0;
    
}

footer.footer-productos:before {
    
    background-image: none;
    background-color: black;
    
    display: none;
    
}

footer hr {
    
    border: 0;
    
    border-bottom: 2.5px solid white;
    
    margin-top: 15px;
    margin-bottom: 15px;
    
}

footer .copy {
    
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    
    color: white;
    
    text-align: left;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
}

footer .legal {
    
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    
    color: white;
    
    text-align: center;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
}

footer .objetivocreativo {
    
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    
    color: white;
    
    text-align: right;
    
    padding-top: 20px;
    padding-bottom: 20px;
    
}

footer .copy strong {
    
    font-weight: 500;
    
}

footer .copy a,
footer .legal a,
footer .objetivocreativo a {
    
    font-family: 'Roboto Slab', serif;
    font-size: 12px;
    
    color: white;
    
    transition-duration: 150ms;
    
}

footer .copy a:hover,
footer .legal a:hover,
footer .objetivocreativo a:hover,
footer .copy a:focus,
footer .legal a:focus,
footer .objetivocreativo a:focus {
    
    text-decoration: none;
    
    color: #aca405;
    
}

footer .objetivocreativo a:hover,
footer .objetivocreativo a:focus {
    
    color: #ccdc00;
    
}

footer address,
footer address a {
    
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    
    color: white;
    
    line-height: 2;
    
}

footer address a:hover,
footer address a:focus {
    
    text-decoration: none;
    color: #aca405;
    
}

.logo {
    
    max-height: 212px;
    
}

footer .logo {
    
    margin-top: 35px;
    margin-bottom: 35px;
    
}

.add-right {
    
    text-align: right;
    
}

footer address {
    
    margin-top: 195px;
    
}

@media (max-width: 1199px) {
    
    footer address,
    footer address a {
        
        font-size: 15px;
        
    }
    
}

@media (max-width: 991px) {
    
    footer address,
    footer address.add-right,
    footer address a {
        
        text-align: center;
        margin: auto;
        
    }
    
    footer address.add-right {
        
        margin-bottom: 30px;
        
    }
    
    footer .copy,
    footer .legal,
    footer .objetivocreativo {
        
        text-align: center;
        padding-top: 0;
        padding-bottom: 0;
        
    }
    
    footer hr {
        
        margin-bottom: 30px;
        
    }
    
    footer {
        
        padding-bottom: 25px;
        
    }
    
}

header {
    
    padding-top: 50px;
    
}

nav ul,
nav .idiomas {
    
    float: right;
    margin: 0; padding: 0;
    
}

nav ul li {
    
    display: inline;
    float: left;
    
}

nav ul li a {
    
    font-family: 'Roboto Slab', serif;
    
    color: white;
    
    font-size: 14px;
    font-weight: 600;
    
    margin-left: 20px;
    
}

nav .idiomas,
nav .idiomas a {
    
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    
    font-weight: 300;
    
    color: white;
    
}

nav ul li a {
    
    position: relative;
    
    transition-duration: 150ms;
    
}

nav ul li a:hover,
nav .idiomas a:hover {
    
    text-decoration: none;
    color: #aca405;
    
}

nav ul li a:hover:after {
    
    content: '';
    width: 80%;
    height: 7.5px;
    
    position: absolute;
    
    left: 10%;
    
    bottom: -15px;
    
    background-color: #aca405;
    
}

.frase-clave {
    
    font-family: 'Parisienne', cursive;
    text-align: center;
    
    font-size: 45px;
    
    color: white;
    
    position: relative;
    
    margin-top: 190px;
    margin-bottom: 15px;
    
    line-height: 1;
    
}

.frase-clave:after {
    
    background-image: url('../img/arrow.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    
    content: '';
    
    width: 100%;
    height: 43px;
    
    margin-top: 10px;
    
    position: absolute;
    
    display: block;
    
}

@media (max-width: 991px) {
    
    header .wrapper-logo {
        
        display: block;
        
        margin-left: auto;
        margin-right: auto;
        
        margin-bottom: 50px;
        
        max-width: 195.5px;
        
    }
    
    nav ul,
    nav ul li,
    nav .idiomas {
        
        text-align: center;
        float: none;
        
    }
    
    nav .idiomas {
        
        margin-bottom: 15px;
        
    }
    
    nav ul li a {
        
        margin-left: 10px;
        margin-right: 10px;
        
        display: inline;
        
    }
    
}

.menu-mobile,
.btn-menu {
    
    color: white;
    text-align: center;
    
}

.btn-menu {
    
    cursor: pointer;
    
}

.menu-mobile {
    
    display: none;
    
}

@media (max-width: 991px) {
    
    .frase-clave {
        
        font-size: 40px;
        
    }
    
}

@media (max-width: 767px) {
    
    .menu-desktop { display: none; }
    .menu-mobile { display: block; }
    
    .frase-clave {
        
        margin-top: 50px;
        
        font-size: 30px;
        
    }
    
}

.contacto {
    
    margin: 0; padding: 0;
    
}

.contacto input,
.contacto textarea {
    
    display: block;
    background-color: transparent;
    border: none;
    
    border-bottom: 2px solid #aca405;
    
    width: 100%;
    
    resize: none;
    
    padding: 5px;
    
    color: #363636;
    font-size: 20px;
    
    margin-top: 20px;
    
}

.contacto textarea {
    
    min-height: 250px;
    margin-bottom: 20px;
    
}

.contacto .titulo {
    
    color: black;
    
    font-family: 'Parisienne', cursive;
    text-align: center;
    
    margin-bottom: 40px;
    
}

.contacto .eslogan {
    
    text-align: center;
    
    margin-bottom: 40px;
    
}

.contacto button {
    
    background-color: #aca405;
    width: 100%;
    
    padding: 15px;
    
    text-align: center;
    
    border: none;
    
    color: white;
    
    font-size: 14px;
    font-weight: bold;
    
}

.contacto .checkbox,
.contacto label {
    
    display: inline; float: left;
    width: auto;
    
    margin-bottom: 15px;
    
}

.wrapper-checkbox {
    
    margin-top: 3px;
    
}

.contacto label {
    
    font-size: 12px;
    
    color: #707070;
    
    padding-top: 16.5px;
    padding-left: 10px;
    
}

#mapa {
    
    background-color: #43654a;
    
    position: relative;
    bottom: -143.5px;
    bottom: -240px; /* Para tapar controles de Google Maps */
    
    overflow: hidden;
    
}

#mapa:before {
    
    position: absolute;
    
    content: '';
    
    width: 100%;
    height: 309px;
    
    background-image: url('../img/borde-fondo-trans-big.png');
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    
}

#mapa iframe {
    
    width: 100%;
    
}

#mapa,
#mapa iframe {
    
    min-height: 1050px;
    
}

html body .contacto {
    
    position: relative;
    z-index: 2;
    
}

#wrapper-mapa {
    
    position: relative;
    top: -240px;
    z-index: 0;
    
}

#footer-contacto {
    
    margin-top: -96.5px;
    
}

@media (max-width: 1199px) { #mapa, #mapa iframe { min-height: 1050px; } }
@media (max-width: 991px) { #mapa, #mapa iframe { min-height: 1000px; } }
@media (max-width: 767px) { #mapa, #mapa iframe { min-height: 900px; } }
@media (max-width: 420px) { #mapa, #mapa iframe { min-height: 800px; } }

.contacto input,
.contacto textarea {
    
    transition-duration: 150ms;
    
}

.contacto input:hover,
.contacto textarea:hover,
.contacto input:focus,
.contacto textarea:focus {
    
    border-bottom: 2px solid black;
    
}

.contacto button {
    
    transition-duration: 150ms;
    
}

.contacto button:hover {
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    
}

.titulo-retro {
    
    font-size: 70px;
    font-family: 'Parisienne', cursive;
    
    margin-bottom: 30px;
    
}

.bg-promo {
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    
    background-attachment: fixed;
    
    position: relative;
    
    padding-left: 0;
    padding-right: 0;
    
    overflow: hidden;
    
}

.bg-promo:before {
    
    position: absolute;
    
    content: '';
    
    width: 100%;
    height: 143.5px;
    
    background-image: url('../img/borde-fondo-trans.png');
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}

.bg-promo:after {
    
    position: absolute;
    
    content: '';
    
    width: 100%;
    height: 164px;
    
    bottom: 0;
    
    background-image: url('../img/borde-trans-fondo.png');
    
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}

html body .bg-promo-productos:after {
    
    background-image: none;
    background-color: black;
    
}

.content-bg-promo {
    
    padding-top: 500px;
    padding-bottom: 175px;
    
    color: white;
    
}

@media (max-width: 767px) {
    
    .content-bg-promo {
        
        padding-top: 300px;
        padding-bottom: 175px;
        
    }
    
    .titulo-retro {
        
        font-size: 50px;
        
    }
    
}

.bg-promo.no-padding .content-bg-promo {
    
    padding-top: 175px;
    
}

.retro-mini {
    
    margin-top: 40px;
    font-size: 40px;
    
}

#botella-sidra,
#botella-brut {
    
    display: block;
    margin: 0 auto;
    
}

@media (max-width: 991px) {
    
    #botella-sidra,
    #botella-brut {
        
        display: none;
        
    }
    
    img.bifurc {
        
        display: block;
        margin: 0 auto;
        
    }
    
    h1.bifurc {
        
        text-align: center;
        
    }
    
}

.sidra-box {
    
    border: 7px solid #4e7300;
    padding: 40px;
    
    padding-left: 50%;
    
    position: relative;
    
}

.sidra-box2 {
    
    border: 7px solid #8a7969;
    padding: 40px;
    
    padding-left: 45%;
    
    position: relative;
    
}

.botella-box {
    
    position: absolute;
    max-height: 834px;
    
    top: -420px;
    left: 60px;
    
}

.botella-box2 {
    
    position: absolute;
    max-height: 1000px;
    
    left: 10px;
    top: -100px;
    
}

@media (max-width: 1199px) {
    
    .botella-box {
        
        top: -360px;
        left: 30px;
    
    }
    
    .botella-box2 {
        
        top: -200px;
        left: 80px;
    
    }
    
    .sidra-box2 { padding-left: 50%; margin-top: 200px; }
    
}

@media (max-width: 991px) {
    
    .botella-box2 {
        
        _position: static;
        
        display: block;
        
        max-height: 800px;
        padding-left: 10px;
        
        left: 6px;
        top: -40px;
        
    }
    
    .sidra-box2 {
        
        padding: 20px;
        padding-left: 270px;
        
        margin-top: 40px;
        
    }
    
}

@media (max-width: 767px) {
    
    .botella-box,
    .botella-box2 {
        
        position: static;
        
        display: block;
        margin: 0 auto;
        
        margin-bottom: 20px;
        
        max-height: 300px;
    
    }
    
    .sidra-box {
        
        padding: 20px;
        
    }
    
    .sidra-box2 {
        
        padding: 20px;
        
    }
    
}

.h1-negro {
    
    margin-bottom: 40px;
    font-family: 'Parisienne', cursive;
    color: #f9f0d6;
    
}

.p-negro {
    
    color: #f9f0d6;
    
}

.compra-box {
    
    border: 8px solid #4e7300;
    padding: 0;
    
    position: relative;
    
    margin-top: 500px;
    
    padding-top: 120px;
    
}

.compra-box img {
    
    position: absolute;
    
    top: -500px;
    
    left: 25%;
    width: 50%;
    
}

.compra-box h1 {
    
    text-align: center;
    font-family: 'Parisienne', cursive;
    
    padding: 20px;
    
    font-size: 30px;
    
}

.wrapper-box-tienda {
    
    background-color: #4e7300;
    color: #f9f0d6;
    
    padding: 20px;
    
}

.box-tienda-texto strong {
    
    color: white;
    
    opacity: 0.75;
    
    font-size: 16px;
    font-weight: 700;
    
}

.box-tienda-texto,
.box-tienda-input,
.box-tienda-btns {
    
    display: inline;
    float: left;
    
}

.box-tienda-texto {
    
    width: 60%;
    
}

.box-tienda-input {
    
    width: 40%;
    
}

.box-tienda-btns {
    
    width: 20%;
    
}

.box-tienda-input input {
    
    width: 100%;
    border: none;
    background-color: transparent;
    
    color: #f9f0d6;
    font-size: 30px;
    
    text-align: center;
    
    transition-duration: 150ms;
    
    background-color: rgba(255,255,255,0.1);
    
    border-bottom: 2px solid transparent;
    
}

.box-tienda-input input:hover {
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    
}

.btn-mas,
.btn-menos {
    
    background-color: #f9f0d6;
    
    display: block;
    
    width: 30px; height: 30px;
    
    text-align: center;
    
    margin: 4px;
    
    color: black;
    
    font-weight: 500;
    
    float: right;
    
    cursor: pointer;
    
    transition-delay: 150ms;
    
}

.btn-mas:hover,
.btn-menos:hover {
    
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    
}

.compra-box hr {
    
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    
    margin-left: 20px;
    margin-right: 20px;
    
    background-color: #4e7300;
    
}

.compra-box-2 {
    
    border-color: #8a7969;
    
}

.compra-box-2 .wrapper-box-tienda {
    
    background-color: #8a7969;
    
}

.compra-box-3 {
    
    border-color: #7d4042;
    
}

.compra-box-3 .wrapper-box-tienda {
    
    background-color: #7d4042;
    
}

@media (max-width: 1199px) {
    
    .compra-box img {
        
        top: -400px;
        
    }
    
    .compra-box {
        
        margin-top: 400px;
        
    }
    
}

@media (max-width: 991px) {
    
    .compra-box img {
        
        width: 20%;
        
        left: 40%;
        right: 40%;
        
    }
    
    .compra-box {
        
        margin-top: 450px;
        
    }
    
}

@media (max-width: 767px) {
    
    .compra-box img {
        
        width: 28%;
        
        left: 36%;
        right: 36%;
        
    }
    
    .compra-box {
        
        margin-top: 450px;
        
    }
    
}

@media (max-width: 610px) {
    
    .compra-box img {
        
        position: static;
        
    }
    
    .compra-box {
        
        margin-top: 30px;
        
    }
    
}

.contacto-tienda input,
.contacto-tienda textarea,
.contacto-tienda label {
    
    color: #f9f0d6;
    
}

.contacto-tienda input:hover,
.contacto-tienda textarea:hover,
.contacto-tienda input:focus,
.contacto-tienda textarea:focus {
    
    color: #f9f0d6;
    
    border-color: white;
    
}

.frase-clave span {
    
    font-family: 'Roboto Slab', serif;
    
}

.botella-home {
    
    position: relative;
    top: -500px;
    margin-bottom: -500px;
    
}

.textos-home .textos-right { text-align: right; }

@media (max-width: 1199px) {
    
    .botella-home {
        
        position: relative;
        top: -300px;
        margin-bottom: -300px;
        
    }
    
}

@media (max-width: 991px) {
    
    .textos-home .textos-right {
        
        text-align: left;
        
    }
    
    .botella-home {
        
        position: static;
        top: 0;
        
        max-height: 250px;
        
        margin-bottom: 20px;
        
        margin-left: 10px;
        text-align: left;
        
    }
    
}

.botella-brut-home {
    
    position: relative;
    top: -130px;
    margin-bottom: -130px;
    
}

@media (max-width: 991px) {
    
    .botella-brut-home {
        
        max-height: 300px;
        
    }
    
}

.btns-home {
    
    display: inline-block;
    text-align: center;
    margin-top: 100px;
    
}

.btns-home:hover,
.btns-home:focus {
    
    -webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
    box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.75);
    
}