.navbar-nav li.nav-item{flex:0 1 auto!important;}

a.homelink{
    height:100%!important;
    display:flex;
    align-items:center;
    padding:0 10px;
}
.homelink .icona{
    background:url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/home.svg) center no-repeat;
    width:20px;
    height:16px;
}
.homelink:hover{ background:#fff;}
.homelink:hover .icona{
    background:url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/home-hover.svg);
}

@media (max-width: 767.98px) {
    a.homelink{padding:0.65rem;}
}

.navbar{
    padding:0!important;
    max-height: 100vh!important;
}

@media (max-width: 767px) {
    .navbar{overflow:auto;}
}

.bg-blau{background-color:#414F8F;}

a.dropdown-toggle.nav-link.linkprincipal {
    padding:0.65rem 1rem!important;
	color:#fff!important;
	border: none;
    border-radius: 0;
    font-weight:normal;
    font-size:16px;
    max-height:43px;
}

a.dropdown-toggle.nav-link.linkprincipal:hover{
    background:#fff;
    color:#414f8f!important;
}

@media (max-width: 767px) {
    
    .homelink, a.homelink{
        height:60px!important;
        max-height:60px!important;
    }
    
    .homelink .icona, .homelink:hover .icona{
        background-size:contain;
        width:43px;
        height:23px;
        background-repeat:no-repeat;
    }
    
    .homelink:hover .icona{
        background-size:contain;
        background-repeat:no-repeat;
    }
    
    a.dropdown-toggle.nav-link.linkprincipal{
        height:60px!important;
        max-height:60px!important;
    }
    
    .menu-icon{font-size:22px!important; margin-right:10px!important;}
    
}

.linkprincipal{height:100%;}

@media (min-width: 768px) and (max-width: 959px) {
    a.dropdown-toggle.nav-link{font-size:15px;}
    a.dropdown-toggle.nav-link{padding:0.65rem 10px!important;}
}

/* icones de fons */

.menu-icon{padding-right:10px; font-size:15px; vertical-align:middle;}

@media (min-width: 768px) and (max-width: 959px) {
    i.menu-icon{display:none;}
}

/* MENU USUARI RESPONSIVE */

.userlink .icona-user{
    display:inline-block;
    background:url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/usuari.svg) center no-repeat;
    width:21px;
    height:21px;
/*     vertical-align:-3px; */
    background-size:cover;
}
.userlink:hover .icona-user{
    background:#fff url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/usuari-hover.svg) center no-repeat;
}

.userlink .nav-link{padding:0 1rem!important;}

.iconatoggle .icona-user{
    display:inline-block;
    background:url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/usuari.svg) center no-repeat;
    width:25px;
    height:25px;
    vertical-align:-3px;
    background-size:cover;
}
.iconatoggle:hover .icona-user{
    background-image:url(/themes/codazon-fastestplus-vpierastore/templates/menu/img/usuari-hover.svg);
}

.iconatoggle .nav-link{padding:0 1rem!important;}


/* FONS MENU DESPLEGABLE */

.navbar-nav > li > .dropdown-menu {
    border: none;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    margin-top:0!important;
}

.has-megamenu {
	position:static!important;
}

.megamenu {
	width:100%;
	padding:0; /* elimino paddings per afegir-los per classes a les fileres que necessiti */
}

.megamenu .filera > li > ul {
	margin:0;
	padding:0;
}

.megamenu .filera > li > ul > li {
	list-style:none;
    background:transparent;
    transition:all 0.3s ease;
}

.megamenu .filera > li ul > li:not(.dropdown-header):hover,.megamenu .filera > li ul > li:focus {
	text-decoration:none;
	color:#262626;
	background-color:#f6f6f9;
    padding-left:10px;
}

.megamenu .filera > li > ul > li > a{
    background:transparent!important;
	display:block;
	clear:both;
	font-weight:400;
	line-height:1.428571429;
	color:#333;
	white-space:normal;
	padding:3px 20px;
    text-decoration:none;
}

