/*@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), 
    url('webfont.woff2') format('woff2'), 
    url('webfont.woff') format('font-woff'),
    url('webfont.ttf') format('truetype'), 
    url('webfont.svg#svgFontName') format('svg');
}*/

@font-face {
    font-family: 'Inter';
    font-weight: 400;
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Regular.eot');
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Regular.woff2') format('woff2'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Regular.woff') format('font-woff'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Regular.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 500;
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Medium.eot');
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Medium.woff2') format('woff2'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Medium.woff') format('font-woff'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Medium.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 300;
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Light.eot');
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Light.eot?#iefix') format('embedded-opentype'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Light.woff') format('font-woff'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Light.otf') format('opentype')
}

@font-face {
    font-family: 'Inter';
    font-weight: bold;
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Bold.eot');
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Bold.woff') format('font-woff'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Bold.otf') format('opentype');
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    font-weight: 900;
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Black.eot');
    src: url('https://cdn1.gosur.com/web/fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Black.woff') format('font-woff'), url('https://cdn1.gosur.com/web/fonts/inter/Inter-Black.otf') format('opentype')
}

body,
.mapboxgl-map,
.tooltip {
    font-family: 'Inter', Arial, Helvetica, sans-serif;
}

html, body, .app {
    height: 100%;
    min-height: 100%;
}

.text-gray-500 {
    color: #9da5b1;
}

.text-size-8 {
    font-size: .8rem;
}

.header-fixed .app-header {
    position: relative !important;
}

.app-header .nav-item {
    padding-left: 1rem;
    padding-right: 1rem;
}

    .app-header .nav-item.highlight {
        padding-right: 2.5rem;
    }

/*--------------------------------------------------------------
	Modificaciones template
------------------------------------------------------------- */
@media (min-width: 992px) {
    .sidebar-minimized .sidebar .sidebar-minimizer {
        position: relative;
        bottom: 0;
        width: 50px;
        height: 50px;
        background-color: #24282c;
    }
}

.sidebar .sidebar-minimizer {
    position: relative;
    -ms-flex: 0 0 50px;
    /* flex: 0 0 50px; */
    cursor: pointer;
    background-color: rgba(0,0,0,.2);
    border: 0;
    width: 100%;
    height: 50px;
}

.sidebar-right {
    height: calc(100vh - 149px);
    line-height: calc(100vh - 149px);
    float: right;
    background-color: #2F3539;
    padding: 0 2px;
}

.app-footer {
    background-color: #2f353a;
    padding: 10px 0;
    border: none;
}

@media (max-width: 991.98px) {
    .app-footer {
        padding: 2px 0;
    }
}
/*--------------------------------------------------------------
	Fin modificaciones template
------------------------------------------------------------- */


.app-body {
    margin-top: 0px !important;
}

.main {
    position: relative;
}

    .main .container-fluid {
        padding: 0;
    }

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2f353a;
}

    #map .mapboxgl-canvas {
        outline: none;
    }
/*------*/

header h1 {
    font-size: 1em;
    margin-bottom: 0;
    color: #fff;
    margin: 0 auto;
    font-weight: normal;
}

/* Header oscuro*/
header .navbar-toggler i {
    color: #73818f;
}

.app-header {
    background-color: #2f353a;
    border-color: #2f353a;
}

    .app-header .navbar-toggler:hover .navbar-toggler-icon {
        background-image: url(data:image/svg+xml;charset=utf8;base64,PHN2ZyB2aWV3Qm94PScwIDAgMzAgMzAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggc3Ryb2tlPScjNzM4MThmJyBzdHJva2Utd2lkdGg9JzIuMjUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLW1pdGVybGltaXQ9JzEwJyBkPSdNNCA3aDIyTTQgMTVoMjJNNCAyM2gyMicvPjwvc3ZnPg==)
    }
/*-------*/

/* Buttons on map*/
.mapboxgl-ctrl-top-right {
    z-index: 15;
}

