.primary-color { color: #0E1D59; }

/*a { color:black !important; }*/

.flexible{
    flex-grow:1 !important;
    display:inline-block;
}

li{
    font-size: 14px;
    letter-spacing: 1px !important;
}

.half-row{
    padding-right: 0 !important;
    padding-left: 0 !important;
    height: 100%;
}

.half-row-content{ 
    padding-top:25px;
    padding-bottom:25px; 
    padding-right:50px; 
    padding-left:0px; 
}

.button-text{
    font-family: SourceSansPro-Regular !important;
    font-size: 16px !important;
    color: #000000 !important;
    letter-spacing: 0.4px !important;
    line-height: 21.5px !important;
}

.button{
    background-color: transparent !important;
    border: 2px solid #1ABA98 !important;
}

.accordion > li.active .accordion-title{
    border: 2px solid #1ABA98 !important;
}

.accordion > li.active .accordion-title:before{
    color: #000000 !important;
    border-right: 2px solid #1ABA98 !important;
}

.accordion-title > h4 { color: #000000 !important; }

.raggiungi-item { padding: 10px 0px; }

.raggiungi-item.border-bottom { border-bottom: 1px solid #CCC; }

.raggiungi-item img {
    max-width: 25px;
    display: inline-block;
    vertical-align: top;
}

.raggiungi-item span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.group-item img {
    max-width: 211px;
    margin: 10px 0px;
}

#filters li.active { border-radius: 5px; }

.hided { display: none; }


.work-info i {
    font-size: 25px;
    color: #2fbea0;
    width: 50px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

label p { display: inline-block; }

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

.icon-box p { color: #6c6c6c; }

.icon-box img{
    width : 70px;
    height : 70px;
}
.form-group label { margin: 0px 10px; }

/* .form-group label input[type=checkbox], .form-group label input[type=radio] {
    margin-right: 10px;
} */

.form-group p {display:inline!important;}

.alert-flash {
    position: fixed !important;
    top: 90px;
    z-index: 999999999;
    width: 98%;
    left: 1%;
}

.cart-open .cart-number { right: 0px !important; }


/* @media screen and (min-width: 767px) {
    .top-section {margin-top: 65px; height: 580px !important;} 
} */

/*** flex direction divs  */
@media screen and (max-width: 767px) {
    input,select {font-size:16px!important;}
    .split-section { display: flex; flex-flow: column-reverse; margin-bottom:0; padding-bottom:0;}
    #benvenuto-text {padding-top:80px !important;}

    #navbar .logo img{
        max-height: 35px !important;
    }

    .verde-acqua-background-left {background: linear-gradient(to right, #E8F6F6 50%, #ffffff 0%) !important;}

    /* .footer-widgets:before{
        background-image: url('../images/bg-image-footer.jpg') !important;
        background-size: contain !important;
        width: 100%;
    } */

    .marginLeft{
        margin-left: 0px !important;
    }
    .footer-logo img {max-width: 200px !important; max-height: 58px !important;}

    .top-section{ 
        margin-top:0!important;
        height: 100%!important;
        padding-bottom: 0!important;
    } 
    .half-row-content{
        padding:0 !important; 
    }

    .bg-img{width: 100% !important;}

    #benvenuto_text h1, #selettoreTitle h1{ font-size: 30px!important; font-weight: 0!important;}
    .section-title h2{ margin-left: 10px; }

    .verde-acqua-background-left {
        background: linear-gradient(to right, #E8F6F6 45%, #ffffff 0%);
    }

    .form-newsletter > .col-md-2{ margin-top: 15px}

    .bando > p > img {width: 100%!important; height: auto!important;}

    .newsletter-post_message{margin-top:15px !important;}
}

.bando > p > img {text-align: center;}

.underlined { text-decoration: underline; }

.tags a{
    color:#6c6c6c !important;
    text-decoration: underline !important;
}

/* .footer-widgets{
    background-image: url('../images/bg-image-footer.jpg') !important;
    background-repeat: cover !important;
    width: 100%;
} */

.image-box { max-height: 300px; }

.container-ads{
    padding:20px 0; 
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.title { color:#0e1D59; }

/** search bar */
.search_bar{
    border: 0;
    border-bottom: 1px solid black;
    background-color: transparent;
    border-radius: 0 !important;
}

@media screen and (max-width: 767px) {
    .work-info .v-center{
        vertical-align: middle;
    }

    .contact-us-section{
        padding-top: 0 !important;
    }

    .map-side{
        margin-top: 0 !important;
    }
}

.search_row{
    margin:0 auto;
    display: inline;
}

.search_row i{ color: black; }

#search-container { background-color:#fff }

.search-button img{
    max-width: 65px;
}

.search-button{
    background-color: transparent;
    border: 0;
}

.icon-container {margin-bottom:0px;}

#community-container{ background-color: #1B84C8;}

/**form newsletter*/
.form-newsletter-inline{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}


.form-newsletter-inline input {
    vertical-align: middle;
    border-radius: 7px;
    padding: 10px;
}

.form-newsletter-button { padding: 10px 20px;}

.subscribe-input.form-control {
    border-radius: 7px !important;
    height: 50px;
}

/**end of newsletter form*/

.servizio-image{
    border-radius: 30px;
    width: 202px;
    height: 272px !important;
}


.servizio-container{
    border:none !important;
}

.marginLeft{
    margin-left: 150px !important;
}


.half-bordered{
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 50px 0;
}

/** colors */
.dark-blue{ color: #0E1D59; }
.azzurro { color: #E6F5FA; }
.verde-acqua { color: #E8F6F6;}
.light-grey { color: #f1f1f1; }
.light-grey-background { background: linear-gradient(to top, #f1f1f1 calc(100% - 500px), white 0%); }
.verde-acqua-background {background: linear-gradient(to bottom,  #ffffff 25%,#E8F6F6 40%);}
.verde-acqua-background-left {background: linear-gradient(to right, #E8F6F6 25%, #ffffff 0%);   }
.verde-acqua-background-right {background: linear-gradient(to left, #E8F6F6 50%, #ffffff 0%) !important;   }
.green-icons { color: #D9E7C3}
.white { color:white !important; }
/** end of colors */

.btn-lario-primary {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    color: #0e1D59;
    transition: all 0.2s ease;
}
.btn-lario-primary2 {
    padding: 19px 12px;
}
.btn-lario-primary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    background: rgba(147, 217, 215);
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}

.btn-lario-primary2:before {
    width: 34px;
    height: 34px;
    top: 15px;
}

.btn-lario-primary span {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle;
}
.btn-lario-primary2 span{
    text-transform: capitalize;
}
.btn-lario-primary svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.btn-lario-primary:hover:before {
    width: 100%;
    background: #93D9D7;
}

.btn-lario-primary2:hover:before{
    width: 34px;
    background: #93D9D7;
}

.btn-lario-primary:hover svg {
    transform: translateX(0);
}
.btn-lario-primary:active {
    transform: scale(0.96);
}

.btn-lario-primary.selected:before {
    background: #1B84C8;
    width: 100%;
}
.btn-lario-primary.selected {
    color: #fff;
}

.btn-lario-secondary { 
    font-weight: 500;
    letter-spacing: 1px; 
    background-color: #93D9D7; 
}

.btn-lario-secondary:hover { background-color: #0E1D59; color: white !important;}



.btn-lario-inserzionista {
    position: relative;
    margin: auto;
    padding: 19px 22px;
    color: #0e1D59;
    transition: all 0.2s ease;
}
.btn-lario-inserzionista:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 28px;
    /* background: rgba(147, 217, 215); */
    width: 56px;
    height: 56px;
    transition: all 0.3s ease;
}
.btn-lario-inserzionista span {
    position: relative;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    vertical-align: middle;
}
.btn-lario-inserzionista svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #111;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.btn-lario-inserzionista:hover:before {
    width: 100%;
    /* background: #93D9D7; */
}
.btn-lario-inserzionista:hover svg {
    transform: translateX(0);
}
.btn-lario-inserzionista:active {
    transform: scale(0.96);
}

/** buttons */

/** custom fonts */
.custom-font{
    font-family: "Montserrat", sans-serif !important;
    font-size: 16px;
}

.servizio-icons{
    float: left; 
    margin-left:10px;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 1.5px;
    text-align: left;
    line-height: 26px;
}


.icon-box h4{ margin-top:15px !important; }

.icon-box p{
    font-size: 12px !important;
    /* color: #000000; */
    letter-spacing: 1px;
    text-align: left;
    line-height: 22px;
    font-weight: 200px; 
}
#loader{ background-color: white !important; }

/*
*  custom rules from Stefano
*/
#navbar{
    /* font-family: 'Montserrat', sans-serif !important; */
    min-height: 65px !important;
    font-size: 14px !important;
    line-height: 26px !important;
    letter-spacing: 1px !important;
    font-weight: 300 !important;
}

#navbar img{
    vertical-align: middle;
    font-size : 17px;
}

#navbar ul {
    margin: 0;
    padding: 0;
}

#navbar  li {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #000000;
    letter-spacing: 1px;
    text-align: center;
    line-height: 26px;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 200;
}

#navbar li a { vertical-align: middle; }

#navbar li a span:hover{ border-bottom: 3px #0E1D59 solid; }


.menu-item{ height: 100%; }


h1, h2, h3, h4, h5, h6 {
    color: #0e1D59 !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 200px;
    letter-spacing: 1.5px !important;
}

h1 { 
    font-size: 50px !important; 
    line-height: 60px !important;
}

h2 { font-size: 30px !important; }

h3 { font-size: 21px !important; }

h4 { font-size: 20px !important; }

h5 { font-size: 18px !important; line-height: 24px !important; letter-spacing: 1px !important; font-weight: 500; }

h6 { font-size: 14px !important; font-weight: 500!important; }

.call-to-action{
    text-transform: uppercase !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: 2px !important;
    line-height: 26px !important;
    text-align: left !important;
    color: #0e1D59 !important;
}

p{
    font-size: 14px !important;
    letter-spacing: 1px !important;
}

.area-title{
    font-size: 14px !important;
    font-weight: 200 !important;
    color: #000000 !important;
    letter-spacing: 2px !important;
    text-align: left !important;
}

.servizio-title{
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #000000 !important;
    letter-spacing: 2px !important;
    text-align: left !important;
}

.servizio-description{
    font-weight: 200 !important;
    font-size: 14px !important;
    color: #000000 !important;
    letter-spacing: 1px !important;
    text-align: left !important;
    line-height: 22px !important;
}

/* .servizio-p{
    color: #000 !important;
    line-height: 26px !important;
    font-weight: 200 !important;
} */

.servizio-p{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 24px;
}

.active{ border-bottom: 3px #0E1D59 solid; }
ul.pagination > li.active {
	border-bottom: 0px #0E1D59 solid !important;
}

.separator{ border-bottom: 1px black solid; }


.widget .tagcloud a {
    border-color: #1B84C8 !important;
    border-radius: 5px;
}

.tagcloud a{
    padding: 15px !important;
    font-size: 12px !important;
}

.tagcloud a:hover{
    background-color: #1B84C8 !important;
    color: white !important;
}

.tagcloud{ float:none; margin: 0 auto !important;}

.servizi{
    /* background: linear-gradient("to bottom", #E8F6F6 0, white 50%); */
    background: linear-gradient(to bottom,  #ffffff 0%,#E8F6F6 70%);   
}

footer{ font-size: 14px !important; }


.work-item:hover img {
    -webkit-transform: scale(1.2) translateY(-20px);
    transform: scale(1.2) translateY(-20px);
    -webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(0);
}

/* .area-item:hover img {
    -webkit-transform: scale(1.2) translateY(-20px);
    transform: scale(1.2) translateY(-20px);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
} */

.work-info{ 
    margin-right: 60px !important;
    position: relative !important;
    z-index: 15;
    top: -5em !important;
    padding: 15px!important;
    height: 180px !important;
}

.work-item img
{
    /*    -webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
        filter: grayscale(100%) opacity(80%);*/
    /* filter: invert(43%) sepia(97%) saturate(754%) hue-rotate(172deg) brightness(81%) contrast(89%) opacity(60%); */
}

/* .work-item{ height:450px !important; } */

#navbar .logo img{ max-height:48px;}

#navbar .logo{ margin-top:5px; }

.promo_title h5{
    padding-top:10px;
    max-width: 250px;
    font-weight: bold;
    font-size: 24px;
    color: black !important;
    margin-bottom: 0px !important;
}

.promo_testo p{
    color: black !important;
    max-width: 250px;
}

.image-box .image-overlay{ padding: 0 35px 5px 35px !important; }

.image-overlay a {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    /* padding-left: 10px; */
}

.macro-aree .img-cover {
    height: 300px;
    background-position: center center !important;
}
.macro-aree .image-overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(14, 29, 89, 0.4);
}
.macro-aree .image-overlay .h2 {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
}

#benvenuto_text h1{ font-weight: 200 !important; }

.section-title h2{ font-size: 30px !important; }

.font-light{ font-weight: 200 !important;}
.font-regular{font-weight: 500 !important;}

.chi_siamo_desc{
    font-size: 14px;
    letter-spacing: 1px;
    text-align: justify;
}

.footer-widgets .widget ul > li > a{ font-size: 14px!important; }

input:focus { outline: none !important; }

input { border-radius: 5px !important; }

.contact-us-section{ background-color:#E8F6F6;}

.contact-icons{
    width: auto !important;
    height: auto !important;
}


.center { text-align: center !important; }

.promo{ width: 518px; height: 192px; }

.bg-img {height: 100%}

.footer-logo img {max-width: 200px !important; max-height: 58px !important;}

textarea.form-control{border-radius: 5px !important;}

/* .footer-widgets:before{
    background-image: url('../images/footer.png') !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    width: 100%;
    height: 100%;
} */


.top-section{ 
    height: 580px;
    margin-top: 60px !important;
} 

/* .img-cover{border-bottom-left-radius: 25px;} */

.logo-svg{height: 48px !important; width: auto !important;}
.logo-dark{height: 48px !important; width: auto !important;}

.footer-svg{width: auto;}

.icon-description p {margin-left: 81px; margin-top:-10px;}
/* .img-side{
    height: 600px !important;
} */
/*
* area image
*/
/* .bg-img{ width: 2500px; height: 1622px; } */

/*
* end of custom rules by Stefano
*/

.filigrana{
    background-image: url("../images/filigrana.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.bg-green-home{
    background: #E8F6F6;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 250px;
}

.prelative{
    position: relative;
}

.vetrinahome{
    margin-top: 15px;
}

.area-immagine-descrizione{
    /* max-width: 35%;
    position: relative;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%; */
    max-width: 70%;
    margin-top: 10%;
    margin-bottom: 10%;
    position: relative;
}

.servizio-img-descrizione{
    max-width: 70% !important;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.form-p{
    font-size: 14px !important;
    letter-spacing: 1px !important;
    text-align:justify;
    white-space: pre-line;
}


.img-cover {
    background-position: left center !important;
}

#works-grid{
    position: relative;
}

.works-grid{
    margin-top:20px !important;
}

.alert-success{
    background-color: #93D9D7!important;
}


.keep-shopping{
    float:right;
    text-decoration: underline;
    color: #0000EE;
}


.title p{
    color: #787878 !important;
}

.form-p{color: #787878 !important;}

.column-reverse { display: flex; flex-direction: column-reverse; }
.row-reverse { display: flex; flex-direction: row-reverse; }

.padded-right{padding-left:30px;}

.newsletter-post_message{
    display: inline-block;
}

#contact-button-container{
    margin-top:20px;
}

#selettore{
    z-index: 102;
    position: fixed;
    top: 65px; left: 0;
    right: 0; bottom: 0;
    height: 580px;
    background: url('https://www.larioservizi.it/images/coverTypo.jpg') no-repeat;
}

#scelta_selettore{
    width: 100%;
    position: absolute;
    top: 0; 
    right: 0; bottom: 0%;
    background-color: rgba(230, 245, 250, 0.9);
}



.selettore_item{
    border: 1px solid #0e1D59;
    min-height: 100px;
    padding: 10px 15px;
    margin: 25px auto;
    font-size: 12px;
    max-width: 350px;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
    position: relative;
}

.selettore_item:hover{
    border-color: transparent;
    /*border-color: red;*/
}

.selettore_item:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #A7D7B0;
    border-bottom: 1px solid #A7D7B0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    width: 0;
}

.selettore_item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-left: 1px solid #A7D7B0;
    border-right: 1px solid #A7D7B0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    height: 0;
}

.selettore_even:after{
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}
.selettore_even:before{
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.selettore_odd:after{
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.selettore_odd:before{
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.selettore_item_selected, selettore_item_selected:hover{
    border-color: #A7D7B0 !important;
    opacity: 0.4;
}

.selettore_item:not(.selettore_item_selected):hover:before {
    opacity: 1;
    width: 100%;
}

.selettore_item:not(.selettore_item_selected):hover:after {
    opacity: 1;
    height: 100%;
}

.selettore_item h2, .selettore_item h3{
    margin-top: 0;
}


.selettore_even{
    -webkit-border-top-right-radius: 30px;
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-topright: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.selettore_odd{
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

@media only screen and (min-width: 992px) {
    #navbar .logo img {
        max-height: 42px !important;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu {
        min-width: 1000px;
        min-height: 300px;
        left: -450px;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu .primary-color {
        font-size: 14px;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu .descrizione-area,
    #navbar .navigation-menu #serviziNavPosition .submenu .descrizione-area p {
        line-height: 1;
        font-size: 13px !important;
        font-weight: 400;
        margin: 0 10px;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu .macroarea-title a {
        color: #787878;
        font-weight: 400;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu .macroarea-title a:hover {
        color: #1f1f1f;
    }

    #search-container2 {
        background-color: #fff;
        display: none;
        position: absolute;
        left: 60px;
        right: 0;
    }
    #search-container2 .search_bar {
        width: 230px;
    }
}

@media only screen and (max-width: 991px) {
    #search-icon #search-container2 {
        display: none;
    }
    #search-container2 {
        padding-top: 0 !important;
    }
    #search-container2 .search_bar {
        width: calc(100% - 85px);
    }
    #search-container2 .search-button {
        padding-right: 0;
        margin-right: -20px;
    }
}

#xArea, #areaArea{
    width: 87px;
}

#xArea{
    text-align: center;
}

#areaArea{
    background: #E8F6F6;
    cursor: pointer;
}

#selettoreTitle h1{
    font-weight: 200 !important;
}

@media only screen and (max-width: 1200px){
    #navbar .navbar-wrapper{
        margin-left: 0 !important;
    }

    .work-info .v-center{
        vertical-align: middle !important;
    }

    .work-info .v-center h3{
        margin-top: 0;
        font-size: 18px !important;
    }

    .slick-slide{
        margin: 0px 10px;
    }

    .promo{
        width: auto;
    }

    .h3titlecenter{
        margin-left: 15px;
        margin-right: 15px;
    }

    .img-cover {
        background-position: right center !important;
    }

    #search-container{
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .top-section{
        height: auto;
        margin-top: 30px !important;
    }

    #home-first-block .img-side {
        min-height: 400px;
        margin: 0;
        position: relative!important;
        z-index: 0;
        margin-bottom: 15px;
    }

    #home-first-block .hidden-mobile{
        display: none !important;
    }

    #home-first-block .show-mobile-only{
        display: block !important;
    }


    .pr-0-mobile{
        padding-right: 0 !important;
    }

    .header-socials{
        padding-left: 0 !important;
    }

    #selettoreTitle h1{
        font-size: 42px !important;
    }
}

@media only screen and (max-width: 767px) {
    #filtri-aree .btn-lario-primary {
        display: inline-block;
        padding: 8px 14px;
    }
    #filtri-aree .btn-lario-primary:before {
        width: 40px;
        height: 40px;
    }
    #filtri-aree .btn-lario-primary.selected:before {
        width: 100%;
    }
    #filtri-aree .btn-lario-primary span {
        font-size: 12px;
    }

    #navbar li{
        font-weight: 400;
    }

    #scelta_selettore h3{
        font-size: 19px !important;
    }

    .img-cover {
        background-position: right center !important;
    }

    .macro-aree .img-cover {
        height: 210px;
        min-height: 210px;
        background-size: auto 150%;
    }

    #xArea, #areaArea{
        width: 67px;
    }

    .xClose{
        height: 65px;
    }

    .xClose img{
        vertical-align: middle !important;
    }

    #selettore{
        background: url('https://www.larioservizi.it/images/coverTypoMobile.jpg') no-repeat;
    }

    #selettore{
        height: auto;
        overflow-y: auto;
        overflow-x: auto;
    }

    #scelta_selettore{
        width: 100%;
        bottom: 0;
        top: 60px;
        position: static;
    }

    #scelta_selettore .row{
        max-width: 100%;
        margin: 0;
    }

    #selettoreTitle{
        margin-left: 20px;
        margin-right: 20px;
    }

    .selettore_item{
        /*border: 0;*/
        max-width: none;
        margin: 15px 10px;
        padding: 10px 5px;
    }

    .separator-selettore-mobile{
        border-top: 1px solid #0e1D59;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.swiper-button-prev,
.swiper-button-next {
    display: none;
}

.energy-saver {
    background-color: #0e1D59;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999999;
    display: none;
    cursor: pointer;
}
.energy-saver .energy-saver-logo {
    width: 60px;
    height: auto;
    display: block;
    margin: 0 auto;
}
.energy-saver .energy-saver-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 330px;
    height: 330px;
    display: block;
    margin-left: -165px;
    margin-top: -165px;
    color: white;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}
