/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*est fichero contiene los estilos generales de la pagina*/

:root{
    --error: red!important;
    --font-color-black:#000000;
    --font-color-active: #e63619; /*El naranja de los botones*/
    --font-color-btn-black:#222222;
    --font-color-gray: #eeeeee;
    --font-color-white: #ffffff;
    --font-color-secondary: #e67725;
    --color-added: #222222;
    --color-added-check: #61c00d;

    --color-vallnord: #e30613;
    --color-grandvalira: #45b9dd;

    /*colors del boto primary danger*/
    --font-btn-color: #ffffff;
    --bg-btn-color:  #e63619;
    --bg-btn-hover-color: var(--font-color-header-active);

    /*colors del boto secundary*/
    --font-btn-secondary-color: #ffffff ;
    --bg-btn-secondary-color: #222222 ;
    --bg-btn-hover-secondary-color: #222222;

    /*colors del boto normal*/
    --font-btn-normal-color: #342926 ;
    --bg-btn-normal-color: #eeeeee ;
    --bg-btn-hover-normal-color: #342926 ;


    /*inputs colors*/
    --placeholder-input-color: #888888;
    --input-font-color: #222222;
    --focus-input-color: #e63619;

    /*a tag box shadow color*/
    --a-btn-primary-focus-shadow-color: #222222;
    --btn-box-shadow-hover: 0 0 0 0.1rem #222222;

    /*bloque de destacados */
    --bg-color-destacados: #f8f8f8;
    --a-tag-destacados-font-color: #222222;
    --a-tag-destacados-font-color-hover:#e63619;

    /*a card variables*/
    --card-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    --card-field-label-font-color: rgb(0, 0, 0);
    --bg-color-card: #f8f8f8;
    --bg-color-card-hover: #ffffff;

    /*user selectors*/
    --bg-color-button-grey: #eeeeee;
    --bg-color-btn: #e63619;
    --bg-color-btn-hover: var(--font-color-header-active); /*El naranja clarito de los botones al hacer hover*/
    --bg-color-read-more-btn:  #e63619;
    --bg-color-read-more-btn-hover: #222222;
    --bg-color-btn-secundary: #222222;

    /*variables para estilos del footer */
    --bg-color-footer: #0f0f0f;
    --font-color-footer-normal: white;
    --font-color-footer-active: #e63619 ;

    /*variables para estilos del header */
    --bg-color-header: #0f0f0f;
    --font-color-header-normal: white;
    --font-color-header-active: #e63619 ;
    --font-color-submenu: #999;
    --font-color-submenu-hover: #666;

    /*separador de color de incluye del summary*/
    --border-table-black: black;

    /*radios */
    --bg-radio-color: #d1d3d1;
    --radio-color-active: #e63619 ;

    /*owl-navs colors*/
    --bg-owl-nav-color: #222222;
    --font-owl-nav-color: #ffffff;

    /*table summary bg color*/
    --color-bg-table-summary: rgba(258,54,25,.1);

    /* Imagen ppal página tienda */
    --altura-imagen-ppal : 600px;
}

/*----------------FONT TYPES DEL TEMPLATE --------------------*/

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-ExtraLight.woff") format("woff"), url("../fonts/Oswald-ExtraLight.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-Light.woff") format("woff"), url("../fonts/Oswald-Light.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-Regular.woff") format("woff"), url("../fonts/Oswald-Regular.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-Medium.woff") format("woff"), url("../fonts/Oswald-Medium.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-SemiBold.woff") format("woff"), url("../fonts/Oswald-SemiBold.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oswald-Bold.woff") format("woff"), url("../fonts/Oswald-Bold.woff2") format("woff2");
    font-family: "Oswald";
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oxygen-Light.woff") format("woff"), url("../fonts/Oxygen-Light.woff2") format("woff2");
    font-family: "Oxygen";
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oxygen-Regular.woff") format("woff"), url("../fonts/Oxygen-Regular.woff2") format("woff2");
    font-family: "Oxygen";
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-display: swap;
    src: url("../fonts/Oxygen-Bold.woff") format("woff"), url("../fonts/Oxygen-Bold.woff2") format("woff2");
    font-family: "Oxygen";
    font-style: normal;
    font-weight: 700;
}

/*----------------END FONTS TYPES DEL TEMPLATE --------------------*/


/**/
/* apply a natural box layout model to all elements, but allowing components to change */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

/*----------------------------- ESTILOS GENERALES -------------------------------*/

body.domain-store_shuski_com [data-drupal-selector="edit-b2b-items"]{
    display: none!important;
}
body.domain-store_shuski_com [data-drupal-selector="edit-b2b-items-shusski"]{
    display: flex!important;
}

#admin-toolbar-search-input {
    padding: 2px 10px!important;
    min-height: 0!important;
    height: 31px!important;
    border-radius: 20px!important;
}


html,
body {
    font: normal 400 16px/1.75 Oxygen;
    color: #777777;
    overflow-x: hidden; /*he de encontrar el elemento que desborda*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
    margin: 40px 0 20px 0;

}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 16px;
    line-height: 1.69;
}

li::marker{
    color: var(--font-color-active);
}
/* .container{
    max-width:1420px;
} */

/*-DESABILITO LOS ESTILOS DEL CONTAINER I EL ROW PARA QE NO AFECTE A MIS ESILOS */
/*.container {
    width: none;
    padding-right: none;
    padding-left: none;
    margin-right: none;
    margin-left: none;
}*/


.container{
    max-width: 1420px !important;
    margin:  0 auto !important;
}
.container-fluid{
    padding:0;
}

.full-layout{
    /* max-width: 1420px;
    margin:  0 auto;
     */
    padding: 60px 0;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.content-block.full-layout{
    padding:0 !important;
}

.layout-standard{
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 0;
}
.bitaboot-xs .content-block.layout-standard,
.bitaboot-xs .content-block.layout-standard{
    /* padding-right: 0px;
    padding-left: 0px; */
}

.row {
    display: block;
    /*-ms-flex-wrap: ;*/
    /* flex-wrap: wrap; */
    margin-right:0px;
    margin-left:0px;
}
/*@media(max-width: 960px){
    .layout-standard {
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media(max-width: 960px){
    .layout-standard {
        padding-left: 40px;
        padding-right: 40px;
    }
}*/
.form-group{
    margin-bottom:0px;
}

a, .btn-link{
    text-decoration: none;
}
.btn-link{
    color: var(--font-color-black)
}

a:hover, .btn-link:hover{
    color: var(--font-color-active);
    text-decoration: none;
}

.error{
    color: var(--error);
}

img{
    max-width:100%;
}



/*---------------- DEFINCIO DELS BOTONS ---------------------------*/
/*per als que fan servir la classe btn de bootstrap per a modificar els seus estils*/
.btn{
    padding: 0 1rem;
}

button:focus{
    outline:none;
}
button, a.enlace.btn, .btn{
    font: normal 400 16px/2.94 Oswald;
    /*background: var(--bg-color-button-grey);*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    height: 47px;
    /* margin-right: 10px; */
    margin-bottom: 10px;
    padding: 0 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    /*color: var(--font-color-btn-black);*/
    text-transform: uppercase;
    cursor: pointer;
}

/*sirve para hacer el boton con la row en el before*/
.btn-row, input[type="submit"]{
    font: normal 500 18px/3.06 Oswald;
    position: relative;
    height: 57px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: ease-in-out .3s ;
    -o-transition: ease-in-out .3s ;
    transition: ease-in-out .3s ;
}
.btn-row:hover, input[type="submit"]:hover,
.btn-row:focus, input[type="submit"]:focus,
.btn-row:active, input[type="submit"]:active,
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: var(--bg-btn-hover-color);
}

/*--ESTILS DE BOTONS DE LA WEB i dels a tags mamb clases btn.btn-primary .btn-default .btn-link-->maquetat just a sobre de def de botons-------- --------------*/
a{
    color:var(--font-color-active);
}
a:hover {
    text-decoration: underline;
}

a.enlace.btn.btn-primary:hover{
    /*border-color: black;*/
    /*box-shadow: var(--btn-box-shadow-hover);*/
    border: var(--font-color-active);

}
/*a.enlace.btn.btn-primary:not(:disabled):not(.disabled).active,
a.enlace.btn.btn-primary:not(:disabled):not(.disabled):active
{
    /*border-color: black;
    box-shadow: var(--btn-box-shadow-hover);
    background: var(--bg-btn-color);
    color: var(--font-btn-color);
}*/
a.enlace.btn.btn-primary:not(:disabled):not(.disabled):active:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.danger-row:before, .normal-row:before{
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    position: absolute;
    top: 50%;
    right: -10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 1px;
    content: '';
    transition: 0.3s;
}

.danger, .danger-row, input[type="submit"], a.enlace.btn.btn-primary {
    background: var(--bg-btn-color);
    color: var(--font-btn-color) !important;
    border: 1px solid var(--bg-btn-hover-color) !important;
}
.danger:hover, .danger-row:hover, input[type="submit"]:hover,a.enlace.btn.btn-primary:hover,
a.enlace.btn.btn-primary:focus
,a.enlace.btn.btn-primary:not(:disabled):not(.disabled).active,
a.enlace.btn.btn-primary:not(:disabled):not(.disabled):active{
    background-color: var(--font-btn-color);
    color: var(--font-color-active) !important;
    border: 1px solid var(--bg-btn-hover-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.normal, .normal-row, a.enlace.btn.btn-default{
    background: var(--bg-btn-normal-color);
    color: var(--font-btn-normal-color);
    border: 1px solid var(--bg-btn-normal-color);
}
.normal:hover, .normal-row:hover, a.enlace.btn.btn-default:hover{
    background-color: white;
    color: var(--font-btn-normal-color) !important;
    border: 1px solid var(--bg-btn-normal-color);
}

.secondary{
    background: var(--bg-btn-secondary-color);
    color: var(--font-btn-secondary-color);
    border: 1px solid var(--bg-btn-secondary-color);
}

.secondary:hover{
    background-color:var(--font-btn-secondary-color) ;
    color: var(--bg-btn-secondary-color) !important;
    border: 1px solid var(--bg-btn-secondary-color);
}

/* .normal:hover, .normal-row:hover, a.enlace.btn.btn-default:hover,
.danger:hover, .danger-row:hover, input[type="submit"]:hover,  a.enlace.btn.btn-primary:hover{
    box-shadow: var(--btn-box-shadow-hover);

}*/

/*------------------END DEFINCIO DELS BOTONS----- -------------*/


/*--------------------- DECLARACION DE INPUTS ------------------*/

input:not([type="submit"] ):not([type="checkbox"]):not([type="tel"]):not([type="radio"]), select{
    font: normal 400 16px/3.56 Oxygen !important;
    background: #ffffff !important;
    height: 57px !important;
    /*padding-left: 25px !important;*/
    border-radius: 3px !important;
    color: var(--input-font-color) !important;
    padding: 1px 2px 1px 25px !important;
}
select {
    font: normal 500 18px Oswald !important;
    color: #222222 !important;
    text-transform: uppercase !important;

}

/*estils per a quan esta focused els inputs*/
input:not([type="submit"] ):not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus{
    color: var(--placeholder-input-color) !important;
    outline: 0 !important;
    background-color: #fff !important;
    border-color: var(--font-color-active) !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

select:not([multiple]):not([size]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 20px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position: 100% 50% !important;
}

input[type="submit"] {
    font: normal 400 16px/2.94 Oswald;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    height: 47px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    height: 57px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position:relative;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
    background-color: var(--bg-btn-color);
    background-position-x: 98%;
}

input::-webkit-input-placeholder{
    font: normal 400 16px Oxygen !important;
    color: var(--placeholder-input-color) !important;
}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder{
    font: normal 400 16px Oxygen !important;
    color: var(--placeholder-input-color) !important;
}

/*treiem el pading del telefon*/
input[type="tel"]{
    font: normal 400 16px/3.56 Oxygen !important;
    background: #ffffff !important;
    height: 57px !important;
    border-radius: 3px !important;
    color: var(--input-font-color) !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    /* padding-left: 100px;
     background-color: transparent;
     z-index:0;*/
    /*border: 1px dashed red;*/
}
/*----------- CUSTOM CHECKBOX -------------*/
/*para que el texto del label salga todo en la linia sin chafar el checkbox*/
.checkbox > label > span{
    margin: -5px 0 0 0;
    width: 100vw;
    display: inline-block;
}

/*1*/
input[type=checkbox] {
    visibility: hidden;
}

.checkbox, .checkbox-pack {
    /*  width: 20px;
     height: 20px; */

    border-radius: 3px;
    /*position: relative;*/
    padding-left:1rem;
}

.checkbox label  {

    cursor: pointer;
    position: relative;
    padding-left: 2rem;


}
.checkbox-pack label{
    cursor: pointer;
    position: relative;
    padding-left:0rem;
}


.checkbox label::before{
    content: "";
    position:absolute;
    top:3px;
    left:0;
    padding-left: 1rem;
    width: 20px;
    height: 20px;


    border-radius: 3px;
    border: 1px solid var(--font-color-active);

    /* webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1); */


    /* background: var(--font-color-active); */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.checkbox-pack label::before{
    content: "";
    position:absolute;
    bottom: -15px;
    /*left: 40px;*/
    left: 40%;

    padding-left: 1rem;
    width: 20px;
    height: 20px;


    border-radius: 3px;
    border: 1px solid var(--font-color-active);

    /*Si se vol amb format toronja el bg i les shadows*/
    /*-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: var(--font-color-active); */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.checkbox label::after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 9px;
    left: 6px;
    border: 2px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox-pack label::after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    bottom: -6px;
    /*left: 45px;*/
    left:41px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


/*si es vol mostrar el check al fer hover del label*/
/*.checkbox label:hover::after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}*/

/*.checkbox-pack label:hover::after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}*/
.checkbox input[type=checkbox]:checked + label::before{
    background: var(--font-color-active);
}
.checkbox-pack input[type=checkbox]:checked + label::before{
    background: var(--font-color-active);
}
.checkbox input[type=checkbox]:checked + label:after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}


.checkbox-pack input[type=checkbox]:checked + label:after {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/*----------------------end custom checkbox----------------------*/



/*------custom radio butons---*/

input[type='radio']:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--bg-radio-color);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

input[type='radio']:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: var(--radio-color-active);
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
/*custom dels blocs de esquerra dreta i media dreta txt esquerra*/


/*----------------MODELO DE IMG IZQUIERDA - TEXTO DERECHA -----------------------*/

.model-ID .calltoaction{
    margin-left: 4rem;
}
.model-ID .calltoaction .field-titulo-cb,
.model-DI .calltoaction .field-titulo-cb{
    text-transform: uppercase;
    color: var(--font-color-black);
    margin-top: 0;

}
.model-ID .calltoaction .field-subtitulo-cb,
.model-DI .calltoaction .field-subtitulo-cb{
    text-transform: uppercase;
    color: var(--font-color-active);
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
}
/*----------------MODELO DE TEXTO IZQUIERDA - IMG DERECHA -----------------------*/
.model-DI .calltoaction{
    margin-right: 4rem;
}
.content-block.content-block-wrapper.full-layout.model-DI,
.content-block.content-block-wrapper.full-layout.model-ID{
    padding: 0 3rem !important;
}

/*resolucio per a mobil */
@media only screen and (max-width: 992px) {


    .container .full-layout{
        padding: 50px 2rem;
    }
    /*----------------IMG IZQUIERDA - TEXTO DERECHA -----------------------*/
    .model-ID .calltoaction{
        margin-left: 0rem;
    }
    /*----------------TEXTO IZQUIERDA - IMG DERECHA -----------------------*/
    .model-DI .calltoaction{
        margin-left: 0rem;
        margin-right: 0rem;
    }
    /*Per a que surti la imatge i a sota el text*/
    .model-DI .item-wrapper .mediasection{
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .model-DI .item-wrapper .calltoaction{
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .model-DI .item-wrapper, .model-ID .item-wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:100%;
        -webkit-box-align:center;
        -ms-flex-align:center;
        -ms-grid-row-align:center;
        align-items:center;
    }
    .model-ID .item-wrapper .calltoaction,
    .model-DI .item-wrapper .calltoaction,
    .model-ID .item-wrapper .mediasection,
    .model-DI .item-wrapper .mediasection {
        width: 100%;
    }

}

.bitaboot-sm .container .full-layout,
.bitaboot-xs .container .full-layout{
    padding: 50px 0px;
}
.bitaboot-xs .col{
    padding: 0;
}
/*------------------------MODELO DE TARJETAS --------------------*/

.bitaboot-lg .tarjeta-container .content-block,
.bitaboot-md .tarjeta-container .content-block{
    -ms-flex-preferred-size: calc(33.3% - 1rem);
    flex-basis: calc(33.3% - 1rem);
    padding: 2rem;
}

.bitaboot-sm .tarjeta-container .content-block,
.bitaboot-xs .tarjeta-container .content-block{
    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
    padding: 2rem;

}
@media (max-width: 750px){
    .bitaboot-xs .tarjeta-container .content-block{
        -ms-flex-preferred-size: calc(100%);
        flex-basis: calc(100%);
    }
}

.model-TJ {
    padding:1rem 2rem;

}
.model-TJ .calltoaction .field-titulo-cb{
    text-transform: uppercase;
    margin-bottom: 0px;

}

.model-TJ .calltoaction .field-subtitulo-cb{

    font: normal 300 12px/1.1 Oswald;
    color: #666666;
    text-transform: uppercase;
    margin: 3px 0 20px 0;
}

.model-TJ .colltoaction .field-body-cb{


    font: normal 400 13px/1.1 Oxygen;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    color: var(--card-field-label-font-color);
    text-overflow: ellipsis;
    /* white-space: nowrap; */
}
/*-------------------- SHADOW DE LA TARJETA ----------------------*/
.tarjeta-container .model-TJ:hover,
.tarjeta-container .model-TJ:focus,.tarjeta-container .model-TJ:active{
    background: #ffffff;
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
}



/*-----------------BLOQUE DE CONTENIDO DESTACADOS -------------------*/

.model-DE .destacado-wrapper,
.bitaboot-md .model-DE .destacado-wrapper,
.bitaboot-sm .model-DE .destacado-wrapper,
.bitaboot-xs .model-DE .destacado-wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    /*flex-wrap: wrap;*/
}
.page-node-1989 .model-DE .destacado-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
/*resolucio per a mobil */
/*@media only screen and (max-width: 700px) {*/
/*    .bitaboot-xs .model-DE .destacado-wrapper{*/
/*        display:block;*/
/*        width:100%;*/
/*    }*/
/*}*/
.bitaboot-xs .model-DE,
.bitaboot-sm .model-DE{
    padding: 0;
}

.model-DE .destacado-wrapper article header{
    display:none;
}
.model-DE .destacado-wrapper article  header h2 a:after {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    border-radius: 1px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px var(--font-color-active);
    content: '';
    transition: 0.5s;
}
.model-DE .destacado-wrapper article .node__content{
    text-align: end;
}
.model-DE .destacado-wrapper article .node__content .field--name-field-titulo {
    /*text-transform: capitalize !important;*/
    position: relative;
    z-index: 2;
    padding: 20px 20px 0;
}
.model-DE .destacado-wrapper article .node__content .field--name-field-titulo h4 a {
    text-align: end;
}
.id-1626 .node--type-destacado:after {
    content: '';
    background-color: black;
    height: 5px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 3;
}
.node--type-destacado .field--name-field-isotipo {
    margin: 0;
    display: flex;
    flex-grow: 1;
    align-items: flex-end;
}
.node--type-destacado .field--name-field-isotipo .field--name-field-media-image img {
    margin: 0;
    -webkit-mask-image: unset!important;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.model-DE .destacado-wrapper article  .node__content .field--name-field-titulo h4 a{
    color: var(--a-tag-destacados-font-color);
    font-size: 1.25rem;
    line-height: 1.4;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    height: 50px;

}
.model-DE .destacado-wrapper article .node__content .field--name-field-descripcion {
    height: 110px;
    font: normal 400 13px/1.1 Oxygen;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    color: var(--card-field-label-font-color);
    text-overflow: ellipsis;
    padding: 0 20px;
}
@media all and (max-width: 1199px) {
    .model-DE .destacado-wrapper article  .node__content .field--name-field-descripcion {
        height: 80px;
    }
}
.model-DE .destacado-wrapper article  .node__content .field--name-field-titulo h4 a:hover{
    color: var(--a-tag-destacados-font-color-hover);
    text-decoration: none;

}
.model-DE .contextual-region .field-titulo-cb{
    text-transform: uppercase;
    text-align: center;
}
.model-DE .destacado-wrapper article{
    background: var(--bg-color-destacados);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 355px;
    margin: 0 10px 20px;
    padding: 25px 20px 0;
    text-align: center;
}
@media all and (min-width: 1200px) {
    .model-DE .destacado-wrapper  article {
        width: 25%;
    }
}
@media all and (max-width: 1199px) {
    .id-1626 {
        padding-bottom: 80px;
    }
    .model-DE .destacado-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
    .model-DE .destacado-wrapper  article {
        width: calc(50% - 20px);
    }
}
@media all and (max-width: 768px) {
    .id-1626 {
        padding-bottom: 170px;
    }
    .model-DE .destacado-wrapper  article {
        width: 100%;
    }
}
.bitaboot-md .model-DE .destacado-wrapper article,
.bitaboot-xs .model-DE .destacado-wrapper article,
.bitaboot-sm .model-DE .destacado-wrapper article{
    /*max-width: 100%;*/
}

.model-DE .destacado-wrapper article .node__content {
    position:relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.model-DE .destacado-wrapper article .node__content .field--name-field-icono-destacados .field__label{
    display: none;
}

.model-DE .destacado-wrapper article .node__content .field--name-field-icono-destacados .field__item img {
    position:absolute;
    top: -27px;
    left: 0;
    display: block;
    width:75px !important;
    height: 75px !important;
    opacity: 0.5;

}
.bitaboot-sm .model-DE .destacado-wrapper article .node__content .field--name-field-icono-destacados .field__item img {
    position:absolute;
    top: -27px;
    left: 0;
    display: block;
    width:75px !important;
    height: 75px !important;

}

.model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
}

.bitaboot-md .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image img{
    text-align:center;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
}
.bitaboot-sm .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image img,
.bitaboot-xs .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image img{
    text-align: none;
    width: 100%;
}

.bitaboot-md .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image,
.bitaboot-sm .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image,
.bitaboot-xs .model-DE .destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image {
    text-align: center;
}
.node .field--type-image{
    margin: 0 !important; /*para que no meta margin right en la imagen sino se descentra*/
}



/*------------------------MODEL DE MATERIAL DESTACADO ----------------------------------*/
.model-DE.material_destacado::before{
    content: "";
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}
.model-DE.material_destacado .destacado-wrapper  article{

    background: var(--bg-color-destacados);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    max-width: 355px;
    margin: 0 10px 20px;
    padding: 25px 20px 0;
    text-align: center;
}
.bitaboot-md .model-DE.material_destacado  .destacado-wrapper article,
.bitaboot-xs .model-DE.material_destacado  .destacado-wrapper article,
.bitaboot-sm .model-DE.material_destacado  .destacado-wrapper article{
    max-width: 100%;
}
.model-DE.material_destacado div.field.field--name-field-titulo.field--type-string.field--label-hidden.field__item{
    display: block;
}
.model-DE.material_destacado div.field.field--name-field-titulo h4{
    text-align: left;
    margin-top: 0;

}
.model-DE.material_destacado div.field.field--name-field-descripcion{
    text-align: center;
}
.model-DE.material_destacado div.field.field--name-field-a-partir-de{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* text-align: left; */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding-left: 15px;
}

.model-DE.material_destacado div.field.field--name-field-a-partir-de > div.field__label{
    margin-right: 5px;
    font: normal 400 16px/1.75 Oxygen;
    color: black;
}
/* .model-DE.material_destacado div.field.field--name-field-a-partir-de.field--type-string.field--label-above.quickedit-field > div.field__item{
 */
.model-DE.material_destacado div.field.field--name-field-a-partir-de.field--type-string.field--label-above div.field__item{
    font: normal 500 30px/1.1 Oswald;
    color: var(--font-color-active);
    margin-top: -10px;
}
.model-DE.material_destacado  .destacado-wrapper article{
    -webkit-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    border-bottom: 3px solid var(--bg-color-destacados);

}
.model-DE.material_destacado  .destacado-wrapper article:hover{
    /*  background: var(--font-color-active)!important; */
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
    text-decoration: none;
    border-bottom: 3px solid var(--font-color-active);
}
.model-DE.material_destacado .field--name-field-enlace .enlace.btn.btn-row.danger-row{
    text-align: left;
    margin-top: 1rem;
    padding-left: 15px;
    padding-bottom: 15px;
}

/*--------------------------------- BLOQUE CENTRADO ------------------------------------*/
.model-CE{
    margin-top: 50px;
}
.model-CE .field-titulo-cb {
    text-transform: uppercase;
    color: var(--font-color-black);
    margin-top: 0;
}
.model-CE .field-subtitulo-cb{
    text-transform: uppercase;
    color: var(--font-color-active);
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
}

.model-DE.material_destacado .destacado-wrapper article  .node__content .field--name-field-descripcion {
    height: 50px;
    overflow-y: scroll;
    font: normal 400 13px/1.1 Oxygen;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    color: var(--card-field-label-font-color);
    text-overflow: ellipsis;
    width: 100%;
    /* white-space: nowrap; */
}

/*--------------------------------- CONTACT FORM -----------------------------------------*/

.bitaboot-xs .content-block.layout-standard{
    /* padding: 0;  */
}
.webform-submission-contacto-form fieldset.webform-composite-hidden-title{
    margin: 0;
}
.webform-submission-contacto-form fieldset{
    /*padding: 0 .5rem 0 0;*/
}
.webform-submission-contacto-form fieldset#edit-telefon--wrapper{
    padding-right: 0;
}
.webform-submission-contacto-form .checkbox label{
    margin-top:1rem;
}
.webform-submission-contacto-form{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.webform-submission-contacto-form #edit-nom--wrapper,
.webform-submission-contacto-form .form-type-email,
.webform-submission-contacto-form #edit-telefon--wrapper{
    -ms-flex-preferred-size: calc(33.3% - 0rem );
    flex-basis: calc(33.3% - 0rem );
}
.webform-submission-contacto-form .js-form-type-textfield.form-item-asunto {
    width:100%;
}
.webform-submission-contacto-form .form-type-textarea {
    width:100%;
}
.webform-submission-contacto-form .js-form-type-checkbox{
    width: 100%;
}
.webform-submission-contacto-form  .webform-actions{
    margin-top:1rem ;
}
.webform-submission-contacto-form #edit-telefon--wrapper legend span {
    font: normal 400 16px/1.75 Oxygen;
    color: #777777;
    overflow-x: hidden; /*he de encontrar el elemento que desborda*/
}
@media (max-width: 650px){

    .webform-submission-contacto-form .iti{
        width: 100%;
    }
    .webform-submission-contacto-form #edit-nom--wrapper,
    .webform-submission-contacto-form .form-type-email,
    .webform-submission-contacto-form #edit-telefon--wrapper{
        display:block !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

}
/*------------maquetacio pas 1 de proces de lloguer ------------*/

/*proces de lloguer maquetacio selector de dates i adults*/


.paso_1[data-webform-key="seleccio_material"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*align-items: center;*/
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgb(183 172 172 / 7%);
    position: relative;
    margin-top: 50px;
    padding: 10px;
    border-radius: 3px;


}



/**/
.paso_1[data-webform-key="seleccio_material"] #edit-flexbox,
.paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax
    /*, .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items*/
{
    width: 50%;
}
#edit-b2b-items .tienda select,
#edit-b2b-items-shusski .tienda select {
    width: 100%;
}
/* Sector */
#edit-b2b-items .webform-flex:first-child .webform-flex--container,
#edit-b2b-items-shusski .webform-flex:first-child .webform-flex--container,
#edit-b2b-items .webform-flex:first-child select,
#edit-b2b-items-shusski .webform-flex:first-child select {
    width: 100%;
}
@media (max-width: 1000px){
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items {
        width: 100%;
    }
    .paso_1[data-webform-key="seleccio_material"]{
        display: block;
        width: 100%;
    }
}
@media (max-width: 767px){
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* .paso_1[data-webform-key="seleccio_material"] #edit-flexbox > div{
       width: 50%;
    } */
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div.webform-flex {
        width: 50%;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div.wrapper-boton-search,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div.wrapper-boton-search {
        text-align:center;
        width: 100%;
    }
    .paso_1[data-webform-key="seleccio_material"]{
        display: block;
        width: 100%;
    }

    #edit-b2b-items-shusski > div.wrapper-boton-search,
    #edit-b2b-items > div.wrapper-boton-search {
        text-align: center;
    }
}

@media (max-width: 350px){
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /* .paso_1[data-webform-key="seleccio_material"] #edit-flexbox > div{
       width: 50%;
    } */
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div.webform-flex,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div.webform-flex {
        width: 100%;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div.wrapper-boton-search,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div.wrapper-boton-search {
        text-align:center;
        width: 100%;

    }
    .paso_1[data-webform-key="seleccio_material"]{
        display: block;
        width: 100%;
    }

    #edit-flexbox-pax > div.wrapper-boton-search {
        text-align: center;
    }
}





/*----------------------------------  MENUS HEADE  --------------------------------------*/
#header .container-fluid{
    padding:0;
}

#header .header-right.col-3.text-center{
    padding:0;
}


/* header layout */

#header .header-desktop{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--bg-color-header);
    height: 122px;
}

#header .header-desktop .logo {
    -ms-flex-preferred-size: calc(15% - 1rem);
    flex-basis: calc(15% - 1rem);

}
#header .header-desktop .logo.pl-5 > section{
    max-width: 65%;
}
#header .header-desktop .logo  .image-corp-container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#header .header-desktop .logo img{
    width: 100%;
    max-height: 100%;
}
#header .header-desktop .navbar-form{
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-preferred-size: calc(55% - 1rem);
    flex-basis: calc(55% - 1rem);
}
#header .header-desktop .header-right {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#header .header-desktop .header-right  .region-header-right {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

}
#header .header-desktop .header-right .region-header-right > div,
#header .header-desktop .header-right .region-header-right > section {
    width: 100px;
    max-width: 100%;
    position:relative;
}
[id*="block-cartbutton"] {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.commerce-cart-block.commerce-cart-block--type-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}
/*menu mobile pricipal ocult fins a  1200px*/
.menu-mobile .menu--menu-principal-principal{
    display: none !important;
}
@media only screen and ( max-width: 1200px){
    [id*="block-botonmenu"] > div > div > div > a,
    [id*="block-webcams"] > div > div > a ,
    [id*="block-temperatura"] > div > div > div > a,
    [id*="block-btnalquiler"] div > div > a,
    [id*="block-btnrutasguiadasverano"] div > div > a,
    [id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link{
        width: 100px;
        height: 100px;
    }
    #header .header-desktop .logo {
        -ms-flex-preferred-size: calc(25% - 1rem);
        flex-basis: calc(25% - 1rem);

    }
    #header .header-desktop .logo.pl-5 > section{
        max-width: 100%;
    }
    #header .header-desktop .navbar-form{
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
        display: none;
    }
    .menu-mobile .menu--menu-principal-principal{
        display: block !important;
    }

    #header .header-desktop .header-right{
        -ms-flex-preferred-size: calc(75% - 1rem);
        flex-basis: calc(75% - 1rem);
    }



}
/* end header layout*/


[id*="block-webcams"],
[id*="block-temperatura"],
[id*="block-botonmenu"],
[id*="block-btnalquiler"],
[id*="block-btnrutasguiadasverano"],
[id*="block-accounticon"]{
    font-size: 20px;
}
[id*="block-btnalquiler"] div > div > a > img,
[id*="block-btnrutasguiadasverano"] div > div > a > img{
    -webkit-filter:invert(1);
    filter:invert(1);
}
[id*="block-webcams"] > div > div > a ,
[id*="block-webcams-2"] > div > div > a ,
[id*="block-temperatura"] > div > div > div > a,
[id*="block-accounticon"] > div > div > a,
[id*="block-btnalquiler"] div > div > a,
[id*="block-btnrutasguiadasverano"] div > div > a{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* border-right: 1px solid rgba(255, 255, 255, 0.25); */
    /*border-left: 1px solid rgba(255, 255, 255, 0.25);*/
}