.mapboxgl-ctrl-group > button,
.mapboxgl-ctrl-group .btn {
    width: 35px;
    height: 35px;
    font-size: 15px;
    padding: 0;
    line-height: 34px;
}

    .mapboxgl-ctrl-group > button.active {
        color: #33B5E5
    }
/* End Buttons on map*/


/*--------------------------------------------------------------
	Search
------------------------------------------------------------- */
.card.search {
    position: absolute;
    font-size: .9em;
    top: 65px;
    left: 10px;
    width: 380px;
    z-index: 1;
}

/* Open sidebar*/
.sidebar-fixed.sidebar-lg-show .card.search {
    left: 210px
}

/* Small sidebar */
.sidebar-fixed.sidebar-lg-show.sidebar-minimized .card.search {
    left: 60px
}

.card .card-header.search {
    padding-left: 0;
    padding-right: 0;
    background-color: rgba(47,53,58,0.8)
}

.card.search .tab-content {
    border: none;
}

    .card.search .tab-content .tab-pane {
        padding: 0
    }


.card.search .nav-link {
    color: #ffffff;
}

    .card.search .nav-link:hover {
        color: #c8ced3;
    }

.mapboxgl-ctrl-bottom-center,
.mapboxgl-ctrl-top-center {
    position: absolute;
    pointer-events: none;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

.mapboxgl-ctrl-top-center {
    top: 0;
}

    .mapboxgl-ctrl-top-center .mapboxgl-ctrl {
        margin-top: 10px;
    }

.mapboxgl-ctrl-bottom-center {
    bottom: 0;
}

    .mapboxgl-ctrl-bottom-center .mapboxgl-ctrl {
        margin-bottom: 10px;
    }

/* Map Style Selector*/
#control-map-style {
    position: absolute;
    right: 10px;
    top: 105px;
}

    #control-map-style .btn {
        width: 35px;
        padding: 0;
        height: 35px;
    }

.mapboxgl-ctrl-map-type {
    overflow: inherit;
}

    .mapboxgl-ctrl-map-type.dropleft .dropdown-toggle::before {
        content: none;
    }

#control-map-style .form-control {
    border: none;
}
/*End Map Style Selector*/

/* Wind Control*/
#control-wind {
    position: absolute;
    right: 10px;
    top: 190px;
}
/*End Wind Control*/


/* .btn-streetview {
    background-color: #1DA361;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    right: 55px;
    top: 65px;
} */

.btn-covid {
    background-color: #97191d !important;
    border-color: #97191d !important;
    position: absolute;
    z-index: 1;
    right: 55px;
    top: 65px;
    font-weight: bold;
}

.btn-streetview:hover {
    background-color: #188E58;
    border-color: #188E58;
    color: #ffffff;
}

/*Open sidebar*/
.sidebar .close {
    display: none;
}