@media (max-width:767px){
.megamenu .filera > li > ul > li > a{padding:5px 20px;}
}
/* TITOLS INTERNS MEGAMENU */

.dropdown-header{padding:0!important;}

.megamenu .dropdown-header p, .megamenu .dropdown-header a{
	color:#414f8f!important;
	font-size:18px;
    padding:0.5rem 0.75rem!important;
    font-weight:600!important;
    margin-bottom:0;
    transition:all 0.3s ease;
}

.megamenu .dropdown-header a:hover{
    background-color:#f6f6f9!important;
}

/* CANVI DE COLOR DEL CONTORN BORDER RIGHT */
.dropdonw-item .border-right{
    border-color:#e2e3df!important;
}


/* ELIMINEM CANVI DE COLOR DE FONS DE COLUMNA EN FER HOVER */

.dropdown-item:focus, .dropdown-item:hover{
    background:#fff!important;
}

.botigaonline{
    background:#333!important;
}

.botigaonline:focus, .botigaonline:hover{
    background:#333!important;
}

.botigaonline{padding-top:50px;}
.botigaonline .dropdown-header p{font-size:1.5rem!important; color:#fff!important;}
.botigaonline a{font-size:1.5rem;  color:#fff!important;}
.botigaonline a:hover{color:#EF2C30!important;}
.botigaonline li:hover{background:none!important; padding-left:0!important;}


@media (max-width:767px){
    .botigaonline a, .botigaonline .dropdown-header, .botigaonline .dropdown-header p{font-size:1.2rem;  color:#fff!important;}
    .botigaonline a:hover{background:none; color:#EF2C30;}
}


/* MENÚ AMB SUBOPCIONS */

.megamenu .filera > li > ul > li > div > div:not(.subopcions) > a{
    background:transparent!important;
	display:block;
	clear:both;
	font-weight:600;
	line-height:1.428571429;
	color:#414f8f;
	white-space:normal;
	padding:3px 20px;
    text-decoration:none;
}

.subopcions{
 padding:0px 0 7px 25px!important;
}

.subopcions a, .subopcions span{
    font-size:0.85rem;
    color:#838383;
    display:inline;
    float:left;
    padding:none;
}

.subopcions a:hover{
    color:#838383;
    text-decoration:underline;
}

.subopcions a:after, .subopcions span:after{
    content:",\00a0";
    font-size:0.85rem;
    color:#838383;
    display:inline;
    white-space: pre;
}

.subopcions a:last-child:after, .subopcions span:last-child:after{
    content:"...";
    white-space: pre;
}


/* MENÚ AMB OPCIÓ ÚNICA */

.megamenu .filera > li > ul > li > div > div.unaopcio > a{
    padding-top:15px;
    width:100%!important;
    line-height:120%;
}

@media (min-width: 768px) and (max-width: 959px) {
    .megamenu .filera > li > ul > li > div > div.unaopcio > a{
        padding-top:10px;
        width:100%!important;
        line-height:120%;
    }
}

@media (max-width: 767px) {
    
    .megamenu .filera > li > ul > li > div > div.unaopcio > a{
        padding:4.5px 20px!important;
    }
}

ul.iconesfons.unaopcio{
    margin-top:5px!important;
    margin-bottom:5px!important;
}
@media (max-width: 767px) {
    
 ul.iconesfons.unaopcio{
    margin-top:0px!important;
    margin-bottom:0px!important;
}
}


@media max-width 768px{
	.megamenu {
		margin-left:0;
		margin-right:0;
	}
	.megamenu .filera > li {
		margin-bottom:30px;
	}
	.megamenu .filera > li:last-child {
		margin-bottom:0;
	}
	.megamenu.dropdown-header {
		padding:3px 15px!important;
	}
	.navbar-nav .open .dropdown-menu .dropdown-header {
		color:#fff;
	}
}


/* ENFOSQUIR WEB EN FER HOVER */

.enfosquir{
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    
    /* Semi-transparent black */
    background: #4a4f8f;
    opacity: 0.5;
    
    /* Initial settings */
    z-index: 20;
    display: none;
    pointer-events:none;
    
    transition:all .3s ease;
}

/* VEURE TOTES CATEGORIES */
a.viewall{
    padding-top:1rem;
    padding-bottom:1rem;
    background:#414f8f;
    color:#fff;
    display:block;
    width:100%;
    transition:all 0.3s ease;
    text-transform:uppercase;
}

a.viewall:hover{
    color:#414f8f;
    background:#f6f6f9;
}

/* HAMBURGER MENU */

/* text productes*/

.navbar-toggler{
    color:#fff!important;
    padding:0px!important;
    margin:0!important;
}

.usuarimobil{
    position:absolute;
    right:0;
    top:10px;
}

/* OBRIR SUBMENÚ EN FER HOVER */

@media all and (min-width: 768px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{ color: #414f8f!important; background:#fff!important;  }
	/* Traslladat a la funció jquery del propi menu */
/* 	.navbar .nav-item:hover .dropdown-menu{ display: block; } */
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
	.navbar-collapse{min-height:42px;}
}
/*
li.has-megamenu ul.megamenu{
    box-shadow:2px 3px 8px #ccc, -2px 3px 8px #ccc!important;
}*/


/* ANIMACIÓ ICONA HAMNURGUESA */

#nav-icon1{
  width: 50px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display:inline;
  float:left;
}

.nomboto{
    display:inline;
    float:left;
    height:45px;
    line-height:45px;
    font-size:16px;
    margin-left:10px;
}

#nav-icon1 span{
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {top: 10px;}

#nav-icon1 span:nth-child(2) {top: 20px;}

#nav-icon1 span:nth-child(3) {top: 30px;}

#nav-icon1.open span:nth-child(1) {
  top: 20px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -10px;
}

#nav-icon1.open span:nth-child(3) {
  top: 20px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* FINESTRA MODAL (menú usuari offcanvas right) */

.modal-header{border-radius:0;}

.modal .modal-dialog-aside {
    width: 350px;
    max-width: 80%;
    height: 100%;
    margin: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.modal .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
    border-bottom:1px solid #f4f4f4;
    padding-bottom:40px;
}
.modal .modal-dialog-aside .modal-content .modal-body {
    overflow-y: auto;
}
.modal.fixed-left .modal-dialog-aside {
    margin-right: auto;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.modal.fixed-right .modal-dialog-aside {
    margin-left: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}
.modal.show .modal-dialog-aside {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* PESTANYES COMPTE USUARI MÒBIL */

#nav-profile .dropdown:hover .expand-more{
    color:#EF2C30;
}


#perfil_usuari button.close{color:#fff!important; opacity:1;}
#perfil_usuari .modal-dialog{pointer-events:all; transform:translate(0,0);}

#nav-tab{
    border-bottom:1px solid #e6e6e6;
    background:#f4f4f4;
}

.nav-pills .nav-link{
    color:#ccc;
    border-radius:0;
    text-transform:uppercase;
    text-align:center;
    padding:10px 20px;
    justify-content:center;
}

#nav-tab .nav-pills .nav-link{border-radius:0; border:0.5px solid #e6e6e6;}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background:#f4f4f4!important;
    color:#414f8f!important;
    border-bottom:2px solid #000;
}

#nav-tab .nav-link{color:#ccc;}

#nav-home .cdz-horizontal-menu .groupmenu li.level0 a.menu-link{
    background:#fff;
    color:#acaaa6;
    transition:all o.3s ease;
    border-bottom:1px solid #e6e6e6;
    text-transform:uppercase;
}

#nav-home .cdz-horizontal-menu .groupmenu li.level0:hover > a.menu-link{
    color:#000;
}

#nav-contact a, #nav-profile a, #nav-home a{
    width:100%;
    display:block;
    padding:10px 20px;
    border-bottom:1px solid #e6e6e6;
    color:#acaaa6;
    transition:all o.3s ease;
    text-transform:none;
}

