.mapper .header-normal, .mapper #main, .mapper .socket-color, .mapper .top-bar {
        display: none;
    }

    .mapper.container, .row-map2, #map {
        height: 100%;
    }

    .prova {
        background-color: #cc0033 !important;
    }

    .mapper .scrollbar {
        position: absolute;
        top: 0;
        left: 0;
        height: 84%;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        padding-top: 142px;
    }

    .mapper #map-pagination a, .mapper #map-pagination-mobile a {
        color: #FFF;
    }

    .mapper #map-pagination, .mapper #map-pagination-mobile {
        float: right;
        padding: 10px;
        width: 100%;
    }

    .mapper #map-pagination p, .mapper #map-pagination-mobile p {
        width: 100%;
        padding: 0;
        margin: 0;
        float: left;
    }

    .mapper #map-pagination p span, .mapper #map-pagination a, .mapper #map-pagination-mobile p span, .mapper #map-pagination-mobile a {
        float: left;
        display: block;
        width: 20px;
        text-align: center;
    }

    .mapper #map-pagination span, .mapper #map-pagination-mobile span {
        color: #CCC;
    }

    .mapper #map-pagination .pag-text, .mapper #map-pagination-mobile .pag-text {
        text-align: center;
        color: #FFF;
        width: 303px;
    }

    .mapper #map-pagination .pag-button, .mapper #map-pagination-mobile .pag-button {
        width: 10px;
        display: block;
        font-size: 28px;
        line-height: 18px;
    }

    .mapper #map-pagination .pag-button.button-left, .mapper #map-pagination-mobile .pag-button.button-left {
        text-align: left;
    }

    .mapper #map-pagination .pag-button.button-right, .mapper #map-pagination-mobile .pag-button.button-right {
        text-align: right;
    }

    .mapper #map-pagination-mobile p {
        position: relative;
    }

    .mapper #map-pagination-mobile .pag-button.button-left {
        float: left;
        position: absolute;
        top: 0;
        left: 0;
    }

    .mapper #map-pagination-mobile .pag-button.button-right {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }

    .mapper #map-pagination-mobile .pag-text {
        float: none;
        margin: 0 auto;
        width: 100%;
    }

    .mapper .mapper-mobile .scrollbar {
        height: 600px;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .mapper .force-overflow {
        min-height: 850px;
    }

    .mapper .scrollbar::-webkit-scrollbar-track, .mapper .scrollbar::-moz-scrolled-content {
        background-color: #FFF;
    }

    .mapper .scrollbar::-webkit-scrollbar {
        width: 10px;
        background-color: #FFF;
    }

    .mapper .scrollbar::-webkit-scrollbar-thumb {
        background-color: #0b0b0b;
        border: 1px solid #FFF;
    }

    .mapper .row-map1 {
        background: #0b0b0b;
        color: #FFF;
    }

    .mapper .row-map1, .mapper .row-map2 {
        margin-left: 0;
        margin-right: 0;
    }

    .mapper .new-title {
        color: #0b0b0b;
    }

    .mapper .row-map1 {
        min-height: 130px;
    }

    .mapper .new-title h2 {
        padding-left: 40px;
        font-size: 25px;
    }

    .mapper .new-title>div {
        background: #cc0033;
    }

    .mapper .new-title .col-xs-2 {
        background: #ccc;
    }

    .mapper .row-map1 .btn {
        margin: 6px 4px 0 0;
        padding: 0;
        min-width: 0;
    }

    .mapper #title h2 {
        float: left;
        font-size: 30px;
        margin-top: 18px;
    }

    .mapper #title .dropdown {
        float: right !important;
        display: none;
    }

    .mapper #title .btn-circle.btn-lg {
        width: 50px;
        height: 50px;
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33;
        border-radius: 25px;
        min-width: 50px;
        background: url('../img/button.png') #FFF center center no-repeat;
    }

    .mapper #title .btn-circle.btn-lg i {
        line-height: 30px;
    }

    .mapper #title .btn-group.open .dropdown-toggle {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }

    .mapper #title .fa {
        color: #0b0b0b;
    }

    .mapper .subtitle {
        margin-left: 10px;
        background: #cc0033;
    }

    .mapper .subtitle .box-sub-title {
        width: 100%;
        max-width: 610px;
        float: left;
        padding-top: 20px;
    }

    .mapper .subtitle .sub-text {
        width: 100%;
        float: right;
        font-size: 20px;
        padding-top: 10px;
    }

    .mapper .subtitle .sub-text p {
        padding-top: 10px;
        line-height: normal;
    }

    .mapper .subtitle .sub-text p, .mapper .subtitle .sub-text strong {
        color: #FFF !important;
    }

    .mapper .subtitle .sub-img {
        width: 100px;
        float: left;
        background: url('../img/button-map.png') left bottom no-repeat;
        height: 80px;
    }

    .mapper #category-list.dropdown-menu {
        left: auto;
        right: -15px;
        border: none;
        box-shadow: none;
        padding-top: 14px;
        background: url('../img/triangolo.png') right top no-repeat;
    }

    .mapper #category-list li::before {
        content: none;
    }

    .mapper #category-list li {
        background: #FFF;
        margin: 0 0 2px 0;
        border: none;
        text-align: right;
    }

    .mapper #category-list li a {
        padding-right: 30px;
        background: url('../img/li.png') right center no-repeat;
    }

    .mapper #category-list li.active a, .mapper #category-list li a:hover, .mapper #category-list li:hover a {
        color: #000;
        background: #FFF url('../img/li-active.png') right center no-repeat;
        ;
    }

    .mapper #map {
        min-height: 600px;
        width: 70%;
    }

    .mapper .row-map2 {
        position: relative;
    }

    .mapper .col-map {
        height: 100%;
        position: absolute !important;
        top: 0;
        right: 0;
        background: #0b0b0b;
        width: 30%;
        padding: 0;
    }

    .mapper #pac-input, .mapper .pac-input {
        margin-top: 15px;
    }

    .mapper .list {
        color: #FFF;
    }

    .mapper .list ul li::before {
        content: none;
    }

    .mapper .list ul li h2 {
        font-size: 20px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .mapper .list ul li h3 {
        font-size: 14px !important;
        font-style: italic;
        padding: 0px !important;
        margin: 0px !important;
        /*text-transform: capitalize;*/
    }


    .mapper .list p {
        margin-top: 20px;
        font-size: 14px !important;
        line-height: 16px;
        font-weight: normal;
    }
    .mapper .list p strong{
        font-size: 14px !important;
        line-height: 16px;
        font-weight: bold;
   }
    .mapper .list p em, .mapper .list p a{
        font-size: 14px !important;
        font-weight: normal;
        font-style: normal;
        
    }

    .mapper .list ul, .list ul li {
        display: block;
        float: left;
    }

    .mapper .list ul {
        padding: 0px 0px 60px 0px;
        margin: 0;
        width: 100%;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .mapper .list #list-mobile {
        padding-bottom: 90px;
    }

    .mapper .list ul li {
        padding: 20px;
        margin: 0;
        border-top: 1px solid #333;
        border-bottom: 1px solid #000;
        width: 100%;
        font-size: 15px;
        background: #2a2a2a;
    }

    .mapper .list ul li h2 {
        font-weight: bold;
        font-size: 17px !important;
        text-transform: uppercase;
    }
    .mapper .list ul li h2 em:nth-child(1){
        font-size: 20px !important;
        font-style: italic;
        text-transform: none;
    }
    .mapper .list ul li h2 em:nth-child(2){
        font-size: 17px !important;
        font-style: italic;
        text-transform: uppercase;
    }

    .mapper #list-mobile ul {
        max-width: 100%;
        padding-right: 20px;
    }

    .mapper input, .mapper .pac-input {
        font-size: 12px;
        border: none;
        float: left;
        width: 70%;
        margin-top: 0!important;
        height: 40px;
    }

    .mapper #filtersubmit {
        float: right;
        padding: 15px;
        color: #CCC;
    }

    .mapper .search-pattern {
        padding: 0 20px;
        float: left;
        background: url('../img/pattern.png');
        min-width: 100%;
    }

    .mapper .search-pattern h3, .mapper .search-pattern p, .mapper .search-pattern input, .mapper .search-pattern a {
        float: left;
        clear: both;
    }

    .mapper .search-pattern h3 {
        padding-top: 15px;
    }

    .mapper .search-pattern a {
        padding: 20px 0 20px 20px;
        font-style: italic;
    }

    .mapper .search-pattern #box-search {
        width: 100%;
    }

    .fa-search {
        background: url('../img/search.jpg') center center no-repeat;
    }

    .mapper #box-search, .mapper #box-search-mobile {
        height: auto;
        padding: 0;
        border: 1px solid #999999;
        margin: 0;
        font-size: 1.11111rem;
        line-height: 120%;
        background-color: #fff;
        float: left;
        margin-top: 15px;
        padding: 0 10px;
    }

    .mapper .mapper-mobile {
        background: #0b0b0b;
        margin-top: 20px;
        height: 730px;
    }

    .mapper #category-list li {
        padding: 0;
    }

    .position {
        color: #a8a8a8;
        background: url('../img/position.png') center left no-repeat;
    }

    .map-loader {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.50);
        z-index: 10;
    }

    .map-loader img {
        width: 200px;
        height: 200px;
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .mapper.banner-mapper #map {
        min-height: 200px;
        pointer-events: none;
    }

    .mapper.banner-mapper #map canvas {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    .mapper.banner-mapper .pointer-events-none {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        display: block;
    }

    .mapper.banner-mapper .banner-row {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        display: block;
    }

    .mapper.banner-mapper .col-map {
        height: 140px;
        top: 10px;
        left: 20px;
        width: 310px;
    }

    .mapper.banner-mapper .col-map {
        font-size: 25px;
        font-weight: bold;
        color: #FFF;
        padding-top: 10px;
    }

    .mapper.banner-mapper .col-map span {
        font-weight: lighter;
    }


    /* new filter */

    .mapper #title .box-sub-title .dropdown {
        background: url('../img/down-green.png') right center #FFF no-repeat;
        margin-top: 15px;
    }

    .mapper #title .box-sub-title .dropdown.open {
        background: url('../img/up-green.png') right center #FFF no-repeat;
    }

    .mapper .mobile-loading {
        background: #4cb58f;
    }

    .mapper .row-map1 .box-sub-title .btn {
        color: #000;
        font-size: 20px;
        margin: 16px 0 25px 0;
        padding-left: 12px;
        width: 100%;
        text-align: left;
    }

    #map-pagination, #map-pagination a {
        color: #FFF;
    }

    .mapper .desktop {
        display: block !important;
    }

    .mapper .mobile {
        display: none !important;
    }

    @media screen and (max-width: 767px) {
        .mapper .desktop {
            display: none !important;
        }
        .mapper .mobile {
            display: block !important;
        }
        .mapper .col-map {
            width: 100%;
        }
        .mapper.banner-mapper .banner-row {
            background: #fff;
        }
        .mapper.banner-mapper .col-map {
            width: 90%;
            left: 5%;
            right: 5%;
            text-align: center;
            height: auto;
            float: left;
            padding-bottom: 10px;
            position: relative !important;
            z-index: 1;
        }
        .mapper.banner-mapper .banner-row {
            position: relative !important;
        }
        .mapper .search-pattern {
            padding: 28px 20px;
        }
        .mapper .search-pattern h3 {
            padding-top: 0px;
            margin-bottom: 8px;
        }
        .mapper .position{
            display: none;
        }
    }

    @media screen and (max-width: 970px) {
        .mapper .subtitle .box-sub-title {
            width: 86%;
        }
    }

    @media screen and (max-width: 767px) {
        .mapper .new-title h2 {
            padding-left: 0;
            font-size: 25px;
        }
        .mapper .subtitle .box-sub-title {
            width: 100%;
        }
        .mapper .subtitle .sub-text {
            width: 100%;
            text-align: left;
            font-size: 14px;
        }
        .mapper.banner-mapper .pointer-events-none {
            position: relative;
        }
    }

    .mapper .greenmarker {
        background: #cc0033 !important;
        background-image: none;
        display: none;
    }


    /*style the box*/

    #map .black, #map .black div {
        background-color: #2a2a2a !important;
    }

    #map .trasp, #map .trasp div {
        background-color: transparent !important;
    }

    #map .trasp div div {
        background-color: #2a2a2a !important;
    }

    .map-info-window {
        //overflow: hidden;
        position: absolute;
    }

    .map-info-window .map-info-close {
        float: right;
        cursor: pointer;
    }

    .map-info-window {
        background: #333;
        border-radius: 4px;
        box-shadow: 8px 8px 16px #222;
        color: #fff;
        max-width: 200px;
        max-height: 300px;
        text-align: center;
        padding: 5px 20px 10px;
        //overflow: hidden;
        position: absolute;
        text-transform: uppercase;
        height: 150px;
    }

    .map-info-window .map-info-close {
        float: right;
        cursor: pointer;
        //margin-right: -5px;
        //margin-left: 5px;
    }

    .map-info-window h5 {
        font-weight: bold;
    }

    .map-info-window p {
        color: #939393;
    }

    .map-info-window {
        position: relative;
        width: 150px;
        height: 100px;
        z-index: 1;
        overflow: auto;
    }

    .map-info-content {
        position: fixed;
        width: 210px;
        margin-left: -40px;
        margin-top: -20px;
        padding-bottom: 4px;
        background: #333;
        /* z-index: 2; */
        padding: 5px;
        /*min-height: 150px;*/
        color: #FFF;
        min-height: 210px;
    }

    .map-info-content h2, .map-info-content p {
        margin-bottom: 4px;
        color: #FFF;
        text-align: left;
        padding: 10px;
    }

    .map-info-content h2 {
        max-width: 90%;
    }

    div#map div:nth-child(2) > div:nth-child(4) > div {
        position:  relative !important;
        width: 350px !important;
    }

    .mapper .gm-style .gm-style-iw {
        /*width: 530px !important;*/
        width: 430px !important;

        top: 15px !important;
        left: 0 !important;
        background-color: #252525;
        border-radius: 0px;
        max-height: none !important;
        /*
        box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
        border-radius: 2px 2px 10px 10px;

        position: relative !important;
        padding: 10px;
        */
    }
    .mapper .gm-style .gm-style-iw .gm-style-iw-d{
        max-height: none !important;
    }

    @media screen and (max-height: 900px) {
        .mapper .gm-style .gm-style-iw {
            width: 300px !important;
            max-height: none !important;
        }
        .mapper .gm-style .gm-style-iw .gm-style-iw-d{
            max-height: none !important;
        }
        
    }

    .gm-style .gm-style-iw-t::after{
        display: none !important;
    }

    .mapper .gm-style .gm-style-iw > button{
        opacity: 1;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjQwMiIgd2lkdGg9IjU4MiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgaWQ9InN2Z18xIiBkPSJtNDQzLjYsMzg3LjFsLTEzMS4yLC0xMzEuN2wxMzEuNSwtMTMwYzUuNCwtNS40IDUuNCwtMTQuMiAwLC0xOS42bC0zNy40LC0zNy42Yy0yLjYsLTIuNiAtNi4xLC00IC05LjgsLTRjLTMuNywwIC03LjIsMS41IC05LjgsNGwtMTMwLjksMTI5LjZsLTEzMS4xLC0xMjkuNWMtMi42LC0yLjYgLTYuMSwtNCAtOS44LC00Yy0zLjcsMCAtNy4yLDEuNSAtOS44LDRsLTM3LjMsMzcuNmMtNS40LDUuNCAtNS40LDE0LjIgMCwxOS42bDEzMS41LDEzMGwtMTMxLjEsMTMxLjZjLTIuNiwyLjYgLTQuMSw2LjEgLTQuMSw5LjhjMCwzLjcgMS40LDcuMiA0LjEsOS44bDM3LjQsMzcuNmMyLjcsMi43IDYuMiw0LjEgOS44LDQuMWMzLjUsMCA3LjEsLTEuMyA5LjgsLTQuMWwxMzAuNiwtMTMxLjJsMTMwLjcsMTMxLjFjMi43LDIuNyA2LjIsNC4xIDkuOCw0LjFjMy41LDAgNy4xLC0xLjMgOS44LC00LjFsMzcuNCwtMzcuNmMyLjYsLTIuNiA0LjEsLTYuMSA0LjEsLTkuOGMtMC4xLC0zLjYgLTEuNiwtNy4xIC00LjIsLTkuN3oiLz4KIDwvZz4KPC9zdmc+") !important;
        background-repeat: no-repeat !important;
        background-size: 50% !important;
        top: 0px !important;
        right: 0px !important;
        background-position: center !important;
    }
    .mapper .gm-style .gm-style-iw > button > img{
        display: none !important;
    }

    /* buttone close */
    div#map div:nth-child(4) > div > div:nth-child(3) {
        position: absolute !important;
        right: 10px !important;
        top: 25px !important;
    }
    div#map div:nth-child(4) > div > div:nth-child(3) img{
        display: none;
    }
    div#map div:nth-child(4) > div > div:nth-child(3):before{
        content: "";
        display: block;
        width: 20px;
        height: 1px;
        background: white;
        transform: translate(-50%,-50%) rotate(45deg);
        position: absolute;
        left: 50%;
        top: 50%;
    }

    /* div esterni alla infowindow */
    div#map div:nth-child(2) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(2),
    div#map div:nth-child(2) > div:nth-child(4) > div > div:nth-child(1) > div:nth-child(4){
        background: none !important;
        box-shadow: none !important;
    }

    /* triangolo */
    .mapper .gm-style div div div div div div div > div:nth-child(1) > div,
    .mapper .gm-style div div div div div div div > div:nth-child(2) > div {
        background: #252525 !important;
        overflow: hidden !important;
    }

    .mapper .gm-style .gm-style-iw img{
        /*display: none !important;*/
    }


    

             /*style the p tag*/
        .mapper .gm-style .gm-style-iw .google-popup p,
        .mapper .gm-style .gm-style-iw .google-popup h2,
        .mapper .gm-style .gm-style-iw .google-popup h3{
                /*padding: 10px;*/
            }

            /*style the arrow*/

    .mapper .gm-style div div div div div div div {
                background-color: transparent !important;
                padding: 0;
                margin: 0;
                padding: 0;
                top: 0;
                color: #fff;
                font-size: 16px;
            }
            /*style the link*/


    .mapper > div > div > div > div > div > div:nth-child(3).opened{
        background-color: rgba(0,0,0,0.6);

    }
    .mapper .gm-style div div div div div div div div a {
                color: #f1f1f1;
                font-weight: bold;
                background: #252525 !important;
            }



            .dealer-marker-detail-header{
                padding: 10px !important;
            }
            .dealer-marker-detail-header + img{
                display: block !important;
                width: 100%;
            }
            .dealer-marker-detail-header h2{
                margin: 0px !important;
                padding: 0px !important;
                font-family: 'Istok Web', sans-serif;
                font-weight: bold;
                font-size: 17px; 
                line-height: 22px;      
                text-transform: uppercase;
            }
            .dealer-marker-detail-header h2 em:nth-child(1){
                font-style: italic;
                font-size: 20px;
                font-weight: 400;
                text-transform: none;
            }
            .dealer-marker-detail-header h2 em:nth-child(2){
                font-style: italic;
                font-weight: bold;
            }
            .dealer-marker-detail-header h3{
                margin: 0px !important;
                padding: 0px !important;
                font-family: 'Istok Web', sans-serif;
                font-weight: bold;
                font-size: 14px;
                line-height: 16px;      
                font-style: italic;
                /*text-transform: capitalize;*/
            }
            .dealer-marker-detail-footer{
                padding: 10px !important;
                font-family: 'Istok Web', sans-serif;
                font-size: 14px !important;
                line-height: 16px;
            }
            .dealer-marker-detail-footer strong{
                font-size: 14px;
                font-weight: bold;
            }
            .dealer-marker-detail-footer em,.dealer-marker-detail-footer a{
                font-weight: normal !important;
            }