/*--------------------------------------------------------------
	Ads
------------------------------------------------------------- */
.ad-linkad {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.adunit-link {
    height: 20px;
    width: 745px;
}

@media (max-width: 1200px) {
    .ad-linkad {
        width: 478px;
    }

    .adunit-link {
        height: 20px;
        width: 468px;
    }
}

.ad-a, .ad-b, .ad-c {
    position: absolute;
    z-index: 10;
}

.ad-footer {
    overflow: hidden;
    height: 90px;
    width: 100%;
    text-align: center;
}

.adunit-a {
    height: 280px;
    min-width: 300px;
    width: 336px;
}

.adunit-b {
    height: 90px;
    width: 728px;
}

.adunit-c {
    height: 250px;
    width: 300px;
}

.adunit-d {
    height: 600px;
    width: 180px;
    vertical-align: middle;
}

.adunit-200x200 {
    height: 200px;
    width: 200px;
}


.ad-right {
    right: 20px
}

.ad-center {
    left: 50%;
}

.ad-a.ad-center {
    margin-left: -168px; /* -(ad width / 2) */
}

.ad-b.ad-center {
    margin-left: -364px; /* -(ad width / 2) */
}

.ad-c.ad-center {
    margin-left: -150px; /* -(ad width / 2) */
}

.ad-middle {
    top: 50%;
}

.ad-a.ad-middle {
    margin-top: -140px;
}

.ad-b.ad-middle {
    margin-top: -18px;
}

.ad-c.ad-middle {
    margin-top: -98px
}

.ad-bottom {
    bottom: 90px
}

.ad-right {
    right: 10px;
}

.ad-top-left {
    top: 65px;
    left: 10px;
}

.ad-border {
    border: .5em solid rgba(47,53,58,0.8);
}

    .ad-border.ad-right {
        border-right: none;
    }

.dev .adunit-a,
.dev .adunit-b,
.dev .adunit-c,
.dev .adunit-d,
.dev .ad-linkad {
    background-color: #999999;
}

.cross {
    cursor: pointer;
    color: #c8ced3;
    font-size: 15px;
    z-index: 15;
    position: absolute;
    right: 1px;
    width: 15px;
    height: 15px;
    background-color: #2f353a;
    line-height: 14px;
    top: 1px;
    text-align: center;
}

    .cross:before {
        content: "×";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }


/*--------------------------------------------------------------
	Ad bottom coronavirus map
------------------------------------------------------------- */
.ad-coronavirus {
    left: 520px;
    right: 0;
    text-align: center;
}

@media (max-width: 1250px) {
    .ad-coronavirus {
        left: 0;
    }
}

@media (max-width: 1300px) {
    .sidebar-fixed.sidebar-lg-show .ad-coronavirus {
        left: 50px;
    }
}

@media (max-width: 1450px) {
    .sidebar-lg-show.brand-minimized .ad-coronavirus {
        left: 200px;
    }
}

/*--------------------------------------------------------------
	Directory
------------------------------------------------------------- */
#directory {
    position: absolute;
    left: 50px;
    right: 0;
    bottom: 10px;
    text-align: center;
    z-index: 5;
}

    #directory .dropdown,
    #directory .dropup {
        position: unset;
    }

    #directory ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    #directory .content-region {
        overflow-y: auto;
        width: 600px;
        padding: .5em 0;
    }

    #directory .btn-group {
        border-radius: 4px;
        box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
        background-color: #fff;
    }

        #directory .btn-group .btn {
            border-radius: unset;
        }

        #directory .btn-group .dropup:first-child .btn {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

        #directory .btn-group .dropup:last-child .btn {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }

        #directory .btn-group .btn h1 {
            font-size: inherit;
            margin: 0;
            display: unset;
        }

/*--------------------------------------------------------------
	Dark style
------------------------------------------------------------- */
.mapboxgl-ctrl-group {
    background-color: transparent;
}

    .mapboxgl-ctrl .btn,
    .mapboxgl-ctrl-group button {
        background-color: rgba(47,53,58,0.8);
        color: #ffffff;
    }

        .mapboxgl-ctrl-group button:hover,
        .mapboxgl-ctrl .btn:hover,
        .main .dropdown-item:hover {
            background-color: rgba(92,92,92,0.8) !important;
        }

.main .btn-streetview:hover {
    background-color: rgba(92,92,92,0.8);
    border-color: rgba(92,92,92,0.8);
}

.mapboxgl-ctrl-group button:hover,
.mapboxgl-ctrl-group button.active,
.main .btn-streetview:hover {
    color: #20a8d8 !important;
}

