@font-face {
    font-family: "GothamR";
    src: url("/fonts/Gotham/GothamProRegular/GothamProRegular.eot");
    src: url("/fonts/Gotham/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Gotham/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("/fonts/Gotham/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamBold";
    src: url("/fonts/Gotham/GothamProBold/GothamProBold.eot");
    src: url("/fonts/Gotham/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Gotham/GothamProBold/GothamProBold.woff") format("woff"),
    url("/fonts/Gotham/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamBlack";
    src: url("/fonts/Gotham/GothamProBlack/GothamProBlack.eot");
    src: url("/fonts/Gotham/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Gotham/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("/fonts/Gotham/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamM";
    src: url("/fonts/Gotham/GothamProMedium/GothamProMedium.eot");
    src: url("/fonts/Gotham/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Gotham/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("/fonts/Gotham/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "GothamL";
    src: url("/fonts/Gotham/GothamProLight/GothamProLight.eot");
    src: url("/fonts/Gotham/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
    url("/fonts/Gotham/GothamProLight/GothamProLight.woff") format("woff"),
    url("/fonts/Gotham/GothamProLight/GothamProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ClearSansRegular";
    src: url("/fonts/ClearSans/ClearSansRegular/ClearSansRegular.eot");
    src: url("/fonts/ClearSans/ClearSansRegular/ClearSansRegular.eot?#iefix")format("embedded-opentype"),
    url("/fonts/ClearSans/ClearSansRegular/ClearSansRegular.woff") format("woff"),
    url("/fonts/ClearSans/ClearSansRegular/ClearSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "ClearSansBold";
    src: url("/fonts/ClearSans/ClearSansBold/ClearSansBold.eot");
    src: url("/fonts/ClearSans/ClearSansBold/ClearSansBold.eot?#iefix")format("embedded-opentype"),
    url("/fonts/ClearSans/ClearSansBold/ClearSansBold.woff") format("woff"),
    url("/fonts/ClearSans/ClearSansBold/ClearSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "ClearSansLight";
    src: url("/fonts/ClearSans/ClearSansLight/ClearSansLight.eot");
    src: url("/fonts/ClearSans/ClearSansLight/ClearSansLight.eot?#iefix")format("embedded-opentype"),
    url("/fonts/ClearSans/ClearSansLight/ClearSansLight.woff") format("woff"),
    url("/fonts/ClearSans/ClearSansLight/ClearSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "ClearSansMedium";
    src: url("/fonts/ClearSans/ClearSansMedium/ClearSansMedium.eot");
    src: url("/fonts/ClearSans/ClearSansMedium/ClearSansMedium.eot?#iefix")format("embedded-opentype"),
    url("/fonts/ClearSans/ClearSansMedium/ClearSansMedium.woff") format("woff"),
    url("/fonts/ClearSans/ClearSansMedium/ClearSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "ClearSansThin";
    src: url("/fonts/ClearSans/ClearSansThin/ClearSansThin.eot");
    src: url("/fonts/ClearSans/ClearSansThin/ClearSansThin.eot?#iefix")format("embedded-opentype"),
    url("/fonts/ClearSans/ClearSansThin/ClearSansThin.woff") format("woff"),
    url("/fonts/ClearSans/ClearSansThin/ClearSansThin.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}





@font-face {
    font-family: 'icomoon';
    src:  url('/fonts/icons/icomoon.eot?bkk12b');
    src:  url('/fonts/icons/icomoon.eot?bkk12b#iefix') format('embedded-opentype'),
    url('/fonts/icons/icomoon.ttf?bkk12b') format('truetype'),
    url('/fonts/icons/icomoon.woff?bkk12b') format('woff'),
    url('/fonts/icons/icomoon.svg?bkk12b#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bus:before {
    content: "\e900";
}
.icon-bus.special {
    position: relative;
}
.icon-bus.special:after {
    content: '';
    display: block;
    position: absolute;
    background: url(/images/star.svg) no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    left: 58%;
    top: 53%;
}
.icon-funiculer:before {
    content: "\e901";
}
.icon-route-taxi:before {
    content: "\e902";
}
.icon-train:before {
    content: "\e903";
}
.icon-tram:before {
    content: "\e904";
}
.icon-trolleybus:before {
    content: "\e905";
}