#nav-contact a:hover, #nav-profile a:hover, #nav-home a:hover{color:#000;}

#nav-contact .cdz-top-wishlist.top-link{margin-left:0;}


.columna{padding:0.5rem 0 1rem 0;}
@media (max-width: 768px) {
 .columna {padding:0;}
 .columna:first-child{padding-top:0.5rem;}
 .columna:last-child{padding-bottom:1rem;}
}

.navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link{
    margin:0;
    height:100%;
    top:0;
    padding:0;
    margin:0;
    position:relative;
/*     max-height:45px; */
}

.navbar-collapse{align-items:stretch;}
.nav-link{
    height:100%!important;
    display:flex!important;
    align-items:center;
}

/*.fonsheader{
    background:#f4f4f4 url(/themes/codazon-fastestplus-vpierastore/assets/img/menuimg/bg-header-cropped.webp) bottom left no-repeat;
}*/

@media (max-width: 768px) {
.fonsheader{
        background-position:calc(50% - 125px) calc(100% - 0px);
}
    
}

.compteusuari ul > li > ul > li a{
    list-style:none;
/*     background:red; */
    transition:all 0.3s ease;
}
.compteusuari ul > li > ul > li a:hover{
    color:#262626!important;
	background-color:#f6f6f9!important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

/* TÍTOLS MEGAMENU */

.principal a:hover{text-decoration:underline!important;}
@media (max-width: 768px) {
    .principal a:hover{text-decoration:none!important;}
}

/* PROBLEMES 5 COLUMNES EN MÒBIL */
@media (max-width: 768px) {
    .formatllista{flex-direction:column;}
    .formatllista .columna{  flex-basis: auto;}    
}


/* ICONES FONS */

.megamenu .filera > li ul > li.iconesfons{
    display:flex;
    align-items:flex-start;
    min-height:60px;
}

.megamenu .filera > li ul > li.iconesfons .filera .principal{
 padding-left:50px!important;
}

/* FORMAT LLISTA */

.formatllista ul.iconesfons{
 padding-left:45px!important;
}

/* FORMAT GRAELLA */
.megamenu .filera > li ul > li.iconesfons .filera .subopcions{
 padding-left:70px!important;
}

.megamenu .filera > li ul > li.iconesfons:hover,.megamenu .filera > li ul > li.iconesfons:focus {
	text-decoration:none;
	color:#262626;
	background-color:#f6f6f9;
    padding-left:0;
}

.iconesfons::before {
  /* item icon */
  content: '';
  display: inline-block;
  align-items:center;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px;
  position:absolute;
  left:13px;
  margin-top:10px;
}

.formatllista .iconesfons::before {
  /* item icon */
  content: '';
  display: inline-block;
  align-items:center;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
  position:absolute;
  left:13px;
  margin-top:5px;
}



/* MENU MÒBIL */

/* FORMAT 3 COLUMNES PER FILERA - PROPOSTA ESCOLLIDA */

#fileramobilquadrats{display:none;}

@media (max-width: 768px) {
    #fileramobilquadrats{
        display:inline-block;
        overflow:hidden;
        width:100%;
        height:auto;
    }
    
    #fileramobilquadrats.filera{display:flex!important; margin:0!important; background:#eee; gap:1px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    
    #fileramobilquadrats p{margin:0!important;}
    
    #fileramobilquadrats li{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        background:#fff;
        width:calc(33% - 1px);
        float:left;
        transition:0.3s all ease;
        text-align:center;
    }

    
    #fileramobilquadrats li a{
        width:100%;
    height:100%;
        padding:15px 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
    
    #fileramobilquadrats li a p{
        flex-direction:column;
        text-align:center;
        font-weight:600;
        color:#414f8f;
        font-size:16px;
    }
    
    #fileramobilquadrats.filera li:hover{
        background:#f8f8f8!important;
    }
    
   #fileramobilquadrats li a img{
        min-height:30px;
        max-height:40px;
        margin-bottom:10px;
    }
    