.mapboxgl-ctrl-group:not(:empty) {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23ffffff;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
}

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%2320a8d8;' d='m 7,9 c -0.554,0 -1,0.446 -1,1 0,0.554 0.446,1 1,1 l 6,0 c 0.554,0 1,-0.446 1,-1 0,-0.554 -0.446,-1 -1,-1 z'/%3E %3C/svg%3E");
    }

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%23ffffff;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
}

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon:hover {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath style='fill:%2320a8d8;' d='M 10 6 C 9.446 6 9 6.4459904 9 7 L 9 9 L 7 9 C 6.446 9 6 9.446 6 10 C 6 10.554 6.446 11 7 11 L 9 11 L 9 13 C 9 13.55401 9.446 14 10 14 C 10.554 14 11 13.55401 11 13 L 11 11 L 13 11 C 13.554 11 14 10.554 14 10 C 14 9.446 13.554 9 13 9 L 11 9 L 11 7 C 11 6.4459904 10.554 6 10 6 z'/%3E %3C/svg%3E");
    }

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23ffffff'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
}

    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon:hover,
    .mapboxgl-ctrl-icon.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2320a8d8'%3E %3Cpath d='M10 4C9 4 9 5 9 5L9 5.1A5 5 0 0 0 5.1 9L5 9C5 9 4 9 4 10 4 11 5 11 5 11L5.1 11A5 5 0 0 0 9 14.9L9 15C9 15 9 16 10 16 11 16 11 15 11 15L11 14.9A5 5 0 0 0 14.9 11L15 11C15 11 16 11 16 10 16 9 15 9 15 9L14.9 9A5 5 0 0 0 11 5.1L11 5C11 5 11 4 10 4zM10 6.5A3.5 3.5 0 0 1 13.5 10 3.5 3.5 0 0 1 10 13.5 3.5 3.5 0 0 1 6.5 10 3.5 3.5 0 0 1 10 6.5zM10 8.3A1.8 1.8 0 0 0 8.3 10 1.8 1.8 0 0 0 10 11.8 1.8 1.8 0 0 0 11.8 10 1.8 1.8 0 0 0 10 8.3z'/%3E %3C/svg%3E");
    }

.mapbox-gl-draw_line {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='line.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='16' inkscape:cx='12.898775' inkscape:cy='9.5890152' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' units='px' inkscape:window-width='1280' inkscape:window-height='751' inkscape:window-x='0' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate' d='m 13.5,1035.8622 c -1.380712,0 -2.5,1.1193 -2.5,2.5 0,0.3208 0.04614,0.6244 0.15625,0.9063 l -3.75,3.75 c -0.281836,-0.1102 -0.585421,-0.1563 -0.90625,-0.1563 -1.380712,0 -2.5,1.1193 -2.5,2.5 0,1.3807 1.119288,2.5 2.5,2.5 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-0.3208 -0.04614,-0.6244 -0.15625,-0.9062 l 3.75,-3.75 c 0.281836,0.1101 0.585421,0.1562 0.90625,0.1562 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-1.3807 -1.119288,-2.5 -2.5,-2.5 z' id='rect6467' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/svg%3E") !important;
}

    .mapbox-gl-draw_line:hover,
    .mapbox-gl-draw_line.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='line.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='16' inkscape:cx='12.898775' inkscape:cy='9.5890152' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' units='px' inkscape:window-width='1280' inkscape:window-height='751' inkscape:window-x='0' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3;marker:none;enable-background:accumulate' d='m 13.5,1035.8622 c -1.380712,0 -2.5,1.1193 -2.5,2.5 0,0.3208 0.04614,0.6244 0.15625,0.9063 l -3.75,3.75 c -0.281836,-0.1102 -0.585421,-0.1563 -0.90625,-0.1563 -1.380712,0 -2.5,1.1193 -2.5,2.5 0,1.3807 1.119288,2.5 2.5,2.5 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-0.3208 -0.04614,-0.6244 -0.15625,-0.9062 l 3.75,-3.75 c 0.281836,0.1101 0.585421,0.1562 0.90625,0.1562 1.380712,0 2.5,-1.1193 2.5,-2.5 0,-1.3807 -1.119288,-2.5 -2.5,-2.5 z' id='rect6467' inkscape:connector-curvature='0' /%3E%3C/g%3E%3C/svg%3E") !important;
    }

