body {
    font-family: 'Segoe UI', Avenir,Verdana;
}

.home-body2 {
    padding-top: 0px;
}

.body-ribbon {
    padding-top: -5px;
    min-height: 100%;
    background-color: #ecf0f5;
    z-index: 800;
}

.body-login {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('../images/truck.jpg');
    background-size: cover;
    background-attachment: fixed, fixed;
    background-position: top left, bottom center;
    background-repeat: no-repeat;
}

.section-1 {
    position: relative;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('../images/truck.jpg');
    background-size: cover;
    background-attachment: fixed, fixed;
    background-position: top left, bottom center;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding-top: 50px;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.section-2 {
    position: relative;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('../images/td_1.jpg');
    background-size: cover;
    background-attachment: fixed, fixed;
    background-position: top left, bottom center;
    background-repeat: no-repeat;
    min-height: 100vh;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.buttonspecial {
    background-color: #98c593;
    border: 0;
    border-radius: 3.5em;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    height: 3.5em;
    line-height: 3.5em;
    outline: 0;
    padding: 0 2em 0 2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .buttonspecial.style2 {
        background-color: transparent;
        border: solid 2px #e5e6e7;
        color: inherit;
        background-image: url('../images/dark-arrow.svg');
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -10em;
        overflow: hidden;
    }

    .buttonspecial.down {
        width: 5em;
        height: 5em;
        line-height: 4.5em;
        padding: 0;
        background-image: url('../images/dark-arrow.svg');
        background-position: center center;
        background-repeat: no-repeat;
        text-indent: -10em;
        overflow: hidden;
    }

        .buttonspecial.down.anchored {
            bottom: 0;
            border-bottom: 0;
            border-radius: 3em 3em 0 0;
            height: 4.5em;
            margin-left: -2.5em;
        }

    .buttonspecial.anchored {
        position: absolute;
        left: 50%;
    }

.mmm {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.m34 {
    position: relative;
    margin-top: -12px;
    margin-right: -18px;
    margin-bottom: -12px;
    margin-left: -18px;
}
.m34maproute {
    position: relative;   
    overflow-x: hidden;
    overflow-y: hidden;
}

.tabmargins {
    position: relative;
    margin-top: -12px;
    margin-right: -50px;
    margin-bottom: -12px;
    margin-left: -18px;
}

.agw-map-google {
    background-image: url("/images/google_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-map-google-selected {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('/images/google_24.png');
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-map-here {
    background-image: url("../images/heremaps_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-map-nokia {
    background-image: url("/images/nokia.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-map-bing {
    background-image: url("/images/bingmaps_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-map-osm {
    background-image: url("/images/osm_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-stations {
    background-image: url("/images/home24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-tools {
    background-image: url("/images/Tools2_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-msg {
    background-image: url("/images/communication24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-tx {
    background-image: url("/images/Lightning-Bolt-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-connect {
    background-image: url("/images/link-icon_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-disconnect {
    background-image: url("/images/link-break-icon.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-clear {
    background-image: url("/images/clear24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-login {
    background-image: url("/images/login_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-fullscreen {
    background-image: url("/images/Fit to Width-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-locateme {
    background-image: url("/images/Define-Location-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-traffic {
    background-image: url("/images/Traffic-Jam-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-transit {
    background-image: url("/images/Subway-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.agw-bicycle {
    background-image: url("/images/Cycling-Road-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.agw-farmakeia {
    background-image: url("/images/add-24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.agw-routes {
    background-image: url("/images/route_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.agw-collapse {
    background-image: url("/images/collapse_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}
.agw-expand {
    background-image: url("/images/expand_24.png");
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
}

.e-ribbon .e-header > li {
    margin-top: 0px !important;
}

.e-ribbon.e-js > .e-header {
    height: 33px;
}

.e-splitter .e-splitbar.e-h-bar {
    width: 14px;
}


.e-splitter .e-splitbar > .e-icon.e-arrow-sans-left:before {
    font-size: 18px;
}


.e-splitter .e-splitbar > .e-icon:before {
    font-size: 18px;
}


.footer-sticky {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;  
}