.megamenu.formatllista .filera, .megamenu.regalo .filera, .megamenu.papeleria .filera{display:none!important;}
.megamenu.formatllista.contacto .filera{display:initial!important;}
/* .megamenu.formatllista #fileramobilquadrats.filera{display:inline-block!important;} */

}

@media (min-width: 460px) and (max-width: 580px) {
    #fileramobilquadrats li{
        width:calc(25% - 1px);
    }
}

@media (min-width: 581px) and (max-width: 768px) {
    #fileramobilquadrats li{
        width:calc(20% - 1px);
    }
}

@media (max-width: 320px) {
    #fileramobilquadrats li{
        width:calc(50% - 1px);
    }
}

/* FORMAT 1 COLUMNA PER FILERA - PROPOSTA ANNA */

#fileramobil{display:none;}

@media (max-width: 768px) {
    #fileramobil{
        display:inline-block;
        overflow:hidden;
        width:100%;
        height:auto;
    }
    
    #fileramobil.filera{display:flex!important; margin:0!important; background:#eee; gap:1px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    
    #fileramobil p{margin:0!important;}
    
    #fileramobil li{
        display:flex;
        align-items:center;
        justify-content:flex-start;
/*         flex-direction:column; */
        background:#fff;
        width:100%;
/*         max-width:152px; */
        float:left;
        transition:0.3s all ease;
        text-align:center;
        padding-left:15px;
    }
    
    #fileramobil li a{
        width:100%;
        height:100%;
        padding:15px 10px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