.mapbox-gl-draw_polygon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='square.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='11.313708' inkscape:cx='11.681634' inkscape:cy='9.2857143' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' units='px' inkscape:window-width='1280' inkscape:window-height='751' inkscape:window-x='0' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath inkscape:connector-curvature='0' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate' d='m 5,1039.3622 0,6 2,2 6,0 2,-2 0,-6 -2,-2 -6,0 z m 3,0 4,0 1,1 0,4 -1,1 -4,0 -1,-1 0,-4 z' id='rect7797' sodipodi:nodetypes='cccccccccccccccccc' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' id='path4364' cx='6' cy='1046.3622' r='2' /%3E%3Ccircle id='path4368' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' cx='14' cy='1046.3622' r='2' /%3E%3Ccircle id='path4370' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' cx='6' cy='1038.3622' r='2' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' id='path4372' cx='14' cy='1038.3622' r='2' /%3E%3C/g%3E%3C/svg%3E") !important;
}

    .mapbox-gl-draw_polygon:hover,
    .mapbox-gl-draw_polygon.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' viewBox='0 0 20 20' id='svg19167' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='square.svg'%3E%3Cdefs id='defs19169' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='11.313708' inkscape:cx='11.681634' inkscape:cy='9.2857143' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' units='px' inkscape:window-width='1280' inkscape:window-height='751' inkscape:window-x='0' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid19715' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata19172'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath inkscape:connector-curvature='0' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5;marker:none;enable-background:accumulate' d='m 5,1039.3622 0,6 2,2 6,0 2,-2 0,-6 -2,-2 -6,0 z m 3,0 4,0 1,1 0,4 -1,1 -4,0 -1,-1 0,-4 z' id='rect7797' sodipodi:nodetypes='cccccccccccccccccc' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' id='path4364' cx='6' cy='1046.3622' r='2' /%3E%3Ccircle id='path4368' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' cx='14' cy='1046.3622' r='2' /%3E%3Ccircle id='path4370' style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' cx='6' cy='1038.3622' r='2' /%3E%3Ccircle style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.60000002;marker:none;enable-background:accumulate' id='path4372' cx='14' cy='1038.3622' r='2' /%3E%3C/g%3E%3C/svg%3E") !important;
    }

.mapbox-gl-draw_trash {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' id='svg5738' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='trash.svg' viewBox='0 0 20 20'%3E%3Cdefs id='defs5740' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='22.627417' inkscape:cx='12.128184' inkscape:cy='8.8461307' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' inkscape:window-width='1033' inkscape:window-height='751' inkscape:window-x='20' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:snap-smooth-nodes='true' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid5746' empspacing='5' visible='true' enabled='true' snapvisiblegridlinesonly='true' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata5743'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%23ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999982;marker:none;enable-background:accumulate' d='m 10,1035.7743 c -0.7849253,8e-4 -1.4968376,0.4606 -1.8203125,1.1758 l -3.1796875,0 -1,1 0,1 12,0 0,-1 -1,-1 -3.179688,0 c -0.323475,-0.7152 -1.035387,-1.175 -1.820312,-1.1758 z m -5,4.5879 0,7 c 0,1 1,2 2,2 l 6,0 c 1,0 2,-1 2,-2 l 0,-7 -2,0 0,5.5 -1.5,0 0,-5.5 -3,0 0,5.5 -1.5,0 0,-5.5 z' id='rect2439-7' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccccccccccccccccccccccc' /%3E%3C/g%3E%3C/svg%3E") !important;
}

    .mapbox-gl-draw_trash:hover,
    .mapbox-gl-draw_trash.active {
        background-image: url("data:image/svg+xml,%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' width='20' height='20' id='svg5738' version='1.1' inkscape:version='0.91+devel+osxmenu r12911' sodipodi:docname='trash.svg' viewBox='0 0 20 20'%3E%3Cdefs id='defs5740' /%3E%3Csodipodi:namedview id='base' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageopacity='0.0' inkscape:pageshadow='2' inkscape:zoom='22.627417' inkscape:cx='12.128184' inkscape:cy='8.8461307' inkscape:document-units='px' inkscape:current-layer='layer1' showgrid='true' inkscape:window-width='1033' inkscape:window-height='751' inkscape:window-x='20' inkscape:window-y='23' inkscape:window-maximized='0' inkscape:snap-smooth-nodes='true' inkscape:object-nodes='true'%3E%3Cinkscape:grid type='xygrid' id='grid5746' empspacing='5' visible='true' enabled='true' snapvisiblegridlinesonly='true' /%3E%3C/sodipodi:namedview%3E%3Cmetadata id='metadata5743'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title /%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1' transform='translate(0,-1032.3622)'%3E%3Cpath style='color:%23000000;display:inline;overflow:visible;visibility:visible;fill:%2320a8d8;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.99999982;marker:none;enable-background:accumulate' d='m 10,1035.7743 c -0.7849253,8e-4 -1.4968376,0.4606 -1.8203125,1.1758 l -3.1796875,0 -1,1 0,1 12,0 0,-1 -1,-1 -3.179688,0 c -0.323475,-0.7152 -1.035387,-1.175 -1.820312,-1.1758 z m -5,4.5879 0,7 c 0,1 1,2 2,2 l 6,0 c 1,0 2,-1 2,-2 l 0,-7 -2,0 0,5.5 -1.5,0 0,-5.5 -3,0 0,5.5 -1.5,0 0,-5.5 z' id='rect2439-7' inkscape:connector-curvature='0' sodipodi:nodetypes='ccccccccccccccccccccccccc' /%3E%3C/g%3E%3C/svg%3E") !important;
    }