.energy-saver .energy-saver-content h2 {
    border-bottom: 1px solid white;
    font-size: 17px !important;
    color: white !important;
    width: auto;
    margin-top: 17px;
    margin-bottom: 17px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding-bottom: 10px;
}
.energy-saver .energy-saver-content p {
    font-size: 16px !important;
    width: 100%;
    margin: 0;
}
.energy-saver .energy-saver-ico {
    padding: 0 53px;
    display: inline-block;
    margin: 0 auto;
}
.energy-saver .energy-saver-ico img,
.energy-saver .energy-saver-ico svg {
    width: 40px;
    height: 40px;
    margin-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {
    .menu-extras .menu-item .header-socials > ul > li > a {
        padding: 0 2px !important;
    }
    #navbar .navigation-menu {
        padding: 0 !important;
    }
    #navbar.stick .navigation-menu > li > a {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    #navbar .navigation-menu #serviziNavPosition .submenu {
        min-width: 850px;
        left: -380px;
    }
}
@media only screen and (min-width: 1151px) and (max-width: 1220px) {
    .menu-extras .menu-item .header-socials > ul > li > a {
        padding: 0 5px !important;
    }
    #navbar .navigation-menu {
        padding-left: 0 !important;
    }
}

/* previous */
ul.pagination > li.prev {
	border:0px solid red;
    width:auto;
    padding:3px;
}

ul.pagination > li.prev > span {
	border:0px solid red;
    width:auto;
    padding:3px;
    font-size: 1em !important;
}

ul.pagination > li.prev > a {
    width:auto;
    font-size: 1em !important;
}

ul.pagination > li.prev > a:hover {
    background-color: transparent;
    color: #1f1f1f;
    border-radius: 0 !important;
    border: 0px solid #1B84C8;
}

/* next */
ul.pagination > li.next {
	border:0px solid red;
    width:auto;
    padding:3px;
}

ul.pagination > li.next > span {
	border:0px solid red;
    width:auto;
    padding:3px;
    font-size: 1em !important;
}

ul.pagination > li.next > a {
    width:auto;
    font-size: 1em !important;
}

ul.pagination > li.next > a:hover {
    background-color: transparent;
    color: #1f1f1f;
    border-radius: 0 !important;
    border: 0px solid #1B84C8;    
}