/*         flex-direction:column; */
    }
    
    #fileramobil li a p{
/*         flex-direction:column; */
/*         text-align:center; */
        font-weight:600;
        color:#414f8f;
        font-size:20px;
        font-weight:600;
    }
    
    #fileramobil.filera li:hover{
        background:#f8f8f8!important;
    }
    
   #fileramobil li a img{
        height:30px;
        margin-right:15px;
    }
    
.megamenu.formatllista .filera, .megamenu.regalo .filera, .megamenu.papeleria .filera{display:none!important;}
.megamenu.formatllista.contacto .filera{display:initial!important;}
/* .megamenu.formatllista #fileramobil.filera{display:inline-block!important;} */

}

/* FORMAT 2 COLUMNA PER FILERA - PROPOSTA ANNA */

#fileramobil2{display:none;}

@media (max-width: 768px) {
    #fileramobil2{
        display:inline-block;
        overflow:hidden;
        width:100%;
        height:auto;
    }
    
    #fileramobil2.filera{display:flex!important; margin:0!important; background:#eee; gap:1px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    
    #fileramobil2 p{margin:0!important;}
    
    #fileramobil2 li{
        display:flex;
        align-items:center;
        justify-content:flex-start;
/*         flex-direction:column; */
        background:#fff;
        width:calc(50% - 1px);
/*         max-width:152px; */
        float:left;
        transition:0.3s all ease;
        text-align:left;
        padding-left:0 10px;
    }
    
    #fileramobil2 li a{
        width:100%;
        height:100%;
        padding:15px 10px;
        display:flex;
        align-items:center;
        justify-content:flex-start;
/*         flex-direction:column; */
    }
    
    #fileramobil2 li a p{
/*         flex-direction:column; */
/*         text-align:center; */
        font-weight:600;
        color:#414f8f;
        font-size:18px;
        line-height:1.2em;
        font-weight:600;
    }
    
    #fileramobil2.filera li:hover{
        background:#f8f8f8!important;
    }
    
   #fileramobil2 li a img{
        height:30px;
        margin-right:10px;
    }
    
