body {
    padding: 0;
    margin: 0;
}

html, body, #map {
    height: 100%;
}

@font-face {
    font-family: 'PTSans-Italic';
    src: url('./fonts/PTSans/italic/PTSans-Italic.eot');
    src: url('./fonts/PTSans/italic/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('./fonts/PTSans/italic/PTSans-Italic.woff2') format('woff2'),
    url('./fonts/PTSans/italic/PTSans-Italic.woff') format('woff'),
    url('./fonts/PTSans/italic/PTSans-Italic.ttf') format('truetype'),
    url('./fonts/PTSans/italic/PTSans-Italic.svg#PTSans-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans-Regular';
    src: url('./fonts/PTSans/regular/PTSans-Regular.eot');
    src: url('./fonts/PTSans/regular/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/PTSans/regular/PTSans-Regular.woff2') format('woff2'),
    url('./fonts/PTSans/regular/PTSans-Regular.woff') format('woff'),
    url('./fonts/PTSans/regular/PTSans-Regular.ttf') format('truetype'),
    url('./fonts/PTSans/regular/PTSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FiraSans-Regular';
    src: url('./fonts/FiraSansRegular/FiraSans-Regular.eot');
    src: url('./fonts/FiraSansRegular/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('./fonts/FiraSansRegular/FiraSans-Regular.woff2') format('woff2'),
    url('./fonts/FiraSansRegular/FiraSans-Regular.woff') format('woff'),
    url('./fonts/FiraSansRegular/FiraSans-Regular.ttf') format('truetype'),
    url('./fonts/FiraSansRegular/FiraSans-Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {

}



#loader{
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-200px;
    margin-top:-150px;
    z-index:-1;

}

#map {
    width: 100%;
    height: 100%;
    background-image: url('images/pattern.png');
}

.metro {
    font-family: "PTSans-Regular";
    font-size: 10px;
    text-transform: uppercase;
    color: #454545;

}

.parks {
    font-family: "PTSans-Italic";
    font-size: 12px;
    color: #B0AFA9;
    text-align: center;
}

.lakes {
    font-family: "PTSans-Italic";
    color: #A1BDD9;
    font-size: 11px;
    text-align: center;
}

.streetLabel {
    font-family: "FiraSans-Regular";
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    background-color: #323232;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    left: 10px;
    top: -10px;
}

.leaflet-marker-icon:focus{
    outline:0;
}


.label-1.streetLabel:after {
    content: "";
    position: absolute;
    left: 0px;
    width: 0;
    height: 0;
    top: 100%;
    border-right: 5px solid transparent;
    border-top: 5px solid #323232;
}

.label-3.streetLabel:before {
    content: "";
    position: absolute;
    left: 0px;
    width: 0;
    height: 0;
    bottom: 100%;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #323232;
}


.label-5.streetLabel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 100%;
    right: 0;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #323232;
}


.label-7.streetLabel:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    right: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #323232;
}

.simple-popUp .leaflet-popup-content-wrapper{
    max-width: 171px;
    font-family: "FiraSans-Regular";
    font-size: 12px;
    color: #FFFFFF;
    text-align: left;
    background-color: #323232;
    border-radius: 0;
    padding:5px;
    max-width:171px;
}

.simple-popUp .leaflet-popup-content-wrapper .leaflet-popup-content{
    margin:0;
}


.simple-popUp .leaflet-popup-tip-container .leaflet-popup-tip{
    background-color: #323232;
}

* {
    box-sizing: border-box
}

body {
    font-family: "PTSans-Regular";
    -webkit-font-smoothing: antialiased;
}

#temp0 {
    font-family: "PTSans-Regular";
}

#temp1 {
    font-family: "PTSans-Italic";
}

#temp2 {
    font-family: "FiraSans-Regular";
}