[id*="block-webcams"],
#block-temperatura,
[id*="block-accounticon"],
[id*="block-btnalquiler"],
[id*="block-btnrutasguiadasverano"],
[id*="block-cartbutton"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* border-right: 1px solid rgba(255, 255, 255, 0.25); */
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.25); */
}

@media only screen and ( max-width: 700px){
    [id*="block-accounticon"] > div > div > a{

        padding: 20px;
        border-left: none;
    }
}

[id*="block-botonmenu"] > div > div > div > a{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 122px;
    height: 122px;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--font-color-header-normal) !important;
    background-color: var(--font-color-header-active);
    padding: 48px 20px;
}
.mobile-display{
    padding-right: 12px;
    border-right: 1px solid;
}

@media only screen and ( max-width: 767px){
    [id*="block-botonmenu"] > div > div > div > a,
    [id*="block-webcams"] > div > div > a ,
    [id*="block-temperatura"] > div > div > div > a,
    [id*="block-btnalquiler"] div > div > a,
    [id*="block-btnrutasguiadasverano"] div > div > a,
    [id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link{
        width: 80px;
        height: 80px;
        /*min-height: 80px;*/
    }
    [id*="block-webcams"]{
        display: none;
    }
}

@media only screen and ( max-width: 600px){
    [id*="block-botonmenu"] > div > div > div > a,
    [id*="block-webcams"] > div > div > a ,
    [id*="block-temperatura"] > div > div > div > a,
    [id*="block-btnalquiler"] div > div > a,
    [id*="block-btnrutasguiadasverano"] div > div > a,
    [id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link{
        width: 60px;
        height: 60px;
        /*min-height: 60px;*/
    }


    #header .header-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: var(--bg-color-header);
    }
}
[id*="block-webcams"] > div > div > a:hover ,
[id*="block-temperatura"] > div > div > div > a:hover{
    color: var(--font-color-header-active) !important;
}

/*
[id*="block-btnalquiler"] div > div > a{
    box-sizing: border-box;
    width: 122px;
    height: 122px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    color: var(--font-color-header-normal) !important;
    padding: 48px;

} */
[id*="block-btnalquiler"] div > div  p,
[id*="block-btnrutasguiadasverano"] div > div  p{
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    color: var(--font-color-header-normal);
    font-size: 14px;
    text-transform: uppercase;
}

[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.7;
    height: 100%;
    width: 100%;
    text-decoration: none;
    color: var(--font-color-white);

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;
}

[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link:hover,
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link:focus,
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link:active {
    color: var(--font-color-active);
}

[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link span{
    font-family: 'Oswald';
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap;
}
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link span.commerce-cart-block--summary__label {
    position: absolute;
    background: grey;
    color: white;
    border-radius: 100%;
    width: 27px;
    height: 27px;
    padding-top: 1px;
    font-size: 14px;
    top: 8px;
    right: 8px;
    display: none;
}
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link span.commerce-cart-block--summary__label.not-empty-cart {
    -webkit-animation: bounce 0.8s infinite alternate;
    animation: bounce 0.8s infinite alternate;
    background: red;
    display: block;
}

@-webkit-keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

@keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }

.commerce-cart-block--type-button .commerce-cart-block--summary, .commerce-cart-block--type-button .commerce-cart-block--summary__icon img, .commerce-cart-block--type-button .commerce-cart-block--summary__label {
    vertical-align: inherit;
    width: 100%;
}

[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link .commerce-cart-block--summary__icon::before {
    content: "\f07a";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link span img {
    display: none
}

[id*="block-btnalquiler"], [id*="block-btnalquiler"] .content,
[id*="block-btnrutasguiadasverano"], [id*="block-btnrutasguiadasverano"] .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

[id*="block-btnrutasguiadasverano"] .content .field--name-body,
[id*="block-btnalquiler"] .content .field--name-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--font-color-secondary);
    width: 100%;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;
}

[id*="block-btnalquiler"] .content .field--name-body:hover,
[id*="block-btnrutasguiadasverano"] .content .field--name-body:hover,
[id*="block-btnalquiler"] .content .field--name-body:focus,
[id*="block-btnrutasguiadasverano"] .content .field--name-body:focus,
[id*="block-btnalquiler"] .content .field--name-body:active,
[id*="block-btnrutasguiadasverano"] .content .field--name-body:active {
    background-color: var(--font-color-active);
}

[id*="block-btnalquiler"] .content .field--name-body .boton-reserva,
[id*="block-btnrutasguiadasverano"] .content .field--name-body .boton-reserva {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
    text-decoration: none;
}


[id*="block-cartbutton"], [id*="block-cartbutton"] .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

[id*="block-cartbutton"] .content .field--name-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
[id*="block-cartbutton"] .content .field--name-body a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
}


[id*="block-accounticon"], [id*="block-accounticon"] .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

[id*="block-accounticon"] .content .field--name-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position:relative;
}
[id*="block-accounticon"] .content .field--name-body a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
}

[id*="block-accounticon"] .content .field--name-body a i {
    color: var(--font-color-white);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

[id*="block-accounticon"] .content .field--name-body a:hover i,
[id*="block-accounticon"] .content .field--name-body a:focus i,
[id*="block-accounticon"] .content .field--name-body a:active i,
[id*="block-accounticon"] .content .field--name-body:hover div,
[id*="block-accounticon"] .content .field--name-body:focus div,
[id*="block-accounticon"] .content .field--name-body:active div {
    color: var(--font-color-active);
}


[id*="block-webcams"], [id*="block-webcams"] .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

[id*="block-webcams"] .content .field--name-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    position: relative;
}
[id*="block-webcams"] .content .field--name-body a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
    text-decoration: none;
}

[id*="block-webcams"] .content .field--name-body a i {
    color: var(--font-color-white);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
[id*="block-webcams"] .content .field--name-body a:hover i,
[id*="block-webcams"] .content .field--name-body a:focus i,
[id*="block-webcams"] .content .field--name-body a:active i,
[id*="block-webcams"] .content .field--name-body:hover div,
[id*="block-webcams"] .content .field--name-body:focus div,
[id*="block-webcams"] .content .field--name-body:active div {
    color: var(--font-color-active);
}


[id*="block-botonmenu"], [id*="block-botonmenu"] .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 100%;
    width: 100%;
}

[id*="block-botonmenu"] .content .field--name-body,
[id*="block-botonmenu"] .content .field--name-body .btnb-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position:relative;
}
.header-desktop .menu-name {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 6px;
    color: white;
    right: 0;
    left:0px;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:14px;
    letter-spacing:1px;
    pointer-events:none;
    text-transform:uppercase;
}
[id*="block-botonmenu"] .content .field--name-body a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 15px;
    text-decoration: none;
}

/* header cuando el tamaño es inferior a 700px */
@media only screen and ( max-width: 700px){

    /* [id*="block-btnalquiler"] div > div > a,
    [id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link{
        width: 44px;
        height: 44px;
        min-height: 44px;
    }*/
    [id*="block-btnalquiler"] div > div > a{
        border-right: none;
        border-left: none;
        padding: 0;
    }

    /*[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link{
        display: block;
        padding-right: 0;
    }*/

    [id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link .commerce-cart-block--summary__label{
        display: none;
    }

    #header .header-desktop .logo {
        /*flex-basis: calc(50% - 1rem);*/

    }
    #header .header-desktop .header-right{
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
    }
    #header .header-desktop .header-right .region-header-right{
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
    }
}

@media only screen and ( max-width: 600px){
    #header .header-desktop .logo {
        -ms-flex-preferred-size: calc(40% - 1rem);
        flex-basis: calc(40% - 1rem);

    }
    #header .header-desktop .header-right{
        -ms-flex-preferred-size: calc(60% - 1rem);
        flex-basis: calc(60% - 1rem);
    }
}

@media only screen and ( max-width: 450px){
    #header .header-desktop .logo {
        /*flex-basis: calc(30% - 1rem);*/
    }
    #header .header-desktop .header-right{
        -ms-flex-preferred-size: calc(70% - 1rem);
        flex-basis: calc(70% - 1rem);
    }
}

#page{
    -webkit-transition: margin-right .5s;
    -o-transition: margin-right .5s;
    transition: margin-right .5s;
}

#header .header-desktop .navbar-form span,
#header .header-desktop .navbar-form a{
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    padding: 0 23px;
    padding: 0 1.19792vw;
    color: var(--font-color-header-normal);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    transition: 0.3s;
}

#header .header-desktop .navbar-form span:hover,
#header .header-desktop .navbar-form span:focus,
#header .header-desktop .navbar-form span:active,
#header .header-desktop .navbar-form a:hover,
#header .header-desktop .navbar-form a:active,
#header .header-desktop .navbar-form a:focus {
    color: var(--font-color-active);
}
/* estilos del submenu*/
#block-menuprincipalwebpn > ul > li.nav-item.menu-item--expanded > ul > li > span,
#block-menuprincipalwebpn > ul > li.nav-item.menu-item--expanded > ul > li > a{
    color: var(--font-color-submenu-normal);
    font: normal 400 16px/1.75 Oxygen;
    text-transform: capitalize;
}

#block-menuprincipalwebpn > ul > li.nav-item.menu-item--expanded > ul > li > span:hover,
#block-menuprincipalwebpn > ul > li.nav-item.menu-item--expanded > ul > li > a:hover{
    color: var(--font-color-header-hover);
}

/*estils del menu corporatiu slide */
.menu-mobile a,
.menu-mobile span{
    font-family: "Oxygen";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    color: var(--font-color-header-normal);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.3s;
}
/* estilos del submenu corporatiu */
.menu-mobile  ul > li.nav-item.menu-item--expanded > ul > li.nav-item{
    padding: 9px;
}
.menu-mobile  ul > li.nav-item.menu-item--expanded > ul > li > span,
.menu-mobile  ul > li.nav-item.menu-item--expanded > ul > li > a{
    color: var(--font-color-submenu-normal);
    font: normal 400 16px/1.75 Oxygen;
    text-transform: capitalize;
    padding: 0;
}


.menu-mobile .navigation span:focus,
.menu-mobile .navigation span:active,
.menu-mobile .navigation span:hover,
.menu-mobile .navigation a:focus,
.menu-mobile .navigation a:active,
.menu-mobile .navigation a:hover{
    color: var(--font-color-header-active);
}

/* ----------  menu desplegable ------------*/
/*la row para los menus con submenus i el pos relative para que las flexas esten bien colocadas*/
ul.clearfix.nav li.nav-item{
    position: relative;
}
ul.clearfix.nav li.nav-item:hover{
    cursor: pointer;
}

#block-menufooter ul.clearfix.nav li.nav-item {
    position: relative;
    display: inline-block;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
}

/*end del tema de las rows de dropdown*/

li .nav-item .menu-item--expanded {
    position: relative;
    display: inline-block;
}

/*dropdown continer hidden by default*/
ul .menu{
    display: none;
    position: absolute;
    background-color: var(--font-color-header-normal);
    min-width: 160px;
    z-index: 1;
    padding-left:1.19792vw;
    padding-right: 0;
    -webkit-box-shadow: 5px 10px 18px #888888;
    box-shadow: 5px 10px 18px #888888;
}

ul .menu li > span.nav-link{
    color: black;
}

/*slide del primer submenu*/
ul.menu li.nav-item{
    float: none;
    color: var(--font-color-submenu);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.bitaboot-sm ul.menu li.nav-item, .bitaboot-xs ul.menu li.nav-item, .bitaboot-menu-collapsible ul.menu li.nav-item{
    padding:8px;
}

/*Display the submenu when hover*/
.menu-item--expanded .menu{
    display: none;
}

/*per a quan fan hove o click al menu */
#block-menuprincipalwebpn .menu-item--expanded:hover .menu{
    display: block;
}

.menu-mobile .menu-item--expanded.show .menu{
    display:block;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*color toronja quan seleccionen menu corporatiu*/
.menu-mobile .menu-item--expanded.show,
.menu-mobile .menu-item--expanded.show > span,
.menu-mobile .menu-item--expanded.show > a{
    color: var(--font-color-header-active) !important;
}

/* menu mobile el ocult*/
.menu-mobile  ul.clearfix.nav{
    display:block !important;
}

.menu-mobile {
    height: 150vh;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-top: 60px;
}

.menu-mobile section{
    position: relative;
}

.menu-mobile ul.clearfix.nav li.nav-item.menu-item--expanded:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    position: absolute;
    right: 25px;
    top: 5px;
    -webkit-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    transition: .3s ease-in;
}

.menu-mobile ul.clearfix.nav li.nav-item.menu-item--expanded.show:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/*creu per a tancar el menu desplegable */
/* .menu-mobile section::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00d';
    position:absolute;
    top: -34px;
    right: 39px;
    color: var(--font-color-header-normal);
} */
.menu-mobile .close-menu{
    font-weight: 900;
    color: var(--font-color-header-normal);
    position: absolute;
    top: -41px;
    right: 31px;
    cursor: pointer;
}

.menu-mobile ul .menu{
    display: none;
    position: relative;
    background-color: var(--bg-color-header);
    min-width: 160px;
    z-index: 1;
    padding-left:1.19792vw;
    padding-right: 0;
    -webkit-box-shadow: 5px 10px 18px #888888;
    box-shadow: 5px 10px 18px #888888;

}

/* .menu-mobile #block-menucorporatiu-2 ul.clearfix.nav
 */.menu-mobile ul.clearfix.nav  {
       display: block !important;
       color:var(--font-color-header-normal);
       text-align: left;
   }
/*margin entre menus quan es mobil*/
.menu-mobile .block-menu.navigation + nav {
    margin-top: 2rem;

}







/*----------------------------------- FOOTER  ---------------------------------------*/

/*-----Menu footer de drupal ----*/
.site-footer{
    background-color: var(--bg-color-footer) ;
}
.site-footer h2 {
    color: var(--font-color-footer-normal) !important;
    font: normal 500 22px Oswald !important;
    margin-bottom: 35px !important;
}
.site-footer .block-menu  ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.site-footer .block-menu  ul > li + li {
    margin-top: 15px;
}
.site-footer .block-menu  ul > li span,
.site-footer .block-menu  ul > li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    position: relative;

    color: var(--font-color-footer-normal);
    font: normal 400 16px/1.1 Oxygen;

    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.site-footer .block-menu  ul > li span::before,
.site-footer .block-menu  ul > li a::before{
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    width: 17px;
    height: 17px;
    margin-right: 15px;
    border-radius: 1px;
    content: '';
    transition: 0.3s;
}
.site-footer .block-menu  ul > li span:hover ,
.site-footer .block-menu  ul > li a:hover {
    color: var(--font-color-footer-active) !important;
    cursor: pointer;
}
/*----- END MENU FOOTER DRUPAL  ----*/

/*--------BLOQUE DE REDES SOCIALES ---------*/
.site-footer .block{
    border: none !important;
}
.site-footer__top .content li a{
    padding: 0 !important;
    text-indent: 0px !important;
}
.site-footer__top .content li a:hover{
    background-color: none !important;

}
.social-list__item + .social-list__item{
    margin-left: 20px;
}
.social{
    display: block;
    position: relative;
    margin-top: 1rem;
}
.social-list{

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.social-list__item{
    display: block;
    position: relative;
    border: none !important;

}
.social-list__link:hover{
    color: var(--font-color-footer-active) !important;
    background-color: none !important;
}
.social-list__link{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: block;
    position: relative;
    color: #666;
    font-size: 16px;
    transition: 0.5s;
    border: none !important;
}

/*---------END BLOQUE REDES SOCIALES -----------------*/

/*---------------- BLOQUE DE CONTACTANOS -------------------------*/

.support{
    display: block;
    position: relative;
}
.support__link{
    background: var(--bg-footer-color);
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-start;
    padding: 25px;
    border-radius: 3px;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
@media all and (max-width: 768px) {
    .support__link {
        padding: 0;
    }
}
.support__link:hover, .support__link:focus, .support__link:active {
    background: var(--font-color-active);
    text-decoration: none;
}
.support__link:hover .support__icon, .support__link:focus .support__icon, .support__link:active .support__icon {
    color: var(--font-color-footer-normal);
}
.support__icon{
    color: var(--font-color-footer-active);
    font-size: 36px;
    line-height: 1;
    padding: 35px;
}
.support__desc{
    padding-left: 20px;
    color: var(--font-footer-color-normal);
}
.support__label{
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    font-weight: 400;
}
.support__phone {
    font: normal 500 22px/1.71 Oswald;
    color: var(--font-color-footer-normal);
    text-transform: uppercase;
}
.support__phone {
    font-size: calc(20px + 2 * (100vw / 1920));
}

/*---------------- END  BLOQUE DE CONTACTANOS -------------------------*/

/*-----bloque INFO TIENDAS ---------*/
.site-footer #block-informaciontiendas p{
    margin: 0;
}
.site-footer #block-informaciontiendas h3{
    margin-bottom: 0;
    margin-top: 5px
}
/* -------- BLOQUE INFO TIENDAS ---------*/


/* block footer last de baix de tot -----*/
.site-footer .footer-last{
    -ms-flex-preferred-size: calc(100%) !important;
    flex-basis: calc(100%) !important;
    text-align: center;
}


/*---------- Bloque de noticias destacadas --------*/
.site-footer .content a:hover, .site-footer .content a:focus{
    color: var(--font-color-footer-active) !important;
}
.site-footer .view-display-id-footer_news .views-field-title,
.site-footer .view-display-id-footer_news .views-field-field-titulo{
    font: normal 400 18px/1.33 Oswald;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    display: block;
    margin-bottom: 10px;
    color: #ffffff;
    transition: 0.3s;
}
.site-footer .view-display-id-footer_news .views-field-title span a,
.site-footer .view-display-id-footer_news .views-field-field-titulo span a{
    text-decoration: none !important;
}
.site-footer .view-display-id-footer_news .views-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.site-footer .view-display-id-footer_news .views-row .info-noticia-destacada{
    margin-left: 1rem;
}

/*-------LAYOUT DEL FOOTER ------------*/

.site-footer section.row.region.region-footer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.site-footer section.row.region.region-footer > * {
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem);
}

@media (max-width: 1129px){
    .site-footer section.row.region.region-footer > * {
        -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
    }
}
@media (max-width: 768px){
    .site-footer section.row.region.region-footer > * {
        -ms-flex-preferred-size: calc(100%) !important;
        flex-basis: calc(100%) !important;
    }
}

.site-footer__top h2{
    margin-bottom: 35px !important;
    text-transform: capitalize !important;
    border:none !important;
}
.site-footer h3{
    color: var(--font-color-footer-normal);
    font: normal 400 16px/1.88 Oswald;
    text-transform: uppercase;
}

/*------- END LAYOUT DEL FOOTER ------------*/


/*----------------------------------- END FOOTER --------------------------------------*/


/*slick paginadors i pages*/

.view-content.row.slick-initialized.slick-slider.slick-dotted{
    position: relative;
}

.view-content.row.slick-initialized.slick-slider.slick-dotted .slick-prev{
    position:absolute;
    top: 214px;
    left: -42px;

}
.view-content.row.slick-initialized.slick-slider.slick-dotted .slick-next{
    position:absolute;
    top: 214px;
    right: -42px;
}


/*---------- HOME PAGE MAQUETACION DE BLOQUES--------- */
/*ocultar el titulo de la pagina */
/* div.field.field--name-field-titulo.field--type-string.field--label-hidden.field__item{
    display: none;
} */
.node--type-pagina-home .field--name-field-titulo{
    /*     display: none;
     */
}
body.assistant-paso-1 #main-wrapper .field--name-field-titulo, body.assistant-paso-1 #main-wrapper .field--name-body {
    text-align: center;
}

/*Nuestras marcas seccion*/

.field--name-field-vistas-cb .field__label,
.field--name-field-custom-blocks .field__label{
    display: none;
}
.view-opiniones > .view-header > span.field-subtitulo-cb{
    text-transform: uppercase;
    color: var(--font-color-active);
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
    text-align: center;
}

.comentarios-title{
    text-transform: uppercase;
    color: var(--font-color-black);
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px;
}
.view-opiniones{
    margin-bottom: 60px;
}
.view-opiniones .view-content.row{
    /* display: flex;
    justify-content: space-around;
    flex-wrap: wrap;*/
    width: 100%;
    display: block;

}



.view-opiniones .views-row{

    font: normal 400 26px/1.38 Oswald;
    background: url(/themes/custom/wpns/img/icons/quotes.svg) no-repeat left 20px top 20px;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 50px;
    border-left: 3px solid var(--font-color-active);
    color: var(--font-color-black);
    letter-spacing: normal;
    text-align: left;
    position: relative;
}

.view-opiniones .views-row::before{
    position:absolute;


}
.view-opiniones .views-row .views-field-field-nombre .field-content{
    font-family: 'Oswald';
    font-size: 16px;
    margin: 1rem 0;
}
.view-opiniones .views-row .views-field-field-sentencia-1 .field-content{
    font-family: 'Oswald';
    font-size: 24px;
    font-weight: 700;
    margin: 1rem 0 0 0;

}

/*---------------bloque de marcas de la home - i tots els sin maquetacion --------------------------*/

.view-marcas .view-content.row,
.view-opiniones .view-content.row{
    width: 100%;
    position: relative;
}

.field.field--name-field-custom-blocks .block-block-content h2{
    text-align: center;
    text-transform: uppercase;
    margin-top: 60px;
}
.model-XX{
    padding: 0 0 60px !important;
    /*text-align:center;*/
}
.model-XX .field-titulo-cb {
    text-transform: uppercase;
    color: var(--font-color-black);
    margin-top: 0;
}
.model-XX .field-subtitulo-cb{
    text-transform: uppercase;
    color: var(--font-color-active);
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
    margin-top: 0px;
}

/*---------------custom del owls de navegacion----------------------*/

/*Inici materiales destacados*/
.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag {
    position: relative;
    height: 100%;
    width: 100%;
    padding-bottom: 4rem;

}
/* .content-block-wrapper.full-layout.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
    position:absolute;
    top: 92%;
    left: 50%;
    transform: translateX(-50%);
}   */
.content-block-wrapper.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
    position:absolute;
    top: 92%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*endbloque de materiales destacados*/
.owl-nav.disabled{
    display: none;
}

.owl-nav button{
    background: none ;
}
.view-marcas .view-content.row .owl-dots{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.view-opiniones .view-content .owl-dots{
    position: absolute;
    top: 90%;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);

}
@media (max-width: 767px){
    /* .content-block-wrapper.full-layout.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
          width: 100%;
          max-width: 100%;
          overflow-x: scroll;
          display:inline-flex;
          justify-content: center;
    } */
    .content-block-wrapper.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
        width: 100%;
        max-width: 100%;
        overflow-x: scroll;
        display:-webkit-inline-box;
        display:-ms-inline-flexbox;
        display:inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

}
@media (max-width: 400px){
    .view-marcas{
        margin-bottom: 70px;
    }
    .view-marcas .view-content.row .owl-dots{
        -webkit-transform:translateX(-45%);
        -ms-transform:translateX(-45%);
        transform:translateX(-45%);
        width: 100%;
        top: 100%;
    }
    .view-opiniones .view-content .owl-dots{

        width: 100%;


    }
    .view-opiniones .view-content .owl-nav {
        display: none;
    }

    .model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag {

        padding-bottom: 5rem;

    }
    /* .content-block-wrapper.full-layout.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
       position:absolute;
       top: 90%;
       left: 50%;
       transform: translateX(-50%);
   }    */
    .content-block-wrapper.model-DE.material_destacado .destacado-wrapper.owl-loaded.owl-drag .owl-dots{
        position:absolute;
        top: 90%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

}



/*---------------custom del owls de navegacion----------------------*/






/*-------Layout form checkout SUMMARY al finalizar pedido antes de gracias i el view coomerce cart----------*/

.layout-checkout-form [class*="col-"]{
    /*    padding: 0; */
}
.layout-checkout-form fieldset{
    padding: 0.35em  0.75em 0.625em 0;

}
.layout-checkout-form .row{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.layout-checkout-form .checkout-pane legend,
.layout-checkout-form #edit-payment-information-payment-method--wrapper legend,
.cart-form .js-form-item-coupon-redemption-code{
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
    margin: 40px 0 20px 0;
}
@media all and (max-width: 992px) {
    .layout-checkout-form {
        margin: 0 40px;
    }
    .layout-checkout-form > .checkout-pane, .layout-checkout-form > .checkout-pane.checkout-pane-order-summary {
        width: 100%!important;
    }
}
.cart-form .js-form-item-coupon-redemption-code{
    margin: 0 0 20px;

}

.checkout-order-summary #chose-complements-pack {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.checkout-order-summary .field.field--name-field-imatge-llistat.field--type-image.field--label-hidden.field__item  img,
.view-commerce-cart-form .field.field--name-field-imatge-llistat.field--type-image.field--label-hidden.field__item  img{
    width: 150px;
    height: 150px;
}

.checkout-order-summary table tr.incluye{
    font-weight: 900;
}

.checkout-order-summary table tr td .field--name-field-titulo,
.checkout-order-summary table tr td .field--name-title,
.checkout-order-summary table tr td.cantidad,
.checkout-order-summary table tr td.precios,
.view-commerce-cart-for table tr td .field--name-field-titulo,
.view-commerce-cart-for table tr td .field--name-title,
.view-commerce-cart-for table tr td.views-field-purchased-entity,
.view-commerce-cart-form table tr td.views-field-unit-price__number,
.view-commerce-cart-form table tr td.views-field-total-price__number{
    font-weight: 700;
    text-transform: uppercase;
}

.checkout-order-summary div.field.field--name-title > div.field__label,
.view-commerce-cart-form div.field.field--name-title > div.field__label,
.checkout-order-summary div.field.field--name-field-imatge-llistat.field--type-image.field--label-above > div.field__label{
    display: none
}

/*maquetacion de la tabla del summary paddings de los subitems i la gar */
.checkout-order-summary table tbody tr.subitem td .field--name-title .field__item,
.checkout-order-summary table tbody tr.subitem td div .field--name-price,
.checkout-order-summary table tbody tr.subitem td div .field--name-field-titulo {
    padding-left: 30px !important;
}


/*estilos de los botones del cart*/
/* .layout-checkout-form #edit-actions-next{
        margin: 15px;
        width: 75%;
}*/
#edit-coupon-redemption{
    width: 49%;
    padding-left: 1rem;
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
}
#edit-coupon-redemption fieldset{
    padding: 0.35em 0 0.625em;
}
.view-commerce-cart-form #edit-actions{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding: 0 1rem !important;
}

.view-commerce-cart-form #edit-submit,
.view-commerce-cart-form #edit-checkout{
    width: 50%;
}

/*ocultem metodos de pago*/
[data-drupal-selector="edit-payment-information-payment-method"]{
    display:none;
}

#edit-payment-information legend{
    padding-top: 34px;
    font-size: 28px;
}
.layout-region-checkout-footer{
    width: 50%;
    padding-left: 1rem;
}
/*ocultar check del save to my addres book*/
.js-form-item-payment-information-billing-information-copy-to-address-book{
    display: none;
}

/*Resum del pagament maquetacio taules de la dreta de order summary*/
#edit-order-summary > div > div{
    background: var(--color-bg-table-summary);
    max-width:100%;
    color: black;
    margin-left: 50%;
    /* border: 2px solid var(--font-color-active); */
}
span.order-total-line-label {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
}
/* .checkout-pane-order-summary div table{
    border: 2px solid var(--font-color-active);
} */

/*-------------MAQUETACIO FORM DE PAYMENT INFO checkout summary ----------------------------*/


@media (min-width: 970px){
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"]
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*padding-right: 20px;*/
    }
    /*Pais*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"]{
        width: 30%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2 ;
        order: 2 ;
    }
    fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-payment-information-billing-information-address-0-address-country-code.form-item-payment-information-billing-information-address-0-address-country-code.form-group{
        width: 300%;
    }
    /* nom i cognom*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }

    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-given-name,
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-family-name{
        width: 100%;
    }
    /*postal-code and city*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex !important;
        width: 70%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    /*postal*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-postal-code{
        width: 50%;
    }

    /*ciudad*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-locality{
        width: 50%
    }


    /*street adress 1 */
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] .js-form-item-payment-information-billing-information-address-0-address-address-line1{
        width: 50%;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
    /*street adredss 2 */
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] .js-form-item-payment-information-billing-information-address-0-address-address-line2{
        width: 50%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
    }

    /*compani*/
    [data-drupal-selector="edit-payment-information-billing-information-address-0-address"]  .js-form-item-payment-information-billing-information-address-0-address-organization{
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        width: 100%;
    }


}


/*-----------------------END MAQUETACIO-----------------------------*/

@media (max-width: 810px){
    #edit-order-summary > div > div{
        margin-left: 20%;

    }

}
@media (max-width: 768px){
    .checkout-order-summary .field.field--name-field-imatge-llistat.field--type-image.field--label-hidden.field__item  img,
    .view-commerce-cart-form .field.field--name-field-imatge-llistat.field--type-image.field--label-hidden.field__item  img{
        width: 100px;
        height: 100px;
    }
    .layout-checkout-form fieldset{
        padding: 0.35em  0.75em 0.625em ;

    }
    .layout-checkout-form #edit-actions-next{
        margin: 15px;
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
    }
}
@media (max-width: 575px){
    .layout-region-checkout-footer{
        width: 100%;
    }
    .layout-checkout-form [class*="col-"]{
        /*  padding: 0 !important; */
    }
    .path-checkout .main-content.col{
        padding: 0;
    }
    .layout-checkout-form fieldset,
    .view-commerce-cart-form fieldset input.quantity-edit-input{
        padding: 0.35em  0 0.625em ;

    }
    .view-commerce-cart-form input.quantity-edit-input{
        padding:0 !important;
    }
    .view-commerce-cart-form .field.field--name-field-imatge-llistat.field--type-image.field--label-hidden.field__item  img{
        width: 66px;
        height: 66px;
    }
    .layout-checkout-form #edit-actions-next{
        margin: 15px;
        width:fit-content;
    }
    .view-commerce-cart-form #edit-actions{
        display: block;
        text-align: center;
        padding: 0 1rem !important;
    }

    .view-commerce-cart-form #edit-submit,
    .view-commerce-cart-form #edit-checkout,
    #edit-coupon-redemption{
        width: 49%;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
    }
    #edit-order-summary > div > div{
        margin-left: 50%;

    }
}
/*cart Info */
/*seccio cart el total i subtotal */
[id*="views-form-commerce-cart-form-default-"] > div > div > div{
    float: right;
}
.views-field-edit-quantity{
    width: 100px;
}
.views-field-total-price__number,
.views-field-unit-price__number{
    width: 150px;
}


/*HIDE THE MESSAGE OF DRUPAL WITH THE POPUP*/
#edit-coupon-redemption div[data-drupal-messages]{
    display: none;
}
#edit-coupon-redemption .js-form-item-coupon-redemption-code{
    max-width: 40%;
}
#edit-coupon-redemption .js-form-submit {
    width: 35%;
    margin-left: 1rem;
    margin-top: 40px;
}
.views-field-remove-button{
    width: 125px;
}
/* .views-field-remove-button .delete-order-item {
       max-width: 125px;
       } */
@media (max-width:725px){
    #edit-coupon-redemption .js-form-submit {
        width: 70%;
    }

}
@media (max-width: 575px){
    #edit-order-summary > div > div{
        margin-left: 0%;
    }
    [id*="views-form-commerce-cart-form-default-"] > div > div > div{
        float: none;
    }
    #edit-coupon-redemption{
        padding-left: 1rem;
    }
    #edit-coupon-redemption .js-form-submit{
        width:100%;
    }
}

/*------- end Layout form checkout SUMMARY al finalizar pedido antes de gracias----------*/

/*bloque informativo del registro de usuario*/
.info-text-description{
    text-align: center;
}
.info-text-description h1{
    text-transform: uppercase;
}
/*END text introductori checkout*/

/* new user o register */
#edit-login-register-password fieldset,
#edit-login-register,
.checkout-pane-login fieldset{
    padding: 0.35em 0 0.625em 0;
}
.checkout-pane-login fieldset{
    padding-right: 1rem;
}
#edit-login-returning-customer{
    padding-left: 1rem;
}
#edit-login-returning-customer-forgot-password{
    display:block;
}
#edit-login-register-register,
#edit-login-returning-customer-submit,
#edit-submit {
    width: 100%;
    margin: 0;
    border-radius: 0;
}
.user-pass{
    padding: 0 1rem;
}
@media(max-width: 990px){
    #edit-login-register-register,
    #edit-login-returning-customer-submit{
        font-size: 13px;
    }
}