.megamenu.formatllista .filera, .megamenu.regalo .filera, .megamenu.papeleria .filera{display:none!important;}
.megamenu.formatllista.contacto .filera{display:initial!important;}
/* .megamenu.formatllista #fileramobil2.filera{display:inline-block!important;} */

}


/* PROPOSTA ANNA - MODIFICADA A 2 COLUMNES */

#fileramobilquadrats2col{display:none;}

@media (max-width: 768px) {
    #fileramobilquadrats2col{
        display:inline-block;
        overflow:hidden;
        width:100%;
        height:auto;
    }
    
    #fileramobilquadrats2col.filera{display:flex!important; margin:0!important; background:#eee; gap:1px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
    
    #fileramobilquadrats2col p{margin:0!important;}
    
    #fileramobilquadrats2col li{
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
        background:#fff;
        width:calc(50% - 1px);
        float:left;
        transition:0.3s all ease;
        text-align:center;
    }
    
    #fileramobilquadrats2col li a{
        width:100%;
        height:100%;
        padding:15px 10px;
        display:flex;
        align-items:center;
        justify-content:center;
        flex-direction:column;
    }
    
    #fileramobilquadrats2col li a p{
        flex-direction:column;
        text-align:center;
        font-weight:600;
        color:#414f8f;
        font-size:18px;
    }
    
    #fileramobilquadrats2col.filera li:hover{
        background:#f8f8f8!important;
    }
    
   #fileramobilquadrats2col li a img{
        min-height:25px;
        max-height:35px;
        margin-bottom:10px;
    }
    
.megamenu.formatllista .filera, .megamenu.regalo .filera, .megamenu.papeleria .filera{display:none!important;}
.megamenu.formatllista.contacto .filera{display:initial!important;}
/* .megamenu.formatllista #fileramobilquadrats2col.filera{display:inline-block!important;} */

}

/* SPINNER */
#canvipaginamobil{
    position:absolute;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,0.7);
    z-index:10000000000;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    pointer-events:none;
}

.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: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}


@media (max-width: 768px) {
/*     .iconesfons::before, .formatllista .iconesfons::before{display:none;} */
    .megamenu .filera > li ul > li.iconesfons .filera .principal, .megamenu .filera > li ul > li.iconesfons .filera .subopcions, .megamenu .filera > li ul > li.iconesfons .filera .principal{padding-left:0px!important;}
    .megamenu .filera > li > ul > li > div > div:not(.subopcions) > a{font-weight:normal; color:#000;}
    .megamenu .filera > li ul > li.iconesfons{min-height:auto;}
    
/*     .formatllista ul.iconesfons, .formatllista ul.iconesfons li.dropdown-header.nopadding, .megamenu .filera > li ul > li.iconesfons .filera .subopcions{padding-left:10px!important;} */
/*     .megamenu .filera > li ul > li:not(.dropdown-header):hover, .megamenu .filera > li ul > li:focus{padding-left:0px!important;} */
    .dropdown-item{padding-top:0!important; padding-bottom:0!important;}
    #menuprincipal .contenidor-fluid{padding-left:0; padding-right:0;}
/*     .navbar-nav > li > .dropdown-menu{padding-bottom:15px;} */
    .columna:last-child{padding-bottom:0;}
}


/* MENU BOTIGUES */
li.ciutat, li.adreca{
    padding:3px 15px;
    font-weight:bold!important;
}

li.adrecaciutat{
    padding:3px 15px;
    font-weight:normal!important;
}

li.ciutat:hover, li.adreca:hover, li.adrecaciutat:hover{
    background:#fff!important;
    padding:3px 15px!important;
}

li.nohover{
    background:#fff!important;
}

/*li.nohover hr{
    width:calc(100% + 20px)!important;
    margin-left:-20px!important;
}*/

@media (max-width: 768px) {
    .megamenu .filera > li ul > li.adreca, .megamenu .filera > li ul > li.ciutat, .megamenu .filera > li ul > li.adrecaciutat{padding-left:12px!important;}
    .megamenu .filera > li ul > li.adreca:hover, .megamenu .filera > li ul > li.ciutat:hover, .megamenu .filera > li ul > li.adrecaciutat:hover{padding-left:12px!important;}
}

.iconesfons.adhesivos::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/adhesivos.svg");
}

