body * {
    font-family: "Montserrat";
    font-weight: 400;
    color: #333133
}

body section.padding {
    padding: 40px 0
}

body header {
    background-color: #b4ac5b;
    min-height: 70px
}

body header .container {
    position: relative
}

body header .logo {
    display: inline-block;
    max-width: 140px;
    margin-top: 10px;
    padding: 10px
}

body .section-intro {
    margin-top: 70px;
    min-height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

body .section-intro .etiqueta {
    background-color: #a39731;
    padding: 10px;
    color: #fff;
    display: inline-block;
    position: relative
}

body .section-intro .etiqueta::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -300px;
    background-color: #a39731
}

body .section-intro .etiqueta::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 100%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 68px 30px 0 0;
    border-color: #a39731 transparent transparent transparent;
    transform: rotate(0deg)
}

body .section-intro .form-container {
    background-color: rgba(0, 0, 0, .55);
    padding: 20px
}

body .section-intro .form-container .form-control {
    border-radius: 0
}

body .section-intro .form-container button {
    display: block;
    width: 100%;
    border: solid 2px #fff;
    border-radius: 30px;
    padding: 5px;
    text-transform: uppercase;
    background-color: transparent;
    color: #fff
}

body .section-intro #carrusel {
    position: absolute;
    max-width: 100%;
    height: 100vh;
}