@media (max-width: 779px){
    .checkout-pane-login .confirm-parent,.password-parent{
        max-width: 100%;
    }
    #edit-login-register{
        padding-left: 1rem;
    }
    #edit-login-register-register,
    #edit-login-returning-customer-submit{
        font-size: 16px;
    }
}
@media (max-width: 440px){

    #edit-login-register-register,
    #edit-login-returning-customer-submit{
        width: 96%;

    }
}

/*------------------- USER LOGIN FORM ---------------------*/

/* si esta logat es posa a color active */
.user-logged-in [id*="block-accounticon"] i,
[id*="block-webcams"] i {
    color: var(--font-color-white);
}

.txt-logout {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    color: var(--font-color-header-normal);
    font-size: 14px;
    text-transform: uppercase;
}

.page-user-login div[data-drupal-messages] {
    display: none;
}
.user-login-form {
    width: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 1rem auto;
    max-width: 600px;
}
.user-login-form div#edit-actions {
    width: 100%;
}
@media all and (max-width: 1024px) {
    .user-login-form {
        width: 60%;
    }
}
@media all and (max-width: 768px) {
    .user-login-form {
        width: 75%;
    }
}
@media (max-width: 440px) {
    .user-login-form{
        /* width: 50%; */
        /*  text-align: center; */
        display: block;
    }
    .user-login-form div#edit-actions {
        width: 100%;
        padding-left: 1rem;
    }

}

/*------------------------- subscribe to newsletter ------------------*/
#block-sendinbluesubscriptionformregistre-newsletter-2 {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 15px 0;
    max-width: 1140px;
    margin: 30px auto 60px;
}
#block-sendinbluesubscriptionformregistre-newsletter-2 h2 {
    text-transform: uppercase;
    font-size: 48px;
    width: 100%;
}
#sendinblue-form-subscribe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.sendinblue-signup-subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 75%;
    width: 100%;
}
#sendinblue-newsletter-2-mergefields {
    width: 45%;
}
.sendinblue-signup-subscribe-form > .content {
    text-align: left;
    width: 100%;
}
.sendinblue-signup-subscribe-form #edit-submit {
    width: 10% !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sendinblue-signup-subscribe-form  #edit-fields-email {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.sendinblue-signup-subscribe-form fieldset {
    padding: 0.35em 0 0.625em 0;
}

#sendinblue-newsletter-2-mergefields > fieldset > label {
    display: none;
}

@media( max-width: 1160px){
    .sendinblue-signup-subscribe-form #edit-submit {
        width: 20% !important;
    }
}

@media (max-width: 500px){
    .sendinblue-signup-subscribe-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 90%;
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
    .sendinblue-signup-subscribe-form fieldset {
        padding: 0.35em  0 0.625em 0;
    }
    #sendinblue-newsletter-2-mergefields {
        width: 100%;
    }
    .sendinblue-signup-subscribe-form #edit-submit {
        width: 100% !important;
    }
}


/* ----------------- EMPTY CART TEMPLATE i CHECKOUT-COMPLETE ---------------- */
.cart-empty-page,
.checkout-complete {
    font-family: 'Oswald';
    font-weight: 700;
    font-size: 32px;
    vertical-align: middle;
    color: var(--font-color-black);
    text-align: center;
    margin-top: 2rem;
}





/*-----------------WEBCAMS DE GRANVALIRA I ORDINO ARCALIS ----------------------*/
.hidden{
    display: none;
}
.page-node-1059 .subtitle-page{
    text-align: center;
}
@media all and (min-width: 601px) {
    .general-wrapper .webcams-wrapper .webcam-container iframe:nth-of-type(1) {
        height: 664px !important;
    }
}

.general-wrapper {
    height: 100% !important;
}

.general-wrapper .webcam-selector-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.general-wrapper .webcam-selector-desktop.btnb-hide {
    display: none;
}

.general-wrapper .webcam-selector-desktop-labels {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-family: 'Oswald';
}

.general-wrapper .webcam-selector-desktop-labels .webcam-selector-label {
    text-transform: uppercase;
    color: var(--bg-btn-secondary-color);
    cursor: pointer;
    width: 100%;
    padding: 5px 0;
    border-bottom: 5px solid transparent;
    text-align: center;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;
}

.general-wrapper .webcam-selector-desktop-labels .webcam-selector-label.vn-selector.selected {
    border-bottom: 5px solid var(--color-vallnord);
}
.general-wrapper .webcam-selector-desktop-labels .webcam-selector-label.gv-selector.selected {
    border-bottom: 5px solid var(--color-grandvalira);
}
.general-wrapper .webcam-selector-desktop-labels .webcam-selector-label.nl-selector.selected {
    border-bottom: 5px solid green;
}

.general-wrapper .menu-webcams{
    /* float: left; */
    height: 100% !important;
    /* max-width: 20%;
    width: 100% */
}
.general-wrapper .menu-webcams .webcam-selector{
    background-color: transparent;
    margin: 0;
    width: 100%;
    /* height: 100px; */
    /* padding: 21px 0; */
    padding: 10px 0;
    vertical-align: inherit;
    /* text-align: left; */
    text-align: center;
}
.webcam-selector-mobile {
    display:none;
}

.general-wrapper .menu-webcams .webcam-selector-desktop .webcam-selector{
    border-bottom: 5px solid transparent;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.general-wrapper .menu-webcams .webcam-selector-desktop.vallnord-selector .webcam-selector.selected{
    border-bottom: 5px solid var(--color-vallnord) !important;
}
.general-wrapper .menu-webcams .webcam-selector-desktop.grandvalira-selector .webcam-selector.selected{
    border-bottom: 5px solid var(--color-grandvalira) !important;
}
.general-wrapper .menu-webcams .webcam-selector-desktop.naturland-selector .webcam-selector.selected{
    border-bottom: 5px solid green !important;
}
.general-wrapper .menu-webcams .webcam-selector-mobile .webcam-selector.selected a{
    color: var(--font-color-active)!important;
}
.general-wrapper .menu-webcams .webcam-selector a.link-webcam-selector{
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    margin: 0;
    color: var(--font-color-black);
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
}

/* .general-wrapper .webcams-wrapper{
    float: right;
    width: 80%;
} */
.webcams-wrapper .webcam-container {
    text-align: center;
}
.webcams-wrapper .webcam-container:not(:first-child) {
    display: none;
}
.general-wrapper .webcams-wrapper .webcam-container + .webcam-container{
    display: none;
    /* visibility: hidden !important; */
}

.content-block.full-layout {
    padding: 40px 20px !important;
}
@media all and (max-width: 768px) {
    .content-block.full-layout {
        padding: 40px 20px !important;
    }
}
.owl-stage {
    padding-bottom: 40px;
}
.view-marcas .view-content.row .owl-dots {
    position: absolute;
    top: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -40px;
}
h1 {
    /*font-size: calc(24px + 24 * (100vw / 1920));*/
    font-size: 70px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700;
}
h2,.content-block .field-titulo-cb-wrapper .field-titulo-cb {
    font-size: 48px;
}
h3 {font-size: 38px;}
h1, h2, h3, h4, h5, h6 {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
    margin: 20px auto;
}
.model-ID .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
}
.model-DI .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /*align-items: stretch;*/
    position: relative;
}

.content-block .item-wrapper .mediasection {
    /*position: absolute;
    height: 100%;
    width: 47%;*/
    overflow: hidden;
}

.content-block .item-wrapper .mediasection > div,
.content-block .item-wrapper .mediasection .no-carousel {
    height: 100%;
}

.content-block .item-wrapper .mediasection .img-container {
    height: 100%;
}

.content-block.model-ID .item-wrapper .mediasection img,
.content-block.model-DI .item-wrapper .mediasection img {
    max-width: unset!important;
    /* top: 50%;
    position: absolute;*/
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.content-block.model-ID .item-wrapper .mediasection {
    left: 0;
    right: unset;
}
.content-block.model-ID .item-wrapper .mediasection img {
    /*left: 50%;
    transform: translate(-50%,-50%);*/
}

.content-block.model-DI .item-wrapper .mediasection {
    left: 53%;
}
.content-block.model-DI .item-wrapper .mediasection img {
    /* left: 50%;
    transform: translate(-50%,-50%);*/
}

.calltoaction {
    margin-left: 0!important;
}

#banner .callToAction .views-field-body{
    line-height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: -10px;
    margin-bottom: 40px;
}

#banner .views-field-field-color-letras{
    display: none;
}

#banner .callToAction.colored .views-field{
    color: inherit!important;
}

#banner .slick-slider, #banner .slide__content {
    /*height: 980px!important;*/
}

#banner .block-views-blockslides-block-slider-video,
#banner .slick {
    width: 100%;
}

#banner .slick-slider iframe, #banner .slide__content iframe {
    width: 100% !important;
    height: 100% !important;
}

#banner .block-views-blockslides-block-slider-video, #banner .slick,
#banner .slick-slider, #banner .slide__content {
    /*height: 980px!important;*/
}

#banner .slick-slider iframe, #banner .slide__content iframe {
    width: 100% !important;
    height: 100% !important;
}

#banner .views-field-field-video-lightbox {
    top: 210px;
    right: 75px;
    left: unset;
    bottom: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    z-index: 0!important;
}

#banner .callToAction {
    opacity: 1 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#banner .callToAction .views-field-field-subtitulo {
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    letter-spacing: 4px;
    font-weight: 400;
    font-size: 18px;
    color: white;
}

#banner .callToAction .views-field-field-titulo {
    text-align: center;
    line-height: 90px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 100px;
    color: white;
    margin-top: 10px;
    margin-bottom: 35px;
}

#banner .callToAction .views-field-field-body {
    line-height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: white;
}

#banner .callToAction .views-field-field-enlaces .field-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary {
    line-height: 54px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#banner nav.slick__arrow .slick-arrow {
    background: rgba(255, 255, 255, 0);
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    width: 70px;
    height: 70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-color: white;
    left: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#banner nav.slick__arrow .slick-arrow:hover {
    background-color: rgba(255, 255, 255, .6);
}

#banner nav.slick__arrow .slick-arrow:hover:before {
    color: var(--verde-primario);
}

#banner nav.slick__arrow .slick-arrow.slick-next {
    left: unset;
    right: 60px;
}

#banner nav.slick__arrow .slick-arrow.slick-next:before {
    content: '\f054';
}

#banner nav.slick__arrow .slick-arrow:before {
    content: '\f053';
    font-family: fontawesome;
    color: white;
    line-height: 70px;
    font-size: 20px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@media only screen and (max-width: 1240px) {
    #banner .slick-slider, #banner .slide__content {
        height: 800px;
    }
}

@media only screen and (max-width: 1024px) {
    #banner .slick-slider, #banner .slide__content {
        height: 700px;
    }
}

@media only screen and (max-width: 778px) {
    #banner .slick-slider, #banner .slide__content {
        height: 600px;
    }
}

@media only screen and (max-width: 480px) {
    #banner .slick-slider, #banner .slide__content {
        height: 500px;
    }
}
#banner .callToAction .views-field-body {
    line-height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 40px;
}
#banner .views-field-field-color-letras {
    display: none;
}
#banner .callToAction.colored .views-field {
    color: inherit !important;
}
#banner .position-ai .callToAction {
    top: 180px;
    left: 180px;
}
#banner .position-ai .callToAction .views-field, #banner .callToAction h1 {
    text-align: left;
}
#banner .position-ai .callToAction .views-field .field-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#banner .position-ac .callToAction {
    top: 180px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
#banner .position-ad .callToAction {
    top: 180px;
    left: unset;
    right: 180px;
}
#banner .position-ad .callToAction .views-field {
    text-align: right;
}
#banner .position-ad .callToAction .views-field .field-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#banner .position-ci .callToAction {
    top: 50%;
    left: 180px;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}
#banner .position-ci .callToAction .views-field {
    text-align: left;
}
#banner .position-ci .callToAction .views-field .field-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#banner .position-cc .callToAction {
    top: calc((100% + 180px) / 2);
}
.slick__arrow {
    top: calc((100% + 180px) / 2);
}
#banner .position-cd .callToAction {
    top: 50%;
    left: unset;
    bottom: unset;
    right: 180px;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}
#banner .position-cd .callToAction .views-field {
    text-align: right;
}
#banner .position-cd .callToAction .views-field .field-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#banner .position-ii .callToAction {
    top: unset;
    bottom: 90px;
    left: 180px;
}
#banner .position-ii .callToAction .views-field {
    text-align: left;
}
#banner .position-ii .callToAction .views-field .field-content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
#banner .position-ic .callToAction {
    top: unset;
    bottom: 40px;
}
#banner  .callToAction {
    max-width: calc(100% - 360px);
}
#banner .callToAction .views-field-field-enlaces .field-content a {
    margin-left: 10px;
    margin-right: 10px;
}
#banner .position-id .callToAction {
    top: unset;
    bottom: 40px;
    left: unset;
    right: 180px;
    position: absolute;
}
#banner .position-id .callToAction .views-field {
    text-align: right;
}
#banner .position-id .callToAction .views-field .field-content {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#banner .callToAction.hide-less-hover{
    opacity: 0!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
}

#banner .callToAction{
    -webkit-transition: .2s!important;
    -o-transition: .2s!important;
    transition: .2s!important;
    height: fit-content;
    padding: 1rem 2rem !important;
}
@media all and (max-width: 768px) {
    #banner .callToAction h1 {
        font-size: 36px !important;
    }
}

#banner nav.slick__arrow .slick__arrow.colored button {
    border-color: inherit !important;
    color: inherit !important;
}
#banner nav.slick__arrow .slick__arrow.colored button:before {
    color: inherit !important;
}

.slick-slide {
    margin: 0;
}


/** JMP **/
/*
#banner .callToAction .views-field-body{
    line-height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
    margin-top: -10px;
    margin-bottom: 40px;
}

#banner .views-field-field-color-letras{
    display: none;
}

#banner .callToAction.colored .views-field{
    color: inherit!important;
}

#banner .slick-slider, #banner .slide__content {
	 height: 980px!important;
}

#banner .block-views-blockslides-block-slider-video,
#banner .slick {
	width: 100%;
}

 #banner .slick-slider iframe, #banner .slide__content iframe {
	 width: 100% !important;
	 height: 100% !important;
}

#banner .block-views-blockslides-block-slider-video, #banner .slick,
#banner .slick-slider, #banner .slide__content {
	 height: 980px!important;
}

#banner .slick-slider iframe, #banner .slide__content iframe {
	 width: 100% !important;
	 height: 100% !important;
}

 #banner .views-field-field-video-lightbox {
	 top: 210px;
	 right: 75px;
	 left: unset;
	 bottom: unset;
	 -webkit-transform: unset;
	     -ms-transform: unset;
	         transform: unset;
}

 #banner .callToAction {
	 opacity: 1 !important;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

 #banner .callToAction .views-field-field-subtitulo {
	 text-transform: uppercase;
	 text-align: center;
	 line-height: 20px;
	 letter-spacing: 7px;
	 font-weight: 400;
	 font-size: 18px;
	 color: white;
}

 #banner .callToAction .views-field-field-titulo {
	 text-align: center;
	 line-height: 90px;
	 letter-spacing: 0px;
	 font-weight: 400;
	 font-size: 100px;
	 color: white;
	 margin-top: 10px;
	 margin-bottom: 35px;
}

 #banner .callToAction .views-field-field-body {
	 line-height: 20px;
	 font-weight: 400;
	 font-size: 18px;
	 color: white;
}

 #banner .callToAction .views-field-field-enlaces .field-content {
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -webkit-justify-content: center;
	     -ms-flex-pack: center;
	         justify-content: center;
}

 #banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary {
	 line-height: 54px;
	 padding-top: 0px;
	 padding-bottom: 0px;
}

 #banner nav.slick__arrow .slick-arrow {
	 background: rgba(255, 255, 255, 0);
	 transition: all 0.3s;
	 -webkit-transition: all 0.3s;
	 width: 70px;
	 height: 70px;
	 box-sizing: border-box;
	 border-radius: 50%;
	 border: 2px solid rgba(255, 255, 255, 0.6);
	 border-color: white;
	 left: 60px;
}

 #banner nav.slick__arrow .slick-arrow:hover {
	 background-color: rgba(255, 255, 255, .6);
}

 #banner nav.slick__arrow .slick-arrow:hover:before {
	 color: var(--verde-primario);
}

 #banner nav.slick__arrow .slick-arrow.slick-next {
	 left: unset;
	 right: 60px;
}

 #banner nav.slick__arrow .slick-arrow.slick-next:before {
	 content: '\f054';
}

 #banner nav.slick__arrow .slick-arrow:before {
	 content: '\f053';
	 font-family: fontawesome;
	 color: white;
	 line-height: 70px;
	 font-size: 20px;
	 opacity: 1;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 -webkit-transition: 0.5s;
	 transition: 0.5s;
}

 @media only screen and (max-width: 1240px) {
	 #banner .slick-slider, #banner .slide__content {
		 height: 800px;
	}
}

 @media only screen and (max-width: 1024px) {
	 #banner .slick-slider, #banner .slide__content {
		 height: 700px;
	}
}

 @media only screen and (max-width: 778px) {
	 #banner .slick-slider, #banner .slide__content {
		 height: 600px;
	}
}

 @media only screen and (max-width: 480px) {
	 #banner .slick-slider, #banner .slide__content {
		 height: 500px;
	}
}

#banner {
	 min-height: 200px;
}
 #banner .callToAction .views-field-body {
	 line-height: 20px;
	 font-weight: 400;
	 font-size: 18px;
	 color: #fff;
	 text-align: center;
	 margin-top: -10px;
	 margin-bottom: 40px;
}
 #banner .views-field-field-color-letras {
	 display: none;
}
 #banner .callToAction.colored .views-field {
	 color: inherit !important;
}
 #banner .position-ai .callToAction {
	 top: 180px;
	 left: 180px;
}
 #banner .position-ai .callToAction .views-field {
	 text-align: left;
}
 #banner .position-ai .callToAction .views-field .field-content {
	 -webkit-box-pack: start;
	 -webkit-justify-content: flex-start;
	     -ms-flex-pack: start;
	         justify-content: flex-start;
}
 #banner .position-ac .callToAction {
	 top: 180px;
	 left: 50%;
	 -webkit-transform: translatex(-50%);
	     -ms-transform: translatex(-50%);
	         transform: translatex(-50%);
}
 #banner .position-ad .callToAction {
	 top: 180px;
	 left: unset;
	 right: 180px;
}
 #banner .position-ad .callToAction .views-field {
	 text-align: right;
}
 #banner .position-ad .callToAction .views-field .field-content {
	 -webkit-box-pack: end;
	 -webkit-justify-content: flex-end;
	     -ms-flex-pack: end;
	         justify-content: flex-end;
}
 #banner .position-ci .callToAction {
	 top: 50%;
	 left: 180px;
	 -webkit-transform: translatey(-50%);
	     -ms-transform: translatey(-50%);
	         transform: translatey(-50%);
}
 #banner .position-ci .callToAction .views-field {
	 text-align: left;
}
 #banner .position-ci .callToAction .views-field .field-content {
	 -webkit-box-pack: start;
	 -webkit-justify-content: flex-start;
	     -ms-flex-pack: start;
	         justify-content: flex-start;
}
 #banner .position-cc .callToAction {
	 top: -webkit-calc((100% + 180px) / 2);
	 top: calc((100% + 180px) / 2);
}
 .slick__arrow {
	 top: -webkit-calc((100% + 180px) / 2);
	 top: calc((100% + 180px) / 2);
}
 #banner .position-cd .callToAction {
	 top: 50%;
	 left: unset;
	 bottom: unset;
	 right: 180px;
	 -webkit-transform: translatey(-50%);
	     -ms-transform: translatey(-50%);
	         transform: translatey(-50%);
}
 #banner .position-cd .callToAction .views-field {
	 text-align: right;
}
 #banner .position-cd .callToAction .views-field .field-content {
	 -webkit-box-pack: end;
	 -webkit-justify-content: flex-end;
	     -ms-flex-pack: end;
	         justify-content: flex-end;
}
 #banner .position-ii .callToAction {
	 top: unset;
	 bottom: 40px;
	 left: 180px;
}
 #banner .position-ii .callToAction .views-field {
	 text-align: left;
}
 #banner .position-ii .callToAction .views-field .field-content {
	 -webkit-box-pack: start;
	 -webkit-justify-content: flex-start;
	     -ms-flex-pack: start;
	         justify-content: flex-start;
}
 #banner .position-ic .callToAction {
	 top: unset;
	 bottom: 40px;
}
 #banner  .callToAction {
	 max-width: -webkit-calc(100% - 360px);
	 max-width: calc(100% - 360px);
}
 #banner .callToAction .views-field-field-enlaces .field-content a {
	 margin-left: 10px;
	 margin-right: 10px;
}
 #banner .position-id .callToAction {
	 top: unset;
	 bottom: 40px;
	 left: unset;
	 right: 180px;
	 position: absolute;
}
 #banner .position-id .callToAction .views-field {
	 text-align: right;
}
 #banner .position-id .callToAction .views-field .field-content {
	 -webkit-box-pack: end;
	 -webkit-justify-content: flex-end;
	     -ms-flex-pack: end;
	         justify-content: flex-end;
}
#banner .callToAction.hide-less-hover{
    opacity: 0!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
}

#banner .callToAction{
    -webkit-transition: .2s!important;
    transition: .2s!important
}

#banner nav.slick__arrow .slick__arrow.colored button {
	 border-color: inherit !important;
	 color: inherit !important;
}
 #banner nav.slick__arrow .slick__arrow.colored button:before {
	 color: inherit !important;
}

.slick-slide {
	 margin: 0px;
}
*/

/** JMP **/
#banner .callToAction {
    position: absolute;
    max-width: 30vw!important;
    padding: 10px 20px;
}
#banner .position-id .callToAction {
    top: unset;
    bottom: 18%;
    left: unset;
    right: 10%;
}
@media all and (max-width: 992px) and (min-width: 768px) {
    #banner .position-id .callToAction {
        bottom: 25%;
    }
}
@media all and (max-width: 767px) {
    #banner .position-id .callToAction {
        bottom: 32%;
    }
}
#header {
    position: fixed;
    z-index: 500;
    width:100%;
    top: 0;
}
#banner {
}
.view-slides .view-header{ display: none }
/*#banner .block-views-blockslides-block-slider-video, #banner .slick, #banner .slick-slider, #banner .slide__content {*/
/*    height: calc(100vh - 100px)!important;*/
/*}*/
/*#banner .block-views-blockslides-block-slider-video, #banner .slick, #banner .slick-slider, #banner .slide__content {*/
/*    -webkit-clip-path:polygon(0px 0px, 100% 0px, 100% 91%, 91% 100%, 0px 95%);*/
/*    display: block;*/
/*    position: relative;*/
/*    clip-path: polygon(0px 0px, 100% 0px, 100% 91%, 91% 100%, 0px 95%);*/
/*}*/
/*#banner .slick div[class*="views-field-field-media-image"]:after {*/
/*    background-blend-mode: saturation;*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: linear-gradient(black, black),url(image-to-be-fake-filters.jpg);*/
/*    background-size: cover;*/
/*    opacity: 0.6;*/
/*}*/
#banner .slick .views-field-field-titulo {
    font: normal 700 48px/1.1 Oswald;
    margin: 5px 0 0;
    color: #ffffff;
    text-transform: uppercase;
}
#banner .callToAction .views-field-body {
    line-height: 20px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 40px;
}
#banner .callToAction .views-field-field-subtitulo,
article .field--name-field-subtitulo {
    text-transform: uppercase;
    text-align: center;
    color: var(--font-color-active)!important;
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
}
#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary {
    font: normal 400 16px/2.94 Oswald;
    /* background: var(--bg-color-button-grey); */
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    height: 47px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    /* color: var(--font-color-btn-black); */
    text-transform: uppercase;
    cursor: pointer;
    background: var(--bg-btn-color);
    color: var(--font-btn-color) !important;
    border: 1px solid var(--bg-btn-hover-color) !important;
    position: relative;
}
#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary::before {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #222222;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    position: absolute;
    top: 50%;
    right: -10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 1px;
    content: '';
    transition: 0.3s;
}
#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary:hover {
    background-color: var(--font-btn-color);
    color: var(--font-color-active) !important;
    border: 1px solid var(--bg-btn-hover-color);
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*[id*="block-accounticon"] > div > div > a , [id*="block-webcams"] > div > div > a {
    padding: 48px 38px!important;
}*/
.content-block-wrapper.id-1060 {
    margin: 0 auto;
    background: url(../img/bg/subscribe.jpg) no-repeat fixed center/cover transparent;
    -webkit-clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
    clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
}
.sendinblue-signup-subscribe-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: unset;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.sendinblue-signup-subscribe-form  #edit-fields-email {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 25px!important;
    margin: 0!important;
}
.sendinblue-signup-subscribe-form #edit-submit {
    width: 200px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin: 0;
    padding: 0!important;
    top: -2px;
    height: 57px;
}
.content-block.layout-standard, .tarjeta-container.layout-standard {
    width: 100%;
    max-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
}
@media all and (max-width: 768px) {
    .content-block.layout-standard, .tarjeta-container.layout-standard {
        padding-left: 25px;
        padding-right: 25px;
    }
}
.content-block .contextual-region {
    width: 100%;
    max-width: 1140px!important;
    margin-left: auto;
    margin-right: auto;
    /*z-index:1;*/
    /*height: 100%;*/
}
.views-field-field-logo img {
    height: auto;
    -webkit-filter: contrast(20%) brightness(200%);
    filter: contrast(20%) brightness(200%);
    mix-blend-mode: screen;
}
.view-marcas .view-content  {overflow: hidden}

.content-block.id-878 {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(75%, black));
    -webkit-mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
    mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(75%, black));
    mask-image: linear-gradient(to bottom, transparent 25%, black 75%);

}

.content-block .mediasection img {
    mask-image: url("/themes/custom/wpns/img/mascara-imagenes.svg");
    -webkit-mask-image: url("/themes/custom/wpns/img/mascara-imagenes.svg");
    mask-size: auto 100%;
    -webkit-mask-size: auto 100%;
}

#header .header-desktop {
    background-color: rgba(0,0,0,0.3);
    z-index: 999;
}
.content-block.id-932 {
    background-attachment: fixed;
}
.content-block.id-932:before {
    background-blend-mode: saturation;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(black)),url(image-to-be-fake-filters.jpg);
    background-image: -o-linear-gradient(black, black),url(image-to-be-fake-filters.jpg);
    background-image: linear-gradient(black, black),url(image-to-be-fake-filters.jpg);
    background-size: cover;
    opacity: 0.6;

}
.content-block.id-1060 {
    margin-bottom: 0!important;
    padding: 150px 0 !important;
}

@media all and (max-width: 768px) {
    .content-block.id-1060 {
        margin-bottom: 0!important;
        padding: 150px 25px !important;
    }
}
.content-block.id-1060:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/themes/custom/wpns/img/news-back.jpeg');
    background-size: cover;
    background-attachment: fixed;
    opacity: .5;
    mix-blend-mode: hard-light;
    -webkit-animation: glitch2 3.75s linear infinite;
    animation: glitch2 3.75s linear infinite;
}

.content-block .field-titulo-cb-wrapper  {
    margin-bottom: 40px;
}

.content-block.id-932  {
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
    display: block;
    position: relative;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
}

.owl-stage-outer  {
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(5%, black));
    -webkit-mask-image: linear-gradient(to left, transparent 1%, black 5%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(5%, black));
    mask-image: linear-gradient(to left, transparent 1%, black 5%);
}
#header .header-desktop {
    background-color: rgba(0,0,0,0);
    border-bottom:1px solid rgba(255,255,255,.2);
    -webkit-transition: all 1000ms;
    -o-transition: all 1000ms;
    transition: all 1000ms;
}

#header .header-desktop.obscure {
    background-color: rgba(0,0,0,.9);
    z-index: 999999;
    -webkit-transition: background-color 3000ms;
    -o-transition: background-color 3000ms;
    transition: background-color 3000ms;
    border-bottom:0px solid transparent !important;
}
.owl-nav {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    pointer-events: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.owl-nav button {
    background: var(--font-color-active);
    /* padding-top: 0; */
    /* padding-bottom: 28px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    height: 70px;
    margin: 0;
    padding: 0;
    width: 70px;
}
.owl-nav span {
    font-size: 70px;
    margin-top: -15px;
}
@media all and (max-width: 992px) {
    .owl-nav button {
        width: 31px!important;
        height: 31px!important;
        padding: 0;
        line-height: normal;

    }
    .owl-nav span {
        padding: 0;
        margin: 0;
        height: auto!important;
        font-size: 20px;
        font-weight: 900;
        display: block;
        line-height: normal;
        margin-top: -6px;
    }
}
h1 {
    /*font-size: calc(24px + 24 * (100vw / 1920));*/
    font-size: 70px;
    /*max-width: 1200px;*/
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 700!important;
    text-align: center;
}

.field--name-field-media-image img{
    -webkit-box-shadow: 6px 8px 16px 0px grey;
    box-shadow: 6px 8px 16px 0px grey;
}
.material_destacado .destacado-wrapper  article {
    background: white!important;
    min-width: 300px!important;
    max-width: unset!important;
    margin: 0 40px!important;

}
.material_destacado .destacado-wrapper .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.material_destacado .destacado-wrapper .owl-stage .owl-item {
    min-width:300px!important;
}
.material_destacado .destacado-wrapper .node .field--type-image {
    margin: 0 auto!important;
    float: none!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}
.id-2010 .node .field--type-image {
    float: none;
}
.material_destacado .destacado-wrapper .node .field--type-image img {
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
    margin: 0 auto;
}
.material_destacado  .destacado-wrapper article .field--name-field-media-image img {
    height: auto;
    max-height: 350px!important;
    width: auto!important;
}
.material_destacado div.field.field--name-field-titulo h4 {
    text-align: center;
    margin-top: 0;
}
.material_destacado div.field.field--name-field-a-partir-de {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* text-align: left; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}


.content-block.id-903,
.content-block.id-1134{
    background-color: #eee;
    -webkit-clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
    padding: 150px 0 10px!important;
    clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
}

.destacado-wrapper article .node__content .field--name-field-isotipo .field--name-field-media-image img {
    mask-image: url("/themes/custom/wpns/img/mascara-imagenes.svg");
    -webkit-mask-image: url("/themes/custom/wpns/img/mascara-imagenes.svg");
    mask-size: auto 100%;
    -webkit-mask-size: auto 100%;
}

.content-block.id-903 .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.content-block.id-903 .view-opiniones .views-row {
    font: normal 400 26px/1.38 Oswald;
    background: url(/themes/custom/wpns/img/icons/quotes.svg) no-repeat left 20px top 20px;
    padding-top: 40px;
    padding-bottom: 10px;
    padding-left: 50px;
    border-left: 3px solid var(--font-color-active);
    color: var(--font-color-black);
    letter-spacing: normal;
    text-align: left;
    position: relative;
    height: 100%;
}
@media all and (max-width: 768px) {
    .content-block.id-903 .view-opiniones .views-row {
        padding-left: 10px;
        margin-left: 30px;
    }
}
.content-block.id-878 .item-wrapper {
    padding-top: 50px;
    position:relative;
}
.content-block.id-878 .item-wrapper:before {
    display: block;
    content:"";
    height: 40px;
    width: 40px;
    background-image: url(/themes/custom/wpns/img/imago_picnegre_blanco.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: var(--font-color-active);
    top: 10px;
    left: 50%;
    -webkit-transform:translatex(-50%);
    -ms-transform:translatex(-50%);
    transform:translatex(-50%);
    position: absolute;
    mix-blend-mode: hard-light;
}
.content-block {position:relative}

.linear-mask  {
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(5%, black));
    -webkit-mask-image: linear-gradient(to left, transparent 1%, black 5%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(5%, black));
    mask-image: linear-gradient(to left, transparent 1%, black 5%);
}
.clip-left-top  {
    background: url(../img/bg/subscribe.jpg) no-repeat fixed center/cover #0f0f0f;
    -webkit-clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
    display: block;
    position: relative;
    padding: 150px 0 80px;
    clip-path: polygon(16% 7%, 100% 20%, 100% 100%, 0px 100%, 0px 21%);
}
.clip-right-bottom {
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
    display: block;
    position: relative;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
}

#header .header-desktop .logo  .image-corp-container {
    background-color: transparent!important;
}

body:not(class*="front") #page-wrapper {

}