.mapboxgl-ctrl-group > button + button {
    border-color: #5c5c5c;
}

.main .btn-group,
.main .dropdown-menu,
#directory .btn-group,
.btn-streetview {
    background-color: rgba(47,53,58,0.8);
}

.main .dropdown-menu,
.main .dropdown-item,
.main .border-left {
    border-color: #5c5c5c !important;
}

.main .btn-group .btn,
.main .dropdown-menu,
.main .dropdown-item,
.main a {
    color: #fff;
}

.tooltip-inner {
    background-color: rgba(47,53,58,0.8);
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: rgba(47,53,58,0.8);
}


/*--------------------------------------------------------------
	Breadcrumb footer
------------------------------------------------------------- */
.breadcrumb-footer {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10px;
    text-align: center;
    text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 6px rgba(0,0,0,.5)
}

    .breadcrumb-footer.mobile {
        bottom: 60px;
    }

    .breadcrumb-footer ol {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
    }

        .breadcrumb-footer ol:after {
            clear: both
        }

        .breadcrumb-footer ol li {
            float: left;
        }

            .breadcrumb-footer ol li a,
            .breadcrumb-footer ol li.breadcrumb-item,
            .breadcrumb-footer .breadcrumb-item + .breadcrumb-item::before {
                color: #fff;
            }


/*--------------------------------------------------------------
	Infowindow
------------------------------------------------------------- */
.mapboxgl-popup {
    width: initial !important;
    max-width: initial !important;
}

.mapboxgl-popup-content {
    padding: 1rem;
    background-color: rgba(40,48,63,0.8);
    border: 1px solid #363944;
    color: #fff !important;
}

.mapboxgl-popup-close-button {
    font-size: 1.2em;
    line-height: 1.2em;
    color: #fff;
}

.mapboxgl-popup.video {
    padding-bottom: 20px;
}

.coordinates-info-control {
    padding: 0.75rem !important;
    font-size: .8rem !important;
    width: 110px !important;
}

.mapboxgl-popup.streetview {
    width: 270px !important;
    max-width: 270px !important;
}

    .mapboxgl-popup.streetview.mapboxgl-popup-anchor-top {
        padding-top: 10px;
    }

    .mapboxgl-popup.streetview.mapboxgl-popup-anchor-bottom {
        padding-bottom: 10px;
    }

    .mapboxgl-popup.streetview.mapboxgl-popup-anchor-left {
        padding-left: 10px;
    }

    .mapboxgl-popup.streetview.mapboxgl-popup-anchor-right {
        padding-right: 10px;
    }

    .mapboxgl-popup.streetview .mapboxgl-popup-content {
        width: 250px !important;
        background-color: rgba(47,53,58,0.8);
        color: #fff;
    }

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: rgba(40,48,63,0.8);
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: rgba(40,48,63,0.8);
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: rgba(40,48,63,0.8);
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: rgba(40,48,63,0.8);
}