body .section-portada {
    margin-top: 70px;
    min-height: 85vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

body .section-descubre .items .item img {
    transition: all .5s
}

body .section-descubre .items .item img:hover {
    transform: scale(1.1);
    transition: all .5s
}

body .section-departamentos {
    position: relative
}

body .section-departamentos .preventa {
    position: absolute;
    text-align: center;
    top: -20px;
    left: 0;
    right: 0
}

body .section-departamentos .preventa .tag {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background-color: #b4ac5b;
    font-weight: 600;
    border-radius: 40px;
    font-size: 28px
}

body .section-pet {
    min-height: 70vh;
    background-image: url(../img/petfriendly-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

body .section-amenidades .items .item {
    position: relative
}

body .section-amenidades .items .item .overlay {
    background-color: rgba(0, 0, 0, .6);
    background-blend-mode: multiply;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all .5s
}

body .section-amenidades .items .item .overlay:hover {
    background-color: rgba(180, 172, 91, .6);
    background-blend-mode: multiply;
    transition: all .5s
}

body .section-testimonios {
    background: #01488d;
    background: linear-gradient(180deg, #01488d 30%, #52a6d1 100%)
}

body .section-contacto {
    background-image: url(../img/contacto-bg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

body .section-contacto .form-control {
    border: 0;
    border-bottom: solid 1px #e5e5e5;
    border-radius: 0
}

body .section-contacto .btn-cita {
    border: solid 1px #b5ac5a;
    padding: 5px 10px;
    background-color: #b5ac5a;
    border-radius: 30px
}

body .section-contacto .redes {
    text-decoration: none;
    color: #000
}

body .section-contacto .redes i {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    font-size: 22px
}

footer {
    background-color: rgba(135, 126, 44, .7)
}

@media(min-width: 768px) {
    body header {
        background-color: rgba(0, 0, 0, .2);
        transition: all .5s
    }

    body header .logo {
        display: inline-block;
        max-width: 220px;
        transition: all .5s;
        margin-top: 0
    }

    body header.scrolled {
        background-color: #000;
        transition: all .5s
    }

    body header.scrolled .logo {
        max-width: 170px;
        transition: all .5s
    }

    body header nav {
        display: inline-block;
        margin: 0;
        padding: 0
    }

    body header nav ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none
    }

    body header nav ul li {
        display: inline-block
    }

    body header nav ul li a {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        transition: all .5s
    }

    body header nav ul li a:hover {
        color: #b4ac5b;
        text-decoration: none;
        transition: all .5s
    }

    body .section-intro,
    body .section-portada {
        margin-top: 0
    }
}

@media(min-width: 992px) {
    body section.padding {
        padding: 80px 0
    }
}

.section-parallax {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.dorado {
    color: #a39731
}

.gris {
    color: #b5b5b5
}

.m100 {
    max-width: 100px
}

.m200 {
    max-width: 200px
}

.m300 {
    max-width: 300px
}

.m400 {
    max-width: 400px
}

.m500 {
    max-width: 500px
}

.m600 {
    max-width: 600px
}

.m700 {
    max-width: 700px
}

.m800 {
    max-width: 800px
}

.m900 {
    max-width: 900px
}

.m1000 {
    max-width: 1000px
}

.f100 {
    font-weight: 100 !important
}

.f200 {
    font-weight: 200 !important
}

.f300 {
    font-weight: 300 !important
}

.f400 {
    font-weight: 400 !important
}

.f500 {
    font-weight: 500 !important
}

.f600 {
    font-weight: 600 !important
}

.f800 {
    font-weight: 800 !important
}

.f900 {
    font-weight: 900 !important
}

.opacity-10 {
    opacity: .1
}

.opacity-20 {
    opacity: .2
}

.opacity-30 {
    opacity: .3
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-80 {
    opacity: .8
}

.opacity-90 {
    opacity: .9
}

.barra-redes {
    position: absolute;
    left: 10px;
    top: 200px;
    z-index: 998;
    background-color: #caec4b;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.barra-redes ul {
    list-style: none;
    margin: 0;
    padding: 5px
}

.barra-redes ul li {
    display: block;
    width: 40px;
    margin-bottom: 5px;
    border-bottom: solid 1px
}

.barra-redes ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center
}

.barra-redes ul li a i {
    color: #000;
    font-size: 24px;
    line-height: 40px;
    vertical-align: middle
}

.barra-redes ul li:last-child {
    border-bottom: 0
}

.floating-wpp-head span {
    color: #fff;
    font-weight: 600
}

.carousel-indicators li {
    background-color: #9f9f9f
}

.patern {
    background-image: url(../img/patern.jpg);
    background-repeat: repeat
}

.btn-amarillo {
    background-color: #caec4b;
    border-color: #caec4b;
    color: #000
}

.btn-amarillo:hover {
    background-color: #caec4b;
    border-color: #caec4b;
    color: #000
}

.btn-amarillo.rounded {
    border-radius: 20px !important
}

.btn-azul {
    background-color: #04bebe;
    border-color: #04bebe;
    color: #000
}

.btn-azul:hover {
    background-color: #04bebe;
    border-color: #04bebe;
    color: #000
}

.btn-azul.rounded {
    border-radius: 20px !important
}

input[type=radio] {
    accent-color: #caec4b !important
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(108%)
}

.menu-btn {
    background-color: #000;
    cursor: pointer
}

.menu-btn i {
    font-size: 22px;
    color: #fff
}

.hamburger-menu {
    position: relative;
    height: 0
}

#menu__toggle {
    opacity: 0
}

#menu__toggle:checked+.menu__btn>span {
    transform: rotate(45deg)
}

#menu__toggle:checked+.menu__btn>span::before {
    top: 0;
    transform: rotate(0deg)
}

#menu__toggle:checked+.menu__btn>span::after {
    top: 0;
    transform: rotate(90deg)
}

#menu__toggle:checked~.menu__box {
    left: 0 !important
}

.menu__btn {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition-duration: .25s
}

.menu__btn>span::before {
    content: "";
    top: -8px
}

.menu__btn>span::after {
    content: "";
    top: 8px
}

.menu__box {
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    background-color: #000;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transition-duration: .25s
}

.menu__item {
    display: block;
    padding: 12px 24px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s
}

.menu__item:hover {
    background-color: #cfd8dc;
    text-decoration: none
}

/*# sourceMappingURL=style.css.map */