body:not(.path-frontpage, .page-node, .page-node-578, .page-node-1059, .page-node-2046, .page-node-488974, .page-node-1694, .page-node-1981, .page-node-1984, .page-node-12103, .page-node-1692) #main-wrapper {
    padding-top: 140px;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
body.page-user-login {
    padding-top: 120px;
}
.social-buttons {
    width: 100%;
}
.social-buttons .divider {
    width: 100%;
}
.social-buttons .social-buttons-wrapper {
    width: 100%;
}
.social-buttons .social-buttons-wrapper .btn-social {
    width: 100%;
    height: 57px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0;
}
#user-login-form .js-form-item {
    width: 100%;
    padding: 10px 0;
}
#user-register-form {
    width: 50%;
    margin: 40px auto;
}
@media all and (max-width: 1024px) {
    #user-register-form {
        width: 60%;
    }
}
@media all and (max-width: 768px) {
    #user-register-form {
        width: 75%;
    }
}
#user-register-form .js-form-item {
    width: 100%;
    padding: 10px 0;
}
.checkout-pane-login .register-wrapper,
.page-user-login .register-wrapper {
    display: none;
}
.page-user-login .register-wrapper,
.page-user-login #edit-actions {
    margin-top: 10px;
}
.page-user-login #edit-actions {
    text-align: center;
}
.page-user-login #main-wrapper {
    padding: 50px 0!important;
    margin-bottom: 20px;
}
body:not(.path-frontpage).assistant-paso-1 #main-wrapper {
    padding-top: 180px;
}
@media all and (max-width: 992px) {
    body:not(.path-frontpage).assistant-paso-1 #main-wrapper {
        padding-top: 70px;
    }
}
body:not(.path-frontpage) #header .header-desktop {
    background-color: rgba(0,0,0,.9);
}
.page-node-401 .field--name-field-titulo {
    display: block;
}
body.in-rent-process.page-node-401 article.node--type-pagina-libre .node__content .field--name-field-titulo:first-of-type {
    display: none!important;
}
article .field--name-field-subtitulo h2{
    text-transform: uppercase;
    text-align: center;
    color: var(--font-color-active) !important;
    font-size: calc(12px + 6 * (100vw / 1920));
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 20px;
    margin-top: 0;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
}
.paso_1[data-webform-key="seleccio_material"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* align-items: center; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgb(183 172 172 / 7%);
    position: relative;
    margin-top: 0px;
    padding: 10px;
    border-radius: 3px;
}
.block-views-blockproductos-alquiler--block-1 h2{display:none!important}
.block-views-blockproductos-alquiler--block-1 [data-drupal-selector="edit-field-tipus-target-id"] {
    margin: 20px 0
}
@media all and (max-width: 992px) {
    .block-views-blockproductos-alquiler--block-1 [data-drupal-selector="edit-field-tipus-target-id"] {
        margin: 10px 0 0;
    }
}


.content-block.id-903 {
    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, transparent), color-stop(5%, black));
    -webkit-mask-image: linear-gradient(to top, transparent 1%, black 5%);
    mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(1%, transparent), color-stop(5%, black));
    mask-image: linear-gradient(to top, transparent 1%, black 5%);
}

NOT_IN_USE#banner .position-id .callToAction {
    mask-image: url("/themes/custom/wpns/img/mask.png");
    -webkit-mask-image: url("/themes/custom/wpns/img/mask.png");
    mask-size: auto 100%;
    -webkit-mask-size: auto 100%;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size:cover;
    -webkit-mask-size:100% 100%;
    mask-repeat:no-repeat;
    -webkit-mask-repeat:no-repeat;
    background-color:gray;
}
#banner .callToAction {
    position: absolute;
    max-width: initial!important;
    padding: 10px 20px;
    width: 30vw;
}
.content-block.id-878 .item-wrapper:before {
    -webkit-filter: invert(83%) sepia(94%) saturate(3615%) hue-rotate(352deg) brightness(92%) contrast(95%);
    filter: invert(83%) sepia(94%) saturate(3615%) hue-rotate(352deg) brightness(92%) contrast(95%);
    background-color: transparent;
}
[id*="block-btnalquiler"] div > div > a {
    /*background-color: var(--font-color-secondary);
    color:black!important;
    padding-bottom: 60px;
    border-color: var(--font-color-secondary);*/

}
[id*="block-btnalquiler"] div > div *,
[id*="block-btnrutasguiadasverano"] div > div * {
    color:white!important;
    /*font-weight: 700;*/
    letter-spacing: 1px;
}
[id*="block-btnalquiler"] div > div p,
[id*="block-btnrutasguiadasverano"] div > div p {
    pointer-events: none!important;
    position: absolute;
    bottom: 6px;
}
body.in-rent-process .user-selector-container {
    height: 50px;
}
body.in-rent-process .user-selector-container .product-selected {
    color:gray;
    font-weight: 300;
    font-size: 14px;
    padding-left: 20px;
}
body.in-rent-process .totals-area-wrapper {
    position: fixed;
    background: black;
    right: 0;
    bottom: 0px;
    width: 445px;
    max-width: 100%;
    height: 150px;
    border-color: transparent;
    border-left-color: var(--border-color-material);
    border-width: 0px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: white;
    font: normal 500 24px/1.8 Oswald;
}
body.in-rent-process .totals-area-wrapper > div {
    margin: 20px;
}
@media all and (max-width: 992px) {
    body.in-rent-process .totals-area-wrapper {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    body.in-rent-process .totals-area-wrapper > div {
        margin: 10px 0 0 0;
    }
}

body.in-rent-process .dates-area-wrapper {
    position: fixed;
    background: var(--font-color-active);
    right: 0;
    bottom: 150px;
    width: 445px;
    height: 80px;
    border-color: transparent;
    border-left-color: var(--border-color-material);
    border-width: 0px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font: normal 500 18px/1.8 Oswald;
}
body.in-rent-process .dates-area-wrapper > div {
    margin: 20px;
}
body.in-rent-process .dates-area-wrapper .date-from,
body.in-rent-process .dates-area-wrapper .date-to {
    margin: 0 5px;
}
body.in-rent-process .dates-area-wrapper .date-label span:before {
    content:"\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    width: 20px;
    height: 20px;
    color: white!important;
    margin-right: 10px
}
body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .field--name-field-descripcion-breve {
    min-height: 200px;
}

body.in-rent-process .checkbox,body.in-rent-process .checkbox-pack {
    padding-left: 0!important;
}

body.in-rent-process .btn.add-to-cart {
    margin: 0!important
}
body.in-rent-process .view-productos-alquiler- .view-content.row .views-row {
    border-width: 1px!important;
    border-color: transparent!important;
}
body.in-rent-process .wrapper-add-to-cart.added .btn.btn-row.danger-row {
    -webkit-box-shadow: 1px 1px 10px gray;
    box-shadow: 1px 1px 10px gray;
}
body.in-rent-process .view-productos-alquiler- .pack-complements-container .field--type-image img {
    max-width: unset;
    height: 75px;
    max-height: 100%;
    width: auto;
}
body.in-rent-process .all-users {
    scroll-behavior: auto;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: calc(100vh - 330px);
    background: white;
    padding-top: 20px;
}
body.in-rent-process .pre-cart-block > form {
    height: 96px;
}
body.in-rent-process .btn-add-users-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 110px;
    margin-top: -20px;
    /* background: green; */
}
body.in-rent-process .btn-add-users-container .boton-add-user {
    margin: 30px 30px 30px 0;
    padding: 10px;
}
body.in-rent-process .btn-add-users-container .boton-add-user a {
    line-height: 24px!important;
}
body.in-rent-process.assistant-paso-1  #block-views-block-productos-alquiler-block-1 .form-submit {
    position: fixed;
    bottom: 0;
    width: 300px;
    left: calc(100vw - 445px + 80px );
    background-color: green;
    border-color: white!important
}
body.in-rent-process .wrapper-add-to-cart.added .btn.btn-row.danger-row {
    background-color: white;
}
body.in-rent-process.assistant-paso-1  #block-views-block-productos-alquiler-block-1 .form-submit:hover {
    color:black!important;
    border-color: black!important;
}
body.in-rent-process .view-productos-alquiler- {
    overflow-x: hidden;
    position: fixed;
    max-height: 100vh;
    top: 40px!important;
    width: calc(100vw - 445px - 28px);
    height: calc(100vh - 72px);
    /* background: purple; */
}
@media all and (max-width: 992px) {
    body.in-rent-process .view-productos-alquiler-  {
        padding-bottom: 130px;
    }
    body.in-rent-process .btn-add-users-container {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

body.in-rent-process .view-productos-alquiler-.mobile {
    width: 100%;
}
body.in-rent-process .wrapper-add-to-cart.added .btn.btn-row.danger-row {
    border-color: green!important;
    background-color: green!important;
}
body.in-rent-process .wrapper-add-to-cart.added .btn.btn-row.danger-row::after {
    color: white;
}
body.in-rent-process .user-selector-container.with-product::after {
    content: "\f4fc";
    color: green;
}
/** PANTALLA DINS **/
body.in-rent-process.din-step {

}
body.in-rent-process.din-step #main-wrapper {
    width: calc(100vw - 28px);
    position: fixed;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 40px;
}
body.in-rent-process.din-step input[type="submit"] {
    max-width: 150px;
    margin-top: 30px;
    margin-bottom: 30px;
}
body.in-rent-process.page-node-401.din-step article.node--type-pagina-libre .node__content .field--name-field-titulo:first-of-type {
    position: relative;
    margin: 0 auto;
    width: calc(100% - 28px);
}

body.in-rent-process.din-step .din-wrapper {
    background-color: #f8f8f8;
    border-left: 1px solid transparent;
}
body.in-rent-process.din-step .din-wrapper:hover, .din-wrapper:focus, .din-wrapper:active {
    background: #ffffff;
    -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    border-left: 1px solid var(--font-color-active);
}

/** CHECKOUT **/
body.path-checkout #main-wrapper {
    padding-top: 100px;
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}
body.path-checkout h1 {margin-bottom: 15px}
body.path-checkout .info-text-description {
    margin-bottom: 60px
}
@media all and (max-width: 992px) {
    body.path-checkout .info-text-description {
        padding: 0 7px;
    }
    body.path-checkout #main-wrapper {
        padding-top: 20px;
    }
}
#edit-login-register-register, #edit-login-returning-customer-submit {
    width: auto;
    max-width: 390px;
    padding-right: 30px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    margin-top: 10px;
}
body.path-checkout [data-drupal-selector="edit-login-returning-customer-forgot-password"]{text-align: center;margin-top: 10px}
body.path-checkout #edit-payment-information legend {
    padding-top: 0;
    font-size: 28px;
    margin-top: 0px;
}
body.path-checkout .layout-checkout-form fieldset {
    padding: 0  0.75em 0.625em 0;
}

@media all and (max-width: 992px){
    body.path-checkout .layout-checkout-form fieldset {
        padding: 0 0 0.625em 0;
    }
}
body.path-checkout .layout-checkout-form legend span,
body.path-checkout .layout-checkout-form h3{
    font-size: 30px;
    margin-top: 7px;
    padding: 0;
}
body.path-checkout .checkout-order-summary .field--name-price {display: none}
body.path-checkout .checkout-order-summary .field--name-field-titulo, body.path-checkout .checkout-order-summary .field--name-body {
    text-align: left;
}
body.path-checkout .layout-checkout-form .row > div  {
    background-color: #f8f8f8;
    border-left: 1px solid transparent;
    padding: 20px;
    margin: 0px;
    border:3px solid white;
}
body.path-checkout .layout-checkout-form .row > div:hover, body.path-checkout .layout-checkout-form .row > div:focus, body.path-checkout .layout-checkout-form .row > div:active {
    background: #ffffff;
    -webkit-box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 32px rgba(0, 0, 0, 0.1);
    border-left: 3px solid var(--font-color-active);
}
.layout-checkout-form .row > div {
    position: relative;
}

body .checkout-pane.checkout-pane-order-summary {
    position: sticky;
    top: 122px;
    width: 100%;
}
body.path-checkout #edit-order-summary > div > div {
    background: transparent;;
    max-width: 100%;
    color: black;
    margin-left: 50%;
    border-top: 1px solid var(--font-color-active);
}
@media all and (max-width: 992px) {
    body.path-checkout #edit-order-summary > div > div {
        margin-left: 0;
    }
}
body.path-checkout .order-total-line.order-total-line__total > span {
    color: var(--font-color-active);
    font-size: 27px;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
body.path-checkout input[data-drupal-selector="edit-actions-next"] {
    width: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-right: 25px;
    margin-left: auto;
    margin-right: auto;
    /*display: none!important;*/
}
body.path-checkout .layout-region-checkout-footer {
    width: 100%;
    padding-left: 1rem;
}
input:not([type="submit"] ):not([type="checkbox"]):not([type="radio"]):not(.webform-webform-telephone-international), select {
    font: normal 400 16px/3.56 Oxygen !important;
    background: #ffffff !important;
    height: 57px !important;
    padding-left: 25px !important;
    border-radius: 3px !important;
    color: var(--input-font-color) !important;
    padding: 1px 2px 1px 25px !important;
}
body.path-checkout fieldset.js-form-item.js-form-type-select.form-type-select.js-form-item-payment-information-billing-information-address-0-address-country-code.form-item-payment-information-billing-information-address-0-address-country-code.form-group {
    width: 100%;
}
body.path-checkout div[data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"] {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 4;
}
@media all and (max-width: 992px) {
    body.path-checkout div[data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"] {
        width: 100%;
    }
}

body.path-checkout div.field--name-field-he-llegit-i-accepto-la-cla{margin-top: 20px}

#block-views-block-productos-alquiler-block-1 .owl-nav {
    position: sticky;
    bottom: 20px;
    top: unset;
    left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
#block-views-block-productos-alquiler-block-1 .owl-nav.disabled {display: none!important}
#block-views-block-productos-alquiler-block-1 .owl-nav:before {
    content:"";
    background: -o-linear-gradient(top,
    rgba(0,0,0,0) calc(50% - 1px),
    rgba(192,192,192,1) calc(50%),
    rgba(0,0,0,0) calc(50% + 1px)
    );
    background: linear-gradient(180deg,
    rgba(0,0,0,0) calc(50% - 1px),
    rgba(192,192,192,1) calc(50%),
    rgba(0,0,0,0) calc(50% + 1px)
    );
    display: block;
    height: 21px;
    width: 300px;
    background-position: center;
    margin-top: -9px;

}
#block-views-block-productos-alquiler-block-1 .owl-nav button{
    width: 21px!important;
    height: 21px!important;
    padding: 0;
    margin: 10px 0px 20px 10px;
    line-height: normal;
}
#block-views-block-productos-alquiler-block-1 .owl-nav button span {
    padding: 0;
    margin: 0;
    height: auto!important;
    font-size: 15px;
    font-weight: 900;
    display: block;
    line-height: normal;
    margin-top: -6px;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"] {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
tr.subitem, tr.subitem * {
    text-transform: lowercase!important;
    font-style: oblique;
    font-weight: 300!important;
    font-size: 12px;
}
.form-item-payment-information-billing-information-address-0-address-locality{
    width: 30%;
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3
}

@media all and (max-width: 992px) {
    .form-item-payment-information-billing-information-address-0-address-locality {
        width: 100%;
    }
}


body.path-checkout .order-total-line.order-total-line__total > span.order-total-line-value {
    margin-left: 30px;
}

body.in-rent-process .totals-area-wrapper {
    height: 200px;
}
body.in-rent-process .dates-area-wrapper {
    bottom: 200px;
}
body.in-rent-process .all-users {
    height: calc(100vh - 460px) !important;
}
body.in-rent-process .totals-area-wrapper .total-offline {
    text-decoration: line-through;
    color: rgba(255,255,255,0.6);
}
.checkgarantia-wrapper .field__label {display: none!important}
input.checkgarantia + .checkgarantia-wrapper .field--name-price .field__item:after {
    content: "";
    display: block;
    height: 51px;
    width: 51px;
    visibility: visible;
    background: url('/themes/custom/wpns/img/icons/segell PN.jpg') no-repeat center;
    background-size: cover;
    margin-top: 5px;
}
input.checkgarantia:checked + .checkgarantia-wrapper .field--name-price .field__item:after {
    color: green;
}

.view-productos-alquiler- .view-content.row .views-row  .field--name-field-botas .field__item > div .field__item {
    font: normal 500 12px/1.8 Oswald;
}

.view-productos-alquiler- .view-content.row .views-row  .field--name-field-seguro .field__item > div .field__item {
    font: normal 500 12px/1.8 Oswald;
}
input.checkgarantia + .checkgarantia-wrapper .field--name-price .field__item:before {
    content: "+ "
}
/*input.checkgarantia:checked  + .checkgarantia-wrapper .field--name-price .field__item {*/
/*    visibility: hidden;*/
/*}*/
body.in-rent-process .totals-area-wrapper {
    height: 200px!important;
}

body.in-rent-process .dates-area-wrapper {
    bottom: 200px!important;
}


.totals-area-wrapper .total-offline{
    display: none;
}
.totals-area-wrapper.hasProducts .total-offline{
    display: block;
}
.path-cart .view-commerce-cart-form #edit-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    padding: 0 16px !important;
    padding: 0 1rem !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.path-cart .view-commerce-cart-form #edit-actions input {
    width: auto;
    max-width: 40%;
    margin: 10px 2%;
    left: unset;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-right: 0;
}
.path-cart .view-commerce-cart-form input.delete-order-item  {
    background-color: transparent;
    color: red!important;
    border-color: transparent!important;
    padding: 2px!important;
    height: 30px!important;
    margin: 0!important;
    display: inline-block;
    border-width: 0!important;
    line-height: normal!important;
    width: 100%;
    background: none!important

}
.path-cart .view-commerce-cart-form td {
    vertical-align: middle;
}
.path-cart .view-commerce-cart-form .field--name-field-titulo {
    text-align: left!important;
}
.path-cart .order-total-line__total {
    padding-top: 5px;
    font-weight: bold;
}
.path-cart .order-total-line.order-total-line__total > span {
    color: var(--bg-btn-color)!important;
    font-size: 27px;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.path-cart .order-total-line.order-total-line__total > span.order-total-line-value {
    margin-left: 30px;
}
.path-cart .field--name-price {display: none}

body.in-rent-process .btn-add-users-container .boton-add-user a {
    width: 165px;
}
body.in-rent-process .user-selector-container .product-selected {
    padding-left: 8px;
    padding-top: 8px;
}
body.in-rent-process .user-selector-container {
    min-height: 64px;
    /* background: red; */
    height: auto!important;
}
body.in-rent-process .dates-area-wrapper > div.date-label {
    display: none;
}
body.in-rent-process .dates-area-wrapper > div.dates-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    line-height: 1.5;
    width: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0!important;
    margin: 0!important;
}
body.in-rent-process .dates-area-wrapper > div.dates-detail:before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    width: 20px;
    height: 20px;
    color: white!important;
    margin-right: 10px;
}
body.in-rent-process .dates-area-wrapper {
    position: fixed;
    background: var(--font-color-active);
    right: 0;
    bottom: 150px;
    width: 445px;
    height: 80px;
    border-color: transparent;
    border-left-color: var(--border-color-material);
    border-width: 0px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font: normal 500 18px/1.8 Oswald;
}
body.in-rent-process .user-selector-container:after {
    right: 10px;
    top: 10px;
}
body.in-rent-process .user-selector-container.selected {
    padding-top: 10px;
}
body.in-rent-process .user-selector-container .gender-selector {
    top: 5px;
}
body.in-rent-process .user-selector-container.selected:before {
    background-color: var(--font-color-active)!important;
    content:"";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1

}
body.in-rent-process .user-selector-container.selected {
    border-left: 3px solid var(--font-color-active)!important;
}
body.in-rent-process .dates-area-wrapper {
    position: fixed;
    background: var(--font-color-active);
    right: 0;
    bottom: 150px;
    width: 445px;
    max-width: 100%;
    height: 80px;
    border-color: transparent;
    border-left-color: var(--border-color-material);
    border-width: 0px;
    border-style: solid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
    font: normal 500 18px/1.8 Oswald;
}

@media all and (max-width: 992px) {
    body.in-rent-process .dates-area-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

body.in-rent-process .user-selector-container .gender-selector {
    top: 0px;
}
body.in-rent-process .user-selector-container::after {
    right: 10px;
    top: 5px;
}

body.in-rent-process .user-selector-container.selected {
    padding-top: 5px;
}
body.in-rent-process .webform-ajax-form-wrapper.gender-w .view-productos-alquiler- .view-content.row .views-row .imagen-card-container.unisex .field--name-field-imatge-llistat {
    display: block!important;
}
body.in-rent-process .webform-ajax-form-wrapper .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat-dona {
    display: block;
}
body.in-rent-process .webform-ajax-form-wrapper .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat {
    display: block;
}
body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat,
body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat-dona {
    -webkit-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

/* home*/
body.in-rent-process .webform-ajax-form-wrapper.gender-m .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat-dona {
    opacity:0;
    position: absolute;
    display: none;
}
body.in-rent-process .webform-ajax-form-wrapper.gender-m .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat {
    opacity:1;
    display: block;
}
/* dona */
body.in-rent-process .webform-ajax-form-wrapper.gender-w .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat-dona {
    opacity:1;
}
body.in-rent-process .webform-ajax-form-wrapper.gender-w .view-productos-alquiler- .view-content.row .views-row .imagen-card-container .field--name-field-imatge-llistat {
    opacity:0;
    position: absolute
}
/* unisex*/
body.in-rent-process .webform-ajax-form-wrapper.gender-w .view-productos-alquiler- .view-content.row .views-row .imagen-card-container.unisex .field--name-field-imatge-llistat {
    opacity:1!important;
    position: relative;
}

.din-step .field-subtitulo-cb-wrapper {display: none}

body.in-rent-process .view-productos-alquiler- .view-content.row .complemento_seguro.isIncluded-On {
    opacity: 0.4;
    pointer-events: none!important;
}
body.in-rent-process .view-productos-alquiler- .view-content.row .complemento-botas.isIncluded-On {
    opacity: 0.4;
    pointer-events: none!important;
    /* display: none!important; */
}
body.in-rent-process .view-productos-alquiler- .view-content.row .complemento-casco.isIncluded-On {
    opacity: 0.4;
    pointer-events: none!important;
}
.field--name-field-incluye-casco,
.field--name-field-incluye-palo,
.field--name-field-incluye-botas,
.field--name-field-incluye-garantia {
    display: none;
}
div[data-drupal-messages] {
    position: fixed;
    right: 5%;
    top: 130px;
    max-width: 400px;
    overflow-x: auto;
    max-height: calc(100vh - 260px);
    z-index: 9;
}
.din-step fieldset[class*="form-item-din-nom-"] {
    min-width: 230px!important;
    width: 230px;
    max-width: 230px;
}
.din-step fieldset[class*="form-item-din-nom-"] small {
    font-weight: 700;
    font-style: italic;
}
.din-step fieldset[class*="form-item-din-nivel-"] {
    min-width: 220px!important;
    max-width: 220px;
    width: 220px;
}
.din-step fieldset[class*="form-item-din-talla-"] {
    min-width: 280px;
    max-width: 280px;
    width: 280px;
}
.din-step fieldset[class*="form-item-din-pes-"] {
    width: 140px!important;
    max-width: 140px!important;
    min-width: 140px!important;
}
.din-step fieldset[class*="form-item-din-alcada-"] {
    width: 160px!important;
    max-width: 160px!important;
    min-width: 160px!important;
}
.din-step .node__content .form-group{
    text-align: left;
}
.din-step [data-drupal-selector="edit-actions"] {
    text-align: right!important;
}
.din-step .field--name-field-titulo {display: none!important}

.spinning {
    color: transparent;
    font-size: 0!important;
    pointer-events:none!important;
}
.spinning .spinner {
    font-size: 20px;
    margin: 0 30px;
    pointer-events:none!important;
}
.spinning .spinner::before {
    content: "\f110";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    animation: spinner-button 2s linear infinite;
    -webkit-animation: fa-spin 2s linear infinite;
}

/** VARIOS Y MOBILE **/

.PATTERNcontent-block {
    -webkit-clip-path: polygon(18% 0px, 100% 10%, 100% 100%, 0px 100%, 0px 10%);
    clip-path: polygon(18% 0px, 100% 10%, 100% 100%, 0px 100%, 0px 10%);
    padding: 70px 0;
}

.PATTERNccontent-block {
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 81% 100%, 0px 95%);
    padding: 70px 0;
}

.glitch:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(http://store.shuski.com/sites/default/files/styles/estilo_libre/public/2021-11/esqui1_0.jpg);
    background-size: cover; /* contain for split effect */
    opacity: .5;
    mix-blend-mode: hard-light;
    -webkit-animation: glitch2 5s linear infinite;
    animation: glitch2 5s linear infinite;
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}

.glitch:hover:before
{
    -webkit-animation: glitch1 0.5s linear infinite;
    animation: glitch1 0.5s linear infinite;
}

@-webkit-keyframes glitch1
{
    0%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    10%
    {
        background-position: 5px 0;
    }
    20%
    {
        background-position: -5px 0;
    }
    30%
    {
        background-position: 15px 0;
    }
    40%
    {
        background-position: -5px 0;
    }
    50%
    {
        background-position: -25px 0;
    }
    60%
    {
        background-position: -50px 0;
    }
    70%
    {
        background-position: 0 -20px;
    }
    80%
    {
        background-position: -60px -20px;
    }
    81%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@keyframes glitch1
{
    0%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    10%
    {
        background-position: 5px 0;
    }
    20%
    {
        background-position: -5px 0;
    }
    30%
    {
        background-position: 15px 0;
    }
    40%
    {
        background-position: -5px 0;
    }
    50%
    {
        background-position: -25px 0;
    }
    60%
    {
        background-position: -50px 0;
    }
    70%
    {
        background-position: 0 -20px;
    }
    80%
    {
        background-position: -60px -20px;
    }
    81%
    {
        background-position: 0 0;
    }
    100%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes glitch2
{
    0%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    4%
    {
        background-position: 4px 0;
    }
    7%
    {
        background-position: -4px 0;
    }
    10%
    {
        -webkit-filter: hue-rotate(90deg);
        filter: hue-rotate(90deg);
    }
    15%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    100%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
}

@keyframes glitch2
{
    0%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    4%
    {
        background-position: 4px 0;
    }
    7%
    {
        background-position: -4px 0;
    }
    10%
    {
        -webkit-filter: hue-rotate(90deg);
        filter: hue-rotate(90deg);
    }
    15%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
    100%
    {
        background-position: 0 0;
        -webkit-filter: hue-rotate(0deg);
        filter: hue-rotate(0deg);
    }
}

@-webkit-keyframes spinner-button {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner-button {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@media (max-width: 800px){
    .general-wrapper .menu-webcams .webcam-selector{
        background-color: transparent;
        margin: 0px;
        width: 100%;
        /* height: 100px; */
        padding: 10px 0;
        vertical-align: inherit;
        text-align: center;
    }
}
@media (max-width: 600px){


    .webcam-selector-mobile{
        display:block;
    }
    .webcam-selector-desktop{
        display:none ;
    }

    .webcam-selector-mobile{
        /* display: flex; */
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .webcam-selector-mobile > div > div {
        display: none;
    }

    .general-wrapper{
        height: 100% !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .general-wrapper .menu-webcams{
        max-width: 100%;
        margin-top: 2rem;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile{
        /* display: flex;
        flex-wrap: wrap;  */
        width: 100%;
        /*    justify-content: space-between;*/

    }
    .general-wrapper .menu-webcams .webcam-selector-mobile > div{

        /*  flex-basis: calc(100%/2 - 5px ); */
        text-align: center;
        float:left;
        width: 49%;
        margin-bottom: 1rem;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile > div.GV > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        float:left;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 200%;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile > div.VN > div{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        float: right;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 200%;
    }

    .general-wrapper .menu-webcams .webcam-selector-mobile .webcam-selector{
        width: 33% !important;

    }
    .general-wrapper .menu-webcams .webcam-selector-mobile .webcam-selector a{

        background-color: transparent;
        margin: 0px;
        width: 100%;
        /* height: 100px; */
        padding: 4px 0;
        vertical-align: inherit;
    }
    .general-wrapper .webcams-wrapper{
        width: 100%;
    }
    .general-wrapper .webcams-wrapper .webcam-container iframe{
        height: 300px !important;
    }
    .estacion-title{
        font-size: 1rem;
        font-family: 'Oswald';
        font-weight: 900;
        /* text-align: center; */
        text-transform: uppercase;
        -webkit-box-shadow: -11px -14px 13px -10px #0000001f ;
        box-shadow: -11px -14px 13px -10px #0000001f;
    }
    .shadow-desplegable{
        -webkit-box-shadow: -1px 9px 10px -4px #0000001f;
        box-shadow: -1px 9px 10px -4px #0000001f
    }
    /*estils del filtres de mobil de webcams*/
    .GV .estacion-title{
        color: #4aabd5;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile .GV .webcam-selector.selected a{
        color: #4aabd5 !important;
    }
    .VN .estacion-title{
        color: #e30613;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile .VN .webcam-selector.selected a{
        color: #e30613 !important;
    }


}

@media (max-width: 400px){
    .general-wrapper .webcams-wrapper .webcam-container iframe{
        height: 222px !important;
    }
    .general-wrapper .menu-webcams .webcam-selector-mobile .webcam-selector{
        width: 45% !important;

    }
    .general-wrapper .menu-webcams{
        margin-top: 1rem;
    }
}

[id*="block-cartbutton"] .commerce-cart-block--summary__label {
    display: none;
}
[id*="block-cartbutton"] .commerce-cart-block--summary__icon {
    font-size: 20px;
}

@media all and (min-width: 1200px) {
    #header .header-desktop {
        height: 100px;
    }
    #header .header-desktop .header-right .region-header-right > div, #header .header-desktop .header-right .region-header-right > section {
        width: 100px;
    }
    #banner .callToAction {
        width: 30vw !important;
    }
    #banner .slick-slider, #banner .slide__content,
    #banner .block-views-blockslides-block-slider-video, #banner .slick {
        height: calc(100vh - 100px)!important;
        min-height: 350px;
        max-height: 100vh;
    }
    .content-block.model-ID .item-wrapper .mediasection {
        margin-right: 25px;
    }
}

@media all and (min-width: 992px) and (max-width: 1200px) {
    #header .header-desktop {
        height: 85px;
    }
    #header .header-desktop .header-right .region-header-right > div, #header .header-desktop .header-right .region-header-right > section {
        width: 85px;
    }
    #banner .callToAction {
        width: 50vw !important;
    }
    #banner .slick-slider, #banner .slide__content,
    #banner .block-views-blockslides-block-slider-video, #banner .slick {
        height: calc(100vh - 140px)!important;
        min-height: 400px;
        max-height: 100vh;
    }
    .content-block.model-ID .item-wrapper .mediasection {
        margin-right: 25px;
    }
}

@media all and (min-width: 768px) and (max-width: 992px) {
    #header .header-desktop {
        height: 75px;
    }
    #header .header-desktop .header-right .region-header-right > div, #header .header-desktop .header-right .region-header-right > section {
        width: 75px;
    }
    #banner .callToAction {
        width: 75vw !important;
    }
    #banner .block-views-blockslides-block-slider-video, #banner .slick, #banner .slick-slider, #banner .slide__content {
        height: calc(100vh - 140px)!important;
        min-height: 450px;
        max-height: 100vh;
    }
    .general-wrapper .webcam-selector-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .general-wrapper .webcam-selector-desktop .webcam-selector {
        width: 33%;
    }
}
#block-switchstation-2, #block-dropdownlanguage-3 {
    margin-top: 10px;
}
@media all and (min-width: 768px) {
    #block-switchstation-2,
    #block-dropdownlanguage-3 {
        display: none;
    }
}
@media all and (max-width: 767px) {
    #block-switchstation,
    #block-dropdownlanguage-2 {
        display: none;
    }
}
@media all and (max-width: 992px) {
    #header .header-desktop {
        height: 60px;
    }
    #header .header-desktop .header-right .region-header-right > div, #header .header-desktop .header-right .region-header-right > section {
        width: 60px;
        background-color: black;
    }
    #header .header-desktop .menu-name {
        display: none;
    }
    [id*="block-btnalquiler"] div > div p,
    [id*="block-btnrutasguiadasverano"] div > div p {
        display: none;
    }
    #banner .callToAction {
        width: 95% !important;
    }
    .content-block.id-903, .content-block.id-1134 {
        background-color: #eee;
        -webkit-clip-path: polygon(17% 3%, 100% 7%, 100% 100%, 0px 100%, 0px 8%);
        padding: 150px 0 10px!important;
        clip-path: polygon(17% 3%, 100% 7%, 100% 100%, 0px 100%, 0px 8%);
    }
    #banner .block-views-blockslides-block-slider-video, #banner .slick, #banner .slick-slider, #banner .slide__content {
        height: calc(100vh - 200px)!important;
        min-height: 450px;
        max-height: 100vh;
    }
    .general-wrapper .webcam-selector-desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .general-wrapper .webcam-selector-desktop .webcam-selector {
        width: 33%;
    }
    #block-informaciontiendas h3, #block-informaciontiendas h2 {
        text-align: center;
    }
}
@media all and (max-width: 500px) {
    #header .header-desktop {
        height: 50px;
    }

    #header .header-desktop .header-right .region-header-right > div, #header .header-desktop .header-right .region-header-right > section {
        width: 50px;
    }
}