.iconesfons.aerografia::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/aerografia.svg");
}

.iconesfons.blocs::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/blocs.svg");
}

.iconesfons.carpetas::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/carpetas.svg");
}

.iconesfons.cajas-de-luz::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/cajas-de-luz.svg");
}

.iconesfons.cartones::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/cartones.svg");
}

.iconesfons.corte::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/corte.svg");
}

.iconesfons.cuentahilos::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/cuentahilos.svg");
}

.iconesfons.dibujo-tecnico::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/dibujo-tecnico.svg");
}

.iconesfons.guias-ral::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/guias-ral.svg");
}

.iconesfons.mobiliario::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/mobiliario.svg");
}

.iconesfons.pantone::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/pantone.svg");
}

.iconesfons.papel::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/papel.svg");
}

.iconesfons.reglas::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/reglas.svg");
}

.iconesfons.rotulador::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/rotulador.svg");
}

.iconesfons.tubo-portaplanos::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/tubo-portaplanos.svg");
}

.iconesfons.xyron::before {
  background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/grafico/xyron.svg");
}

.iconesfons.p-adhesivos::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/adhesivos.svg");
}

.iconesfons.p-articulos-oficina::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/articulos-oficina.svg");
}

.iconesfons.p-blocs-cuadernos::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/blocs-cuadernos.svg");
}

.iconesfons.p-clasificacion::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/clasificacion.svg");
}

.iconesfons.p-complementos-oficina::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/complementos-oficina.svg");
}

.iconesfons.p-comunicacion::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/comunicacion.svg");
}

.iconesfons.p-escolar::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/escolar.svg");
}

.iconesfons.p-escritura-correccion::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/escritura-correccion.svg");
}

.iconesfons.p-informatica::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/informatica.svg");
}

.iconesfons.p-libreria::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/libreria.svg");
}

.iconesfons.p-limpieza-catering::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/limpieza-catering.svg");
}

.iconesfons.p-maquinas-oficina::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/maquinas-oficina.svg");
}

.iconesfons.p-mobiliario::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/mobiliario.svg");
}

.iconesfons.p-ofimatica::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/ofimatica.svg");
}

.iconesfons.p-papel-etiquetas::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/papel-etiquetas.svg");
}

.iconesfons.p-pizarras::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/pizarras.svg");
}

.iconesfons.p-covid::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/proteccion-covid.svg");
}

.iconesfons.p-vestuario-laboral::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/vestuario-laboral.svg");
}

.iconesfons.p-sobres-envios::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/papeleria/sobres-envios.svg");
}

.iconesfons.ba-bastidor::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/bastidor.svg");
}

.iconesfons.ba-accesorios::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/accesorios.svg");
}

.iconesfons.ba-caballete-pintura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/caballete-pintura.svg");
}

.iconesfons.ba-caballete::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/caballete.svg");
}

.iconesfons.ba-ceras-color::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/ceras-color.svg");
}

.iconesfons.ba-cola-caliente::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/cola-caliente.svg");
}

.iconesfons.ba-paleta-pintura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/paleta-pintura.svg");
}

.iconesfons.ba-pasta-moldear::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/pasta-moldear.svg");
}

.iconesfons.ba-pinceles::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/pinceles.svg");
}

.iconesfons.ba-rotulador::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/rotulador.svg");
}

.iconesfons.ba-stickers::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/stickers.svg");
}

.iconesfons.ba-tubo-pintura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/tubo-pintura.svg");
}

.iconesfons.ba-washi-tape::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/washi-tape.svg");
}

.iconesfons.ba-colorear::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/colorear.svg");
}

.iconesfons.ba-auxiliares::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/auxiliares.svg");
}

