.dropdown-cecot-options {
    display: none;
    position: absolute;
    overflow: auto;
}

.dropdown-cecot:hover .dropdown-cecot-options ,.dropdown-cecot:focus-within .dropdown-cecot-options {
    display: block;
    background-color: white;
    box-shadow: 1px 17px 20px 0px rgba(0,0,0,0.18);
}




/* BORRAR AL WORDPRES */

/* * {
    font-family: "Assistant", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;
}

body {
    padding: 0;
    margin: 0;
}

main {
    background-color: #c1c1c1;
} */

/* ----- end BORRAR AL WORDPRES ---------*/


/* buttons */

.btn-hover-gradient {
    color: white !important;
    text-decoration: none;
    background-color: #C8006BB3;
    cursor: pointer;
    background-size: 300% 100%;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 20px 25px;
    width: 100%;
    /* border-radius: 15px; */
}

.btn-gradient.btn-hover-gradient {
    background-image:
        linear-gradient(to right, #00B9E9, #C8006B, #00B9E9, #C8006B);
    /* box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75); */
    background-color: #00B9E9;

}

.btn-hover-gradient:hover {
    background-position: 100% 0;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover-gradient .cataleg {
    color: white;
    font-size: 16px;
    text-decoration: none;
}

.btn-hover-gradient .serveis-clic{
    font-size: 25px;
    font-weight: 700;
    line-height: 1em;
    margin-top: 5px;
}

.btn-cecot {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 8px 20px;
}

.btn-v1-cecot {
    color: white;
    background-color: #00B9E9;
    text-transform: uppercase;
    font-size: 16px;
}

.btn-v1-cecot:hover {
    background-color: #C8006B;
}

.btn-v2-cecot {
    color: white;
    background-color: #C8006B;
	border-radius: 5px;

}

.btn-v2-cecot:hover {
    color: white;
    background-color: #C8006BCC;
	border-radius: 5px;

}



.btn-v3 {
    border: 1px solid #C8006B;
    background-color: #F8F8FF;
    color: #C8006B;
}

.btn-v3:hover {
    background-color: #ededed;
}

.fi-ss-key,
.btn-v3.logat-cecot:hover .fi-rr-key {
    display: none;
}

.btn-v3.logat-cecot:hover .fi-ss-key,
.fi-rr-key {
    display: block;
}

.btn-v3 .fi {
    color: #C8006B;
    font-size: 16px;
    line-height: 0;
    margin-right: 5px;
}

.btn-area-privada {
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 8px 20px;
}


.btn-v2-area-privada {
    color: white;
    background-color: black;
	border-radius: 5px;
}

@media(max-width:992px){
	
	.btn-v2-area-privada {
		color: white;
		background-color: black;
		border-radius: 0;
		text-align: center;
		width: 100%;
		display: block;
		font-weight: 600;
        font-size: 16px;
		text-transform: uppercase;
	}
}

.btn-v2-area-privada:hover {
    color: white;
    background-color: #000000CC;
	/*border-style: solid;
	border-width: 1px;
	border-color: black;*/
	border-radius: 5px;

}

/* ------ end buttons ------------ */

/* .grid-llista {
    display: grid;
    grid-template-columns: repeat(4, 220px);
    row-gap: 20px;
    padding: 0px;
} */




/* container-cecots */

.container-cecot-fluid {
    max-width: 100%;
}

@media (min-width: 576px) {
    .container-cecot {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-cecot {
        max-width: 720px;
    }
}

@media (min-width: 1081px) {
/*@media (min-width: 992px) {*/

    .col-serveis,
    .padding-cecot {
        padding-top: 35px;
        padding-bottom: 35px;
        padding-left: 45px;
    }

    .fi.icones-mobile,
    .sub-menu-mobile,
    .vull-associarme-areap,
    .xxss-menu-mobile {
        display: none;
    }

    .dropdown-cecot-menu-lg-end {
        width: 920px;
        right: 0px !important;

    }

    .dropdown-cecot-menu-lg-end.drop-serveis {
        width: 966px;

        right: 0px !important;
    }

    .dropdown-cecot-escriptori a {
        font-size: 17px;
        padding: 0;
        padding-bottom: 15px;

    }

    .linia-titular-drop {
        border-bottom: 1px solid #c1c1c1;
        width: 280px;
        padding-top: 5px;
        margin-bottom: 20px;
    }

    .titular-drop p {
        padding: 0;
        margin: 0;
        font-size: 20px;
        color: #C8006B;
        font-weight: 700;
    }

    .dropdown-cecot-escriptori-cecot {
        display: grid;
        grid-template-columns: repeat(4, 190px);
        padding: 0px;
        list-style: none !important;
        gap: 10px 20px;
    }


    .dropdown-cecot-serveis {
        grid-template-columns: repeat(3, 175px);
    }

    .dropdown-cecot-escriptori-cecot .dropdown-cecot-item-cecot {
        padding: 0;
        margin: 0;
        font-size: 17px;
    }



    .container-cecot {
        max-width: 960px;
    }

    .off-canvas-floating {
        left: 0px !important;
        height: auto !important;
        min-height: auto !important;
        display: block !important;
        width: 100% !important;
        position: relative !important;
        transition: none !important;


    }

    .off-canvas-floating .off-canvas-nav {
        width: auto !important;
        padding: 0;
        margin: 0;
        height: auto;
        display: flex;
        justify-content: space-between;
        padding-top: 14px;


    }

    .button-hamburger,
    .close-button {
        display: none;
    }

    .nav-link-cecot-cecot,
    .nav-link-cecot-serveis {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }



    .dropdown-cecot-item-cecot a{
        text-decoration: none;
        color: #242424 !important;
    }

    .dropdown-cecot-item a:hover {
        color: #C8006B;
    }

    .text-menu:hover {
        color: #C8006B;
    }

    .row-serveis {
        margin: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: stretch;
        justify-content: space-between;
        gap: 0;
		z-index: 999;
		position: relative;
    }

    .llista-drop-cecot {
        list-style: none;
        text-decoration: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 10px 80px;
        padding: 0 !important;
        margin: 0;
        list-style: none !important;
        list-style-type: none !important;

    }

    .llista-drop-cecot .dropdown-cecot-item-cecot {
        padding: 0;
        margin: 0;
        font-size: 17px;
    }

    .drop-cecot {
        display: flex;
        flex-direction: row;
        gap: 80px;
    }

    .navbar-nav-cecot {
        padding: 0 !important;
        margin: 0;
        list-style: none !important;
        list-style-type: none !important;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .nav-link-cecot {
        color: #242424 !important;
        font-size: 14px;
		font-weight: 600;
        text-decoration: none;

    }

    .sessio-area-privada {
        display: none;
    }

    .off-canvas-nav {
        display: flex;
        flex-direction: row;
    }

}





/* ---------- clases mobil---------------- */


@media (max-width: 1080px) {
/*@media (max-width: 992px) {*/

    .sessio-area-privada {
        display: flex;
        display: flex;
        flex-direction: column;
        padding: 20px;
    }

    .sessio-area-privada .fi {
        font-size: 15px;
    margin-right: 5px;
    color: #C8006B;
    line-height: 0;
    }
    .sessio-area-privada p {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .sessio-area-privada a {
        text-decoration: none;
        color: #C8006B;
    }

    .sessio-area-privada-icones {
    
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: nowrap;

    }

    .nav-link-cecot {
        color: #242424 !important;
        font-size: 18px;
        text-decoration: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding-left: 20px;
		padding-right:20px;
		padding-top: 6px;
		padding-bottom: 6px
    }

    .sub-menu-bg,
    .titular-drop,
    .linia-titular-drop {
        display: none;
    }

    .dropdown-cecot-menu-lg-end {
        padding: 0;
    }

    .navbar-nav-cecot .nav-item-cecot {

        border-bottom: 0px;
		order:12;

    }
    .navbar-nav-cecot .nav-item-cecot:hover {
        /*background-color: #000;*/
    }
    /* .navbar-nav-cecot .nav-item-cecot,
    .offcanvas-body {
        padding: 0;
    } */

    .navbar-nav-cecot {
        gap: 0 !important;
    }

    .cecot-icona:before {
        width: 16px !important;
        height: auto;
    }

    .fi {
        font-size: 18px;
        margin-right: 14px;
    }

    .dropdown-cecot-menu:focus-within {
        background-color: #F5F5F5;
        margin: 0;
    }

    .nav-link-cecot:focus-within {
        background-color: #F5F5F5;
        border: 0;
        padding-bottom: 8px;
    }

    .padding-cecot.show,
    .padding-cecot,
    .col-serveis {
        padding: 0;
    }

    .dropdown-cecot-item-cecot {
        padding: 5px 29px;

    }

    .dropdown-cecot-item-cecot a {
        text-decoration: none;
        color: #242424 !important;
    }

    .nav-link-cecot-cecot.show,
    .nav-link-cecot-serveis.show {
        padding-bottom: 5px;
    }

    .drop-serveis .row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .dropdown-cecot-serveis {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sub-menu-mobile .nav-item-cecot,
    .sub-menu-mobile .nav-link-cecot {
        margin: 0;
        padding: 0;
        border: none;
        font-size: 16px;
        text-decoration: none;
    }

    .sub-menu-mobile {
        padding-left: 20px !important;
		padding-top: 6px;
		padding-bottom: 6px;
        background-color: #F8F8FF;
        display: flex;
        gap: 20px;
        flex-direction: column;
        flex-wrap: wrap;
        list-style: none !important;
        list-style-type: none !important;

    }

    /* 
    .sub-menu-mobile .nav-link-cecot {
        padding-bottom: 20px;
    } */

    .vull-associarme-areap {
        background-color: #C8006B;
        padding: 10px;

    }

    .vull-associarme-areap a {
        color: white !important;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 700;
        justify-content: center;

    }

    .xxss-menu-mobile {
        background-color: #F8F8FF;
        padding: 10px;

        position: relative;
        bottom: 0;

    }

    .vull-associarme-btn {
        margin-bottom: 105px;
        order: 1;

        border-bottom: 0
    }

    .xxss-menu-mobile-inner svg {
        height: 24px !important;
        width: auto !important;
    }

    .xxss-menu-mobile-inner {
        display: flex;
        column-gap: 55px;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .off-canvas-floating {
        transition: none !important;
    }

    .button-hamburger,
    .close-button {
        display: block;
    }

    .button-hamburger {
        height: 35px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px;
        padding-bottom: 5px;
    }

    .navbar-toggler {
        background: transparent;
        border: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .navbar-toggler-icon {
        background: transparent;
        border: 0;
        width: 100%;
        /* height: 100%; */
        display: flex;
        justify-content: flex-end;
    }

    .navbar-toggler-icon .fi {
        font-size: 25px;
        line-height: 0;
        color: #C8006B;
    }

    .dropdown-cecot-options {
        position: relative;
    }

    .logo-cecot {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        padding: 15px;
		margin-top:15px;
    }
	
	.logo-cecot a img{
		width: 100%;
		max-width: 158px !important;
		margin:2px 0px;
	}

    .close-button {
        background: none;
        border: none;
        background: none;
        border: none;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        width: auto;
        position: absolute;
        right: 0;
    }

    .navbar-nav-cecot {
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;

        list-style-type: none !important;
        padding: 0 !important;
        
        margin-bottom:50px;
        
    }

    .llista-drop-cecot {
        list-style: none !important;
        padding: 0 !important;
        margin: 0;
        width: 100%;
        height: 100%;
        list-style-type: none !important;
    }

    .drop-cecot,
    .col-serveis {
        border-left: 0px solid;
        margin-left: 0px;
    }

    .dropdown-cecot:focus-within .dropdown-cecot-options,
    .dropdown-cecot:focus-within .drop-serveis {
        background: #FFFFFF;
    }

    .btn-assos {
        padding: 0;
    }

    .btn-assos .btn-cecot {
        padding: 20px;
        width: 100%;
        justify-content: center;
    }

    .navbar-nav-cecot .nav-item-cecot:nth-child(1) {order: 1;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(2) {order: 2;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(3) {order: 3;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(4) {order: 4;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(5) {order: 5;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(6) {order: 6; border-bottom: none;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(7) {order: 7; border-bottom: none;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(8) {order: 13;padding: 10px;background-color: #000;}
    .navbar-nav-cecot .nav-item-cecot:nth-child(9) {order: 9;}
	.navbar-nav-cecot .nav-item-cecot:nth-child(10) {order: 10;}
	.navbar-nav-cecot .nav-item-cecot:nth-child(11) {order: 12;padding: 10px;background-color: #000;}
    .xxss-menu-mobile p {
        text-align: center;
        padding: 0;
        margin-top: 0;

    }

    .btn-hover-gradient {
        width: auto;
        display: block;
    }

    .dropdown-cecot:hover .dropdown-cecot-options {
        box-shadow: none;
        display: block;
    }

    .dropdown-cecot-serveis {
        display: flex;
    flex-direction: column;
    }

    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(1) {order: 1;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(2) {order: 4;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(3) {order: 6;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(4) {order: 9;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(5) {order: 2;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(6) {order: 5;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(7) {order: 7;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(8) {order: 10;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(9) {order: 3;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(10){order: 5;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(11){order: 8;}
    .dropdown-cecot-serveis .dropdown-cecot-item-cecot:nth-child(12){order: 11;}
 

}

/* ---------- END clases mobil---------------- */

@media (min-width: 1540px) {
    .container-cecot {
        max-width: 1420px;
    }
	
}


@media (min-width: 991px) and (max-width: 1540px) {
	#resultat-anuncis .anunci:nth-child(4), #anuncis-placeholder .anunci:nth-child(4){
  		display: none;
	}

	.container-cecot, #xarxes>.titular-entrevista {
        max-width: 80%; /* PARA IGUALALRLO CON LOS ELEMENTOS */
    } 
}


@media(min-width: 1541px) {
	#resultat-anuncis .anunci:nth-child(4) {
  		display: block;
	}
}

@media (min-width: 1200px) {

    /*.container-cecot {
        max-width: 1140px;
    } CAMBIO ALEJANDRO*/ 
	
	 .navbar-nav-cecot {
		gap: 16px;
	}
	
	
	
	.nav-link-cecot {
		font-size: 16px;
	}
	
    .dropdown-cecot-menu-lg-end {
        width: 1140px;
        right: 0 !important;
    }
	
    .dropdown-cecot-menu-lg-end.drop-serveis {
        right: 0px !important;
        width: 100%;
    }

    .dropdown-cecot-escriptori-cecot {
        display: grid;
        grid-template-columns: repeat(4, 190px);
        padding: 0px;
        gap: 10px 20px;
    }

    .dropdown-cecot-serveis {
        grid-template-columns: repeat(3, 185px);
    }


}


@media (min-width: 1400px) {
	

    .dropdown-cecot-menu-lg-end {
        width: 1420px;
        left: auto;
        right: 0 !important;
    }

    .dropdown-cecot-menu-lg-end.drop-serveis {
        right: 0px !important;
        /*width: 1420px;*/
		width: 100%;
		
    }

    .dropdown-cecot-escriptori-cecot {
        display: grid;
        grid-template-columns: repeat(4, 190px);
        padding: 0px;
        gap: 10px 20px;
    }
}

/*.container-cecot {
    margin: 0 auto !important;
}*/

.nav-item-cecot:focus-within .fi-rr-angle-small-down,
.nav-item-cecot .nav-link-cecot .fi-rr-angle-small-up {
    display: none;
}

.nav-link-cecot .fi-rr-angle-small-down,
.nav-item-cecot:focus-within .nav-link-cecot .fi-rr-angle-small-up {
    font-size: 18px;
    line-height: 0;
    display: flex;
    /* width: 100%; */
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-left: 5px;
	height: 18px;
    width: 18px;
}



/* icones xx-sss */

.icones-xxss-menu {
    display: flex;
    column-gap: 20px;
    align-items: center;
}

.icones-xxss-menu a {
    line-height: 0;
}

.icones-xxss-menu svg {
    height: 18px !important;
    width: auto !important;
}

.color-svg {
    fill: #C8006B;
}

.color-svg:hover {
    fill: #C8006BCC;
}

/* fi icones xx-sss */
/* submenu */

.submenu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}


.sub-menu-bg {
    background: #F8F8FF;
    padding: 8px 0;
}


.llista-sub-menu {
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    column-gap: 25px !important;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    list-style: none !important;
    list-style-type: none !important;


}

.llista-sub-menu a {
    font-size: 15px;
    color: #242424 !important;
    text-decoration: none;
}

.llista-sub-menu a:hover {
    color: #C8006B;
}

.agenda-menu,
.veure-mes {
    color: #C8006B !important;
    font-weight: bold;
}

.area-privada-menu{
    color: #C8006B !important;
    /*font-weight: bold;*/
	font-size: 18px;
}


.dropdown-cecot-escriptori-cecot {
    list-style-type: none !important;
    padding:0 !important;
}

/* ------------------ end submenu */


/* BACKGROUND COLOR MENÚ ANCLATGES RESPONSIVE^*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu, .et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	
	/*background-color: #97BF0D!important;*/
	
}