.mapboxgl-popup.hotel {
    width: 300px !important;
    color: #fff;
    padding-bottom: 16px;
}

    .mapboxgl-popup.hotel .mapboxgl-popup-content {
        padding: 0;
    }

    .mapboxgl-popup.hotel img {
        width: 100%;
    }

    .mapboxgl-popup.hotel .title {
        text-align: left;
        margin: 0;
        padding: 0;
        font-size: .9rem;
    }

    .mapboxgl-popup.hotel .fa-star {
        color: #ed8323
    }

    .mapboxgl-popup.hotel .address {
        color: rgba(255,255,255, 0.8);
    }

.hotel-pin {
    font-size: 24px !important;
    color: #00A79D;
}

.mapboxgl-marker .fa-map-marker {
    font-size: 36px;
}

    .mapboxgl-marker .fa-map-marker.video {
        color: red;
        cursor: pointer;
    }

.mapboxgl-marker .logo {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 7px;
    color: #fff;
    right: 0;
    text-align: center;
    font-size: 13px;
}


@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/*--------------------------------------------------------------
	Language Selector
------------------------------------------------------------- */
.language {
    float: right;
    z-index: 100;
    color: #fff;
    margin-right: 10px;
}

    .language .dropdown-toggle {
        cursor: pointer;
    }

    .language a {
        text-decoration: none;
        color: #fff;
    }

    .language .dropdown-menu {
        min-width: unset;
        right: 0;
        left: unset;
        background-color: #2f353a;
        border-color: #5c5c5c;
    }

    .language .dropdown-item {
        padding: 5px 7px;
        min-width: unset;
        border-color: #5c5c5c;
    }

        .language .dropdown-item:hover {
            background-color: rgba(92,92,92,1);
        }

/*--------------------------------------------------------------
	Flags
------------------------------------------------------------- */
.flag-border {
    border: 1px solid #eee;
    width: 32px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.flag {
    display: inline-block;
    background-repeat: no-repeat;
}

    .flag.flag-32 {
        display: inline-block;
        width: 30px;
        height: 20px;
        background-image: url(https://cdn2.gosur.com/images/flags/32x32/sprite-flags-32x32.png);
        background-repeat: no-repeat;
    }

        .flag.flag-32.flag-ar {
            background-position: -129px -390px;
        }

        .flag.flag-32.flag-nl {
            background-position: -353px -326px;
        }

        .flag.flag-32.flag-de {
            background-position: -193px -134px;
        }

        .flag.flag-32.flag-es {
            background-position: -1px -166px;
        }

        .flag.flag-32.flag-hi {
            background-position: -65px -230px;
        }

        .flag.flag-32.flag-fa {
            background-position: -129px -230px;
        }

        .flag.flag-32.flag-fr {
            background-position: -257px -166px;
        }

        .flag.flag-32.flag-it {
            background-position: -193px -230px;
        }

        .flag.flag-32.flag-ja {
            background-position: -321px -230px;
        }

        .flag.flag-32.flag-ko {
            background-position: -31px -262px;
        }

        .flag.flag-32.flag-pl {
            background-position: -289px -358px;
        }

        .flag.flag-32.flag-pt {
            background-position: -481px -70px;
        }

        .flag.flag-32.flag-ru {
            background-position: -65px -390px;
        }

        .flag.flag-32.flag-tr {
            background-position: -1px -454px;
        }

        .flag.flag-32.flag-en {
            background-position: -225px -454px;
        }

        .flag.flag-32.flag-cn {
            background-position: -449px -102px;
        }


/*--------------------------------------------------------------
	Scrollbar
------------------------------------------------------------- */
::-webkit-scrollbar {
    height: 7px;
    width: 7px;
    background: #404040;
}

    ::-webkit-scrollbar:active {
        background: #474747;
    }

::-webkit-scrollbar-corner {
    background: #404040;
}

::-webkit-scrollbar-thumb {
    background: #5c5c5c;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #787878;
        cursor: pointer;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #8a8a8a;
    }


/*--------------------------------------------------------------
	Media query
------------------------------------------------------------- */
@media (max-width: 991.98px) {
    header h1 {
        display: none;
    }

    .sidebar-minimized.sidebar-lg-show .ad1 {
        left: 10px;
    }

    .sidebar-minimized.sidebar-lg-show .ad2,
    .sidebar-minimized.sidebar-lg-show .ad2-center,
    .sidebar-minimized.sidebar-lg-show .ad3,
    .sidebar-minimized.sidebar-lg-show #directory {
        left: 0px;
    }

    .sidebar-minimized.sidebar-lg-show.sidebar-show .ad1 {
        left: 210px;
    }

    .sidebar-minimized.sidebar-lg-show.sidebar-show .ad2,
    .sidebar-minimized.sidebar-lg-show.sidebar-show .ad2-center,
    .sidebar-minimized.sidebar-lg-show.sidebar-show .ad3,
    .sidebar-minimized.sidebar-lg-show.sidebar-show #directory {
        left: 200px;
    }
}