.iconesfons.ba-escultura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/escultura.svg");
}

.iconesfons.ba-eines-escultura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/eines-escultura.svg");
}

.iconesfons.ba-torn-escultor::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/torn-escultor.svg");
}

.iconesfons.ba-lapiz::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/lapiz.svg");
}

.iconesfons.ba-lapices::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/lapices.svg");
}

.iconesfons.ba-tintero::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/tintero.svg");
}

.iconesfons.ba-libros::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/libros.svg");
}

.iconesfons.ba-outlet::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/bellasartes/outlet.svg");
}

.iconesfons.inf-toner::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/informatica/cartuchos.svg");
}
.iconesfons.inf-cartuchos::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/informatica/cartucho.svg");
}
.iconesfons.inf-dvd::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/informatica/dvd.svg");
}

.iconesfons.ma-pintura::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/manualidades/pintura.svg");
}

.iconesfons.ma-puzzle::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/manualidades/puzzle.svg");
}

.iconesfons.re-agenda::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/agenda.svg");
}

.iconesfons.re-album-fotos2::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/album-fotos2.svg");
}

.iconesfons.re-album-fotos::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/album-fotos.svg");
}

.iconesfons.re-blocs::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/blocs.svg");
}

.iconesfons.re-bolsas-papel::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/bolsas-papel.svg");
}

.iconesfons.re-cheque-regalo::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/cheque-regalo.svg");
}

.iconesfons.re-escribanias::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/escribanias.svg");
}

.iconesfons.re-invitacion2::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/invitacion2.svg");
}

.iconesfons.re-invitaciones::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/invitaciones.svg");
}

.iconesfons.re-invitacion::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/invitacion.svg");
}

.iconesfons.re-libro-firmas2::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/libro-firmas2.svg");
}

.iconesfons.re-libro-firmas::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/libro-firmas.svg");
}

.iconesfons.re-maletines::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/maletines.svg");
}

.iconesfons.re-mochilas::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/mochilas.svg");
}

.iconesfons.re-papel-especial::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/papel-especial.svg");
}

.iconesfons.re-papel-invitaciones::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/papel-invitaciones.svg");
}

.iconesfons.re-piel2::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/piel2.svg");
}

.iconesfons.re-piel::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/piel.svg");
}

.iconesfons.re-pluma::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/pluma.svg");
}

.iconesfons.re-portafolio::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/portafolio.svg");
}

.iconesfons.re-recambios::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/recambios.svg");
}

.iconesfons.re-vades::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/vades.svg");
}

.iconesfons.re-caja-regalo::before {
    background-image: url("/themes/codazon-fastestplus-vpierastore/templates/menu/imatges/regalo/caja-regalo.svg");
}


/* estils columnes amb imatges */
.imatges .dropdown-item{
    padding-top:0;
}

.imatges li a.thumbnail::after{
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%;
  height:100%;
  display:inline-block;
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
  transition:all .6s ease;
  opacity:1;
}

.imatges li a.thumbnail:hover::after{
    background: linear-gradient(0deg, rgba(65,79,143,1) 0%, rgba(65,79,143,0.3) 50%, rgba(65,79,143,0) 100%); 
    opacity:1;
}

.imatges .details {
  font-size: 16px;
  padding: 20px;
  color: #fff;
  position: absolute;
  bottom:4px;
  left: 0;
  z-index: 3;
  width:100%;
  margin:0;
}
.imatges .details span {
  display: block;
  position: relative;
  top: 0px;
  left:0;
  transition: left, opacity;
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.imatges .details .title {
  line-height: 1;
  font-weight: 600;
  font-size: 18px;
  color:#3d3d3d;
}

.imatges .thumbnail:focus span, .imatges .thumbnail:hover span {left:10px; color:#fff;}


/* Eliminar border-right imatges en dispositius petits */
@media (max-width: 767.98px) { 
    .imatges li{border:none!important;}
    .imatges li img{width:100%;}
}