#header .logo,
#header .logo div,
#header .logo section,
#header .logo a,
#header .logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

body:not(.in-rent-process, .page-node-578, .page-node-1059, .page-node-2046, .page-node-1692, .page-node-1694, .page-node-1981, .page-node-1984, .page-node-12103) article.node.node--type-pagina-libre {
    padding: 0 20px;
}

.view-slides .slick__arrow {
    width: 100% !important;
    left: unset !important;
    margin-left: 0 !important;
    border: 36px !important;

}

.view-slides .slick__arrow button {
    font-family: 'Font Awesome 5 Free';
    margin-right: 0;
}

.view-slides .slick__arrow button:before {
    font-weight: 900;
    margin-right: 0;
    font-family: 'Font Awesome 5 Free' !important;
}

.view-slides .slick__arrow button.slick-down {
    background: var(--bg-color-btn);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.view-slides .slick__arrow button.slick-down:hover {
    background: var(--bg-color-btn-secundary);
}

.view-slides .slick__arrow button:not(.slick-down):hover:before {
    color: var(--bg-color-btn) !important;
}



[data-drupal-selector="views-exposed-form-faq-block-faq"] .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.view-display-id-block_faq .item-list > ul > li {
    margin: 40px 0 20px
}
.view-display-id-block_faq .item-list > ul > li .views-field-field-pregunta {
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    font-size: 2rem;
}
.fivestar-widget {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.view-display-id-block_faq .pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
select[data-drupal-selector="edit-field-categoria-target-id"] {min-width: 250px}


/** FORM DEVOLUCIONES **/
.view-user-orders-uhplus .order-information__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.view-user-orders-uhplus .order-information__header > div {
    width: 25%;
    min-width: 250px;
    margin-bottom: 20px
}
.view-user-orders-uhplus .order-information__header > div .field__label {
    font-weight: bold;
    font-size: 16px;
}
.view-user-orders-uhplus .order-information__header > div .field__item {}


.path-user .profile {display: none}
.block-views-blockuser-orders-uhplus-dashboard {margin-bottom: 60px;}

article .field--name-body {
    margin: 60px 10px 30px;
}
form.webform-submission-cancelar-pedido-form .js-form-item {
    margin: 20px 0;
}
form.webform-submission-cancelar-pedido-form fieldset {
    margin: 0!important;
    padding: 0;
    margin-bottom: 10px!important;
}
form.webform-submission-cancelar-pedido-form fieldset legend, form.webform-submission-form fieldset label {
    margin: 0!important;
    font-size: 18px;
    padding: 0;
    display: inline-block;
}

form.webform-submission-cancelar-pedido-form [data-drupal-selector="edit-actions"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
form.webform-submission-cancelar-pedido-form [data-drupal-selector="edit-actions"] > * {
    max-width: 180px;
    margin-right: 0;
}
form.webform-submission-cancelar-pedido-form [data-drupal-selector="edit-pedido"]{display: none}



.node--type-destacado .field--name-field-enlace {
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    text-align: center;
}
.model-DE .destacado-wrapper article .node__content {
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
}
.model-DE .destacado-wrapper article .node__content .field--name-field-titulo h4 a {
    text-align: center;
    margin: 0;
}
.site-footer section.row.region.region-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
}
.site-footer section.row.region.region-footer > * {
    -ms-flex-preferred-size: calc(33% - 1rem);
    flex-basis: calc(33% - 1rem);
}
.secure-payment-wrapper img {
    margin: 0 auto;
    display: block;
}
.site-footer .view-display-id-footer_news .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}
.site-footer .view-display-id-footer_news .views-row .views-field-field-imagen-principal{
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.site-footer .view-display-id-footer_news .views-row .views-field-title,
.site-footer .view-display-id-footer_news .views-row .views-field-field-titulo{
    -ms-flex-preferred-size: 68%;
    flex-basis: 68%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
}
.site-footer .view-display-id-footer_news .views-row .views-field-field-fecha-noticia{
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 30%!important;
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}
.NOT-IN-USE-paso_1[data-webform-key="seleccio_material"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: rgb(183 172 172 / 7%);
    position: relative;
    margin-top: 0px;
    padding: 10px;
    border-radius: 3px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
}
.boton-search {
    margin-top: 36px!important;
    position: relative;
}
.view-productos-alquiler- .view-content.row .views-row  .field--name-field-casco .field__item > div .field__item {
    font: normal 500 12px/1.8 Oswald;
}
.view-productos-alquiler- .view-content.row .views-row  .field--name-field-casco .field__item,
.view-productos-alquiler- .view-content.row .views-row  .field--name-field-casco .field__label,
.view-productos-alquiler- .view-content.row .views-row  .field--name-field-casco .field__item > div .field__item {
    display: block;
}
.view-productos-alquiler- .view-content.row .views-row  .field--name-field-casco .field__label {display: none}
.field--name-field-casco  .field--name-price .field__item:before {
    content: "+ ";
}
input.checkcasco:checked  + .checkcasco-wrapper .field--name-price .field__item {
    visibility: hidden;
}
body.in-rent-process .view-productos-alquiler- .pack-complements-container .field--type-image img {
    max-width: unset;
    height: 51px;
    max-height: 100%;
    width: auto;
    margin-top: 9px;
    margin-bottom: 20px;
}

body.node--type-noticia #main-wrapper {
    padding-top: 90px !important;
}
body.node--type-noticia article ol,
body.node--type-noticia article ul {
    padding-left: 0;
}
/* body.node--type-noticia article .field--name-field-imagen-principal img {
	max-height: 400px;
	object-fit: cover;
	object-position: center;
} */
body.node--type-noticia article .field--name-body {
    margin: 0 0 30px;
    text-align: justify;
}
@media all and (max-width: 768px) {
    body.node--type-noticia article .field--name-body {
        margin: 60px 20px 30px;
    }
    body.node--type-noticia #main-wrapper {
        padding-top: 0 !important;
    }
}
body.node--type-noticia article > div.node__content {
    margin-top: 0;
}

body.node--type-botiga article.node--type-botiga .field--name-field-direccion-1,
body.node--type-botiga article.node--type-botiga .field--name-field-e-mail,
body.node--type-botiga article.node--type-botiga .field--name-field-horaris,
body.node--type-botiga article.node--type-botiga .field--name-field-encargado,
body.node--type-botiga article.node--type-botiga .field--name-field-enlace,
body.node--type-botiga article.node--type-botiga .field--name-field-societat-botiga,
body.node--type-botiga article.node--type-botiga .field--name-field-telefono {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
}

body.node--type-botiga article.node--type-botiga .field__label {
    font-weight: bold;
}

body.node--type-botiga article.node--type-botiga .field--name-field-direccion-1 > div,
body.node--type-botiga article.node--type-botiga .field--name-field-e-mail > div,
body.node--type-botiga article.node--type-botiga .field--name-field-horaris > div,
body.node--type-botiga article.node--type-botiga .field--name-field-encargado > div,
body.node--type-botiga article.node--type-botiga .field--name-field-enlace > div,
body.node--type-botiga article.node--type-botiga .field--name-field-societat-botiga > div,
body.node--type-botiga article.node--type-botiga .field--name-field-telefono > div {
    margin: 5px;
}


body.node--type-botiga article.node--type-botiga .field--name-field-direccion-1:before {
    content: "\f041";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    margin-top: 7px;
}

body.node--type-botiga article.node--type-botiga .field--name-field-telefono:before {
    content: "\f095";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    margin-top: 7px;
}

body.node--type-botiga article.node--type-botiga .field--name-field-e-mail:before {
    content: "\f0e0";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 16px;
    margin-top: 7px;
}

body.node--type-botiga article.node--type-botiga .field--name-field-horaris:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 16px;
    margin-top: 7px;
}

body.node--type-botiga article.node--type-botiga .field--name-field-encargado:before {
    content: "\f2bd";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-top: 7px;
    font-size: 16px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-enlace:before {
    content: "\f279";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-top: 7px;
    font-size: 16px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-societat-botiga:before {
    content: "\f1ad";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-top: 7px;
    font-size: 16px;
}

body.node--type-botiga article.node--type-botiga .field--name-field-imagen-principal {
    width: 100%;
}
body.node--type-botiga article.node--type-botiga .field--name-body {
    margin: 0;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imagen-principal img {
    width: 100%;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

body.node--type-botiga #main-wrapper {
    padding-top: 90px;
}

#shop-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#shop-wrapper .shop-left-col {
    width: 50%;
    padding: 0 10px;
}

#shop-wrapper .shop-right-col {
    width: 50%;
    padding: 0 10px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges {
    width: 100%;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges:not(.cloned) .slick-prev {
    left: 0;
    z-index: 2;
    margin-left: 10px;
    width: 40px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges:not(.cloned) .slick-next {
    right: 0;
    z-index: 2;
    margin-right: 10px;
    width: 40px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges button:before {
    opacity: 1;
    color: var(--font-color-active);
    font-size: 40px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges.cloned img {
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    padding: 0 5px;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imatges:not(.cloned) img {
    max-width: 100%;
    max-height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
}

@media all and (max-width: 992px) {
    #shop-wrapper {
        display: block;
    }

    #shop-wrapper .shop-left-col {
        width: 100%;
        float: left;
    }

    #shop-wrapper .shop-right-col {
        width: 100%;
    }

    body.node--type-botiga #main-wrapper {
        padding-top: 40px;
    }

    body.node--type-botiga #main-wrapper .field--name-field-imatges img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

}

.shop-list-general {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.shop-list-image {
    width: 30%;
    padding: 0 10px;
}

.view-botiga .views-row:nth-of-type(odd) .shop-list-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.view-botiga .views-row:nth-of-type(odd) .shop-list-content {
    text-align: right;
}

.shop-list-content {
    width: 60%;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: justify;
}

.shop-list-image img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 230px;
}

.shop-list-title a {
    /*color: var(--a-tag-destacados-font-color);*/
    color: black;
    font-size: 1.25rem;
    line-height: 1.4;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    height: 50px;
}
.shop-list-body p {
    color: white;
}


article.node--type-botiga.node--view-mode-full .field--name-field-imagen-principal img {
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
}
article.node--type-botiga .node__content {padding-top: var(--altura-imagen-ppal)!important;}
article.node--type-botiga.node--view-mode-full .field--name-field-imagen-principal:after{
    content:"";
    background-color: rgba(0,0,0,0.7);
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
article.node--type-botiga.node--view-mode-full .field--name-field-imagen-principal {
    position: relative;
    left: 0;
    width: 100%;
    top: 0;
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    margin-bottom: 40px!important;
}

body.node--type-botiga #block-pagetitle {
    z-index: 1;
    position: absolute;
    top: calc(var(--altura-imagen-ppal) / 2);
}
body.node--type-botiga #block-pagetitle * {
    font: normal 700 70px/1.1 Oswald;
    margin: 5px 0 0;
    color: #ffffff!important;
    text-transform: uppercase;
}
article.node--type-botiga .field--name-field-sector > div{
    margin: 5px;
}
article.node--type-botiga .field--name-field-sector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
}
article.node--type-botiga .field--name-field-sector:before {
    content: "\f024";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-top: 7px;
    font-size: 16px;
}

.view-botiga  {margin-bottom:60px}
.view-botiga .view-content.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.view-botiga .view-content.row .views-row {
    width: 350px;
    position: relative;
    padding-bottom: 60px;
    /*background-color: #f8f8f8;*/
}
.view-botiga .shop-list-general {
    display: block;
    -webkit-box-pack: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    margin-bottom: 20px;
}
.view-botiga .shop-list-image {
    width: 100%;
    padding: 0px;
    height: 200px;
    overflow: hidden;
}
.view-botiga .shop-list-image img {
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 230px;
    -o-object-position: center;
    object-position: center;
}
.view-botiga .views-row .shop-list-content {
    text-align: center!important;
    width: 100%;
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: justify;
}
.view-botiga .pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px;
}
.view-botiga .shop-list-see-more {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.view-botiga .form-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;

}
.view-botiga .form-row [data-drupal-selector="edit-field-sector-target-id"] {
    min-width: 320px;
    max-width: 90vw;
}


.node--type-pagina-home .field--name-field-titulo {
    /* display: none; */
    margin-top: 30px;
}
.path-frontpage h1 {
    position: relative;
    margin-top: 50px;
}
.path-frontpage h1:before{
    content:"";
    display: block;
    background-image: url('/themes/custom/wpns/img/icons/isotipo-rojo.png');
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -45px;
    margin: 0 auto;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
body.path-checkout .checkout-order-summary tr:not(.subitem) {
    font-weight: bolder;
}
.goto-cart {
    text-align: right;
    font-size: 13px;
}
.goto-cart a:before {
    content:"\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    width: 20px;
    height: 20px;
    margin-right: 4px
}

[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-postal-code {
    width: 33%;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-locality {
    width: 67%;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-given-name {
    width: 100%;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"] .js-form-item-payment-information-billing-information-address-0-address-family-name {
    width: 100%;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] div.js-form-item-payment-information-billing-information-address-0-address-address-line2 {
    display: none !important;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] .js-form-item-payment-information-billing-information-address-0-address-address-line1 {
    width: 100%;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"]  div.js-form-item-payment-information-billing-information-address-0-address-organization {
    display: none !important;
}

.field--name-field-telefono {
    width: 100%;
    display: inline-block;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}
.field--name-tax-number {
    width: 50%;
    display: inline-block
}

[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] {
    display: inline-block;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-postal-code {
    width: 30%;
    display: inline-block;
}
[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container4"] .js-form-item-payment-information-billing-information-address-0-address-locality {
    width: 69%;
    display: inline-block;
}
.change-dates {margin-left: 8px;position: relative;top: -2px;}
.change-dates:before {
    content:"\f303";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    width: 20px;
    height: 20px;
    margin-right: 4px
}
@media all and (max-width: 1024px) {
    .content-block.id-1626 {
        padding: 40px 0 80px;
    }
}
.id-1627 {
    padding-top: 240px;
    margin-top: -180px;
    background: #E63619;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    padding-bottom: 150px;
    z-index: -1;
}
.id-1627:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    background-color: #222222;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}
.id-1627 h2 {
    color: #E63619;
    text-transform: uppercase;
}
.id-1627 h3 {
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}
.id-1627 img {
    margin-top: 30px;
    height: 500px;
    min-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.id-1627 p {
    color: white;
}
.id-1627 .column-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    text-align: center;
    position: relative;
}
.id-1627 .column-text:before {
    content: '';
    width: 5px;
    height: 100%;
    background-color: var(--font-color-active);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.id-1627 .column-text .field-body-cb-wrapper, .id-1627 .column-text .field-cuerpo-columna-2-wrapper {
    width: 50%;
}
.id-902 {
    margin-bottom: 30px;
}
.id-902 h2.field-titulo-cb {
    color: #E63619!important;
    text-align: center;
}
/*.id-902 .view-id-marcas .view-content {*/
/*display: flex;*/
/*column-count: 5;*/
/*align-items: center;*/
/*column-gap: 20px;*/
/*justify-content: center;*/
/*}*/
/*.id-902 .view-id-marcas .view-content .views-row {*/
/*width: calc(20% - 20px);*/
/*height: auto;*/
/*}*/
.node--type-pagina-libre h1 {
    color: white;
}
.page-node-1629 #content-block-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    padding: 60px 0 0 0;
    margin: 40px -50vw 0 -50vw;
}
.id-1613 {
    z-index: -1;
    min-height: 1200px;
    margin-top: -180px;
    padding-top: 240px!important;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.id-1613 h2 {
    text-transform: uppercase;
    color: #222222;
}
.id-1613 .field-body-cb-wrapper {
    position: relative;
    padding: 40px;
    width: 50%;
}
.id-1613 .field-body-cb-wrapper:before {
    content: '';
    background-color: rgb(255 255 255 / 80%);
    width: 95%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50% ,-50%);
    -ms-transform: translate(-50% ,-50%);
    transform: translate(-50% ,-50%);
    z-index: -1;
}
#block-views-block-slides-block-slider-video-4,
#block-views-block-slides-block-slider-video-3{
    position: relative;
}
#block-views-block-slides-block-slider-video-4 .callToAction:before,
#block-views-block-slides-block-slider-video-3 .callToAction:before{
    content: '';
    position: absolute;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#block-views-block-slides-block-slider-video-4:before,
#block-views-block-slides-block-slider-video-3:before {
    content: '';
    background-color: #E63619;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}

#block-views-block-slides-block-slider-video-4 .content,
#block-views-block-slides-block-slider-video-3 .content {
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}

@media (max-width: 992px){
    #block-views-block-slides-block-slider-video-4 > .content,
    #block-views-block-slides-block-slider-video-3 > .content {
        clip-path: polygon(100% 0, 100% 95%, 81% 100%, 0 95%, 0 0);
    }
}

#block-views-block-slides-block-slider-video-4 .slick--has-arrow-down > .slick__arrow,
#block-views-block-slides-block-slider-video-3 .slick--has-arrow-down > .slick__arrow {
    bottom: 80px!important;
}
#banner .views-element-container .views-field-field-media-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    z-index: 0;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}
.view-slides #slick-carousel {
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}
.bullets-alquiler {
    margin-top: 60px;
}
.bullets-alquiler > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.bullets-alquiler > div svg {
    width: 150px;
}
.bullets-alquiler > div:before {
    /*content: '';*/
    width: 80px;
    height: 80px;
    background-color: var(--font-color-active);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 40px;
}
.bullets-alquiler > div p {
    margin-bottom: 0;
    color: #222222;
    font-size: 20px;
    width: 100%;
}
.page-node-1629 h1 {
    font-size: 44px;
}
li.motivo-1,
li.motivo-2,
li.motivo-3,
li.motivo-4 {
    position: relative;
}

li.motivo-1:before,
li.motivo-2:before,
li.motivo-3:before,
li.motivo-4:before {
    display: block;
    content: "";
    height: 60px;
    width: 60px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: -120px;
    top: 0;
}
li.motivo-1:after,
li.motivo-2:after,
li.motivo-3:after,
li.motivo-4:after {
    display: block;
    content: "";
    height: 60px;
    width: 60px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    left: -160px;
    top: 0px;
}
NOTli.motivo-1:before{
    background-image: url('/themes/custom/wpns/img/assets/home/857856.png');
}
li.motivo-1:after{
    background-image: url('/themes/custom/wpns/img/assets/home/brand-positioning.png');
}
li.motivo-2:before{
    background-image: url('/themes/custom/wpns/img/assets/home/snowboard.png');
}
li.motivo-2:after{
    background-image: url('/themes/custom/wpns/img/assets/home/3684419.png');
}
NOTli.motivo-3:before{
    background-image: url('/themes/custom/wpns/img/assets/home/candidate.png');
}
li.motivo-3:after{
    background-image: url('/themes/custom/wpns/img/assets/home/planning.png');
}
li.motivo-4:before{
    background-image: url('/themes/custom/wpns/img/assets/home/internet.png');
}
li.motivo-4:after{
    background-image: url('/themes/custom/wpns/img/assets/home/cancellation.png');
}
li.motivo-1:after {
    height: 80px;
    width: 80px;
    top: 40px
}
li.motivo-2:before {
    top: 55px;
}
li.motivo-2:after {
    top: 20px;
    height: 90px;
    width: 90px;
    left: -180px;
}
li.motivo-3:before {
    top: 35px;
}
li.motivo-3:after {
    top: 35px;
    left: -160px;
    height: 80px;
    width: 80px;
}
li.motivo-4:before {
    left: -170px;
    top: 25px;
}
li.motivo-4:after {
    left: -120px;
    top: 25px;
}
@media all and (max-width: 992px) {
    li.motivo-2:before {
        left: -90px;
        top: 40px;
    }
    li.motivo-4:before {
        left: -120px;
        top: 0;
    }
    li.motivo-1:after {
        left: -100px;
        top: 0;
    }
    li.motivo-2:after {
        left: -160px;
        top: 0;
    }
    li.motivo-3:after {
        left: -100px;
        top: 0;
    }
    li.motivo-4:after {
        left: -70px;
        top: 0;
    }
}

.blog-list-general {
    margin-bottom: 35px;
}

.blog-list-image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.blog-list-image-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.blog-list-date {
    padding: 20px 40px 20px 0;
    position: relative;
}

.blog-list-date:before {
    content: "\f133";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
}

.blog-list-image-footer > div:not(:last-child):after {
    content: "";
    position: absolute;
    right: 20px;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 100;
    background-color: lightgray;
    width: 2px;
    height: 40%;
    opacity: 0.6;
}

.blog-list-category {
    padding: 20px 40px 20px 0;
}

.blog-list-category:before {
    content: "\f07b";
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    margin-right: 7px;
}

.blog-list-anchor {
    font: normal 500 16px Oswald;
    background: #ffffff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-transition: 0.3;
    -o-transition: 0.3;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    z-index: 2;
    position: relative;
    align-items: center;
    padding-right: 20px;
    color: #222222;
    text-transform: uppercase;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-list-anchor:hover {
    color: var(--font-color-active);
    text-decoration: none;
}

.blog-list-anchor:before {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    border-radius: 1px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px var(--font-color-active);
    content: '';
    transition: 0.5s;
}

.blog-list-see-more {
    position: relative;
}

.blog-list-see-more:before {
    background: var(--font-color-submenu);
    display: block;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    opacity: 0.3;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.blog-list-title a {
    color: var(--a-tag-destacados-font-color);
    font-size: 1.75rem;
    line-height: 1.4;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    height: 50px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.blog-list-title a:hover {
    color: var(--font-color-active);
    text-decoration: none;
}

.blog-list-description {
    text-align: justify;
}

nav[aria-label*="pagination-heading"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

nav[aria-label*="pagination-heading"] ul {
    margin-bottom: 0;
    padding: 5px 20px;;
    background-color: #f8f8f8;
    border-radius: 0;
}

nav[aria-label*="pagination-heading"] li a,
nav[aria-label*="pagination-heading"] li span {
    border: 0px solid transparent;
    color: var(--color-added);
    background-color: transparent !important;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

nav[aria-label*="pagination-heading"] li a:hover,
nav[aria-label*="pagination-heading"] li span:hover {
    color: var(--font-color-active) !important;
}

nav[aria-label*="pagination-heading"] li a:active,
nav[aria-label*="pagination-heading"] li a:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Hide Very first and very last on navigation */
nav[aria-label*="pagination-heading"] .page-item:nth-of-type(1):not(.active),
nav[aria-label*="pagination-heading"] .page-item:last-child:not(.active) {
    display: none;
}

nav[aria-label*="pagination-heading"] li.active a,
nav[aria-label*="pagination-heading"] li.active span {
    color: var(--font-color-active) !important;
    font-weight: bold;
    background-color: transparent !important;
}

nav[aria-label*="pagination-heading"] li.pager__item--next a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

nav[aria-label*="pagination-heading"] li.pager__item--next span {
    color: transparent;
    width: 0;
    opacity: 0;
}

nav[aria-label*="pagination-heading"] li.pager__item--next a:before{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    width: 20px;
    height: 20px;
    border-radius: 1px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px black;
    content: '';
    transition: 0.5s;
}

nav[aria-label*="pagination-heading"] li.pager__item--next a:hover:before{
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px var(--font-color-active);
}


/** AJUSTES 25/01/2022 */
.view-slides .slick__arrow button.slick-down {
    display: none;
}
#banner .slick div[class*="views-field-field-media-image"]:after {
    opacity: 0;
}
body.node--type-botiga article.node--type-botiga .field--name-field-imagen-principal {
    width: 100vw;
}
article.node--type-botiga.node--view-mode-full .field--name-field-imagen-principal {
    position: relative;
    left: 50%;
    width: 100%;
    top: 0;
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
article.node--type-botiga .node__content {
    padding-top: calc(var(--altura-imagen-ppal) + 30px)!important;
}

.node--type-botiga article.node--type-botiga {
    margin-bottom: 60px;

}
a.btn:before {display: none!important}

.node--type-pagina-home .field--name-field-titulo {
    margin-top: 0px;
}
.node--type-pagina-home .field--name-field-titulo h4{
    margin-top: 0px;
}
article.node--type-destacado {
    position: relative;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.node--type-destacado .field--name-field-enlace {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.model-DE .destacado-wrapper article {
    background-color: var(--bg-color-destacados);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    border-bottom: 2px solid var(--font-color-header-active);
    padding: 0;
    position: relative;
}
.node--type-destacado .field--name-field-enlace a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: transparent;
    text-indent: -5000px;
    border: 0px solid transparent!important;
}
.node--type-destacado .node__content {
    margin: 0;
}

/*.node--type-destacado:hover {*/
/*    background-color: var(--font-color-header-active)!important;*/
/*    transition: all 2s!important;*/
/*}*/
/*.node--type-destacado:hover .node__content:after {*/
/*    content:"+";*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    left: 50%;*/
/*    color: white;*/
/*    font-size: 40px;*/
/*    font-weight: 800;*/
/*    transform: translatex(-50%);*/
/*    transition: all .3s;*/
/*}*/
article.node--type-destacado .node__content .field--name-field-titulo h4 a {
    pointer-events: none;
}
/*.node--type-destacado:hover * {*/
/*    color: white!important;*/
/*}*/
.node--type-destacado .field--name-field-titulo h4 a {
    color: #E63619!important;
}
.content-block.id-1626 {
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}

.id-1626 .field-titulo-cb {
    color: white;
    padding-bottom: 40px;
}
/*@media all and (max-width: 1200px) {*/
/*    .content-block.id-1626 {*/
/*        clip-path: polygon(100% 0, 100% 91%, 18% 100%, 0 80%, 0 0);*/
/*    }*/
/*}*/
/*@media all and (max-width: 768px) {*/
/*    .content-block.id-1626 {*/
/*        clip-path: polygon(100% 0%, 100%5%, 18% 100%, 0 90%, 0 0)*/
/*    }*/
/*}*/
#block-siguenosenrrss-2 {
    width: 100%;
}
.follow-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.follow-us > h2 {
    margin: 0 20px 0 0;
}
.social-images > a {
    height: 46px;
    margin-top: 6px
}
.social-images i {
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: white;
    background: var(--font-color-active);
    padding: 6px;
    border-radius: 5px;
}
.follow-us > a > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.region-pre-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.pre-footer {
    position: relative;
    background-color: var(--font-color-active);
    padding: 150px 100px 60px;
    -webkit-clip-path: polygon(25% 0, 100% 20%, 100% 100%, 0 100%, 0 30%);
    clip-path: polygon(25% 0, 100% 20%, 100% 100%, 0 100%, 0 30%);
}
.pre-footer:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #222222;
    top: 20px;
    left: 0;
    -webkit-clip-path: polygon(25% 0, 100% 20%, 100% 100%, 0 100%, 0 30%);
    clip-path: polygon(25% 0, 100% 20%, 100% 100%, 0 100%, 0 30%);
    z-index: -1;
}
.pre-footer h2, .pre-footer h3 {
    text-transform: uppercase;
}
.pre-footer h2 {
    font-size: 40px;
    color: white;
    /*margin: 0 0 10px;*/
}
.pre-footer h3 {
    font-size: 20px;
    color: var(--font-color-active);
}
.content-block-wrapper.id-1626 {
    margin: 0 auto;
    background-color: black;
    padding-bottom: 120px;
}
.content-block.id-1626:before {
    content: '';
    position: absolute;
    background-color: #E63619;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}
.owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.views-field-field-logo img {
    margin: 0 auto!important;
    display: block;
}

.view .owl-nav {
    position: absolute;
    bottom: 0;
    top: unset;
    left: 0px;
    width: 100%;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.view .owl-nav button {
    background: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 21px!important;
    height: 21px!important;
    padding: 0;
    margin: 10px 0px 20px 10px;
    line-height: normal;
    background: var(--bg-owl-nav-color);
    padding: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    color: white;

}
.view .owl-nav button:hover {
    background: var(--font-color-active)!important;
}
.owl-nav span {
    font-size: 25px!important;
    margin-top: -10px;
}
.view .owl-nav:before {
    content: "";
    background: -o-linear-gradient(top,
    rgba(0,0,0,0) calc(50% - 1px),
    rgba(192,192,192,1) calc(50%),
    rgba(0,0,0,0) calc(50% + 1px)
    );
    background: linear-gradient(180deg,
    rgba(0,0,0,0) calc(50% - 1px),
    rgba(192,192,192,1) calc(50%),
    rgba(0,0,0,0) calc(50% + 1px)
    );
    display: block;
    height: 21px;
    width: 300px;
    background-position: center;
    margin-top: -9px;
}
.content-block .enlaces-wrapper {margin-top: 30px}
.slick nav button {display: none;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
.slick:hover nav button {display: block;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}


.content-block.id-2049 {
    position: relative;
    border-bottom: 3px solid var(--font-color-header-active);
    overflow: hidden;
}
.content-block.id-2049 {
    background: #ffffff;
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
}
.content-block.id-2049 .item-wrapper .mediasection {
    overflow: visible;
}
.content-block.id-2049 .field-titulo-cb-wrapper {
    margin-bottom: 10px;
}
.content-block.id-2049 .field-titulo-cb-wrapper * {
    font-weight: 600;
    font-size: 35px!important;
}
.content-block.id-2049 .field-subtitulo-cb-wrapper * {
    color:var(--font-color-header-active);
    font-weight: 600;
    font-size: 15px!important;
}
/*.content-block.id-2049 img {*/
/*    filter: invert(76%) sepia(35%) saturate(4182%) hue-rotate(337deg) brightness(85%) contrast(87%); !** bronze **!*/
/*    position: absolute;*/
/*    top: -120px;*/
/*    left: -100px;*/
/*    width:2200px;*/
/*    height: auto;*/
/*    transform: rotate(-30deg);*/
/*    opacity: .15;*/
/*}*/
.content-block.id-2049A img {
    -webkit-filter: invert(69%) sepia(0%) saturate(1877%) hue-rotate(328deg) brightness(120%) contrast(76%);
    filter: invert(69%) sepia(0%) saturate(1877%) hue-rotate(328deg) brightness(120%) contrast(76%);
    position: absolute;
    top: -120px;
    left: -100px;
    width:2200px;
    height: auto;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: .15;
}
.content-block.id-2049B img {
    -webkit-filter: invert(92%) sepia(58%) saturate(4083%) hue-rotate(324deg) brightness(86%) contrast(91%);
    filter: invert(92%) sepia(58%) saturate(4083%) hue-rotate(324deg) brightness(86%) contrast(91%);
    position: absolute;
    top: -120px;
    left: -100px;
    width:2200px;
    height: auto;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    opacity: .15;
}

.page-node-1692 .tarjeta-container .content-block {
    margin-left: unset;
    margin-right: unset;

}
.page-node-1692 .tarjeta-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 5px;
    padding-top: 25px;
    padding-bottom: 85px;
}
.page-node-1692 .content-block.content-block.model-XX {
    margin: 0;
    padding: 0!important;
}
.page-node-1692 .content-block.content-block.model-XX:first-of-type {
    margin-top: 60px!important;
}
/*.page-node-1692 .content-block.content-block.model-XX * {*/
/*    margin: 0 auto!important;*/
/*    padding: 0!important;*/
/*}*/
.page-node-1692 .content-block.content-block.model-XX h2 {
    text-align: center;
}
.page-node-1692 .tarjeta-container .content-block.content-block.model-TJ {
    -ms-flex-preferred-size: calc(25% - 2rem);
    flex-basis: calc(25% - 2rem);
    padding: 1.5rem;
}
@media all and (max-width: 1440px) {
    .page-node-1692 .tarjeta-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .page-node-1692 .tarjeta-container .content-block.content-block.model-TJ {
        -ms-flex-preferred-size: calc(50% - 2rem);
        flex-basis: calc(50% - 2rem);
        margin-top: 20px;
    }
}
.page-node-1692 .content-block.model-TJ {
    position: relative;
    border-bottom: 3px solid var(--font-color-header-active);
    overflow: hidden;
    min-height: 400px;
}
.page-node-1692 .content-block.model-TJ {
    background: #ffffff;
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
}
.page-node-1692 .content-block.model-TJ .item-wrapper .mediasection {
    overflow: visible;
}
.page-node-1692 .content-block.model-TJ .field-titulo-cb-wrapper {
    margin-bottom: 10px;
}
.page-node-1692 .content-block.model-TJ .field-titulo-cb-wrapper * {
    font-weight: 600;
    font-size: 35px!important;
}
.page-node-1692 .content-block.model-TJ .calltoaction h2 {
    margin-top: 0;
}
.page-node-1692 .content-block.model-TJ .field-subtitulo-cb-wrapper * {
    color:var(--font-color-header-active);
    font-weight: 600;
    font-size: 15px!important;
}
/*.page-node-1692 .content-block.model-TJ img {*/
/*    filter: invert(47%) sepia(45%) saturate(728%) hue-rotate(349deg) brightness(107%) contrast(86%);*/
/*    position: absolute;*/
/*    top: unset;*/
/*    left: unset;*/
/*    bottom: -20px;*/
/*    right: -50px;*/
/*    width:200px;*/
/*    height: auto;*/
/*    transform: rotate(-30deg);*/
/*    opacity: .15;*/
/*}*/
/*.page-node-1692 .content-block.id-2057 img,*/
/*.page-node-1692 .content-block.id-2065 img,*/
/*.page-node-1692 .content-block.id-2070 img {*/
/*    filter: invert(77%) sepia(39%) saturate(4%) hue-rotate(20deg) brightness(94%) contrast(89%); !** plata **!*/
/*}*/
/*.page-node-1692 .content-block.id-2058 img,*/
/*.page-node-1692 .content-block.id-2062 img,*/
/*.page-node-1692 .content-block.id-2066 img,*/
/*.page-node-1692 .content-block.id-2071 img {*/
/*    filter: invert(66%) sepia(72%) saturate(493%) hue-rotate(1deg) brightness(92%) contrast(101%); !** glod **!*/
/*}*/
/*.page-node-1692 .content-block.id-2059 img {*/
/*    filter: invert(60%) sepia(10%) saturate(427%) hue-rotate(169deg) brightness(87%) contrast(88%); !** platino **!*/
/*}*/
/*.id-2000 {*/
/*    width: 100vw !important;*/
/*    max-width: unset !important;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    background-color: black;*/
/*    margin-bottom: -250px;*/
/*    padding-bottom: 200px !important;*/
/*}*/
/*@media all and (max-width: 1199px) and (min-width: 992px) {*/
/*    .id-2000 .destacado-wrapper {*/
/*        flex-wrap: wrap;*/
/*    }*/
/*    .id-2000 .node--type-destacado {*/
/*        width: 45%!important;*/
/*    }*/
/*}*/
@media all and (max-width: 991px) {
    /*.id-2000 .destacado-wrapper {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    /*.id-2000 .node--type-destacado {*/
    /*    width: 100%!important;*/
    /*    max-width: unset!important;*/
    /*}*/
    .id-1990,
    .id-1991,
    .id-1992 {
        -ms-flex-preferred-size: 70% !important;
        flex-basis: 70% !important;
    }
}
/*@media all and (min-width: 1200px) {*/
/*.id-2000 .node--type-destacado {*/
/*    width: calc(25% - 20px)!important;*/
/*}*/
/*}*/
/*.id-2000 .node--type-destacado {*/
/*    background-color: black !important;*/
/*    border-bottom: 0px solid transparent !important;*/
/*}*/
/*.id-2000 .node--type-destacado h4 a {*/
/*    color: white !important;*/
/*}*/
/*.id-2000 .node--type-destacado .node__content:after {*/
/*    content: unset;*/
/*}*/
/*.id-2000 .node--type-destacado .node__content,*/
/*.id-2000 .node--type-destacado .field--type-image {*/
/*    width: 100%;*/
/*}*/
/*.id-2000 .node--type-destacado img {*/
/*    -webkit-mask-image: none !important;*/
/*    mask-image: none !important;*/
/*    box-shadow: none;*/
/*    width: 150px !important;*/
/*    margin: 0 auto 1em;*/
/*}*/

.id-1990,
.id-1991,
.id-1992 {
    background-color: white !important;
    -webkit-box-shadow: var(--card-box-shadow);
    box-shadow: var(--card-box-shadow);
    margin-bottom: 20px;
}

.id-1991 .item-wrapper,
.id-1990 .item-wrapper,
.id-1992 .item-wrapper {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.id-1991 .contextual-region,
.id-1990 .contextual-region,
.id-1992 .contextual-region {
    height: 100%;
}

.layout-sidebar-second #main > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.not-last {
    -webkit-box-ordinal-group: NaN !important;
    -ms-flex-order: unset !important;
    order: unset !important;
}

#views-exposed-form-listado-noticias-block-listado-destacados.cloned {
    padding: 20px;
    border: 1px solid var(--font-color-gray);
    position: relative;
    border-bottom: 0;
}

#views-exposed-form-listado-noticias-block-listado-destacados.cloned:before,
.block-views-blocklistado-categorias-de-noticias-block-1:before {
    content: "";
    height: 40px;
    position: absolute;
    width: 1px;
    background-color: var(--font-color-active);
    left: -1px;
    top: 20px;
    border-radius: 20px;
}

.layout-sidebar-second aside.section > div {
    border: 1px solid var(--font-color-gray);
    position: relative;
}

.layout-sidebar-second aside.section h3 {
    margin: 0 !important;
    letter-spacing: -1px!important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 22px;
}

.exposed-search-form-body,
.block-views-blocklistado-categorias-de-noticias-block-1 .view-header p {
    letter-spacing: -1px!important;
    font-weight: 300;
    font-size: 12px;
    color: #666666;
    text-transform: uppercase;
}

#views-exposed-form-listado-noticias-block-listado-destacados.cloned .js-form-item-blog-list-title {
    width: 75%;
}
#views-exposed-form-listado-noticias-block-listado-destacados.cloned .form-actions {
    width: 25%;
}

@media all and (max-width: 1200px) {
    #views-exposed-form-listado-noticias-block-listado-destacados.cloned .js-form-item-blog-list-title {
        width: 100%;
    }
    #views-exposed-form-listado-noticias-block-listado-destacados.cloned .form-actions {
        width: 100%;
    }
}

.blog-categories .field-content, .blog-categories .field-content a {
    color: grey;
}

.blog-categories .views-field-nothing {
    position: relative;
    margin: 15px 0 15px 10px;
}

.blog-categories .field-content:before {
    content: ">";
    font-family: 'Oswald';
    margin-right: 10px;
}

.toolbar-horizontal #header {
    top: 79px !important;
}
.toolbar-vertical #header {
    top: 47px;
    width: calc(100% - 240px);
}
.toolbar-vertical .menu-mobile {
    top: 47px;
}
.toolbar-horizontal .menu-mobile {
    top: 79px !important;
}
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link:hover span.commerce-cart-block--summary__label {
    color: var(--font-color-header-active);
}
[id*="block-cartbutton"] .commerce-cart-block--summary a.commerce-cart-block--link span.commerce-cart-block--summary__label {
    display: block;
    background: transparent;
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 6px;
    top: unset;
    width: auto;
    width: 100%;
    height: auto;
    border-radius: none;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
    pointer-events: none;
    letter-spacing: 1px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.logo {
    -ms-flex-preferred-size: unset !important;
    flex-basis: unset !important;
}
.logo .region-header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.logo .region-header-logo #block-switchstation .wrapper-switch-station,
.logo .region-header-logo #block-switchstation-3 .wrapper-switch-station{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.wrapper-switch-station .icon {
    font-size: 25px;
}
.logo .region-header-logo #block-switchstation .wrapper-switch-station .summer,
.logo .region-header-logo #block-switchstation .wrapper-switch-station .winter,
.logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .summer,
.logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .winter{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
    position: relative;
    min-width: 100px;
}
#block-switchstation .wrapper-switch-station .summer.active,
#block-switchstation .wrapper-switch-station .winter.active,
#block-switchstation-2 .wrapper-switch-station .summer.active,
#block-switchstation-2 .wrapper-switch-station .winter.active,
#block-switchstation-3 .wrapper-switch-station .summer.active,
#block-switchstation-3 .wrapper-switch-station .winter.active {
    background-color: var(--font-color-header-active);
}
#block-switchstation .wrapper-switch-station .summer.active .icon i,
#block-switchstation .wrapper-switch-station .winter.active .icon i,
#block-switchstation-2 .wrapper-switch-station .summer.active .icon i,
#block-switchstation-2 .wrapper-switch-station .winter.active .icon i,
#block-switchstation-3 .wrapper-switch-station .summer.active .icon i,
#block-switchstation-3 .wrapper-switch-station .winter.active .icon i {
    color: white;
}
#block-switchstation-2 .wrapper-switch-station {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#block-switchstation-2 .wrapper-switch-station > a {
    display: block;
    width: 50%;
}

