@charset "iso-8859-1";

#wrapper {
    width: 100%;
    margin: 0 auto;
}

#header {
    width: 100%;
    margin: 0 auto;
    height:100px;
    Background: #fff;
    border-bottom: 40px solid #666;
}

#header_content {
    width: 1000px;
    margin: 0 auto;
    height:100px;
    padding-top:15px;
}

#maincontent_empty {
    position:relative;
    width: 100%;

    margin: 0 auto;
    height:200px;
    Background: #fff;
}

#maincontent_empty2 {
    position:relative;
    width: 100%;
    height:200px;
    margin: 0 auto;
    height:200px;
    Background: #ede3ee;
}
#maincontent {
    position:relative;
    width: 1000px;
    height:700px;
    margin: 0px auto 0px auto;
    padding:40px 10px 0px 10px;

}


#maincontent p {

    font-size: 0.8em;
    line-height: 1.3em;
    margin-bottom: 0.4em;
    color: #666;
    padding-right: 9px;
    padding-left: 0px;
    padding-bottom: 9px;
    padding-top:  10px;
}

#maincontent h1 {

    font-size: 1.7em;
    line-height: 1.8em;
    margin-top: 1.4em;
    color: #666;
    padding-right: 9px;
    padding-left: 0px;
    padding-bottom: 9px;
    padding-top:  0px;
}

#maincontent h2 {

    font-size: 1.2em;
    line-height: 1.3em;
    margin-bottom: 0.4em;
    color: #666;
    padding-right: 9px;
    padding-left: 0px;
    padding-bottom: 9px;
    padding-top:  0px;
}

#map {
    position:relative;
    top:0;
    bottom:0;
    width:100%;
    height: 646px;
    border-top-left-radius: 5px;
    border-top-right-radius: 25px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;

    /* filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.1)); */
}

#noimage_bottom {
    position: absolute;
    bottom: 30px;
    right: 15px;
    text-align:left;
    font-family: 'Rubik', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#0d0d0d !important;
    padding: 16px 20px;
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: none;
    -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    background: #fff;
}

#collins_coverage {
    position: absolute;
    z-index: 1;
    bottom: 35px;
    left: 2px;
    /* border-radius: 3px;	*/
    padding: 0px 0px 0px 0px;
    width: 40px;
    height:39px;
    /*border: 2px solid #b5bdbd;  */
    font:15px/20px 'Asul', sans-serif;
    text-align: left;
    /* opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#logo_bottom {
    position: absolute;
    z-index: 1;
    bottom: 10px;
    left: 15px;
    /* border-radius: 3px;	*/
    padding: 0px 0px 0px 0px;
    width: 146px;
    height:56px;
    /*border: 2px solid #b5bdbd;  */
    font:15px/20px 'Asul', sans-serif;
    text-align: left;
    /* opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

.legend-key {
    display:inline-block;
    border-radius: 0;
    width: 20px;
    height: 20px;
    margin: 0px 10px 0px 30px;
}

.mapboxgl-ctrl-attrib {
    font-family: 'Rubik', sans-serif, Arial, Helvetica, sans-serif;
}

.mapboxgl-ctrl-logo {
    display: none !important;
}


#noimage_bottom > div {
    display:flex;
}

#noimage_bottom > div > span:first-of-type {
    font-weight:bold;
}

#noimage_bottom > div > span {
    display: inline-flex;
    align-items: center;
}

.mapboxgl-ctrl-geocoder {
    border-radius: 8px !important;
    margin-left: 15px !important;
    margin-top: 15px !important;
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.3) !important;
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.3) !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3) !important;
}

.mapboxgl-ctrl-geocoder--input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border:none !important;
}

.mapboxgl-ctrl-geocoder input[type=text] {
    height: 40px !important;
    font-size: 16px !important;
    color: #0d0d0d !important;
}

.mapboxgl-ctrl-geocoder--icon {
    top: 10px !important;
    fill: #0d0d0d !important;
}

.mapboxgl-ctrl-geocoder--icon-close {
    margin-top:15px !important;
}

.mapboxgl-ctrl-geocoder--icon-close {
    margin-top: 10px !important;
}

.mapboxgl-ctrl.mapboxgl-ctrl-group {
    bottom: 37px;
    position: absolute;
    right: 15px;
    margin: 0px !important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3) !important;
    border-radius:6px !important;
}

.mapboxgl-ctrl-group button {
    width: 40px !important;
    height: 40px !important;
}

.mapboxgl-marker svg {
    transform: translate(-15px, 0px) rotateZ(-45deg);
    height:60px !important;
    width: 40px !important;
}

svg g[fill="#D22630"] {
    fill: #2b3442 !important;
}

@media screen and (min-width: 640px) {
    .mapboxgl-ctrl-geocoder--icon {
        top: 10px !important;
    }
    .mapboxgl-ctrl-geocoder--icon-close {
        margin-top:11px !important;
    }
}