.sidebar-show .main {
    position: initial;
}


/*--------------------------------------------------------------
	Search
------------------------------------------------------------- */
.search-simple {
    min-width: 350px;
    max-width: 390px;
    padding: 10px;
}

    .search-simple .input-container {
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
        border-radius: .25rem;
    }

        .search-simple .input-container .form-control {
            padding-right: 40px;
        }

        .search-simple .input-container i.icon-magnifier {
            position: absolute;
            right: 24px;
            top: 21px;
        }

    .search-simple .item,
    .search-simple .content {
        background-color: rgba(40,48,63,0.8);
        color: #fff;
        border: 1px solid #363944;
        border-radius: .25rem;
        color: #fff;
        margin-top: 0.25rem;
        padding: .75rem .5rem;
        max-height: calc(100vh - 175px);
        overflow-y: auto;
        overflow-x: hidden;
        font-size: 0.8rem;
    }

        .search-simple .item:hover {
            background-color: rgba(41,43,51,1);
            border-color: #5c5c5c;
        }

        .search-simple .item.active {
            border-color: #20a8d8;
            background-color: rgba(41,43,51,1);
        }

        .search-simple .content h2,
        .search-simple .content h3 {
            font-size: 1.2rem;
        }

    .search-simple .box {
        max-height: 60px;
        overflow: hidden;
    }

    .search-simple .view-more {
        font-size: 0.8rem;
        text-align: center;
    }

    .search-simple .actions .btn {
        border-radius: 50%;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 1.1rem;
        padding: 0;
    }

.main .search-simple {
    position: absolute;
    z-index: 1;
}

/*--------------------------------------------------------------
	Share
------------------------------------------------------------- */
.share input {
    width: 100%;
    height: 35px;
    border: 0;
    border-bottom: 1px solid #ccc;
    outline: none;
}


/*--------------------------------------------------------------
	InfoWindow Video
------------------------------------------------------------- */
.mapboxgl-popup .spinner-container {
    position: absolute;
    top: 48px;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 2;
    background-color: rgba(40,48,63,1);
}

.mapboxgl-popup .sk-circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 40px;
    height: 40px;
}

    .mapboxgl-popup .sk-circle .sk-child:before {
        background-color: #23B1DD
    }

.mapboxgl-popup .title {
    color: #fff;
    text-align: center;
    padding: .25rem;
    margin-bottom: .25rem;
    font-size: 1rem;
}

@media print {
    .mapboxgl-control-container, .ad-a, .ad-b, .ad-c {
        visibility: hidden;
    }
}

.tooltiptext {
    display: none;
}