.logo .region-header-logo #block-switchstation .wrapper-switch-station .summer .label,
.logo .region-header-logo #block-switchstation .wrapper-switch-station .winter .label,
#block-switchstation-3 .wrapper-switch-station .summer .label,
#block-switchstation-3 .wrapper-switch-station .winter .label {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    color: white !important;
    font-size: 14px !important;
    text-transform: uppercase;
    font-family: Oswald, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
    letter-spacing: 1px;
    height: unset;
    position: absolute;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
#block-switchstation .wrapper-switch-station .summer .icon,
#block-switchstation .wrapper-switch-station .winter .icon,
#block-switchstation-2 .wrapper-switch-station .summer .icon,
#block-switchstation-2 .wrapper-switch-station .winter .icon,
#block-switchstation-3 .wrapper-switch-station .summer .icon,
#block-switchstation-3 .wrapper-switch-station .winter .icon {
    height: unset;
}
#block-switchstation .wrapper-switch-station .summer .icon i,
#block-switchstation .wrapper-switch-station .winter .icon i,
#block-switchstation-2 .wrapper-switch-station .summer .icon i,
#block-switchstation-2 .wrapper-switch-station .winter .icon i,
#block-switchstation-3 .wrapper-switch-station .summer .icon i,
#block-switchstation-3 .wrapper-switch-station .winter .icon i{
    font-size: 25px;
}
.header-desktop.obscure .dropdown-language-item .wrapper-selection {
    background-color: rgba(0, 0, 0, 0.9) !important;
}
.block.block-dropdown-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
}
.block.block-dropdown-language .content {
    height: 100%;
    width: 100%;
}
.block.block-dropdown-language .content .dropbutton-multiple.open .dropbutton-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.block.block-dropdown-language .content .dropbutton-multiple.open .wrapper-selection {
    opacity: 1 !important;
}
.block.block-dropdown-language .content .dropbutton-wrapper {
    position: initial;
    height: 100%;
}
.block.block-dropdown-language .content .dropbutton-widget {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding-right: 0;
    overflow: initial !important;
    position: initial !important;
    height: 100%;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: initial !important;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item:hover .active-language {
    color: var(--font-color-active);
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item:hover .dropbutton-toggle button span {
    border-top-color: var(--font-color-active);
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection {
    position: absolute;
    top: 100%;
    width: calc(100% + 1px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: -1px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection li {
    border: 0;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection li a {
    color: white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection li a:hover {
    background-color: var(--font-color-header-active);
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-action {
    color: white;
    background: transparent;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-action .active-language {
    padding-left: 0;
    margin: 0;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-toggle {
    border-radius: 0;
    background: transparent;
    width: auto;
    position: relative;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-toggle button {
    border-radius: 0;
    background: transparent;
    color: white;
    font-size: 25px;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .dropbutton-toggle button span {
    background: transparent !important;
    position: relative;
    top: unset;
    right: unset;
    width: auto;
    height: auto;
    margin: 0;
    border-width: 0.3333em 0.3333em 0;
    border-style: solid;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
#header .header-desktop{
    background-color: rgba(0,0,0,.4);
    border-bottom: 0px;
}
.block.block-dropdown-language .content .dropbutton-widget .dropdown-language-item .wrapper-selection{
    background-color: rgba(0,0,0,.4);
}
.steps-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px;
    /*padding-left: 50px;*/
    /*padding-right: 50px;*/
}
.steps-wrapper .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.steps-wrapper .step.active {
    color: var(--font-color-active);
}
.steps-wrapper .step.active:before {
    background-color: var(--font-color-active);
}
.steps-wrapper .step.passed {
    opacity: 0.6;
    color: var(--font-color-active);
}
.steps-wrapper .step.passed:before {
    background-color: var(--font-color-active);
    content: "\f00c";
    color: white;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
}
.steps-wrapper .step:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid var(--font-color-active);
    border-radius: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
.steps-wrapper .step .label {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    /*min-width: 100%;*/
    max-width: 300%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: center;
    line-height: 1;
}
.steps-wrapper .inter-step {
    min-width: 40px;
    border: 1px solid var(--font-color-active);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 4px;
    opacity: 0.4;
}
.steps-wrapper .inter-step.passed {
    background-color: var(--font-color-active);
    opacity: 0.6;
}
@media all and (max-width: 991px) {
    .steps-wrapper {
        position: relative;
    }
    .step.no-active .label, .step.passed .label {
        display: none;
    }
    .steps-wrapper .step .label {
        top: 160%;
        text-transform: uppercase;
    }
}
body[class*="assistant-paso-"].in-rent-process .steps-wrapper {
    position: fixed;
    left: 50%;
    -webkit-transform: translatex(calc(-50% + (445px / 2)));
    -ms-transform: translatex(calc(-50% + (445px / 2)));
    transform: translatex(calc(-50% + (445px / 2)));
    max-width: 1400px;
    top: 100px;
}

@media all and (max-width: 990px) {
    body[class*="assistant-paso-"].in-rent-process .steps-wrapper {
        top: 65px;
    }
}

body[class*="assistant-paso-1"].in-rent-process .steps-wrapper {
    left: calc(50% - 445px);
}
@media all and (min-width: 992px) {
    .steps-wrapper .step {
        position: relative;
    }
}
.steps-wrapper .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.steps-wrapper .step.active {
    color: var(--font-color-active);
}
.steps-wrapper .step.active:before {
    background-color: var(--font-color-active);
}
.steps-wrapper .step.passed {
    opacity: 0.6;
    color: var(--font-color-active);
}
.steps-wrapper .step.passed:before {
    background-color: var(--font-color-active);
    content: "\f00c";
    color: white;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
}
.steps-wrapper .step:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border: 3px solid var(--font-color-active);
    border-radius: 100%;
    margin-left: 5px;
    margin-right: 5px;
}
.layout-checkout-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.layout-checkout-form .checkout-pane-payment-information {
    width: calc(50% - 10px);
    padding: 0 !important;
    margin-right: 10px;
    border-left: 3px solid transparent;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-left: 20px !important;
    padding-top: 30px !important;
    position: relative;
}

@media all and (max-width: 992px) {
    .layout-checkout-form .checkout-pane-payment-information{
        padding-left: 0 !important;
    }
}

.layout-checkout-form .checkout-pane-payment-information legend {
    display: block !important;
    position: relative;
    top: 0;
    -webkit-transform: translatey(50%);
    -ms-transform: translatey(50%);
    transform: translatey(50%);
}
.layout-checkout-form .checkout-pane-payment-information:hover {
    border-left-color: var(--font-color-active);
    background-color: var(--bg-color-card);
}
.layout-checkout-form .checkout-pane-order-summary {
    width: 50% !important;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border-left: 3px solid transparent;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    padding-left: 20px !important;
    margin-top: 30px !important;
}
.layout-checkout-form .checkout-pane-order-summary:hover {
    border-left-color: var(--font-color-active);
    background-color: var(--bg-color-card);
}
.layout-checkout-form [data-drupal-selector="edit-actions"] {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.genders {
    position: fixed;
    left: calc(50% - 223px);
    top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none !important;
}
.genders.gender-m .man label {
    color: var(--font-color-active);
}
.genders.gender-w .woman label {
    color: var(--font-color-active);
}
.genders.gender-w .switch:after {
    left: calc(100% - 2px);
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}
.genders .woman input,
.genders .man input {
    visibility: 0;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.genders .woman input + label,
.genders .man input + label {
    font-family: Oswald;
    font-weight: 400;
    color: #666;
    font-size: 22px;
    margin: 0;
    cursor: pointer;
}
.genders .switch {
    width: 80px;
    height: 40px;
    border: 3px solid var(--font-color-active);
    background-color: var(--font-color-active);
    margin-left: 10px;
    margin-right: 6px;
    border-radius: 20px;
    position: relative;
}
.genders .switch:after {
    content: "";
    height: calc(100% - 4px);
    border-radius: 100%;
    width: 30px;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
    left: 4px;
    top: 50%;
    position: absolute;
    background-color: white;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.form-item-filtro-categoria-noticias {
    display: none;
}

#edit-filtro-categoria-noticias {
    display: none;
}

.node--type-noticia .field--name-field-titulo {
    font: normal 700 32px/1.13 Oswald;
    margin-bottom: 20px;
    color: #111111;
    letter-spacing: normal;
    text-align: left;
}

body.node--type-noticia article .field--name-body h4 {
    margin: 40px 0 20px;
}

body.node--type-noticia article .field--name-body p {
    margin-bottom: 20px;
}

article.node--type-noticia.node--view-mode-full .field--name-field-imagen-principal:after{
    content:"";
    background-color: rgba(0,0,0,0.7);
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

body.node--type-noticia article.node--type-noticia .field--name-body {
    margin: 0;
}
article.node--type-botiga.node--view-mode-full .hightlighted .views-field-field-imagen-principal img {
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
}

body.node--type-noticia .highlighted .views-field-field-imagen-principal {
    position: absolute;
    left: 50%;
    width: 100vw;
    top: 0;
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
    -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    clip-path: polygon(0px 0px, 100% 0px, 100% 89%, 83% 100%, 0px 91%);
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
}
body.node--type-noticia .highlighted .views-field-field-imagen-principal img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: var(--altura-imagen-ppal)!important;
    max-height: var(--altura-imagen-ppal)!important;
}

body.node--type-noticia .sidebar_second {
    padding-left: 60px;
}

@media all and (max-width: 1200px) {
    body.node--type-noticia .sidebar_second {
        padding: 0 40px;
    }
}

body.node--type-noticia .highlighted .views-field-nothing {
    z-index: 1;
    position: absolute;
    top: calc(var(--altura-imagen-ppal) / 2);
}

body.node--type-noticia .highlighted .views-field-nothing h1 {
    font: normal 700 70px/1.1 Oswald;
    margin: 5px 0 0;
    color: #ffffff!important;
    text-transform: uppercase;
    text-align: left;
}
#block-dropdownlanguage-3 {
    border: 0;
}
@media all and (max-width: 992px) {
    #block-switchstation .wrapper-switch-station .label {
        display: none;
    }
}
@media all and (max-width: 992px) {
    .commerce-cart-block--summary__label {
        display: none !important;
    }
    .id-12135,
    .id-502388{
        width: 50%!important;
    }
    .id-12135 .field-body-cb,
    .id-502388 .field-body-cb
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .id-12135 .contact-element,
    .id-502388 .contact-element
    {
        width: calc(100% - 40px);
    }
    .id-12121, .id-12126 {
        -webkit-clip-path: polygon(100% 0, 100% 95%, 80% 100%, 0 95%, 0 0);
        clip-path: polygon(100% 0, 100% 95%, 80% 100%, 0 95%, 0 0);
    }
    .id-12121:before, .id-12126:before {
        -webkit-clip-path: polygon(0% calc(95% - 20px), 80% calc(100% - 20px), 100% calc(95% - 20px), 100% 95%, 80% 100%, 0 95%);
        clip-path: polygon(0% calc(95% - 20px), 80% calc(100% - 20px), 100% calc(95% - 20px), 100% 95%, 80% 100%, 0 95%);
    }
}
@media all and (min-width: 768px) and (max-width: 992px) {
    .logo .region-header-logo #block-switchstation .wrapper-switch-station .summer,
    .logo .region-header-logo #block-switchstation .wrapper-switch-station .winter,
    .logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .summer,
    .logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .winter {
        min-width: 60px;
    }
}
@media all and (max-width: 768px) {
    .logo .region-header-logo #block-switchstation .wrapper-switch-station .summer,
    .logo .region-header-logo #block-switchstation .wrapper-switch-station .winter,
    .logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .summer,
    .logo .region-header-logo #block-switchstation-3 .wrapper-switch-station .winter {
        min-width: 50px;
    }
}

body.page-node-1968 .field--name-field-titulo,
body.page-node-1968 .field--name-field-imagen-encabezado {
    display: none;
}
.view-blog-highlighted-image .views-field-field-imagen-encabezado img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 700px;
    width: 100vw;
    max-width: unset;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 80% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 80% 100%, 0 90%, 0 0);
}
.view-blog-highlighted-image .views-field-field-imagen-encabezado img:before {
    content: '';
}
body.page-node-1968 .highlighted .view-blog-highlighted-image .views-field-nothing {
    z-index: 1;
    position: absolute;
    top: calc(var(--altura-imagen-ppal) / 2);
}

body.page-node-1968 .highlighted .view-blog-highlighted-image .views-field-nothing h1{
    font: normal 700 70px/1.1 Oswald;
    margin: 5px 0 0;
    /* color: #ffffff!important; */
    text-transform: uppercase;
    text-align: left;
}

body.page-node-1968 .highlighted,
body.node--type-noticia  .highlighted {
    min-height: var(--altura-imagen-ppal);
}

[data-drupal-selector*='edit-din-genere-'] {
    /*pointer-events: none;*/
    /*background-size: 0!important;*/
}

[id*="block-alquilermasinformacion"] {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 85px;
    left: -400px;
    height: 100vh;
    width: 400px;
    background: rgba(0,0,0,.9);
    z-index: 10;
    color: white;
    padding: 40px;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.in-rent-process [id*="block-alquilermasinformacion"] {
    display: none;
}
@media all and (min-width: 501px) and (max-width: 992px) {
    [id*="block-alquilermasinformacion"] {
        top: 60px;
    }
}
@media all and (max-width: 500px) {
    [id*="block-alquilermasinformacion"] {
        top: 50px;
        width: 100vw;
        left: calc(-100vw);
        padding: 10px;
    }
    .id-12135,
    .id-502388{
        width: 70%!important;
    }
    .id-12135 h2.field-titulo-cb,
    .id-502388 h2.field-titulo-cb {
        font-size: 36px!important;
    }
}
[id*="block-alquilermasinformacion"] h2 {
    color: white;
}
[id*="block-alquilermasinformacion"].open-sidebar {
    left: 0;
    visibility: visible;
    opacity: 1;
}

@media all and (min-width: 1200px) {
    [id*="block-alquilermasinformacion"] {
        top: 100px;
    }
}
@media all and (min-width: 992px) and (max-width: 1200px) {
    [id*="block-alquilermasinformacion"] {
        top: 85px;
    }
}

body.node--type-noticia #main-wrapper .main-content {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
    padding: 20px 40px 0!important;
}

body.node--type-noticia article {
    margin: 0 auto;
}
body.page-node-1968 .node__content {
    margin-top: 0;
}
body.page-node-1968 #main-wrapper .main-content {
    -ms-flex-preferred-size: unset;
    flex-basis: unset;
}
@media all and (max-width: 768px) {
    body.page-node-1968 #main-wrapper {
        padding: 40px 40px 0;
    }
}
body.node--type-noticia blockquote p {
    font: normal 400 26px/1.38 Oswald;
    padding: 40px 0 10px 50px;
    border-left: 3px solid #e63619;
    color: #111111;
    letter-spacing: normal;
    text-align: left;
}
body.node--type-noticia .field--name-field-fecha-noticia {

}
body.node--type-noticia .field--name-field-categoria {
    pointer-events: none;
    gap: 20px;
}
body.node--type-noticia .field--name-field-categoria a {
    color: #777777;
}
.js-form-item-filtro-busqueda-noticias {
    width: 100%!important;
}
.id-1982 {
    padding-bottom: 20px!important;
}
#blog-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
#blog-info-wrapper .field--name-field-categoria {

}
.id-2189 {
    display: none!important;
}
.nombre-usuario {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    outline: unset;
}
.nombre-usuario span {
    outline: unset;
}
.nombre-usuario .change {
    margin-left: 5px;
}
.nombre-usuario .change i {
    font-size: 16px;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    transform: translateY(-40%);
}
.name-error {
    background-color: rgb(245 0 0 / 30%) !important;
}
.in-rent-process .modal-change-dates .modal-footer,
.in-rent-process .modal-change-dates #edit-flexbox-pax .webform-flex {
    display: none;
}
.in-rent-process .modal-change-dates #edit-flexbox,
.in-rent-process .modal-change-dates #edit-flexbox-pax {
    width: auto;
    pointer-events: all;
}
.in-rent-process .modal-change-dates #edit-seleccio-material {
    opacity: 1;
}
.field--name-field-googlemapsdir-code {
    display: none;
}
.view-listado-hoteles-tienda {
    margin-top: 40px;
}
.view-listado-hoteles-tienda .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    gap: 15px;
}
.view-listado-hoteles-tienda .view-content .views-row {
    height: 120px;
    border-bottom: 2px solid var(--font-color-active);
    padding: 30px;
    width: calc(25% - 30px);
    background: #f8f8f8;
    margin-top: 20px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}
.view-listado-hoteles-tienda .view-content .views-row:hover {
    border-bottom: 3px solid var(--font-color-active);
    color: white;
    background-color: var(--font-color-active);
}
.view-listado-hoteles-tienda .view-content .views-row:hover .category-item__title {
    color: white;
}
.view-listado-hoteles-tienda .view-content .views-row a {
    position: relative;
}
.view-listado-hoteles-tienda .view-content .views-row:hover a {
    color: white;
}
.block-views-blocklistado-hoteles-tienda-block-hoteles-tienda > h2 {
    text-transform: uppercase;
}
.view-listado-hoteles-tienda .view-content .views-row .category-item__title {
    font-size: 20px;
    font-weight: 700;
    color: #111111;
}
.view-listado-hoteles-tienda .view-content .views-row a:before {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px var(--font-color-active);
    position: absolute;
    top: 3px;
    left: -24px;
    width: 20px;
    height: 20px;
    border-radius: 1px;
    content: '';
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.view-listado-hoteles-tienda .view-content .views-row:hover a:before {
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' data-svg='triangle-right'%3E%3Cpolygon points='8 5 13 10 8 15' fill='%23fff'%3E%3C/polygon%3E%3C/svg%3E") no-repeat center/15px 15px #111111;
}
.page-node-1989 .model-DE .destacado-wrapper article {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.id-2004 {
    padding-top: 80px;
    background: #E63619;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    padding-bottom: 120px;
    z-index: -1;
}
.id-2004 h3, .id-2004 p {
    color: white;
}
.id-2004:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    background-color: #222222;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 81% 100%, 0 90%, 0 0);
}
.id-2004 .column-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 100px;
    text-align: center;
}
.id-2004 .column-text .field-body-cb-wrapper, .id-2004 .column-text .field-cuerpo-columna-2-wrapper {
    width: 50%;
}
.page-node-1989 #content-block-container {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    padding: 60px 0 0 0;
    margin: 40px -50vw 0 -50vw;
}
@media all and (min-width: 1441px) {
    .page-node-1989 .model-DE .destacado-wrapper article {
        width: calc(25% - 20px);
        margin-bottom: 0;
    }
}
@media all and (max-width: 1440px) {
    .page-node-1989 .model-DE .destacado-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .page-node-1989 .model-DE .destacado-wrapper article {
        width: calc(50% - 20px);
        margin-bottom: 0;
    }
}
@media all and (max-width: 991px) {
    .id-2004, .id-2004:before {
        -webkit-clip-path: polygon(100% 0, 100% 97%, 81% 100%, 0 97%, 0 0);
        clip-path: polygon(100% 0, 100% 97%, 81% 100%, 0 97%, 0 0);
    }
    .id-2004 .column-text .field-body-cb-wrapper, .id-2004 .column-text .field-cuerpo-columna-2-wrapper {
        width: 90%;
        margin: auto;
    }
    .page-node-1989 .model-DE .destacado-wrapper article {
        width: calc(100% - 20px);
        margin-bottom: 0;
    }
    .page-node-1989 .tarjeta-container,
    .id-2010,
    .id-2004
    {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .id-1992 .field-body-cb {
        padding-top: 20px;
    }
    .id-1993 {
        padding-top: 0;
        text-align: center;
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .id-1993 .calltoaction .field-titulo-cb {
        margin-top: 20px;
    }
    /*.id-2004 {*/
    /*    margin-top: 0;*/
    /*    padding-top: 0;*/
    /*}*/
}
.id-2010 img {
    height: auto!important;
    width: auto!important;
}
@media all and (max-width: 991px) {
    .id-2010 article.node--type-destacado {
        width: 100%;
        max-width: unset;
    }
    .id-2010 article:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
    }
    .id-2010 article:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0;
    }
    .id-2010 article:nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-bottom: 0;
    }
    .id-2010 article:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 20px;
    }
    .id-2010 article:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-bottom: 20px;
    }
    .id-2010 article:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        margin-bottom: 20px;
    }
}
[for^="edit-field-tipus-target-id-289"]{
    display:block!important;
}

.page-node-2046 .view-selector-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.page-node-2046 .view-selector-wrapper .selected {
    border: 2px var(--font-color-active) solid;
    color: var(--font-color-active);
}
.page-node-2046 .view-selector-wrapper button:nth-child(1) {
    border-radius: 5px 0 0 5px;
}
.page-node-2046 .view-selector-wrapper button:nth-child(2) {
    border-radius: 0 5px 5px 0;
}
.page-node-2046 .hidden{
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
}
.page-node-2046 .node__content {
    overflow: hidden;
}
.page-node-2046 .field--name-field-imagen-de-fondo-cb .map-wrapper {
    height: auto!important;
}
.page-node-2046 .node--type-mapa .node__title {
    display: none;
}
.page-node-2046 .action-legend {
    display: none;
}
.element-mapa .tooltip .title {
    text-transform: uppercase;
    font-weight: 700;
}
.element-mapa .tooltip .des {
    text-align: center;
}
.sidebar_first {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
}
.sidebar_first aside {
    padding: 0 20px;
    margin: 0 10px;
}
#block-instagramfeed {
    border: 0
}
#block-instagramfeed iframe {
    border: 0;
    width: 100%;
    height: 286px;
}
#block-instagramfeed .field-titulo-cb {
    border: 0;
}
#block-instagramfeed .field-titulo-cb-wrapper {
    margin: 0;
}
#block-instagramfeed .id-2396 {
    padding: 0!important;
}
.id-1640 table {
    font-family: 'Oswald';
}
.id-1640 thead {
    background-color: black;
    color: white;
}
.id-1640 thead th:nth-child(2) {
    text-align: center;
}
.id-1640 tbody tr td:nth-child(1) {
    color: black;
}
.id-1640 tbody tr td:nth-child(2) {
    text-align: center;
    color: white;
    background-color: var(--font-color-active);
}

/* Taller */

.node--type-pagina-libre #content-block-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.node--type-pagina-libre #content-block-container .id-2451 {
    width: 100%;
}

.node--type-pagina-libre #content-block-container .id-2441 .slick-track, .node--type-pagina-libre #content-block-container .id-2451 .slick-track {
    width: 100% !important;
}

