/******************************************************************
************************ Estilos generales ************************
******************************************************************/
body {
    font-family: 'Metropolis',sans-serif;
    color: #676a6b;
    background-color: #fcfcfc;
    line-height: 22px;
}
.top-header {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.top-header p.nav-link, .top-header a.nav-link {
    font-size: 1.0em;
    margin-bottom: 0;
    padding: 0;
}
header {
    background-color: rgba(0,0,0,0.4);
}
footer {
    position: relative;
    z-index: 3;
    margin-top: 0 !important;
    padding-top: 50px;
    color: #d4a155 !important;
    background-color: #f6f7f9;
}
figure {
    margin: 0;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
nav a {
    color: #676a6b;
    font-family: 'NimbusRomNo9L',serif;
}
#desplegable {
    top: 100% !important;
}
#bottom-footer{
    padding-top: 50px;
}
.footer-copyright {
    text-align: center;
    font-size: 0.9rem;
    line-height: 20px;
    min-height: 50px;
    padding: 30px 0px;
    color: #d4a155 !important;
    background: none !important;
}
.footer-copyright span {
    color: #d4a155 !important;
    overflow: hidden;
    padding-right: 16px;
    font-weight: 500;
}

.footer-copyright span a {
    color: #d4a155 !important;
    margin: 0 0 0 15px;
    padding-right: 16px;
    font-weight: 500;
}
section {
    padding-top: 90px;
    padding-bottom: 90px;
}
#mapa {
    height: 925px;
    background-color: grey;
}
.clearfix {
    clear: both;
}
hr.espacio {
    border: none !important;
    clear: both;
    height: 70px;
    margin: 0;
}
hr.espacio-mediano {
    border: none !important;
    clear: both;
    height: 30px;
    margin: 0;    
}
hr.espacio.xs {
    height: 10px;
}
hr.espacio.s {
    height: 15px;
}
hr.espacio.m {
    height: 30px;
}
.fondo-blanco {
    background-color: #fcfcfc;
}
.fondo-gris {
    background-color: #f6f9f8;
}
.bg-corp {
    color: #fcfcfc !important;
    background-color: rgba(212, 161, 85, 0.5);
}
.blanco {
    color: #fcfcfc !important;
}
.negro, .black {
    color: #333 !important;
}
.promo-caption {
    margin: 15px 0 20px 0;
}
.sin-margen {
    margin: 0;
}
.fondo-sombreado {
    background-color: rgba(0, 0, 0, .5);
}
ul:not(.browser-default) {
    padding-left: 0;
    list-style-type: none;
}
ul:not(.browser-default)>li {
    list-style-type: none;
}
.accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: #d4a155;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.accordion-button:focus {
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
button.accordion-button {
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
@media screen and (max-width: 576px) {
    .logo {
        max-width: 250px;
    }
}
@media screen and (max-width: 991px) {
    .google-partners {
        position: relative;
        right: 40px;
        top: 25px;
    }
}
@media only screen and (max-width: 992px){
    .margin-top-movil-80 {
        margin-top: 80px !important;
    }
}
@media only screen and (min-width: 993px){
    nav .brand-logo {
        margin-left: 100px;
    }
    .container {
        width: 70%;
    }
}
@media (max-width: 1200px) {
    .image_picker_selector > li > div > p {
        display: none !important;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }
    .padding-large-screen {
        padding: 6rem 10rem;
    }
}
.dropdown-content {
    min-width: 250px !important;
}
.padding-0 {
    padding: 0 !important;
}
.btn-lg {
    border-radius: 2px;
    text-decoration: none;
    color: #fcfcfc;
    background-color: #039BE5;
    text-align: center;
    letter-spacing: .5px;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    cursor: pointer;
    box-shadow: none;
}
.btn:hover {
    color: #fff;
}
.btn-danger {
    background-color: #dc3545;
}
.btn-info {
    color: #fff;
}
a.btn.btn-sm {
    margin: .375rem;
}
.btn-outline-white {
    color: #fcfcfc;
    background-color: transparent;
    border-color: #fcfcfc;
    padding: 15px 25px;
}
.btn-outline-white:hover {
    color: #fcfcfc;
    border-color: #fcfcfc;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.btn-outline-white:focus {
    color: #fcfcfc;
    border-color: #fcfcfc;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%);
}
.btn-outline-grey {
    color: #272b2b;
    background-color: transparent;
    border-color: #272b2b;
    padding: 15px 25px;
}
.btn-outline-grey:hover {
    color: #d4a155;
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
.btn-outline-grey:focus {
    color: #d4a155;
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
/******************************************************************
********************* Elementos de formulario *********************
******************************************************************/
.form-control:focus {
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
.form-select:focus {
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
.form-check-input:focus {
    border-color: #d4a155;
    box-shadow: 0 0 0 0.25rem rgb(212 161 85 / 25%);
}
.form-check-input:checked {
    background-color: #d4a155;
    border-color: #d4a155;
}
ul.thumbnails.image_picker_selector {
    display: flex !important;
    justify-content: center !important;
}
ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background: none !important;
    color: #d4a155 !important;
    border: 3px solid #d4a155 !important;
    border-radius: .25rem;
}
ul.thumbnails.image_picker_selector li .thumbnail {
    padding: 0 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #d4a155;
    background: #e7cea7;
}
@media (min-width: 576px) {

}
@media (min-width: 768px) {
    
}
@media (min-width: 992px) {
    ul.thumbnails.image_picker_selector li .thumbnail img {
        width: 212px;
        height: auto;
    }
}
@media (min-width: 1200px) {
    ul.thumbnails.image_picker_selector li .thumbnail img {
        width: 212px;
        height: auto;
    }
}
@media (min-width: 1400px) {
    ul.thumbnails.image_picker_selector li .thumbnail img {
        width: 296px;
        height: auto;
    }
}
/******************************************************************
************************ Pseudo selectores ************************
******************************************************************/
::selection {
    color: #fcfcfC;
    background-color: #e7cea7;
}
/******************************************************************
************************** Texto general **************************
******************************************************************/
p {
    font-family: inherit;
    margin: 0 0 10px;
    color: #676a6b;
    font-size: 0.9rem;
}
h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, h1 a, h2 a, h3 a, h4 a, h5 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a {
    font-family: 'NimbusRomNo9L',serif;
    color: #272b2b;
    font-weight: 600;
    margin-bottom: 1.2rem;
}
h1, .h1 {
    font-size: 50px !important;
}
h2, .h2 {
    font-size: 50px;
}
h3, .h3 {
    font-size: 25px;
    line-height: 4.125rem;
    font-weight: 300;
    position: relative;
    font-weight: 700;
    line-height: 40px;
}
h4, .h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
strong {
    font-weight: bold;
}
.mayusculas {
    text-transform: uppercase;
}
.texto-centrado, .centrado {
    text-align: center !important;
}
.alineado-derecha {
    text-align: right !important;
    padding-right: 5.25rem;
}
.alineado-izquierda {
    text-align: left !important;
    padding-right: 2.5rem !important;
    padding-left: 5.25rem !important;
}
.subtitle {
    font-family: Metropolis,sans-serif;
    font-size: 0.750em;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 6.5px;
    line-height: 1.5em;
    color: #d4a155;
}
.special-number {
    font-size: 2.3rem;
    margin-right: 10px;
    color: #d4a155;
}
.text-golden {
    color: #d4a155;
}
@media screen and (max-width: 991px) {
    .mas-caracteristicas .caracteristica.alineado-derecha {
        text-align: left !important;
        padding-right: 0;
        padding-left: 7.5rem;
    }
    .mas-caracteristicas .caracteristica.alineado-izquierda {
        text-align: left !important;
        padding-right: 0 !important;
        padding-left: 7.5rem !important;
    }
    .mas-caracteristicas .caracteristica figure {
        right: auto !important;
        left: 0 !important;
    }
}
.texto-mediano {
    font-size: 1.1em;
}
.texto-grande {
    font-size: 1.3em;
}
.texto-muy-grande {
    font-size: 2em;
}
.grid-box > .grid-item {
    padding: 7px;
}
.zoom-imagen {
    position: relative;
    overflow: hidden;
    width: 401px;
}
.zoom-imagen img {
    max-width: 100%;
    -moz-transition: all .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
    -webkit-transition: all .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
    transition: all .3s, margin-top 1ms, width 1ms, max-width 1ms, margin-left 1ms !important;
    z-index: 2;
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
}
.zoom-imagen:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.zoom-inverso:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2) !important;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2) !important;
}
img {
    max-width: 100%;
    display: inline-block;
}
.titulo-seccion {
    background-image: -webkit-linear-gradient(to right, #00c9fd 0%, #81ee8e 100%); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(to right, #00c9fd 0%, #81ee8e 100%); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(to right, #00c9fd 0%, #81ee8e 100%); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(to right, #00c9fd 0%, #81ee8e 100%); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to right, #00c9fd 0%, #81ee8e 100%); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 2.75rem;
    line-height: 4.125rem;
    font-weight: 300;
    margin-top: 0;
    position: relative;
    margin-bottom: 3.75rem;
    text-transform: uppercase;
}
h3.titulo {
    font-size: 2.75rem;
}
/******************************************************************
*************************** Iconos ********************************
******************************************************************/
.dorado {
    color: #e7711b;
}
i {
    line-height:inherit;
}
i.left {
    float: left;
    margin-right: 15px;
}
i.right {
    float: right;
    margin-left: 15px;
}
i.tiny {
    font-size: 1rem;
}
i.small {
    font-size: 2rem;
}
i.medium {
    font-size: 4rem;
}
i.large {
    font-size: 6rem;
}
/******************************************************************
*********************** Menú principal ****************************
******************************************************************/
.nav {
    background-color: #fcfcfc !important;
    color: #212121 !important;
}
.navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    background: none;
    color: #d4a155;
}
.navbar.navbar-light .breadcrumb .nav-item .nav-link:hover, .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
    color: #d4a155;
}
a.nav-link.active.waves-effect.waves-light {
    color: #d4a155 !important;
}
a.nav-link.waves-effect.waves-light:active {
    color: #d4a155 !important;
}
/******************************************************************
************************ Menú lateral *****************************
******************************************************************/
.side-nav {
    padding-top: 20px;
}
/******************************************************************
*************************** Hero inicio ***************************
******************************************************************/
.hero {
    background-size: cover !important;
}
@media only screen and (min-width: 300px) and (max-width: 599px) {
    .hero {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 200px;
    }
    .banner-hero {
        margin-top: 25px;
    }
    .banner-hero h1 {
        color: #fff !important;
        font-size: 1.5rem !important;
    }
}
@media only screen and (min-width: 600px) {
    .hero {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100%;
        padding: 90px 15px 90px 15px;
    }
    .banner-hero {
        float: left;
        width: 100%;
        position: relative;
        left: -15px;
        padding: 50px 0 0 0;
        margin-top: 25px;
    }
    .banner-hero h1 {
        font-size: 6rem !important;
        color: #fff;
        font-weight: 100;
        letter-spacing: -2px;
        line-height: 1;
        padding: 0;
        margin: 0 0 30px 0;
    }
    nav .nav-wrapper {
        padding-top: 18px;
    }
}
@media only screen and (max-width: 1000px) {
    .banner-hero h2, .banner-hero p, .formulario-hero {
        display: none;
    }
}
@media only screen and (min-width: 1300px){
    .hero {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}
@media only screen and (min-width: 1500px){
    .hero {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}
/******************************************************************
*************************** Hero WYSIWYG **************************
******************************************************************/
.hero-wsw {
    background-size: cover !important;
}
@media only screen and (min-width: 300px) and (max-width: 599px) {
    .hero-wsw {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 200px;
    }
    .banner-hero-wsw {
        margin-top: 25px;
    }
    .banner-hero-wsw h1 {
        color: #fff !important;
        font-size: 1.5rem !important;
    }
}
@media only screen and (min-width: 600px) {
    .hero-wsw {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        height: 100%;
        padding: 90px 15px 90px 15px;
    }
    .banner-hero-wsw {
        float: left;
        width: 100%;
        position: relative;
        left: -15px;
        padding: 50px 0 0 0;
        margin-top: 25px;
    }
    .banner-hero-wsw h1 {
        font-size: 6rem !important;
        color: #fff;
        font-weight: 100;
        letter-spacing: -2px;
        line-height: 1;
        padding: 0;
        margin: 0 0 30px 0;
    }
    nav .nav-wrapper {
        padding-top: 18px;
    }
}
@media only screen and (max-width: 1000px) {
    .banner-hero-wsw h2, .banner-hero-wsw p, .formulario-hero {
        display: none;
    }
}
@media only screen and (min-width: 1300px){
    .hero-wsw {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}
@media only screen and (min-width: 1500px){
    .hero-wsw {
        background-size: cover !important;
        background-position: center center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}
/******************************************************************
**************************** Tarjetas *****************************
******************************************************************/
.zoom {
    box-shadow: none;
    transition: all .6s;
}
.zoom:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 45px rgba(0, 0, 0, .15);
    transition: all .6s;
}
.card-panel {
    border: 1px solid #eef1f5;
    padding: 70px 50px;
    transition: all .6s;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.card-panel h3 {
    margin: 20px 0;
    font-size: 20px;
}
.promo h3 {
    margin: 20px 0;
    font-size: 20px;    
}
.tarjeta {
    border: none !important;
}
.tarjeta-inversa {
    border: none !important;
}
/******************************************************************
***************************** Frases ******************************
******************************************************************/
.titulo-frase {
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}
.bloque-frase {
    margin: 25px 0;
}
.frase {
    font-size: 18px;
    font-weight: 300;
    position: relative;
    line-height: 28px;
}
.firma {
    font-style: normal;
    font-weight: 700;
    padding-left: 80px;
    display: block;
    margin: 15px 0 0 0;
    font-size: 14px;
    color: #272b2b;
}
/******************************************************************
**************************** Contacto *****************************
******************************************************************/
@media only screen and (max-width: 992px){
    .texto-google-maps {
        padding: 60px 20px !important;
    }
    .texto-wpo {
        padding: 50px !important;
    }
    .margin-top-movil-80 {
        margin-top: 80px !important;
    }
    .datos-contacto {
        margin: 20px 5px 20px 5px;
    }
    #datos-contacto {
        padding: 0;
    }
}
@media only screen and (min-width: 993px){
    .datos-contacto {
        margin: 60px 50px 20px 30px;
    }
    #datos-contacto {
            padding: 10px 50px 5px 30px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.7rem;
        padding-left: 0.7rem;
    }
}
@media only screen and (min-width: 1500px){
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
/******************************************************************
**************************** Secciones ****************************
******************************************************************/
#google-my-business {
    padding-bottom: 0;
}
.step-9 {
    background-color: #f6f7f9;
}
/******************************************************************
************************ Opiniones clientes ***********************
******************************************************************/
.carousel.carousel-slider .carousel-fixed-item.with-indicators {
    bottom: 120px;
}
.carousel.carousel-slider .carousel-item p {
    font-size: 1.8em;
    line-height: 1.3;
}
.frase-carousel {
    font-size: 1.8em;
    line-height: 1.3;
    color: white;
}
.carousel-indicators {
    margin-bottom: 60px !important;
}
/******************************************************************
********************** Formulario de contacto *********************
******************************************************************/
.hey-honey {
    display: none;
}
.md-form input:not([type]), .md-form input[type="text"]:not(.browser-default), .md-form input[type="password"]:not(.browser-default), .md-form input[type="email"]:not(.browser-default), .md-form input[type="url"]:not(.browser-default), .md-form input[type="time"]:not(.browser-default), .md-form input[type="date"]:not(.browser-default), .md-form input[type="datetime"]:not(.browser-default), .md-form input[type="datetime-local"]:not(.browser-default), .md-form input[type="tel"]:not(.browser-default), .md-form input[type="number"]:not(.browser-default), .md-form input[type="search"]:not(.browser-default), .md-form input[type="phone"]:not(.browser-default), .md-form input[type="search-md"], .md-form textarea.md-textarea {
    border-bottom: 1px solid #fcfcfc;
}
.md-form label {
    color: #fcfcfc;
}
@media only screen and (max-width: 992px){
    #g-recaptcha {
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
        -webkit-transform: -webkit-scale(0.77 );
    }
}
/******************************************************************
****************************** Modal ******************************
******************************************************************/
.modal-overlay {
    z-index: 2 !important;
}
.modal {
    max-height: 88%;
}
/******************************************************************
****************************** Admin ******************************
******************************************************************/
input:-internal-autofill-selected {
    background-color: rgb(255, 255, 255) !important;
}