.node--type-pagina-libre #content-block-container .id-2441 .item-image, .node--type-pagina-libre #content-block-container .id-2451 .item-image {
    width: 100% !important;
    margin: 5px;
}
.modal-body [for="new-data-fi"] {
    margin-top: 10px;
}
/*.view-display-id-block_1 .owl-item.active {*/
/*    min-width: 30%;*/
/*}*/
.element-mapa .tooltip {
    min-width: 240px!important;
}
.element-mapa .tooltip .title {
    font-family: 'Oswald';
}
.element-mapa .tooltip .info .btn-primary {
    font: normal 400 16px/2.94 Oswald;
    /* background: var(--bg-color-button-grey); */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 47px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 0 15px;
    border: 0;
    border-radius: 3px;
    outline: 0;
    /* color: var(--font-color-btn-black); */
    text-transform: uppercase;
    cursor: pointer;
    background: var(--bg-btn-color);
    color: var(--font-btn-color) !important;
    border: 1px solid var(--bg-btn-hover-color) !important;
    position: relative;
}
article[data-history-node-id="2764"] {
    text-align: center;
}
article[data-history-node-id="2764"] a.btn-primary {
    font: normal 400 16px/2.94 Oswald;
    text-transform: uppercase;
    cursor: pointer;
    background: var(--bg-btn-color);
    color: var(--font-btn-color);
    border: 1px solid var(--bg-btn-hover-color) !important;
}
article[data-history-node-id="2764"] a.btn-primary:hover {
    color: var(--bg-btn-hover-color);
    background-color: white;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.error-404 header,
.error-404 #block-instagramfeed,
.error-404 footer {
    display: none;
}
.error-404 #main-wrapper {
    padding-top: 40px!important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.webform-submission-contacto-form fieldset legend {display: none!important}
.webform-submission-contacto-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.page-node-3267 #content-block-container {
    padding: 400px 0 200px;
}
.id-3246 #select-bycicle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
    width: 100%;
    margin: auto;
}
body .id-3246 #select-bycicle {
    gap: 14px;
}
body .id-3246 .select-element {
    max-width: 100%;
    width: 24%;
}
body .id-3246 .select-element h3 {
    font-size: 23px;
}
body .id-3246 .select-element a {
    cursor:pointer;
}
.id-3246 .select-element a:hover {
    color: var(--font-color-active);
    border:1px solid var(--font-color-active)!important;
    background-color: white;
}
.commerce-cart-block-items_carted, .commerce-cart-block-logged_in {
    font-size: 0!important;
    background: var(--font-color-active);
    width: 10px;
    height: 10px;
    position: absolute;
    left: 60%;
    top: 40%;
    border-radius: 50%;
    -webkit-transform: translate(-60%, -40%);
    -ms-transform: translate(-60%, -40%);
    transform: translate(-60%, -40%);
    z-index: 1;
}
.path-cart #edit-submit {display: none}

.error-404 #page-wrapper {
    background-image: url('/sites/default/files/inline-images/404_PicNegre_image.jpeg');
    background-size: cover;
    background-position: bottom center;

}
.error-404 .pre-footer {display: none}
.error-404 h1 {
    text-transform: none!important;
    background-color: rgba(255,255,255,0.5);
    padding: 20px 0 30px;
}
.error-404 header {
    display: block!important;
}
article.node--type-botiga .node__content {
    padding-top: 0!important;
}
body.node--type-botiga .block-page-title-block {
    z-index: 1;
    position: absolute;
    top: calc(var(--altura-imagen-ppal) / 2);
}
body.node--type-botiga .block-page-title-block h1 {
    font: normal 700 70px/1.1 Oswald;
    margin: 5px 0 0;
    color: #ffffff!important;
    text-transform: uppercase;
}
.checkout-pane-coupon-redemption {display: none!important}
.checkout-pane-order-summary .checkout-pane-coupon-redemption,
.checkout-pane-order-summary .checkout-pane-coupon-redemption [data-drupal-selector="edit-coupon-redemption-form"] {display: block!important}

@media all and (max-width: 375px) {
    body.node--type-botiga #block-pagetitle-2 {
        top: calc(var(--altura-imagen-ppal) / 5);
    }
    body.node--type-botiga #block-pagetitle-2 h1 span {
        font-size: 60px;
    }
}

/** RUTAS NODE/10420 **/

.routes-list {}
.routes-list-header {}
.routes-list-content {}
.routes-list-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex}
.routes-list-element {background-color: black;color:white;padding: 30px;width: 30%;margin: 10px 1%}
.routes-list-element-wrapper {}
.route-time {}
.route-time .route-time-label {color: white;text-transform: uppercase;margin-bottom: 0px}
.route-time .route-time-val {text-transform: uppercase;color: rgba(255,255,255,0.8)}
.routes-list-element-columned-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex}
.columned-wrapper-element {width: 50%}
.columned-wrapper-element.column1 {}
.route-title {}
.route-title h3{color: white;text-transform: uppercase}
.columned-wrapper-element.column2 {}
.routes-list-element-row-wrapper {}
.row-wrapper-element {}
.row-wrapper-element.row1 {}
.row-wrapper-element.row2 {}
.row-wrapper-element.button-row {}
.row-wrapper-element.button-row a{}
.row-wrapper-element.button-row a span{}
.route-level {position: relative;}
.route-level-label {color: white;text-transform: uppercase;margin-bottom: 10px}
.route-level-val {
    width: 33%;
    background-color: var(--font-color-active);
    display: block;
    border: 1px solid white;
    text-transform: uppercase;
    height: 50px;
    border-radius: 3px;
    padding-top: 9px;
    letter-spacing: 3px;
}
.route-level .route-level-indicator {
    background-color: white;
    width: 100%;
    position: relative;
    display: block;
    height: 50px;
}
.route-level.easy-route .route-level-val {
    padding-left: 10%;
    width: 40%;
    position: absolute;
}
.route-level.mid-route .route-level-val {
    padding-left: 23%;
    width: 70%;
    position: absolute;
}
.route-level.hard-route .route-level-val {
    padding-left: 40%;
    width: 100%;
    position: absolute;
}
.button-row {text-align: center;margin: 40px 0 0}
.button-row a {color: white}
#banned-message, #exceeded-message {
    color: red;
    font-size: 24px;
}
/** RG: Bloque de contenido tarifas + excursiones **/
.content-block.id-11122::before, .content-block.id-11125::before {
    content: '';
    background-color: #eeeeee;
    position: absolute;
    left: 50%;
    top: -21%;
    width: 100vw;
    height: 121%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    -webkit-clip-path: polygon(0% 0%, 0% 94%, 85% 100%, 100% 94%, 100% 0%);
    clip-path: polygon(0% 0%, 0% 94%, 85% 100%, 100% 94%, 100% 0%);
}
.content-block.id-11122:after, .content-block.id-11125:after {
    content: '';
    background-color: var(--font-color-header-active);
    position: absolute;
    left: 50%;
    top: -21%;
    width: 100vw;
    height: calc(121% + 20px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-clip-path: polygon(0% 0%, 0% 94%, 85% 100%, 100% 94%, 100% 0%);
    clip-path: polygon(0% 0%, 0% 94%, 85% 100%, 100% 94%, 100% 0%);
}
@media all and (max-width: 1200px) {
    .content-block.id-11122:after, .content-block.id-11122:before {
        -webkit-clip-path: polygon(0% 0%, 0% 95%, 80% 100%, 100% 97%, 100% 0%);
        clip-path: polygon(0% 0%, 0% 95%, 80% 100%, 100% 97%, 100% 0%);
    }
    .content-block.id-11125:after, .content-block.id-11125:before {
        -webkit-clip-path: polygon(0% 0%, 0 98%, 77% 100%, 100% 99%, 100% 0);
        clip-path: polygon(0% 0%, 0 98%, 77% 100%, 100% 99%, 100% 0);
    }
}
/** END RG **/

details.captcha {
    width: 100%;
    margin-top: 15px;
    margin-left: 15px;
}

/** rutas mobile **/
@media all and (max-width: 1140px) {
    .routes-list-element {background-color: black;color:white;padding: 20px;width: 100%;margin: 5px 0}
    .routes-list-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

/** END OF RUTAS **/


/** FORMULARIO PRERESERVAS HOTELES **/
@media (max-width: 767px) {
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form {margin-top: -50px!important}
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form input {width: 100%!important}
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form input[data-drupal-selector="edit-fecha-nacimiento"] {
        width: calc(100% - 80px)!important;
        display: inline-block;
    }

    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-type-checkbox {
        display: block;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-type-checkbox input {
        width: 20px!important;
        height: 30px!important;
        position: relative;
        top: 8px
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-type-checkbox label {
        margin-left: 2px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .ui-datepicker-trigger {
        display: inline;
        margin-left: 10px;
        height: 55px;
    }

}
@media (min-width: 768px) {
    input[data-drupal-selector="edit-nombre"] {
        display: inline;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item {display: inline!important}
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form fieldset {display: inline-block!important;width: 100%}
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form input {display: inline!important}
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-primer-apellido input,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-segundo-apellido input {
        width: 49%!important;
        margin-bottom: 20px;
        display: inline-block!important;
    }

    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-e-mail input{
        width: 49%!important;
        margin-bottom: 20px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-telefono input,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-dni input,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-fecha-nacimiento input {
        width: 49%!important;
        margin-bottom: 20px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-dni input,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-fecha-nacimiento input {
        width: 100%!important;
        margin-bottom: 20px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-dni,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-fecha-nacimiento {
        display: inline-block!important;
        width: 49%!important;

    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .ui-datepicker-trigger {
        display: inline-block;
        margin-left: 10px;
        height: 25px;
        position: relative;
        left: 0px;
        margin-left: -38px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form select.country {
        width: calc(99%)!important;
        display: block!important;
        margin-bottom: 20px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .address-line1,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .address-line2 {
        width: calc(99%)!important;
        display: block!important;
        margin-bottom: 5px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .address-line2 {
        margin-bottom: 10px;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .postal-code,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .locality {
        display: block!important;
        margin-bottom: 20px;
        width: 90%!important;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-direccion-postal-code,
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-direccion-locality {
        display: inline-block!important;
        width: 40%!important;

    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-direccion-locality {
        width: 58%!important;
        margin-right: 0!important;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .form-item-direccion-locality * {
        width: 100%!important;
    }
    .webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form div[data-webform-terms-of-service-type="modal"] {
        display: block!important;
    }

}
.webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .ui-datepicker-trigger {
    display: inline;
}
.webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form select {
    background-color: white!important;
}
.webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .description {
    padding-left: 10px;
    font-style: italic;
}
.webform-submission-form.webform-submission-formulari-pre-reserva-en-hotel-block-content-63-add-form .tippy-box {
    position: relative;
    background-color: #000000;
    line-height: 1.2;
    top: -10px;
}
/** **/
#block-totalgastado, #block-totalgastado-2 {
    display: none;
    background: #EDEDED;
    text-align: center;
    color: black;
    font-weight: 700;
    padding: 20px;
    margin: 30px auto;
    width: 50%;
    font-size: 24px;
}
form.webform-submission-cancelar-pedido-form fieldset legend, form.webform-submission-form fieldset label {
    display: block;
}
input:not([type="submit"] ):not([type="checkbox"]):not([type="radio"]):not(.webform-webform-telephone-international), select {
    padding-left: 10px !important;
    padding-right: 20px!important;
}
.id-1627 .column-text .field-body-cb-wrapper .field-body-cb,
.id-1627 .column-text .field-cuerpo-columna-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}
.id-1627 .column-text .field-body-cb-wrapper .field-body-cb p:last-child,
.id-1627 .column-text .field-cuerpo-columna-2 p:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.social-buttons {
    display: none;
}
#edit-b2b-items .webform-flex,
#edit-b2b-items-shusski .webform-flex {
    display: contents;
}
/* Formulario alta b2b */
.page-node-12664 h1 {
    color: black;
}
.paso_1[data-webform-key="seleccio_material"] .webform-flexbox {
    width: 100%!important;
    margin: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.paso_1[data-webform-key="seleccio_material"] #edit-flexbox {
    width: 50%!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax {
    width: 50%!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.paso_1[data-webform-key="seleccio_material"] .webform-flex--1 {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
}
#edit-b2b-items-shusski .webform-flex:first-child .webform-flex--container, #edit-b2b-items-shusski .webform-flex:first-child select,
#edit-b2b-items .webform-flex:first-child .webform-flex--container, #edit-b2b-items .webform-flex:first-child select {
    width: auto!important;
}
.paso_1[data-webform-key="seleccio_material"] fieldset {
    margin-bottom: 0!important;
}

/*Separador Xavi*/

/*#main-wrapper{*/
/*    margin: 0 !important;*/
/*    max-width: 100% !important;*/
/*}*/

.node--type-pagina-libre{
    padding: 0 !important;
}

.model-SP{
    padding: 0 !important;
}

.model-SP div{
    height: 20px;
    width: 100%;
}

.model-SP-separadorAbajo {
    height: 130px !important;
}
.model-SP-separadorAbajo .model-SP-separadorMedio,
.model-SP-separadorAbajo .model-SP-separadorArriba {
    height: 100%;
    -webkit-clip-path: polygon(-17% 0%, 81% 100%, 100% 17%, 100% 0%);
    clip-path: polygon(-17% 0%, 81% 100%, 100% 17%, 100% 0%);
}

.vertex-position-vi .model-SP-separadorAbajo .model-SP-separadorMedio,
.vertex-position-vi .model-SP-separadorAbajo .model-SP-separadorArriba {
    -webkit-clip-path: polygon(-5% 0%, 19% 100%, 100% 17%, 100% 0%);
    clip-path: polygon(-5% 0%, 19% 100%, 100% 17%, 100% 0%);
}

.model-SP-separadorAbajo .model-SP-separadorArriba {
    position: relative;
    top: -20px;
}

/* --- MAGIC CSS --- */
/* --- MAGIC CSS --- */
/* --- MAGIC CSS --- */
/* --- MAGIC CSS --- */
/* --- MAGIC CSS --- */
/* --- MAGIC CSS --- */
.ui-datepicker-title select{
    font: normal 400 16px/1.75 Oxygen !important;
    color: black !important;
}

.ui-datepicker-title ect option[selected="selected"]{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    background-color: #e63619;
    color: white;
}

.ui-datepicker-title select option:hover{
    background-color: #e63619 !important;
    color: white !important;
}

.ui-datepicker-calendar tr{
    border: none !important;
}

.ui-datepicker-calendar th[scope="col"]{
    font: normal 400 16px/1.75 Oxygen;
    background-color: #e63619;
}

.ui-state-default{
    border: none;
    font: normal 400 16px/1.75 Oxygen;
    color: #777;
}

.ui-state-default:hover{
    background-color: #e63619;
    color: white;
    border: none;
}

.ui-state-default.ui-state-active{
    background-color: #e63619;
    color: white;
    border: none;
}


@media only screen and (max-width: 991px) {
    #edit-seleccio-material{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    #edit-seleccio-material > div{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox, .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax{
        width: 100% !important;
    }

    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox fieldset, .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax fieldset{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100% !important;
    }
    .paso_1[data-webform-key="seleccio_material"] {
        padding: 0 !important
    }
}

.ui-datepicker-title select{
    font: normal 400 16px/1.75 Oxygen !important;
    color: black !important;
}

.ui-datepicker-title ect option[selected="selected"]{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    background-color: #e63619;
    color: white;
}

.ui-datepicker-title select option:hover{
    background-color: #e63619 !important;
    color: white !important;
}

.ui-datepicker-calendar tr{
    border: none !important;
}

.ui-datepicker-calendar th[scope="col"]{
    font: normal 400 16px/1.75 Oxygen;
    background-color: #e63619;
}

.ui-state-default{
    border: none;
    font: normal 400 16px/1.75 Oxygen;
    color: #777;
}

.ui-state-default:hover{
    background-color: #e63619;
    color: white;
    border: none;
}

.ui-state-default.ui-state-active{
    background-color: #e63619;
    color: white;
    border: none;
}


@media only screen and (max-width: 767px) {
    #edit-seleccio-material{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    #edit-seleccio-material > div{
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
        align-items: center;
    }

    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox, .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax{
        width: 100% !important;
    }

    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox fieldset, .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax fieldset{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100% !important;
    }
    .paso_1[data-webform-key="seleccio_material"] {
        padding: 0 !important
    }
}

/* Reservar Skis */
body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block.mobile {
    opacity: 1;
    visibility: hidden;
    width: 0 !important;
}

body[class*="assistant-paso-"].in-rent-process .steps-wrapper {
    -webkit-transform: translatex(-50%);
    -ms-transform: translatex(-50%);
    transform: translatex(-50%);
    left: 50%;
    width: 80%;
    visibility: visible;
    background-color: white;
}

/*body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block {*/
/*    top: 50px;*/
/*}*/

body.in-rent-process .btn-add-users-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    height: 110px;
    margin-top: -20px;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.in-rent-process .btn-add-users-container .boton-add-user {
    margin: 0;
}

body.in-rent-process .btn-add-users-container .boton-add-user a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0
}

/*.owl-stage div.owl-item{*/
/*    width: 100% !important;*/
/*    margin-right: 0px !important;*/
/*}*/

.owl-dots{
    display: none !important;
}

.alert-warning{
    position: fixed;
    bottom: 0px;
}

body.in-rent-process.assistant-paso-1  .webform-flexbox.with-din, .webform-flexbox.without-din {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px;
    margin: 0rem;
    gap: 16px;
}

.alert .btn-close:after {
    content: '×';
}

.alert .item-list ul.list-group{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}

.alert .item-list ul.list-group .list-group-item{
    background: transparent;
    border: none;
}

.alert .list-group{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

div#mobile-footer {
    padding: 20px 0px;
}

button#btnb-show-cart {
    padding: 0 4px;
}

div#mobile-footer .cloned-button {
    width: 50% !important;
}

div[data-drupal-selector="edit-ajustes-del-material"] {
    margin-top: 60px;
}

select[data-drupal-selector="edit-din-talla-0"]{
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .webform-submission-lloguer-form div[data-drupal-selector="edit-actions"]{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 100px !important;
    }

    .owl-stage{
        margin-bottom: 100px;
    }

    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block {
        top: 90px;
    }
}

@media only screen and (max-width: 990px) {
    .alert-warning{
        position: fixed;
        bottom: 100px !important;
    }

    body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .imagen-card-container img{
        height: 280px;
    }
}

/* Cambiar Contrase */
body.page-user-password, body.page-user-reset{
    padding-top: 120px;
}

.page-user-password #main-wrapper, .page-user-reset #main-wrapper{
    padding: 50px 0 !important;
    margin-bottom: 20px;
    width: 50% !important;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1024px){
    .page-user-password #main-wrapper, .page-user-reset #main-wrapperr{
        width: 60% !important;
    }
}

@media (max-width: 768px){
    .page-user-password #main-wrapper, .page-user-reset #main-wrapper{
        width: 75% !important;
    }
}

.user-pass, .user-pass-reset{
    padding: 0 16px;
    padding: 0 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1420px !important;
    margin: 0 auto !important;
}

.user-pass fieldset{
    padding: 0;
}

/* Productos paso 1 alquiler */
@media (max-width: 1300px) {
    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"]  .fieldset-wrapper .form-radios {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    /*body.assistant-paso-1 .owl-stage {*/
    /*    flex-wrap: wrap;*/
    /*}*/
}

@media (min-width: 990px) {
    body.assistant-paso-1 .owl-stage div.owl-item {
        min-width: 280px;
    }
}

@media (max-width: 992px) {

    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"]{
        width: 100%;
    }

    .bullets-alquiler>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
        text-align: center;
    }
}

/*/*/* Página inicial de Alquiler  */
body.page-node-401:not(.in-rent-process) #main-wrapper{
    max-width: none;
}

body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
    top: -80px;
    left: 0;
    padding: 10px 20px;
    height: auto;
    position: absolute !important
}

body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"] ul{
    padding-left: 17px;
}

@media (min-width: 992px) and (max-width: 1200px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -95px;
    }
}

@media (min-width: 501px) and (max-width: 992px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -10px;
    }
}

@media (max-width: 500px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -20px;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
    }
}

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .node__content {
    max-width: 1440px;
}

/* Calendario selección fecha de reserva */
@media (max-width: 768px){
    body.page-node-401:not(.in-rent-process) div#ui-datepicker-div{
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }
}

/* Inputs alquiler material */

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .webform-submission-lloguer-form div[data-drupal-selector="edit-seleccio-material"] input{
    text-align: center;
}

@media (max-width: 768px){
    body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .webform-submission-lloguer-form div[data-drupal-selector="edit-seleccio-material"] input{
        width: 100% !important;
        max-width: 130px !important;
    }
}

/* Paso 1 Alquiler | Selección de esqui */
.steps-wrapper .step.passed:before {
    font-size: 16px;
}

.steps-wrapper .step:before {
    width: 25px;
    height: 25px;
}

.steps-wrapper .inter-step {
    min-width: 20px;
}

#views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector^="edit-field-tipus-target-id"] .fieldset-wrapper [id^=edit-field-tipus-target-id] .form-radios>div.checked label {
    border: 1px solid var(--font-color-active) !important;
}

@media (max-width: 1300px){
    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"] .fieldset-wrapper .form-radios {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 990px){
    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"] .fieldset-wrapper {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.owl-stage {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* magic Css 06/12/2022 - Xavier */
/* Página inicial de Alquiler  */
body.page-node-401:not(.in-rent-process) #main-wrapper{
    max-width: none;
}

body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
    top: -80px;
    left: 0;
    padding: 10px 20px;
    height: auto;
    position: absolute !important
}

body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"] ul{
    padding-left: 17px;
}

@media (min-width: 992px) and (max-width: 1200px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -95px;
    }
}

@media (min-width: 501px) and (max-width: 992px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -10px;
    }
}

@media (max-width: 500px){
    body.page-node-401:not(.in-rent-process) #main-wrapper [id*="block-alquilermasinformacion"]{
        top: -20px;
        max-height: -webkit-max-content;
        max-height: -moz-max-content;
        max-height: max-content;
    }
}

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .node__content {
    max-width: 1440px;
}

/* Calendario selección fecha de reserva */
@media (max-width: 768px){
    body.page-node-401:not(.in-rent-process) div#ui-datepicker-div{
        left: 50% !important;
        -webkit-transform: translateX(-50%) !important;
        -ms-transform: translateX(-50%) !important;
        transform: translateX(-50%) !important;
    }
}

/* Inputs alquiler material */

body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .webform-submission-lloguer-form div[data-drupal-selector="edit-seleccio-material"] input{
    text-align: center;
}

.paso_1[data-webform-key="seleccio_material"] #edit-flexbox, .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.paso_1[data-webform-key="seleccio_material"] .webform-flex--1{
    width: 150px !important;
}

@media (max-width: 768px){
    body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .webform-submission-lloguer-form div[data-drupal-selector="edit-seleccio-material"] input{
        width: 100% !important;
        max-width: 130px !important;
    }
}

/* Paso 1 Alquiler | Selección de esqui */
@media (max-width: 768px) {
    .steps-wrapper .step.passed:before {
        font-size: 16px;
    }

    .steps-wrapper .step:before {
        width: 25px;
        height: 25px;
    }

    .steps-wrapper .inter-step {
        min-width: 20px;
    }
}

#views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector^="edit-field-tipus-target-id"] .fieldset-wrapper [id^=edit-field-tipus-target-id] .form-radios>div.checked label {
    border: 1px solid var(--font-color-active) !important;
}

@media (max-width: 1300px){
    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"] .fieldset-wrapper .form-radios {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.owl-stage {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

/* Switch géneros */
@media only screen and (max-width: 990px){
    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block.mobile .genders {
        visibility: visible;
    }

    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block .genders {
        visibility: hidden;
    }

    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block .genders .switch{
        width: 50px;
        height: 30px;
        margin-left: 5px;
        margin-right: 5px;
    }

    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block .genders > div:not(.switch){
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block .genders .switch:after{
        width: 19px;
    }
}

@media only screen and (max-width: 990px){
    .pre-cart-block #webform-submission-lloguer-block-content-36-add-form div[data-drupal-selector="edit-actions"] {
        display: none;
    }

    .genders {
        top: 75px;
        left: 50%;
        -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
        transform: translatex(-50%);
    }
}

@media (max-width: 480px){
    body.in-rent-process .dates-area-wrapper>div.dates-detail:before{
        display: none;
    }
}
/* Contenedor productos */

body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 div.view-id-productos_alquiler_{
    left: 0;
}
@media only screen and (max-width: 990px){
    body.in-rent-process .view-productos-alquiler- {
        top: 115px !important
    }

    .view-productos-alquiler- div.view-content.row {
        top: 72px;
    }

}

/* Filtros */
@media only screen and (max-width: 990px){
    #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"]{
        position: fixed;
        background-color: white;
        top: 98px;
        z-index: 10;
    }

    #views-exposed-form-productos-alquiler--block-1 .form-row {
        margin-bottom: 0;
    }

    #views-exposed-form-productos-alquiler--block-1 .form-row > div.form-actions{
        padding: 0 !important;
    }
    body.assistant-paso-1 #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"] .fieldset-wrapper .form-radios div.form-item-field-tipus-target-id{
        padding: 4px 0;
    }
}

/* Flechas Slider */
@media only screen and (max-width: 990px){
    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav{
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        left: -5px;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        position: fixed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav > button {
        background-color: transparent !important;
    }
    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav > button:hover {
        background-color: transparent !important;
    }
    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav > button:hover span {
        color: black !important;
    }
    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav > button span {
        color: var(--font-color-active) !important;
        font-size: 40px !important;
    }


    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav:before{
        display: none;
    }


    body.assistant-paso-1 #block-views-block-productos-alquiler-block-1 .owl-nav button{
        width: 48px !important;
        height: 48px !important
    }

    #block-views-block-productos-alquiler-block-1 div.owl-nav.disabled{
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

/* Botones footer*/
@media only screen and (max-width: 990px){
    div#mobile-footer {
        padding: 10px;
        gap: 10px;
    }

    div#mobile-footer > button#btnb-show-cart {
        width: 50%;
        height: 60px;
    }

    div#mobile-footer > input#edit-wizard-next {
        width: 50%;
        height: 60px;
        font: normal 400 16px/2.94 Oswald !important;
    }

}

.view-productos-alquiler- .view-content.row{
    top: 0;
}

/* Mensaje de alerta amarillo */
@media only screen and (max-width: 990px) {
    .block-views-blockproductos-alquiler--block-1 .view-footer .alert {
        width: calc(80% - 20px);
    }
}

.no-price .btn.add-to-cart{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.error-404 #page-wrapper{
    background-image: url('/sites/default/files/inline-images/back404.jpg');
}


.layout-checkout-form {
    display: block!important;
}
.checkout-pane-coupon-redemption {
    display: block !important;
    float: right!important;
}
.layout-checkout-form .checkout-pane-payment-information {
    float: left!important;
}
body .checkout-pane.checkout-pane-order-summary {
    float: right!important;
}
.layout-checkout-form [data-drupal-selector="edit-actions"] {
    float: left!important;
}

/** RG: reestilo cupones checkout */
[id*="edit-coupon-redemption-form"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.coupon-redemption-form__coupons {
    width: 100%;
}

.coupon-redemption-form__coupons td:has(input) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.coupon-redemption-form__coupons td:has(input) input {
    margin-top: 15px !important;
    width: auto !important;
}

@media all and (max-width: 600px) {
    [id*="edit-coupon-redemption-form"] {
        display: block;
    }
    [id*="edit-coupon-redemption-form-apply"] {
        margin-left: 0 !important;
    }
}

#block-botonlogout {
    margin-top: 20px !important;
}
#block-botonlogout a {
    color: var(--font-color-header-active);
    letter-spacing: 1px;
    font-weight: 700;
}

/* Campo de Confirmar correo en el form de registro */
#edit-login-register .form-check-email-result-value{
    padding-left: 8px;
}

#edit-login-register .form-check-email-result-value-error{
    color: var(--error);
}

/* H2 de la home*/
.page-node-1629 #block-views-block-slides-block-slider-video-4 .views-field-field-titulo>div.field-content>h2,
.page-node-880 #block-views-block-slides-block-slider-video-3  .views-field-field-titulo>div.field-content>h2{
    color: var(--font-color-white) !important;
}

/* Arreglo del seguro b2b */
.user-b2b.assistant-paso-1 .complemento_seguro {
    pointer-events: none;
}
.user-b2b.assistant-paso-1 .complemento_seguro label {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.user-b2b.assistant-paso-1 .complemento_seguro label:before,
.user-b2b.assistant-paso-1 .complemento_seguro label:after {
    display: none;
}

/*Color texto blanco en página Taller*/
.id-2451 .field-titulo-cb-wrapper .field-titulo-cb{
    color: var(--font-color-white);
}

/*Texto descripción de la página blog*/
article[data-history-node-id="1968"] .field--name-body h3{
    font-size: 16px;
    font: normal 400 16px/1.75 Oxygen;
    color: #777;
    margin: 0;
}

/*Texto Banner*/
#banner .view-display-id-block_slider_video .views-field-field-subtitulo h2{
    text-transform: uppercase;
    text-align: inherit;
    color: var(--font-color-active)!important;
    font-size: calc(12px + 6 * (100vw / 1920)) !important;
    font: normal 700 18px/normal Oswald;
    display: block;
    margin-bottom: 10px;
    font-family: Oswald,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif!important;
}

#banner .view-display-id-block_slider_video .views-field-body div.field-content *{
    line-height: 20px !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #fff !important;
    text-align: inherit !important;
    margin-top: 10px !important;
    margin-bottom: 40px !important;
    font: normal 400 16px/1.75 Oxygen !important;
}

/* Mejoras para atraer a más clientes al proceso de alquiler | Xavier 08/02/2023-09/02/2023 */
#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary{
    background-color: var(--font-color-secondary);
    border: 1px solid var(--font-color-secondary) !important;
}

#banner .callToAction .views-field-field-enlaces .field-content a.btn.btn-primary:hover{
    background-color: var(--bg-btn-color);
    border: 1px solid var(--bg-btn-color) !important;
    color: var(--font-btn-color) !important;
}

.btn-alquier-naranja, .node--type-sigue-leyendo .field--name-field-enlaces a{
    background-color: var(--font-color-secondary) !important;
    border: 1px solid var(--font-color-secondary) !important;
    color: var(--font-btn-color);
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 22px !important;
    font-weight: bold !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    margin-top: 20px;
}

.btn-alquier-naranja:hover, .node--type-sigue-leyendo .field--name-field-enlaces a:hover{
    background-color: var(--bg-btn-color) !important;
    border: 1px solid var(--bg-btn-color) !important;
    color: var(--font-btn-color) !important;
}

.btn-alquier-blanco{
    background-color: white !important;
    border: 1px solid var(--font-color-black) !important;
    color: var(--font-color-black);
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 24px !important;
    font-weight: bold !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    margin-top: 20px;
}

.btn-alquier-blanco:hover{
    background-color: var(--font-color-black) !important;
    color: white !important;
}

.title-alquiler{
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.title-alquiler-blanco{
    color: white !important;
}

body.page-node-1692 .title-alquiler{
    margin-top: -80px;
    margin-bottom: 8px;
}

.btn-alquiler-fixed{
    position: fixed;
    bottom: 70px;
    right: 20px;
    z-index: 8;
}

body.page-node-1692 .field-vistas-cb-wrapper .title-alquiler, body.page-node-1692 .field-vistas-cb-wrapper .btn-alquier-naranja{
    display: none;
}

.node--type-pagina-home.bitaboot-xs .btn-alquiler-fixed{
    -webkit-animation-name: animBtnAlquilerMobile;
    animation-name: animBtnAlquilerMobile;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    right: -500px;
}

@media all and (max-width: 768px) {
    .node--type-pagina-home.bitaboot-xs .btn-alquiler-fixed{
        font-size: 20px !important;
        width: max-content !important;
        bottom: 10px !important;
        right: 10px !important;
    }
}

@-webkit-keyframes animBtnAlquilerMobile {
    0% {right: -500px;}
    60% {right: 40px;}
    100% {right: 20px;}
}

@keyframes animBtnAlquilerMobile {
    0% {right: -500px;}
    60% {right: 40px;}
    100% {right: 20px;}
}

/* Menú mobile full-width */
body.bitaboot-xs .menu-mobile{
    z-index: 10;
    padding-top: 50px;
}

.menu-mobile{
    z-index: 10;
    padding-top: 50px;
}

body:not(.bitaboot-xs) .menu-mobile .image-corp-container img{
    width: 25% !important;
}
body.bitaboot-xs .menu-mobile .image-corp-container img{
    width: 50% !important;
}

body.bitaboot-xs .menu-mobile .close-menu{
    top: -35px;
}

.menu-mobile .close-menu i.fas{
    font-size: 45px;
}

.menu-mobile nav.menu--menu-principal, .menu-mobile nav.block-menu{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

body.bitaboot-lg .menu-mobile a, body.bitaboot-lg .menu-mobile span{
    font-size: 18px;
}

/*Maquetación de alertas | Xavier */
.alert {
    padding-top: 30px;
    border: 2px solid rgba(0, 0, 0, 0.5);
}
.alert:first-child {
    margin-top: 60px;
}
.alert:before {
    position: absolute;
    left: 8px;
    top: 8px;
}
.alert button.btn-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid black;
}
.alert button.btn-close:after {
    content: 'x';
    display: block;
}

/* Mejora proceso de alquiler | Fase 1*/

.inter-step {
    display: none;
}
.steps-wrapper {
    height: auto;
    margin-bottom: 0;
}
.steps-wrapper .step{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.steps-wrapper .step .label {
    /*padding: 16px;*/
    position: static;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.steps-wrapper .step:before {
    display: none !important;
}

.steps-wrapper .step{
    display: none;
}
.steps-wrapper .step.active{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 8px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.current-user{
    display: none;
}

@media all and (max-width: 990px) {
    .genders {
        top: 40px;
        display: none !important;
    }
    #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"] {
        top: 86px;
    }

    body.in-rent-process .view-productos-alquiler- {
        top: 150px !important;
    }

    .current-user{
        display: block;
    }

    .view-productos-alquiler- div.view-content.row {
        top: 0;
        padding-bottom: 120px;
    }
    body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .imagen-card-container img {
        height: 150px;
    }
    .block-views-blockproductos-alquiler--block-1 .view-footer .alert {
        width: calc(60% - 20px);
        bottom: 45% !important;
        right: 16px;
    }
    .block-views-blockproductos-alquiler--block-1 .view-footer .alert .close {
        font-size: 2.5rem;
    }
    body.in-rent-process .pre-cart-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    body.in-rent-process .pre-cart-block > form {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    body.in-rent-process .pre-cart-block .all-users {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    fieldset[data-drupal-selector="edit-field-tipus-target-id"] .fieldset-wrapper .radio{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    fieldset[data-drupal-selector="edit-field-tipus-target-id"] .type-list{
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        line-height: 100% !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        width: 50%;
    }

    fieldset[data-drupal-selector="edit-field-tipus-target-id"] .current-user{
        width: 100%;
        font-weight: bold;
        padding: 0 16px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        max-width: 50%;
        font: normal 400 16px/2 Oxygen !important;
        height: -webkit-min-content !important;
        height: -moz-min-content !important;
        height: min-content !important;
        border: 0;
    }

    fieldset[data-drupal-selector="edit-field-tipus-target-id"] .current-user:before{
        content: "\f007";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: gray;
        border-radius: 100%;
        display: block;
        width: 20px;
        height: auto;
    }

    fieldset[data-drupal-selector="edit-field-tipus-target-id"] .form-radios{
        visibility: hidden;
        height: 0 !important;
        width: 0;
    }

    #views-exposed-form-productos-alquiler--block-1 fieldset[data-drupal-selector~="edit-field-tipus-target-id"]{
        z-index: 10;
    }

    body.in-rent-process .dates-area-wrapper{
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 12px auto;
        grid-template-columns: auto auto;
        padding: 8px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 12px;
        -moz-column-gap: 12px;
        column-gap: 12px;
    }

    body.in-rent-process .dates-area-wrapper .dates-detail{
        justify-self: flex-start;
    }

    .btn-add-users-container{
        width: 100% !important;
        margin: 0 !important;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .btn-add-users-container a{
        padding: 0 !important;
        line-height: 1 !important;
        height: -webkit-fit-content !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        text-decoration: underline !important;
    }
}

@media all and (max-width: 767px) {
    .owl-stage {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    .view-productos-alquiler- .view-content.row .views-row .field--name-title .field__item {
        font-size: 24px;
    }
    .view-productos-alquiler- .view-content.row .views-row .views-field .field-content > div {
        row-gap: 16px;
    }
    body.in-rent-process.assistant-paso-1 .wrapper-pre-cart-block {
        top: 0;
        padding-top: 80px;
    }
}

@media all and (max-width: 360px) {
    body.in-rent-process .dates-area-wrapper .date-days{
        display: none;
    }
}

.precio-seleccio .IGIProcessed, .precio-seleccio .previous-price {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/*.precio-seleccio .IGIProcessed:before {*/
/*    content: 'Precio final:';*/
/*    padding-bottom: 4px;*/
/*    font-size: 14px;*/
/*    color: #222 !important;*/
/*}*/
.precio-seleccio .field--name-price .previous-price {
    color: #222 !important;
    padding-top: 4px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline;
}

/*.precio-seleccio .field--name-price .previous-price:before{*/
/*    content: 'Precio tienda:';*/
/*    padding-bottom: 4px;*/
/*    font-size: 14px;*/
/*    color: #222 !important;*/
/*}*/

.precio-seleccio .field--name-price .previous-price:after {
    position: absolute;
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background-color: #222;
    bottom: 10px;
    right: -2px;
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
}

@media all and (max-width: 767px) {
    .precio-seleccio .field--name-price .previous-price:after {
        bottom: 8px;
    }
    .view-productos-alquiler- .view-content.row .views-row .views-field .field-content > div {
        row-gap: 8px;
    }

    /*body.in-rent-process .view-productos-alquiler- .view-content.row .views-row .pack-complements-container{*/
    /*    margin-bottom: 0;*/
    /*    padding-bottom: 0;*/
    /*}*/
}

.alertaTarde {
    padding: 0;
    -webkit-box-shadow: 4px 4px 5px lightgray;
    box-shadow: 4px 4px 5px lightgray;
    width: 95vw !important;
    max-width: 500px;
    position: relative;
}
.alertaTarde .ui-widget-header {
    background-color: var(--font-color-active);
    color: white;
    border-radius: 0;
}
.alertaTarde .ui-widget-header .ui-dialog-titlebar-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
}
.alertaTarde .ui-widget-header .ui-dialog-titlebar-close:before {
    content: '×';
    font-size: 32px;
    color: var(--font-btn-color);
    position: absolute;
    right: 8px;
    top: 8px;
}
.alertaTarde .ui-dialog-buttonpane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0;
}
.alertaTarde .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin: 0 auto;
}
.alertaTarde .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: var(--bg-btn-color);
    color: var(--font-btn-color) !important;
    border: 1px solid var(--bg-btn-hover-color) !important;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    font: normal 400 18px/normal Oswald !important;
    -webkit-box-shadow: none;
    box-shadow: none;

}
.alertaTarde .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: var(--font-btn-color);
    color: var(--font-color-active) !important;
    border: 1px solid var(--bg-btn-hover-color);
}

/*Reducción tamaño de los titulos de las tiendas*/
@media all and (max-width: 767px) {
    body.node--type-botiga #block-pagetitle * {
        font-size: 50px;
    }
}

.block-views-blockproductos-alquiler--block-1 .view-footer .alert:before {
    display: none;
}

@media all and (max-width: 991px) {
    body.din-step .webform-flexbox.with-din, .webform-flexbox.without-din{
        margin: 16px;
    }
}

@media all and (max-width: 991px) {
    body.din-step .webform-flexbox.with-din,
    body.din-step .webform-flexbox.without-din {
        margin: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 8px 16px;
    }
    body.din-step .webform-submission-lloguer-form fieldset select {
        width: 100%;
    }
}

.alertaTarde .ui-widget-header .ui-dialog-title{
    white-space: initial !important;
}

#edit-payment-information-billing-information-field-he-llegit-i-accepto-les-co-value, #edit-payment-information-billing-information-field-he-llegit-i-accepto-la-cla-value{
    visibility: initial;
    opacity: 0;
    left: 40px;
    top: 4px;
}

/* Ficha Producto Verano */

body.path-product #main-wrapper{
    max-width: 1170px;
}

.path-product img {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.path-product .title-head .field--name-title {
    color: #222222;
    font-weight: 700;
    font-family: 'Oswald';
    font-size: 2.5rem;
    margin-bottom: 0.625rem;
}

@media all and (max-width: 1170px) {
    .path-product article.contextual-region{
        padding: 16px;
    }
}

.path-product article.contextual-region .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-bottom: 30px;
}

@media all and (max-width: 768px) {
    .path-product article.contextual-region .header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.path-product .header .bt-sidebar {
    background: #f7f7f7 !important;
    padding: 40px;
    display: inline-block;
    width: 360px;
    margin-bottom: 0;
    border: 1px solid #eee;
    margin-top: -67px;
}

@media all and (max-width: 768px) {
    .path-product .header .bt-sidebar {
        width: 100%;
        margin-top: 16px;
    }
}

.path-product .header .bt-sidebar .field--name-field-modelo, .path-product .header .bt-sidebar .field--name-sku{
    margin-bottom: 20px;
}
.path-product .header .bt-sidebar .fieldgroup legend{
    all: initial;
}
.path-product .header .bt-sidebar .fieldgroup .fieldset-legend, .path-product .header .bt-sidebar .field__label, .path-product .header .bt-sidebar label{
    font-family: 'Oswald';
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    color: inherit;
    padding-left: 0 !important;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #777777;
}
.path-product .header .bt-sidebar .fieldgroup .js-form-type-radio{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.path-product .header .bt-sidebar .fieldgroup .js-form-type-radio .form-check-label, .path-product .header .bt-sidebar .field__item{
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
}
.path-product .header .bt-sidebar .fieldgroup .js-form-type-radio .form-check-input{
    margin-top: 0;
}
.path-product .header .bt-sidebar .field--name-quantity .js-form-type-number{
    padding: 0;
}
.path-product .header .bt-sidebar .field--type-commerce-price{
    color: #fff;
    margin-bottom: 10px;
    background: #222;
    padding: 25px 10px;
    margin: 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    font: normal 500 2.5rem/1 Oswald;
    margin-bottom: 40px;
    margin-top: 30px;
}
.path-product .header .bt-sidebar input[type="number"], .path-product .header .bt-sidebar select{
    padding: 0.9375rem 1.25rem !important;
    font-size: 12px !important;
    line-height: 1 !important;
    color: #777 !important;
    border-radius: 0 !important;
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
}
.path-product .header .bt-sidebar div[id*="edit-purchased-entity-0-attributes-attribute-color"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.path-product .header .bt-sidebar .js-form-item-purchased-entity-0-attributes-attribute-color{
    padding: 0;
}

.path-product .header .bt-sidebar .js-form-item-purchased-entity-0-attributes-attribute-color > label > div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    background-color: white;
    padding: 4px;
    border: 1px solid #777;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.path-product .header .bt-sidebar .js-form-item-purchased-entity-0-attributes-attribute-color:has(input.product--rendered-attribute__selected) > label > div{
    border: 1px solid var(--bg-btn-color);
}

.path-product .header .bt-sidebar .js-form-item-purchased-entity-0-attributes-attribute-color > label > div .field--name-field-color{
    line-height: 1;
}

.path-product .header .bt-sidebar .form-item-purchased-entity-0-attributes-attribute-talla-calzado{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    padding: 0;
}

.path-product .header .bt-sidebar .form-item-purchased-entity-0-attributes-attribute-talla-calzado label{
    font-family: 'Oswald';
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
    color: inherit;
    padding-left: 0 !important;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    color: #777777;
}

.path-product .header .bt-sidebar .button--add-to-cart{
    padding: 25px;
    margin-top: 30px !important;
    font-size: 19px;
    line-height: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    background-image: none;
}
.path-product .field--name-field-imatge-v {
    width: calc(100% - 390px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #ddd;
}

@media all and (max-width: 768px) {
    .path-product .field--name-field-imatge-v {
        width: 100%;
    }
}

.path-product .field--name-field-imatge-v .image-main-content .owl-stage .owl-item .field--type-image img {
    height: 430px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.path-product .field--name-field-imatge-v .image-footer-content .owl-stage .field--type-image {
    height: 134px;
}
.path-product .field--name-field-imatge-v .image-footer-content .owl-stage .field--type-image img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    padding: 4px;
}

.id-12135,
.id-502388{
    width: 30%!important;
    text-align: center;
}
.id-12135 .field-body-cb,
.id-502388 .field-body-cb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px;
}
.id-12135 .contact-element,
.id-502388 .contact-element {
    position: relative;
    width: calc(50% - 40px);
}
.view-display-id-block_2 .views-field-field-pregunta h3,.view-display-id-block_2 .views-field-field-pregunta h3 p {
    cursor: pointer;
    margin-bottom: 0;
}
.view-display-id-block_2 .views-field-field-categoria-faq {
    color: #E63619;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}
.view-display-id-block_2 .views-field-field-respuesta {
    display: none;
}
.id-12121, .id-12126 {
    min-height: 800px;
    -webkit-clip-path: polygon(100% 0, 100% 90%, 80% 100%, 0 90%, 0 0);
    clip-path: polygon(100% 0, 100% 90%, 80% 100%, 0 90%, 0 0);
}
.id-12121:before, .id-12126:before {
    content: '';
    background-color: #E63619;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0% calc(90% - 20px), 80% calc(100% - 20px), 100% calc(90% - 20px), 100% 90%, 80% 100%, 0 90%);
    clip-path: polygon(0% calc(90% - 20px), 80% calc(100% - 20px), 100% calc(90% - 20px), 100% 90%, 80% 100%, 0 90%);
}
@media all and (max-width: 768px) {
    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form{
        position: fixed;
        width: 100%;
        padding: 16px;
        bottom: 0;
        left: 0;
        background-color: #f7f7f7 !important;
        border-top: 2px solid rgba(0, 0, 0, 0.4);
        z-index: 999;
    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .attribute-widgets{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 0 !important;
    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form #edit-purchased-entity-wrapper{
        margin-bottom: 8px !important;
    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .product--rendered-attribute,
    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .form-type-select {
        margin-bottom: 0 !important;

    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .form-type-select {
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content;
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .field--name-quantity{
        width: 50%;
        float: left;
        padding-right: 16px;
    }

    .path-product .header .bt-sidebar .commerce-order-item-add-to-cart-form .button--add-to-cart{
        width: 50% !important;
        margin: 0;
        margin-top: 26px !important;
        float: left;
        padding: 0.9375rem 1.25rem !important;
        font-size: 14px;
    }

    .tabs{display: none;
    }

    .path-product .header .bt-sidebar .field--type-commerce-price{
        font-size: 30px;
    }
}
/* Loader en el proceso del alquiler*/

.tabs {
    position: fixed;
    z-index: 10000;
    bottom: -10px;
    background: white;
    left: 0;
}

html:has(.preparing-order){
    overflow: hidden;
}

html:has(body.in-rent-process .preparing-order){
    overflow: initial;
}

body.in-rent-process .preparing-order{
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.preparing-order{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: white;
    font-size: 30px;
    text-align: center;
    padding-top: 40px;
    color: var(--font-color-active);
    font-weight: 700;
    overflow: hidden;
    z-index: 99999999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: white;
    height: 100%;
    width: 100%;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--font-color-active);
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    -webkit-animation: lds-ellipsis1 0.6s infinite;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    -webkit-animation: lds-ellipsis2 0.6s infinite;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    -webkit-animation: lds-ellipsis3 0.6s infinite;
    animation: lds-ellipsis3 0.6s infinite;
}
@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}
@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

.route-right-block .ruta-dispo{
    display: block;
}

.route-right-block .calendar {
    margin-top: 32px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.route-right-block .calendar .ui-datepicker {
    margin: 0 auto;
}
.route-right-block .hours {
    margin: 16px auto;
    max-width: 270px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.route-right-block .hours .wrapper-radio {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 2px solid transparent;
    padding: 4px 8px;
}
.route-right-block .hours .wrapper-radio input {
    display: none;
}
.route-right-block .hours .wrapper-radio label {
    margin-bottom: 0;
}
.route-right-block .hours .wrapper-radio:has(input:checked) {
    border: 2px solid var(--bg-btn-color);
    padding: 4px 8px;
    border-radius: 4px;
}
.ruta-dispo {
    background-color: #222222;
    padding-bottom: 32px;
}
.ruta-dispo .calendar {
    width: 80%;
    margin-top: 0;
    margin: 0 auto;
}
.ruta-dispo .calendar .ui-datepicker {
    width: 100%;
    border: none;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 8px 0 0 !important;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar thead th {
    background-color: white;
    color: #999;
    font-size: 16px;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr {
    background: none;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td span,
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td a {
    background: none;
    border: none;
    text-align: center;
    font-size: 16px;
    width: 34px;
    height: 34px;
    margin: 0 8px;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td span {
    text-decoration: line-through;
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
    color: var(--font-color-active);
}
.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active {
    background-color: var(--font-color-active);
    border-radius: 100px;
}

.ruta-dispo .calendar .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active:hover{
    color: white;
}

.ruta-dispo .hours,
.ruta-dispo .availability-text {
    max-width: 80%;
    margin: 0 10%;
    background-color: white;
    margin-top: 0;
    padding: 16px;
}

.ruta-dispo .hours:before{
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    color: #999;
}

.ruta-dispo .action button {
    width: 80%;
    margin: 0 10%;
    border-radius: 0;
    background-color: var(--bg-btn-color);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.route-content.owl-added .field--name-field-listado-imagenes-ruta{
    width: 55% !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}

@media all and (max-width: 1024px) {
    .route-content.owl-added{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0 !important;
    }

    .route-content.owl-added .field--name-field-listado-imagenes-ruta{
        width: 100% !important;
    }
}
body.path-checkout .steps-wrapper{
    margin-top: 32px;
}
body.path-checkout .steps-wrapper .step.active {
    color: var(--font-color-active);
    display: block;
}

body.path-checkout .commerce-checkout-flow [id*=edit-actions]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: 64px
}

body.path-checkout .commerce-checkout-flow [id*=edit-actions] [id*=edit-actions-next]{
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    margin-right: 0;
}

.layout-checkout-form #edit-order-summary {
    padding-right: 20px;
}
.layout-checkout-form #edit-order-summary .checkout-order-summary > div {
    margin-left: 0;
}
.layout-checkout-form #edit-order-summary .checkout-order-summary > div .order-total-line-value {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 16px;
}
.layout-checkout-form #edit-coupon-redemption {
    padding: 0;
}
.layout-checkout-form #edit-coupon-redemption #edit-coupon-redemption-form {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
.layout-checkout-form #edit-coupon-redemption #edit-coupon-redemption-form #edit-coupon-redemption-form-apply {
    margin: 0 0 16px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
/*.image-corp-container.PN a{*/
/*    padding: 10px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.image-corp-container.PN a img{*/
/*    object-fit: cover;*/
/*    width: 100%;*/
/*    height: unset!important;*/
/*}*/

@media all and (max-width: 992px) {
    body.path-checkout .steps-wrapper{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    div.layout-checkout-form {
        margin: 0 8px;
    }
}

.node--type-sigue-leyendo .field--name-field-titulo{
    font-family: Oswald, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: 700;
    color: var(--font-color-black);
    margin: 20px auto;
    font-size: 48px;
}

@media all and (max-width: 992px) {
    .node--type-sigue-leyendo .field--name-field-titulo{
        font-size: 32px;
    }
}
@media all and (max-width: 992px) {
    #banner .block-views-blockslides-block-slider-video, #banner .slick, #banner .slick-slider, #banner .slide__content {
        height: calc(100vh - 200px) !important;
        min-height: 300px;
        max-height: 100vh;
    }

    #banner .slick #slick-carousel-slider{
        height: calc(100vw - 5px)!important;
    }
    #banner .slick #slick-carousel-slider div{
        height: 100% !important;
    }
}

/** @RG-27/09/23 */
.form-item-payment-information-billing-information-address-0-address-postal-code {
    width: 100%;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
#edit-contact-information legend {
    display: none !important;
}
#edit-contact-information {
    padding: 0 !important;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
[data-drupal-selector=edit-payment-information-billing-information-field-fake-tax-number-wrapper] {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
}
.form-type-email,
.form-item-payment-information-billing-information-address-0-address-family-name,
.form-item-payment-information-billing-information-address-0-address-given-name,
.form-item-payment-information-billing-information-field-fake-tax-number-0-value,
.form-item-payment-information-billing-information-address-0-address-country-code,
.form-item-payment-information-billing-information-address-0-address-address-line1,
.form-item-payment-information-billing-information-address-0-address-postal-code,
.form-item-payment-information-billing-information-field-telefono-0-value
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
/** End @RG-27/09/23 */

body.path-checkout.domain-store_picnegre_com .layout-standard,
body.path-checkout.domain-store_shuski_com .layout-standard,
body.path-checkout.domain-pre_picnegre_verano_bitanube_com .layout-standard{
    max-width: unset;
}

[data-drupal-selector="edit-payment-information-billing-information-address-0-address"] .js-form-item,
[data-drupal-selector="edit-payment-information-billing-information-field-telefono-wrapper"] .js-form-item,
[data-drupal-selector="edit-payment-information-billing-information-field-fake-tax-number-wrapper"] .js-form-item,
[data-drupal-selector="edit-payment-information-billing-information"] > .js-form-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
@media all and (max-width: 992px) {
    [data-drupal-selector=edit-payment-information-billing-information-address-wrapper] [data-drupal-selector=edit-payment-information-billing-information-address-0-address] .js-form-item,
    #edit-payment-information-billing-information .js-form-item-payment-information-billing-information-select-address,
    #edit-payment-information-billing-information-field-telefono-wrapper > .js-form-item,
    #edit-payment-information-billing-information-field-fake-tax-number-wrapper > .js-form-item
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #edit-payment-information-billing-information .js-form-item-payment-information-billing-information-select-address select{
        width: 100%;
    }
}

/*[data-drupal-selector="edit-payment-information-billing-information"] > .js-form-item,*/
/*[data-drupal-selector="edit-payment-information-billing-information-field-telefono-wrapper"],*/
/*[data-drupal-selector="edit-payment-information-billing-information-field-fake-tax-number-wrapper"]{*/
/*    padding-right: 20px;*/
/*}*/

[data-drupal-selector="edit-contact-information"]#edit-contact-information{
    display: inherit;
}

.toolbar-horizontal #header{
    top: 0 !important;
}

/** RG anon form */
.anonymus-login-form {
    width: 700px;
    max-width: 100%;
    margin: 20px auto 100px;
}
.anon_description {
    text-align: center;
    margin: 15px 0;
}
/** end RG anon form */

.path-checkout #block-alquilerpasos .steps-wrapper .step .pasos{
    font-weight: bold;
}

@media all and (max-width: 991px) {
    .paso_1[data-webform-key="seleccio_material"] {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax {
        width: 100% !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox input,
    .paso_1[data-webform-key="seleccio_material"] #edit-flexbox-pax input {
        width: 150px !important;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div {
        width: 310px !important;
        display: block;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski > div .js-form-item,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items > div .js-form-item {
        width: 310px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items-shusski .wrapper-boton-search,
    .paso_1[data-webform-key="seleccio_material"] #edit-b2b-items .wrapper-boton-search {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    body.page-node-401:not(.in-rent-process) #main-wrapper .section article[data-history-node-id="401"] .webform-submission-lloguer-form div[data-drupal-selector="edit-seleccio-material"] input {
        max-width: 150px !important;
    }
}

#edit-payment-information-billing-information{
    padding: 8px 16px;
}

.id-400{
    padding-bottom: 120px !important;
}

#block-menufootershusski ul.nav li{
    position: relative;
    display: inline-block;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
}

.id-400{
    padding-bottom: 120px !important;
}

#block-menufootershusski ul.nav li{
    position: relative;
    display: inline-block;
    width: 50%;
    margin-left: 0;
    margin-right: 0;
}

.coupon-redemption-form__coupons tbody tr{
    display: none;
}

.coupon-redemption-form__coupons tbody tr:first-child{
    display: table-row;
}

.remarkable-text{
    font-weight: bold;
    font-size: 18px;
    color: var(--font-color-active) !important;
}

#header .region-header-right [id*="block-accounticon"]{
    display: none;
}

.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form > div,
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form > fieldset {
    margin-left: 10px;
    margin-right: 10px;
}
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form .form-item-telefon {
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 1px solid lightgrey;
}
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form .webform-element-help-container--title {
    width: 100%;
}
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form .form-item-comentaris {
    width: 100%;
    padding-bottom: 1em;
    border-bottom: 1px solid lightgrey;
}
.webform-submission-pns-wb-registre-fira-21-block-content-37-add-form .form-actions {
    width: 100%;
}
[data-history-node-id="420"] .enfasis {
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 32px !important;
}
[data-history-node-id="420"] .enfasis u {
    text-decoration: line-through;
}
[data-history-node-id="420"] .enfasis1 {
    margin-bottom: 20px !important;
}
[data-history-node-id="420"] .enfasis2 {
    margin-top: 20px !important;
}
.checkout-order-summary .fechas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.checkout-order-summary .fechas .fecha_ini {
    margin-left: 5px;
    margin-right: 6px;
    font-weight: bolder;
}
.checkout-order-summary .fechas .fecha_fin {
    margin-left: 6px;
    font-weight: bolder;
}

nav.menu--menu-principal .nav-link--alquila-tu-material-de-esqui,
nav.menu--menu-principal .nav-link--users-mail-login {
    color: var(--font-color-header-active);
}

nav.menu--menu-principal .nav-link--alquila-tu-material-de-esqui:hover,
nav.menu--menu-principal .nav-link--users-mail-login:hover {
    color: var(--font-color-header-normal);
}
@media only screen and (min-width: 970px){
    .id-1613:not(:has(h1)){
        margin-top: -280px!important;
    }
}

div[data-drupal-selector="edit-payment-information-billing-information-rendered"] .field__label{
    font-weight: bold;
}

div[data-drupal-selector="edit-payment-information-billing-information-rendered"] .address{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.js-form-item-payment-information-billing-information-select-address,
.js-form-item-payment-information-billing-information-copy-to-address-book{
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

body.in-rent-process #CookiebotWidget{
    display: none;
}

.alert-heading{
    font-size: 20px;
}

.alert{
    gap: 16px;
}
.views-table #view-unit-price-number-table-column,
.views-table [headers="view-unit-price-number-table-column"]{
    display: none;
}
#block-listadonoticiasdestacadas-2:not(:has(.view-id-listado_noticias.view-display-id-footer_news .views-row)) {
    display: none;
}
@media only screen and (max-width: 768px) {
    .domain-pre_picnegre_verano_bitanube_com.node--type-pagina-home .id-3230 .field-titulo-cb {
        font-size: 35px;
        padding: 80px 16px 0;
    }
}
.iframe.mobile.slide{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: block;
}

#banner .views-field-field-video-lightbox .field-content{
    pointer-events: all!important;
    display: block;
}

#banner .views-field-field-video-lightbox{
    left: 50%;
    height: 50%;
    transform: translate(-50%, -50%)
}
#banner .views-field-field-video-lightbox:not(.active):before{
    content: unset;
}

.webform-confirmation .webform-confirmation__message{
    max-width: 600px;
    width: 100%;
    margin: 20px auto 40px;
    padding-left: 20px;
    padding-right: 20px;
}
.webform-confirmation__message{
    text-align: center;
}

.id-2000 h4{
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
}

.id-1626 .field--name-field-titulo h4{
    font-size: 27px;
}

#content-block-container{
    padding-bottom: 60px;
}

/*.page-node-1641 #content-block-container:before,*/
/*.page-node-1641 #content-block-container:after{*/
/*    height: 100% !important;*/
/*}*/

.callToAction:not(:has(.views-field-field-titulo .field-content *)){
    background-color: transparent !important;
}

.callToAction:not(:has(.views-field-field-titulo .field-content *)):before{
    content: none !important;
}

.page-node-1694 .view-filters .views-exposed-form .d-flex {
    justify-content: center;
}
@media screen and (max-width: 768px) {
    .id-12135 {
        text-align: center;
        width: 100% !important;
    }
    .id-12135 .field-body-cb {
        gap: 10px;
    }
    .btn-alquier-naranja,
    .node--type-sigue-leyendo .field--name-field-enlaces a {
        font-size: 17px !important;
    }
}
#block-menufooter-menu {
    text-align: center !important;
}
body.node--type-noticia h2 {
    font-size: 32px!important;
}
body.node--type-noticia h3 {
    font-size: 28px!important;
}
@media all and (max-width: 500px) {
    body.node--type-noticia h2 {
        font-size: 28px!important;
    }
    body.node--type-noticia h3 {
        font-size: 24px!important;
    }
}
.image-corp-container {
    margin-right: 0;
    padding-right: 0;
    margin-left: 10%;
}
#alerta-modelos {
    margin:20px;
}
@media (max-width: 992px) {
    #alerta-modelos {
        margin-left: 5px;
        margin-bottom: 0px;
    }
}
.path-cart #page #main-wrapper {
    padding-top: 40px;
}
.order-total-line{
    padding-left: 15px;
    padding-right: 15px;
}
.order-total-line-value{
    display: inline;
}
.order-total-line__total{
    padding-right: 10px;
}
@media (max-width: 575px) {
    #tablas {
        padding-left:5px;
        padding-right:5px;
    }
    #div-precios-producto{
        margin-right:5%;
    }
    .layout-checkout-form #edit-actions-next {
        margin-right: 0px;
    }
    #edit-coupon-redemption .js-form-submit {
        margin-right: 0px;
    }
    #banner .position-cd .callToAction {
        transform: translate(-50%,-37.5%)
    }
    .margenes-texto-tarifas {
        margin-left:7%;
        margin-right:7%;
    }
    /*#banner .position-ad .callToAction {*/
    /*    top:125px;*/
    /*    right:30px;*/
    /*    left:unset;*/
    /*}*/
    /*.callToAction > .call-container {*/
    /*    margin-bottom: 40%;*/
    /*    padding: 0;*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*}*/
}
.page-node-3216 .model-XX .field-subtitulo-cb, h2, .page-node-3216 .content-block .field-titulo-cb-wrapper .field-titulo-cb {
    margin-left: 2%;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #E63619;
    border-color: #E63619;
    line-height: normal;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: #E63619;
    line-height: normal;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #E63619;
    line-height: normal;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #E63619;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #E63619;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
    color: #E63619;
    line-height: normal;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #E63619;
    border-color: #E63619;
    line-height: normal;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-color: #E63619;
    line-height: normal;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-color: #E63619;
    color:#E63619;
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #E63619;
}
/* Marc 09/12/2024 - En el checkout no se puede hacer click por este elemento */
.path-checkout .alert-wrapper {
    display: none;
}
/* Landing: Selección de tienda */
.page-node-1283510 h1 {
    color: black;
}
.page-node-1283510 .node__content .field--name-body {
    margin: 2rem 0;
}
.page-node-1283510 .node__content .field--name-body > p {
    text-align: center;
    margin: 0 1rem 2rem;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-card-text {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    padding: 3rem 3rem 4rem;
    background: white;
    border-radius: 5px;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store.highlighted .pn-store-img {
    border: 5px solid var(--font-color-secondary);
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-store-img img {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store h3 {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store p {
    margin: 0;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-store-link {
    margin-top: 2rem;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-store-link a {
    margin-top: 2rem;
    padding: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 5px;
    font-size: 22px !important;
    background-color: var(--font-color-secondary) !important;
    border: 1px solid var(--font-color-secondary) !important;
    color: var(--font-btn-color) !important;
}
@media only screen and (max-width: 992px) {
    .page-node-1283510 h1 {
        font-size: 36px;
    }
    .page-node-1283510 #main-wrapper {
        padding-top: 70px !important;
    }
    .page-node-1283510 .node__content .field--name-body {
        margin: 2rem 0;
    }
    .page-node-1283510 .node__content .field--name-body > p {
        margin-bottom: 2rem;
        font-size: 16px;
    }
    .page-node-1283510 .node__content .field--name-body .pn-store-container {
        flex-direction: column;
        align-items: center;
        gap: 3rem;
    }
    .page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store {
        width: 90%;
    }
    .page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-card-text {
        padding: 1rem 2rem 2rem;
    }
    .page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store h3 {
        text-transform: uppercase;
        margin: 0.5rem;
    }
    .page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-store-link a {
        font-size: 16px !important;
        padding: 0.75rem 1.5rem;
    }
}
/* End - Landing: Selección de tienda */
.page-node-948703 .ui-dialog {
    max-height: 90vh;
    z-index: 100000 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.page-node-948703 .ui-dialog .ui-dialog-titlebar-close {
    background-color: red;
}
.page-node-948703 .ui-dialog .ui-dialog-content {
    height: 100%;
    overflow: auto;
}
.page-node-948703 .block-content-bloque_webform {
    padding-left: 10px;
    padding-right: 10px;
}
.page-node-948703 h1,
.page-node-948703 .subtitle-page,
.page-node-948703 .field--name-body {
    text-align: center !important;
}
.page-node-948703{
    [data-drupal-selector="edit-actions"]{
        text-align: right;

        input#edit-submit{
            width: auto;
        }
    }
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-card-text{
    padding: 1.5rem;
}
.page-node-1283510 .node__content .field--name-body .pn-store-container .pn-store .pn-store-link a{
    padding: .5rem .75rem;
}