/* line 1, assets/less/last/all/ApiCalendar.less */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;500&display=swap');

.vmapi,
.vmapi iframe,
.vmapi h1,
.vmapi h2,
.vmapi h3,
.vmapi h4,
.vmapi h5,
.vmapi h6,
.vmapi div,
.vmapi span,
.vmapi p,
.vmapi a,
.vmapi img,
.vmapi pre,
.vmapi code,
.vmapi em,
.vmapi small,
.vmapi strike,
.vmapi strong,
.vmapi sub,
.vmapi sup,
.vmapi b,
.vmapi u,
.vmapi i,
.vmapi dl,
.vmapi dt,
.vmapi dd,
.vmapi ol,
.vmapi ul,
.vmapi li,
.vmapi fieldset,
.vmapi legend,
.vmapi form,
.vmapi label,
.vmapi table,
.vmapi caption,
.vmapi tbody,
.vmapi tfoot,
.vmapi thead,
.vmapi tr,
.vmapi th,
.vmapi td,
.vmapi article,
.vmapi aside,
.vmapi canvas,
.vmapi details,
.vmapi footer,
.vmapi header,
.vmapi nav,
.vmapi output,
.vmapi section,
.vmapi audio,
.vmapi video {
    border: 0 none;
    margin: 0;
    padding: 0;
}


/* line 22, assets/less/core/ApiClear.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/core\/ApiClear\.less
    }
    line {
        font-family: \0000322
    }
}

.vmapi *,
.vmapi-overlay-layer input,
.vmapi-overlay-layer select,
.vmapi-overlay-layer textarea {
    box-sizing: border-box;
}


/* line 26, assets/less/core/ApiClear.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/core\/ApiClear\.less
    }
    line {
        font-family: \0000326
    }
}

.vmapi .clear {
    clear: both;
}


/**************************************/


/**** BEGIN : ZOOM BAR ***************/


/************************************/


/* line 4, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \000034
    }
}

.ui-navigation-control {
    position: relative;
    z-index: 20;
    height: 130px;
}


/* line 9, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \000039
    }
}

.ui-navigation-control img {
    border: 0;
}


/* line 13, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \0000313
    }
}

.ui-navigation-control map {
    display: block;
}


/* line 16, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \0000316
    }
}

.ui-navigation-control .ui-item-indicator {
    cursor: pointer;
    height: 20px;
    position: absolute;
    display: block;
    left: 0;
}


/* line 23, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \0000323
    }
}

.ui-navigation-control .ui-item-drag-on {
    background-position: 0 -190px;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 1px;
}


/* line 31, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \0000331
    }
}

.ui-navigation-control .ui-item-fullscreen-on,
.ui-navigation-control .ui-item-fullscreen-off {
    cursor: pointer;
    left: 0;
    float: left;
}


/* line 38, assets/less/mmap/control/navigation.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation\.less
    }
    line {
        font-family: \0000338
    }
}

.ui-navigation-control-mini {
    position: relative;
    z-index: 20;
}


/**************************************/


/**** END : ZOOM BAR   ***************/


/************************************/


/* line 1, assets/less/mmap/control/navigation-mode.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation-mode\.less
    }
    line {
        font-family: \000031
    }
}

.ui-skin-default .ui-navigation-mode-selector,
.ui-skin-default .ui-navigation-mode-hand {
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    cursor: pointer;
}


/* line 8, assets/less/mmap/control/navigation-mode.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation-mode\.less
    }
    line {
        font-family: \000038
    }
}

.ui-skin-default .ui-navigation-mode-selector,
.ui-skin-default .ui-navigation-mode-hand {
    width: 24px;
    height: 21px;
    margin-bottom: 6px;
}


/* line 15, assets/less/mmap/control/navigation-mode.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation-mode\.less
    }
    line {
        font-family: \0000315
    }
}

.ui-skin-default .ui-navigation-mode-selector {
    background-position: 0 0;
}


/* line 19, assets/less/mmap/control/navigation-mode.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/navigation-mode\.less
    }
    line {
        font-family: \0000319
    }
}

.ui-skin-default .ui-navigation-mode-hand {
    background-position: 0 -189px;
}


/* popup */


/* line 4, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \000034
    }
}

.vmapi-mmap .mmap-popup {
    position: absolute;
    text-align: center;
}


/* line 9, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \000039
    }
}

.vmapi-mmap .mmap-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
}


/* line 15, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000315
    }
}

.vmapi-mmap .mmap-popup-content {
    margin: 13px 19px;
    line-height: 1.4;
}


/* line 19, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000319
    }
}

.vmapi-mmap .mmap-popup-content p {
    margin: 18px 0;
}


/* line 24, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000324
    }
}

.vmapi-mmap .mmap-popup-tip-container {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    position: relative;
    overflow: hidden;
}


/* line 32, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000332
    }
}

.vmapi-mmap .mmap-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;
    margin: -10px auto 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


/* line 46, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000346
    }
}

.vmapi-mmap .mmap-popup-content-wrapper,
.vmapi-mmap .mmap-popup-tip {
    background: white;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}


/* line 53, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000353
    }
}

.vmapi-mmap a.mmap-popup-close-button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 4px 0 0;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: 500;
    background: transparent;
}


/* line 68, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000368
    }
}

.vmapi-mmap a.mmap-popup-close-button:hover {
    color: #999;
}


/* line 72, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000372
    }
}

.vmapi-mmap .mmap-popup-scrolled {
    overflow: auto;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}


/* line 78, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000378
    }
}

.vmapi-mmap .mmap-oldie .mmap-popup-content-wrapper {
    zoom: 1;
}


/* line 82, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000382
    }
}

.vmapi-mmap .mmap-oldie .mmap-popup-tip {
    width: 24px;
    margin: 0 auto;
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}


/* line 90, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000390
    }
}

.vmapi-mmap .mmap-oldie .mmap-popup-tip-container {
    margin-top: -1px;
}


/* line 94, assets/less/mmap/control/popup.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/popup\.less
    }
    line {
        font-family: \0000394
    }
}

.vmapi-mmap .mmap-oldie .mmap-control-zoom,
.vmapi-mmap .mmap-oldie .mmap-control-layers,
.vmapi-mmap .mmap-oldie .mmap-popup-content-wrapper,
.vmapi-mmap .mmap-oldie .mmap-popup-tip {
    border: 1px solid #999;
}


/* line 3, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \000033
    }
}

.mmap-control-copyright,
.mmap-control-legend {
    height: 17px;
    font-size: 10px;
    line-height: 17px;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8);
}


/* line 9, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \000039
    }
}

.mmap-control-copyright .mmap-copyright-logo,
.mmap-control-legend .mmap-copyright-logo {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    color: inherit;
    text-decoration: none;
}


/* line 15, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000315
    }
}

.mmap-control-copyright .mmap-copyright-logo:before,
.mmap-control-legend .mmap-copyright-logo:before {
    content: "©";
}


/* line 18, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000318
    }
}

.mmap-control-copyright .mmap-copyright-logo:hover,
.mmap-control-legend .mmap-copyright-logo:hover {
    color: #0175D3;
}


/* line 22, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000322
    }
}

.mmap-control-copyright .mmap-label,
.mmap-control-legend .mmap-label {
    display: inline-block;
    margin-left: 3px;
}


/* line 26, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000326
    }
}

.vmapi-mmap .position-left .mmap-control-copyright,
.vmapi-mmap .position-left .mmap-control-legend {
    padding-right: 10px !important;
    padding-left: 5px !important;
}


/* line 30, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000330
    }
}

.vmapi-mmap .position-right .mmap-control-copyright,
.vmapi-mmap .position-right .mmap-control-legend {
    padding-right: 5px !important;
    padding-left: 10px !important;
}

@media screen and (max-width: 400px) {
    /* line 34, assets/less/mmap/control/copyrights.less */
    @media -sass-debug-info {
        filename {
            font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
        }
        line {
            font-family: \0000334
        }
    }
    .vmapi-mmap .position-right .mmap-control-copyright .mmap-label,
    .vmapi-mmap .position-right .mmap-control-legend .mmap-label {
        display: none;
    }
}


/* line 39, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000339
    }
}

.mmap-control-copyright,
.mmap-control-legend,
.mmap-control-copyright *,
.mmap-control-legend * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* line 45, assets/less/mmap/control/copyrights.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/copyrights\.less
    }
    line {
        font-family: \0000345
    }
}

.mmap-control-legend {
    border-left: 1px solid lightgrey !important;
}


/* line 1, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \000031
    }
}

.mmap-control-scale {
    height: 17px;
    padding-top: 6px !important;
    padding-bottom: 3px !important;
    background-color: rgba(255, 255, 255, 0.8);
}


/* line 6, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \000036
    }
}

.mmap-control-scale.ie8 {
    bottom: 10px;
}


/* line 9, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \000039
    }
}

.mmap-control-scale input {
    display: none;
}


/* line 11, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000311
    }
}

.mmap-control-scale input#mmap-control-scale-metric:checked~.mmap-control-scale-line.metric,
.mmap-control-scale input#mmap-control-scale-imperial:checked~.mmap-control-scale-line.imperial {
    display: block;
}


/* line 15, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000315
    }
}

.mmap-control-scale input#mmap-control-scale-metric:checked~.mmap-control-scale-line.imperial,
.mmap-control-scale input#mmap-control-scale-imperial:checked~.mmap-control-scale-line.metric {
    display: none;
}


/* line 20, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000320
    }
}

.mmap-control-scale label {
    height: 8px;
    font-size: 10px;
    line-height: 2px;
    color: #000;
    text-align: center;
    white-space: nowrap;
    word-spacing: -2px;
    border: 2px solid #808080;
    border-top: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* line 38, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000338
    }
}

.vmapi-mmap .position-left .mmap-control-scale {
    padding-right: 5px !important;
    padding-left: 10px !important;
}


/* line 42, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000342
    }
}

.vmapi-mmap .position-right .mmap-control-scale {
    padding-right: 10px !important;
    padding-left: 5px !important;
}


/* line 46, assets/less/mmap/control/scale.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/control\/scale\.less
    }
    line {
        font-family: \0000346
    }
}

.mmap-control-scale,
.mmap-control-scale * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* line 2, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \000032
    }
}

.vmapi-mmap .vmapi-pois-title,
.vmapi-mmap .sPODTitle {
    background: none repeat scroll 0 0 #ffffe1;
    border: 1px solid #000;
    color: #000;
    display: inline-block;
    padding: 3px;
    z-index: 10;
    max-width: 200px;
}


/* line 12, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000312
    }
}

.vmapi-mmap .map-clustered-pois {
    position: absolute;
}


/* line 16, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000316
    }
}

.vmapi-mmap .sMPMBubble {
    width: 300px;
    height: 170px;
}


/* line 20, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000320
    }
}

.vmapi-mmap .sMPMBubble h1 {
    font-size: 1.6em;
}


/* line 24, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000324
    }
}

.vmapi-mmap .sMPMBubble p {
    float: left;
    margin-top: 15px;
    width: 200px;
}


/* line 30, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000330
    }
}

.vmapi-mmap .sMPMBubble .sBubblePhoto {
    margin-top: 15px;
}


/* line 34, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000334
    }
}

.vmapi-mmap .sMPMBubble .sBubblePhotoContainer {
    float: right;
    height: 95px;
    overflow: hidden;
    width: 95px;
}


/* IE7 */


/* line 44, assets/less/mmap/module/clustered-pois.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/clustered-pois\.less
    }
    line {
        font-family: \0000344
    }
}

*:first-child+html .sPODTitle {
    width: 300px;
}


/* line 2, assets/less/mmap/module/traffic.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/traffic\.less
    }
    line {
        font-family: \000032
    }
}

.mmap-popup-content .mmap-traffic-popup {
    width: 200px;
}


/* line 5, assets/less/mmap/module/traffic.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/traffic\.less
    }
    line {
        font-family: \000035
    }
}

.mmap-popup-content .mmap-traffic-popup .mmap-traffic-picto {
    float: left;
    width: 20%;
}


/* line 10, assets/less/mmap/module/traffic.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\/module\/traffic\.less
    }
    line {
        font-family: \0000310
    }
}

.mmap-popup-content .mmap-traffic-popup .mmap-traffic-description {
    float: left;
    padding-left: 10px;
    width: 80%;
}


/* line 10, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000310
    }
}

.isApiMMapImported {
    /* Uniquement utilisA� pour tester si la CSS a A�tA� importA�e */
    display: none;
}


/* line 15, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000315
    }
}

.mmap-pane,
.mmap-tile,
.mmap-marker-icon,
.mmap-marker-shadow,
.mmap-tile-container,
.mmap-map-pane svg,
.mmap-map-pane canvas,
.mmap-zoom-box,
.mmap-image-layer,
.mmap-layer {
    position: absolute;
    left: 0;
    top: 0;
}


/* line 30, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000330
    }
}

.mmap-container {
    overflow: hidden;
    -ms-touch-action: none;
}


/* line 35, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000335
    }
}

.mmap-tile,
.mmap-marker-icon,
.mmap-marker-shadow {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}


/* Safari renders non-retina tile on retina better with this, but Chrome is worse */


/* line 46, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000346
    }
}

.mmap-safari .mmap-tile {
    image-rendering: -webkit-optimize-contrast;
}


/* hack that prevents hw layers "stretching" when loading new tiles */


/* line 51, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000351
    }
}

.mmap-safari .mmap-tile-container {
    width: 1600px;
    height: 1600px;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
}


/* line 61, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000361
    }
}

.mmap-marker-icon,
.mmap-marker-shadow {
    display: block;
}


/* map is broken in FF if you have max-width: 100% on tiles */


/* line 67, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000367
    }
}

.mmap-container img {
    max-width: none !important;
}


/* stupid Android 2 doesn't understand "max-width: none" properly */


/* line 72, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000372
    }
}

.mmap-container img.mmap-image-layer {
    max-width: 15000px !important;
}


/* line 76, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000376
    }
}

.mmap-tile {
    filter: inherit;
    visibility: hidden;
}


/* line 81, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000381
    }
}

.mmap-tile-loaded {
    visibility: inherit;
}


/* line 85, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000385
    }
}

.mmap-zoom-box {
    width: 0;
    height: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 8;
}


/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */


/* line 95, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \0000395
    }
}

.mmap-overlay-pane svg {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/* line 102, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003102
    }
}

.mmap-pane {
    z-index: 4;
}


/* line 106, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003106
    }
}

.mmap-tile-pane {
    z-index: 2;
}


/* line 110, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003110
    }
}

.mmap-overlay-pane {
    z-index: 4;
}


/* line 114, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003114
    }
}

.mmap-shadow-pane {
    z-index: 5;
}


/* line 118, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003118
    }
}

.mmap-marker-pane {
    z-index: 6;
}


/* line 122, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003122
    }
}

.mmap-popup-pane {
    z-index: 7;
}


/* line 126, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003126
    }
}

.mmap-map-pane canvas {
    z-index: 1;
}


/* line 130, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003130
    }
}

.mmap-map-pane svg {
    z-index: 2;
}


/* line 134, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003134
    }
}

.mmap-vml-shape {
    width: 1px;
    height: 1px;
}


/* line 139, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003139
    }
}

.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
}


/* control positioning */


/* line 147, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003147
    }
}

.mmap-control {
    position: relative;
    z-index: 7;
    pointer-events: auto;
    cursor: default !important;
}


/* line 152, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003152
    }
}

.position-left .mmap-control {
    float: left;
}


/* line 155, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003155
    }
}

.position-right .mmap-control {
    float: right;
}


/* zoom and fade animations */


/* line 162, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003162
    }
}

.mmap-fade-anim .mmap-tile,
.mmap-fade-anim .mmap-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}


/* line 171, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003171
    }
}

.mmap-fade-anim .mmap-tile-loaded,
.mmap-fade-anim .mmap-map-pane .mmap-popup {
    opacity: 1;
}


/* line 176, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003176
    }
}

.mmap-zoom-anim .mmap-zoom-animated {
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
    transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}


/* line 183, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003183
    }
}

.mmap-zoom-anim .mmap-tile,
.mmap-pan-anim .mmap-tile {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}


/* line 191, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003191
    }
}

.mmap-zoom-anim .mmap-zoom-hide {
    visibility: hidden;
}


/* cursors */


/* line 197, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003197
    }
}

.mmap-container {
    cursor: -webkit-grab;
    cursor: -moz-grab;
}


/* line 202, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003202
    }
}

.mmap-interactive,
.mmap-interactive .mmap-container {
    cursor: pointer;
}


/* line 207, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003207
    }
}

.mmap-crosshair,
.mmap-crosshair .mmap-interactive {
    cursor: crosshair;
}


/* line 212, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003212
    }
}

.mmap-popup-pane,
.mmap-control {
    cursor: auto;
}


/* line 217, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003217
    }
}

.mmap-dragging .mmap-container,
.mmap-dragging .mmap-interactive {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}


/* visual tweaks */


/* line 226, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003226
    }
}

.mmap-container {
    background: #ddd;
    outline: 0;
}


/* line 231, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003231
    }
}

.mmap-container a {
    color: #0078a8;
}


/* line 235, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003235
    }
}

.mmap-container a.mmap-active {
    outline: 2px solid orange;
}


/* line 239, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003239
    }
}

.mmap-zoom-box {
    border: 2px solid red;
    background: rgba(255, 255, 255, 0.5);
}


/* general typography */


/* line 245, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003245
    }
}

.mmap-container {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* general toolbar styles */


/* line 251, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003251
    }
}

.mmap-bar {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
    border-radius: 4px;
}


/* line 256, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003256
    }
}

.mmap-bar a,
.mmap-bar a:hover {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: block;
    text-align: center;
    text-decoration: none;
    color: black;
}


/* line 269, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003269
    }
}

.mmap-bar a,
.mmap-control-layers-toggle {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
}


/* line 276, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003276
    }
}

.mmap-bar a:hover {
    background-color: #f4f4f4;
}


/* line 280, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003280
    }
}

.mmap-bar a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/* line 285, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003285
    }
}

.mmap-bar a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom: none;
}


/* line 291, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003291
    }
}

.mmap-bar a.mmap-disabled {
    cursor: default;
    background-color: #f4f4f4;
    color: #bbb;
}


/* line 297, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003297
    }
}

.mmap-touch .mmap-bar a {
    width: 30px;
    height: 30px;
    line-height: 30px;
}


/* zoom control */


/* line 305, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003305
    }
}

.mmap-control-zoom-in,
.mmap-control-zoom-out {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    text-indent: 1px;
}


/* line 311, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003311
    }
}

.mmap-control-zoom-out {
    font-size: 20px;
}


/* line 315, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003315
    }
}

.mmap-touch .mmap-control-zoom-in {
    font-size: 22px;
}


/* line 319, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003319
    }
}

.mmap-touch .mmap-control-zoom-out {
    font-size: 24px;
}


/* line 323, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003323
    }
}

.mmap-touch .mmap-control-attribution,
.mmap-touch .mmap-control-layers,
.mmap-touch .mmap-bar {
    box-shadow: none;
}


/* line 329, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003329
    }
}

.mmap-touch .mmap-control-layers,
.mmap-touch .mmap-bar {
    border: 2px solid rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
}


/* div icon */


/* line 337, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003337
    }
}

.mmap-div-icon {
    background: #fff;
    border: 1px solid #666;
}


/* line 342, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003342
    }
}

.position-top,
.position-bottom {
    position: absolute;
    z-index: 100;
    pointer-events: none;
}


/* line 349, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003349
    }
}

.position-top {
    top: 0;
}


/* line 353, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003353
    }
}

.position-right {
    right: 0;
}


/* line 357, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003357
    }
}

.position-bottom {
    bottom: 0;
}


/* line 361, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003361
    }
}

.position-left {
    left: 0;
}


/* line 365, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003365
    }
}

.position-control {
    float: left;
    clear: both;
}


/* line 370, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003370
    }
}

.ui-navigation-bound {
    cursor: url(/apijs/1.74.0/public/img/all/map/openhand.cur), default;
}


/* line 374, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003374
    }
}

.ui-navigation-zoom {
    cursor: url(/apijs/1.74.0/public/img/all/map/loupe.cur), default;
}


/* Marker */


/* line 379, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003379
    }
}

.mmap-map-pane .marker-icon-disabled {
    display: none;
}


/* line 383, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003383
    }
}

.vmapi-mmap .no-background {
    background: none;
}


/* line 387, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003387
    }
}

.vmapi-mmap .no-events-listener {
    pointer-events: none;
}


/* Mmap Control Logo */


/* line 400, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003400
    }
}

.vmapi-mmap .mmap-control-logo {
    float: none !important;
    margin-left: 4px;
}


/* line 403, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003403
    }
}

.vmapi-mmap .mmap-control-logo img {
    max-width: 100px !important;
    max-height: 31px;
}


/* line 408, assets/less/mmap.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/mmap\.less
    }
    line {
        font-family: \00003408
    }
}

.vmapi-mmap .position-right .mmap-control-logo {
    display: none !important;
}


/* line 2, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \000032
    }
}

.ui-map-tools {
    float: right;
    padding: 5px;
    position: relative;
    z-index: 20;
    width: 24px;
}


/* line 14, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000314
    }
}

.ui-skin-default .ui-navigation-control .ui-item-indicator {
    background-position: 0 -160px;
    top: 104px;
    width: 24px;
}


/* line 20, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000320
    }
}

.ui-skin-default .ui-navigation-control .ui-item-drag-on {
    height: 20px;
    width: 24px;
}


/* line 25, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000325
    }
}

.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-on,
.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-off {
    width: 24px;
    height: 20px;
}


/* line 31, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000331
    }
}

.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-on {
    background-position: 0 -380px;
}


/* line 35, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000335
    }
}

.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-off {
    background-position: 0 -410px;
}


/* line 39, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000339
    }
}

.ui-skin-default .ui-navigation-control-mini .ui-navigation-plus,
.ui-skin-default .ui-navigation-control-mini .ui-navigation-minus {
    background: url(../images/navigation_mini.png) no-repeat 0 0;
    height: 22px;
    width: 24px;
    cursor: pointer;
}


/* line 47, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000347
    }
}

.ui-skin-default .ui-navigation-control-mini .ui-navigation-plus {
    background-position: 0 0;
}


/* line 50, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000350
    }
}

.ui-skin-default .ui-navigation-control-mini .ui-navigation-minus {
    background-position: 0 -21px;
}


/* line 54, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000354
    }
}

.ui-skin-default .ui-navigation-control-mini .ui-navigation-control-mini-bg {
    background: url(../images/navigation_mini.png) no-repeat 0 0;
    height: 42px;
    width: 24px;
}


/* line 60, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000360
    }
}

.ui-skin-default .ui-navigation-control .ui-navigation-mode {
    background-position: 0 0px;
    height: 21px;
    width: 24px;
}


/* line 66, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000366
    }
}

.ui-skin-default .ui-navigation-control .ui-navigation-control-bg {
    background-position: 0 -23px;
    height: 130px;
    width: 24px;
}


/* line 72, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000372
    }
}

.ui-skin-default .ui-navigation-control .ui-item-indicator,
.ui-skin-default .ui-navigation-control .ui-item-drag-on,
.ui-skin-default .ui-navigation-control .ui-navigation-control-bg,
.ui-skin-default .ui-map-tools .ui-geolocation-off,
.ui-skin-default .ui-map-tools .ui-geolocation-off,
.ui-skin-default .ui-map-tools .ui-geolocation-on,
.ui-skin-default .ui-map-tools .ui-geolocation-waiting,
.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-off,
.ui-skin-default .ui-fullscreen-control .ui-item-fullscreen-on,
.ui-skin-default .ui-map-tools .ui-settingByOverlay,
.ui-skin-default .ui-map-tools .ui-weather-on,
.ui-skin-default .ui-map-tools .ui-weather-off,
.ui-skin-default .ui-map-tools .ui-navigation-mode-selector,
.ui-skin-default .ui-map-tools .ui-navigation-mode-hand {
    background-image: url(../images/navigation.png);
    background-repeat: no-repeat;
    cursor: pointer;
}


/* line 92, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000392
    }
}

.ui-skin-default .ui-navigation-control map,
.ui-skin-default .ui-navigation-control map area {
    cursor: pointer;
    display: block;
}


/* line 99, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \0000399
    }
}

.ui-skin-default .ui-map-tools .ui-settingByOverlay,
.ui-skin-default .ui-map-tools .ui-geolocation-off,
.ui-skin-default .ui-map-tools .ui-geolocation-on,
.ui-skin-default .ui-map-tools .ui-geolocation-waiting,
.ui-skin-default .ui-map-tools .ui-weather-off,
.ui-skin-default .ui-map-tools .ui-weather-on {
    cursor: pointer;
    width: 24px;
    height: 20px;
}


/* line 109, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003109
    }
}

.ui-skin-default .ui-map-tools .ui-geolocation-on {
    background-position: 0 -440px;
}


/* line 112, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003112
    }
}

.ui-skin-default .ui-map-tools .ui-geolocation-off {
    background-position: 0 -500px;
}


/* line 115, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003115
    }
}

.ui-skin-default .ui-map-tools .ui-geolocation-waiting {
    background-position: 0 -470px;
}


/* line 119, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003119
    }
}

.ui-map-tools .ui-map-geolocation-container,
.ui-map-tools .ui-map-weather-container,
.ui-map-settingByOverlay-container,
.ui-skin-default .ui-fullscreen-control {
    float: left;
    margin-top: 2px;
    position: relative;
}


/* line 128, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003128
    }
}

.ui-skin-default .ui-map-tools .ui-settingByOverlay {
    background-position: 0 -590px;
}


/* line 132, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003132
    }
}

.ui-skin-default .ui-map-tools .ui-weather-on {
    background-position: 0 -530px;
}


/* line 135, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003135
    }
}

.ui-skin-default .ui-map-tools .ui-weather-off {
    background-position: 0 -560px;
}


/* line 139, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003139
    }
}

.ui-skin-default .ui-map-tools .ui-navigation-mode-selector,
.ui-skin-default .ui-map-tools .ui-navigation-mode-hand {
    width: 24px;
    height: 21px;
    margin-bottom: 6px;
}


/* line 146, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003146
    }
}

.ui-skin-default .ui-map-tools .ui-navigation-mode-selector {
    background-position: 0 0;
}


/* line 149, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003149
    }
}

.ui-skin-default .ui-map-tools .ui-navigation-mode-hand {
    background-position: 0 -189px;
}


/*********************************/


/**** START : SETTING  ***********/


/*********************************/


/* line 156, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003156
    }
}

.ui-map .ui-setting-curtain,
.ui-bigCurtain {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


/* line 163, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003163
    }
}

.ui-bigCurtain {
    position: fixed;
}


/* line 166, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003166
    }
}

.ui-map .ui-setting-curtain {
    position: absolute;
}


/* line 170, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003170
    }
}

.ui-map .overlayGeneralPanel,
.ui-map .overlayPodPanel {
    background-color: #FFF;
    position: absolute;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    top: 5%;
    border: 1px solid black;
    padding: 10px 5px 5px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}


/* line 184, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003184
    }
}

.ui-map .overlayPodPanel {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    height: 90%;
}


/* line 191, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003191
    }
}

.ui-map .overlayGeneralPanel .title,
.ui-map .overlayPodPanel .title {
    text-align: center;
    font-weight: 500;
}


/* line 197, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003197
    }
}

.ui-map .overlayGeneralPanel .setting,
.ui-map .overlayPodPanel .setting {
    border: 2px solid #ddd;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px;
    font-weight: 500;
    color: #000;
    background: #FFF;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BBBBBB');
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#BBB));
    background: -moz-linear-gradient(top, #FFF, #BBB);
}


/* line 213, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003213
    }
}

.ui-map .overlayGeneralPanel .setting {
    height: 20px;
    cursor: pointer;
}


/* line 218, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003218
    }
}

.ui-map .overlayGeneralPanel .setting .title,
.ui-map .overlayPodPanel .setting .title {
    text-align: left;
    padding-left: 20px;
    float: left;
    width: 50%;
}


/* line 226, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003226
    }
}

.ui-map .overlayPodPanel .setting .title {
    padding-bottom: 10px;
}


/* line 230, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003230
    }
}

.ui-map .overlayGeneralPanel .setting .selector {
    float: left;
    text-align: right;
    width: 40%;
    padding-right: 20px;
}


/* line 237, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003237
    }
}

.ui-map .overlayGeneralPanel .displayed,
.ui-map .overlayPodPanel .displayed {
    color: #090;
}


/* line 242, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003242
    }
}

.ui-map .overlayGeneralPanel .hidden,
.ui-map .overlayPodPanel .hidden {
    color: #777;
}


/* line 247, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003247
    }
}

.ui-map .overlayPodPanel .setting table {
    width: 85%;
    margin-left: 40px;
    cursor: pointer;
}


/* line 253, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003253
    }
}

.ui-map .overlayPodPanel .setting table .selector {
    text-align: right;
    width: 15%;
}


/* line 258, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003258
    }
}

.ui-map .overlayPodPanel .setting img {
    margin-right: 5px;
    vertical-align: middle;
}


/* line 263, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003263
    }
}

.ui-map .overlayGeneralPanel .setting .selector img,
.ui-map .overlayPodPanel .setting .selector img {
    vertical-align: middle;
}


/* line 269, assets/less/last/all/skin/Default.less */

@media -sass-debug-info {
    filename {
        font-family: file\:\/\/assets\/less\/last\/all\/skin\/Default\.less
    }
    line {
        font-family: \00003269
    }
}

.ui-map .overlayGeneralPanel .ui-link,
.ui-map .overlayPodPanel .ui-link {
    text-align: right;
    cursor: pointer;
    font-weight: 500;
    margin-top: 10px;
    color: #00D;
}


/*********************************/


/**** END : SETTING    ***********/


/*********************************/

* {
    box-sizing: border-box
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0
}

.map img,
.roadsheetContent img {
    max-width: none
}

svg:not(:root) {
    overflow: hidden
}

a {
    color: inherit;
    text-decoration: none
}

ol,
ul {
    list-style: none
}

blockquote {
    quotes: "\201C" "\201D"
}

blockquote:before,
blockquote:after {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 7rem;
    line-height: 0;
    color: #bfbfbf
}

blockquote:before {
    content: open-quote
}

blockquote:after {
    content: close-quote
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

button,
input,
select,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    color: inherit;
    background: transparent;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

button,
input {
    line-height: normal;
    vertical-align: middle
}

textarea {
    overflow: auto;
    vertical-align: top
}

button,
select {
    text-transform: none
}

button,
[type="submit"] {
    cursor: pointer
}

input[disabled] {
    opacity: 1;
    pointer-events: none
}

#content *:focus {
    outline: 0
}

::-moz-focus-inner {
    border: 0
}

::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

::-webkit-input-placeholder {
    color: #bebebe;
    font-weight: normal
}

::-moz-placeholder {
    color: #bebebe;
    font-weight: normal
}

:-moz-placeholder {
    color: #bebebe;
    font-weight: normal
}

:-ms-input-placeholder {
    color: #bebebe !important;
    font-weight: normal !important
}

::-ms-input-placeholder {
    color: #bebebe;
    font-weight: normal
}

::placeholder {
    color: #bebebe;
    font-weight: normal
}

::-webkit-contacts-auto-fill-button,
::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    position: absolute;
    right: 0;
    opacity: 0;
    pointer-events: none
}

.breakword {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.close {
    font: bold 22px/40px "Times New Roman", Times, Georgia, serif;
    text-align: center;
    vertical-align: middle
}

.close:before {
    content: "\00d7"
}

.clearfx:before,
.clearfx:after {
    content: "";
    display: table
}

.clearfx:after {
    clear: both
}

.unselectable,
.poibar,
.menu,
.searchbox-hotel .searchbox-calendar,
.shared_itinerary_search_options,
.car-selector,
.break-edition,
.more-actions,
.corridor-container .corridor-item,
.itinerary_print_options,
.poilist-header,
.gdpr {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.1% {
        -webkit-transform: matrix3d(1.223, 0, 0, 0, 0, 1.223, 0, 0, 0, 0, 1, 0, 0, -13.604, 0, 1);
        transform: matrix3d(1.223, 0, 0, 0, 0, 1.223, 0, 0, 0, 0, 1, 0, 0, -13.604, 0, 1)
    }
    4.1% {
        -webkit-transform: matrix3d(1.361, 0, 0, 0, 0, 1.361, 0, 0, 0, 0, 1, 0, 0, -24.568, 0, 1);
        transform: matrix3d(1.361, 0, 0, 0, 0, 1.361, 0, 0, 0, 0, 1, 0, 0, -24.568, 0, 1)
    }
    8.21% {
        -webkit-transform: matrix3d(1.46, 0, 0, 0, 0, 1.46, 0, 0, 0, 0, 1, 0, 0, -33.563, 0, 1);
        transform: matrix3d(1.46, 0, 0, 0, 0, 1.46, 0, 0, 0, 0, 1, 0, 0, -33.563, 0, 1)
    }
    12.41% {
        -webkit-transform: matrix3d(1.389, 0, 0, 0, 0, 1.389, 0, 0, 0, 0, 1, 0, 0, -27.043, 0, 1);
        transform: matrix3d(1.389, 0, 0, 0, 0, 1.389, 0, 0, 0, 0, 1, 0, 0, -27.043, 0, 1)
    }
    16.62% {
        -webkit-transform: matrix3d(1.246, 0, 0, 0, 0, 1.246, 0, 0, 0, 0, 1, 0, 0, -15.313, 0, 1);
        transform: matrix3d(1.246, 0, 0, 0, 0, 1.246, 0, 0, 0, 0, 1, 0, 0, -15.313, 0, 1)
    }
    20.82% {
        -webkit-transform: matrix3d(1.103, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, -5.682, 0, 1);
        transform: matrix3d(1.103, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, -5.682, 0, 1)
    }
    25.03% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.023, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.023, 0, 1)
    }
    29.13% {
        -webkit-transform: matrix3d(1.054, 0, 0, 0, 0, 1.054, 0, 0, 0, 0, 1, 0, 0, -2.857, 0, 1);
        transform: matrix3d(1.054, 0, 0, 0, 0, 1.054, 0, 0, 0, 0, 1, 0, 0, -2.857, 0, 1)
    }
    33.23% {
        -webkit-transform: matrix3d(1.069, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, -3.675, 0, 1);
        transform: matrix3d(1.069, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, -3.675, 0, 1)
    }
    50.05% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1)
    }
    58.26% {
        -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.52, 0, 1);
        transform: matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.52, 0, 1)
    }
    75.08% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1)
    }
    83.28% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -0.077, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -0.077, 0, 1)
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.1% {
        -webkit-transform: matrix3d(1.223, 0, 0, 0, 0, 1.223, 0, 0, 0, 0, 1, 0, 0, -13.604, 0, 1);
        transform: matrix3d(1.223, 0, 0, 0, 0, 1.223, 0, 0, 0, 0, 1, 0, 0, -13.604, 0, 1)
    }
    4.1% {
        -webkit-transform: matrix3d(1.361, 0, 0, 0, 0, 1.361, 0, 0, 0, 0, 1, 0, 0, -24.568, 0, 1);
        transform: matrix3d(1.361, 0, 0, 0, 0, 1.361, 0, 0, 0, 0, 1, 0, 0, -24.568, 0, 1)
    }
    8.21% {
        -webkit-transform: matrix3d(1.46, 0, 0, 0, 0, 1.46, 0, 0, 0, 0, 1, 0, 0, -33.563, 0, 1);
        transform: matrix3d(1.46, 0, 0, 0, 0, 1.46, 0, 0, 0, 0, 1, 0, 0, -33.563, 0, 1)
    }
    12.41% {
        -webkit-transform: matrix3d(1.389, 0, 0, 0, 0, 1.389, 0, 0, 0, 0, 1, 0, 0, -27.043, 0, 1);
        transform: matrix3d(1.389, 0, 0, 0, 0, 1.389, 0, 0, 0, 0, 1, 0, 0, -27.043, 0, 1)
    }
    16.62% {
        -webkit-transform: matrix3d(1.246, 0, 0, 0, 0, 1.246, 0, 0, 0, 0, 1, 0, 0, -15.313, 0, 1);
        transform: matrix3d(1.246, 0, 0, 0, 0, 1.246, 0, 0, 0, 0, 1, 0, 0, -15.313, 0, 1)
    }
    20.82% {
        -webkit-transform: matrix3d(1.103, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, -5.682, 0, 1);
        transform: matrix3d(1.103, 0, 0, 0, 0, 1.103, 0, 0, 0, 0, 1, 0, 0, -5.682, 0, 1)
    }
    25.03% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.023, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.023, 0, 1)
    }
    29.13% {
        -webkit-transform: matrix3d(1.054, 0, 0, 0, 0, 1.054, 0, 0, 0, 0, 1, 0, 0, -2.857, 0, 1);
        transform: matrix3d(1.054, 0, 0, 0, 0, 1.054, 0, 0, 0, 0, 1, 0, 0, -2.857, 0, 1)
    }
    33.23% {
        -webkit-transform: matrix3d(1.069, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, -3.675, 0, 1);
        transform: matrix3d(1.069, 0, 0, 0, 0, 1.069, 0, 0, 0, 0, 1, 0, 0, -3.675, 0, 1)
    }
    50.05% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.007, 0, 1)
    }
    58.26% {
        -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.52, 0, 1);
        transform: matrix3d(1.01, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.52, 0, 1)
    }
    75.08% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1)
    }
    83.28% {
        -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -0.077, 0, 1);
        transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, -0.077, 0, 1)
    }
    100% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

.sprite,
.ambiguity ul li:before,
.panel-seo ul li,
.fdr .fdr-step .fdr-step-description.roadsheet-target-departure span,
.fdr .fdr-step .fdr-step-description.roadsheet-target-step span,
.fdr .fdr-step .fdr-step-description.roadsheet-target-arrival span,
.pois_index_facets .poi-item-stars span,
.push-title span:before,
.bubble-tools {
    background-image: url("../images/sprite.png");
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 2.6/2),
only screen and (min-device-pixel-ratio: 1.3),
only screen and (min-resolution: 124dpi),
only screen and (min-resolution: 1.3dppx) {
    .sprite,
    .ambiguity ul li:before,
    .panel-seo ul li,
    .fdr .fdr-step .fdr-step-description.roadsheet-target-departure span,
    .fdr .fdr-step .fdr-step-description.roadsheet-target-step span,
    .fdr .fdr-step .fdr-step-description.roadsheet-target-arrival span,
    .pois_index_facets .poi-item-stars span,
    .push-title span:before,
    .bubble-tools {
        background-image: url("../images/sprite-x2.png");
        background-size: 525px 1950px
    }
}

.png-sprite,
.logo-michelin,
.logo-viamichelin,
.menu li.menu-lang .menu-item:before,
.map_tools .toggle-cardtype:before,
.map_tools .cardtype label.cardtype-item:before,
.itinerary-section-title-organise-trip:before {
    /*background-image: url("../images/png-sprite.png");*/
    background-repeat: no-repeat;
    background-size: 155px 237px
}

.svg-sprite {
    display: none
}

.icon {
    vertical-align: -0.15rem
}

html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #626060
}

.view-container {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%
}

@media only screen and (max-width: 640px) {
    .view-container {
        display: block
    }
}

.view-container .panel,
.view-container .view {
    display: table-cell;
    vertical-align: top;
    background-color: #fff
}

@media only screen and (max-width: 640px) {
    .view-container .panel,
    .view-container .view {
        display: block
    }
}

.panel {
    z-index: 100;
    position: relative;
    width: 32rem;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1)
}

.hotel_index_view .locality-search-result .panel,
.restaurant_index_view .locality-search-result .panel,
.tourism_index_view .locality-search-result .panel,
.service_index_view .locality-search-result .panel {
    width: 50%
}

@media only screen and (max-width: 640px) {
    .panel {
        z-index: auto;
        width: 100% !important;
        box-shadow: none
    }
}

.panel.panel-resize-in-progress:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    opacity: .75
}

.panel-inner {
    position: relative
}

.panel-grip {
    display: none;
    z-index: 101;
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -35px;
    width: 15px;
    height: 70px;
    background-color: #fff;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    opacity: .9;
    cursor: e-resize
}

.panel.ui-resizable .panel-grip {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .panel.ui-resizable .panel-grip {
        display: none
    }
}

.panel-grip span {
    top: 50%;
    left: 7px;
    margin-top: -7.5px
}

.panel-grip span,
.panel-grip span:before,
.panel-grip span:after {
    position: absolute;
    width: 1px;
    height: 15px;
    background-color: #615f5f
}

.panel-grip span:before,
.panel-grip span:after {
    content: "";
    display: inline-block
}

.panel-grip span:before {
    left: -3px
}

.panel-grip span:after {
    left: 3px
}

.panel-grip:hover,
.panel-grip:active {
    background-color: #0175D3
}

.panel-grip:hover span,
.panel-grip:active span,
.panel-grip:hover span:before,
.panel-grip:active span:before,
.panel-grip:hover span:after,
.panel-grip:active span:after {
    background-color: #fff
}

.panel-title {
    margin-top: 10px;
    font-size: 2rem;
    font-weight: 500;
    color: #323232;
    text-align: center
}

@media only screen and (max-width: 640px) {
    .panel-title {
        display: none
    }
}

.scrollable-area {
    overflow-y: auto
}

@media only screen and (max-width: 640px) {
    .scrollable-area {
        overflow-y: visible
    }
}

.map-container {
    overflow: hidden;
    position: relative
}

.poi_view .map-container {
    margin: 2rem 1rem 0 1rem;
    height: 200px
}

.map-container .map {
    width: inherit !important;
    height: 100%
}

.print_map .map-container {
    margin: 2px auto 0 auto;
    width: 800px;
    border: 1px solid #ddd
}

@media only screen and (max-width: 640px) {
    .map-container {
        margin-top: 10px
    }
    .print_simple_map .map-container {
        margin-top: 0
    }
    .poi_view .map-container {
        height: 180px
    }
    .home_index_view .map-container,
    .itinerary-is-on-hp .map-container,
    .itinerary-model-has-errors .map-container,
    .itinerary-model-has-ambiguities .map-container,
    .hotel_index_view .locality-search-result .map-container,
    .restaurant_index_view .locality-search-result .map-container,
    .tourism_index_view .locality-search-result .map-container,
    .service_index_view .locality-search-result .map-container {
        width: 100%;
        height: 180px !important
    }
    .hotel_index_view .locality-search-result .map-container,
    .restaurant_index_view .locality-search-result .map-container,
    .tourism_index_view .locality-search-result .map-container,
    .service_index_view .locality-search-result .map-container {
        position: absolute;
        left: 0
    }
    .hotel_index_view .locality-search-result .map-container {
        top: 256px
    }
    .restaurant_index_view .locality-search-result .map-container,
    .tourism_index_view .locality-search-result .map-container,
    .service_index_view .locality-search-result .map-container {
        top: 166px
    }
}

.show-top {
    display: none;
    z-index: 150;
    position: fixed;
    bottom: 35px;
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-right-width: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    opacity: .85
}

.show-top .icon {
    width: 1.6rem;
    height: .9rem;
    fill: #0175D3;
    vertical-align: .15rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.show-top:hover {
    background-color: #0175D3;
    border-color: #f2f2f2;
    opacity: 1
}

.show-top:hover .icon {
    fill: #fff
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .show-top {
        bottom: 10px
    }
}

.search-in-progress {
    cursor: progress;
    overflow-y: hidden
}

#advertising_728 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 728px;
    height: 90px
}

.hotel_index_view #advertising_728,
.hotel_view #advertising_728,
.roadblock-resize #advertising_728 {
    display: none
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #advertising_728 {
        display: none
    }
}

#advertising_728_under {
    position: relative;
    display: none;
    width: 728px;
    height: 90px;
    margin: 0 auto
}

.print-roadsheet #advertising_728_under {
    display: block !important
}

@media print {
    .print-roadsheet #advertising_728_under {
        display: none !important
    }
}

#advertising_728:before,
#advertising_728_under:before {
    content: attr(data-label);
    font-size: .7rem;
    text-transform: uppercase;
    color: #7f7f7f;
    word-wrap: break-word;
    display: inline-block;
    width: 5px;
    position: absolute;
    left: -10px;
    top: 5px
}

#advertising_300,
#advertising_300_under,
#advertising_300_roadsheet {
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    height: 267px
}

.hotel_index_view .locality-search-result #advertising_300,
.hotel_index_view .locality-search-result #advertising_300_under,
.hotel_index_view .locality-search-result #advertising_300_roadsheet,
.restaurant_index_view .locality-search-result #advertising_300,
.restaurant_index_view .locality-search-result #advertising_300_under,
.restaurant_index_view .locality-search-result #advertising_300_roadsheet,
.tourism_index_view .locality-search-result #advertising_300,
.tourism_index_view .locality-search-result #advertising_300_under,
.tourism_index_view .locality-search-result #advertising_300_roadsheet,
.service_index_view .locality-search-result #advertising_300,
.service_index_view .locality-search-result #advertising_300_under,
.service_index_view .locality-search-result #advertising_300_roadsheet,
.en_IE .traffic_index_view #advertising_300,
.en_IE .traffic_index_view #advertising_300_under,
.en_IE .traffic_index_view #advertising_300_roadsheet {
    display: none !important
}

#advertising_300_roadsheet {
    display: none
}

@media only screen and (max-width: 640px) {
    .de_DE #advertising_300_roadsheet,
    .fr_FR #advertising_300_roadsheet,
    .es_ES #advertising_300_roadsheet,
    .fr_BE #advertising_300_roadsheet,
    .nl_BE #advertising_300_roadsheet,
    .nl_NL #advertising_300_roadsheet,
    .en_GB #advertising_300_roadsheet,
    .en #advertising_300_roadsheet,
    .en_IE #advertising_300_roadsheet,
    .pt_PT #advertising_300_roadsheet,
    .pl #advertising_300_roadsheet {
        display: block
    }
}
b, strong{
	font-weight:500;
}
@media only screen and (max-width: 640px) {
    #advertising_300,
    #advertising_300_under {
        display: none
    }
}

#advertising_300_under {
    margin-top: 10px
}

#advertising_300:before,
#advertising_300_under:before,
#advertising_300_roadsheet:before {
    content: attr(data-label);
    font-size: .7rem;
    text-transform: uppercase;
    color: #7f7f7f
}

#advertising_300x105 {
    display: none;
    margin: 10px auto;
    width: 300px;
    height: 105px
}

.fr_BE .itinerary-result #advertising_300x105,
.fr_FR .itinerary-result #advertising_300x105,
.it_IT .itinerary-result #advertising_300x105 {
    display: block
}

@media only screen and (max-width: 640px) {
    .fr_BE .itinerary-result #advertising_300x105,
    .fr_FR .itinerary-result #advertising_300x105,
    .it_IT .itinerary-result #advertising_300x105 {
        display: none
    }
}

#advertising_320 {
    display: none
}

@media only screen and (max-width: 640px) {
    #advertising_320 {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
        height: 100px
    }
    .poi_view.hotel_view #advertising_320 {
        display: none
    }
    .home_index_view #advertising_320,
    .itinerary_index_view #advertising_320,
    .poi_view #advertising_320 {
        display: block
    }
}

#advertising_l1,
#advertising_i1,
#advertising_i2,
#advertising_i4 {
    display: none;
    width: 1px;
    height: 1px
}

.fr_FR #advertising_l1,
.fr_FR #advertising_i1,
.fr_FR #advertising_i2,
.fr_FR #advertising_i4 {
    display: block
}

#advertising_1 {
    display: none;
    width: 1px;
    height: 1px
}

.es_ES #advertising_1,
.de_DE #advertising_1,
.en_GB #advertising_1,
.fr_FR #advertising_1 {
    display: block
}

@media only screen and (max-width: 640px) {
    .nl_NL #advertising_1,
    .pl #advertising_1,
    .pt_PT #advertising_1,
    .de_DE #advertising_1,
    .it_IT #advertising_1 {
        display: block
    }
    .fr_BE .home_index_view #advertising_1,
    .fr_BE .itinerary_index_view #advertising_1,
    .fr_BE .address_index_view #advertising_1,
    .fr_BE .poi_view #advertising_1,
    .nl_BE .home_index_view #advertising_1,
    .nl_BE .itinerary_index_view #advertising_1,
    .nl_BE .address_index_view #advertising_1,
    .nl_BE .poi_view #advertising_1 {
        display: block
    }
    .de_DE .hotel_index_view #advertising_1,
    .de_DE .restaurant_index_view #advertising_1,
    .de_DE .tourism_index_view #advertising_1 {
        display: none
    }
}

#advertising_2 {
    display: none;
    width: 2px;
    height: 2px
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (min-width: 1025px) {
    .it_IT #advertising_2 {
        display: block
    }
}

.roadblock {
    position: relative;
    background: transparent;
    margin: 0px auto
}

.roadblock img {
    border: 0;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0
}

.roadblock .top-image {
    position: relative;
    background: transparent;
    margin: 0px auto
}

.roadblock .left-image {
    background-color: transparent;
    z-index: 1;
    position: absolute;
    top: 0
}

.roadblock .right-image {
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    position: absolute;
    top: 0
}

.roadblock-resize {
    margin: 0px auto;
    width: 100%
}

#content .completion-on .scrollable-area {
    -webkit-overflow-scrolling: auto
}

#content .completion-on .searchbox.highlight {
    z-index: 201
}

#content .vmapi-completion:not(.vmapi-mcm-completion) {
    z-index: 201;
    position: absolute;
    left: 10px !important;
    right: 10px !important;
    width: auto;
    max-height: 346px;
    border: 0; 
    overflow-y: scroll;
	background:#eee
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .vmapi-completion:not(.vmapi-mcm-completion) {
        max-height: none
    }
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item {
  display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 8px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #676767;
	    cursor: pointer;
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon {
    float: left;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 13px;
    width: 1.1rem;
    height: 1.6rem;
    fill: #9f9f9f;
    vertical-align: -0.35rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-location,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-bookmark {
    margin-left: 1px;
    margin-right: 10px;
    width: 1.5rem;
    height: 1.5rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-home-fill,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-history {
    margin-top: 2px;
    width: 1.5rem;
    height: 1.3rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-home-fill {
    margin-left: 0;
    margin-right: 11px
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-work,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-restaurant {
    margin-left: 1px;
    margin-right: 11px;
    width: 1.4rem;
    height: 1.4rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-history {
    margin-left: 0;
    margin-right: 11px
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-trash {
    margin-left: 2px;
    margin-right: 11px;
    width: 1.15rem;
    height: 1.47rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-trash,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>.icon.icon-bookmark {
    fill: #0175D3
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>span {
    display: block;
    overflow: hidden;
	    margin-left: 12px;
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>span.should-be-edited {
    float: right;
    width: 24px;
    height: 18px
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>span.should-be-edited:hover .icon-edit:before,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item>span.should-be-edited:hover .icon-edit:after {
    background: #0175D3
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item.delete-history,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item.open-bookmarks,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item.bookmarks {
    color: #0175D3
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item:hover,
#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-item-active {
    color: #0175D3;
    background-color: #efefef
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item.completion-custom-icon .icon {
    display: none
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-completion-item.completion-custom-icon {
    padding-left: 34px;
    background-repeat: no-repeat;
    background-position: 8px 9px;
    background-size: 1.6rem
}

#content .vmapi-completion:not(.vmapi-mcm-completion) .vmapi-item-highlight {
    color: #0175D3
}

.icon-edit {
    position: relative;
    pointer-events: none
}

.icon-edit:before,
.icon-edit:after {
    content: "";
    position: absolute;
    left: 10px;
    background: #bfbfbf
}

.icon-edit:before {
    width: 5px;
    height: 5px;
    -webkit-transform: skew(-10deg, -10deg);
    transform: skew(-10deg, -10deg)
}

.icon-edit:after {
    margin-top: -5px;
    width: 13px;
    height: 6px;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.ambiguity-on .current-ambiguity,
.ambiguity-on .ambiguities_textualLocation {
    display: block
}

.ambiguity-on.itinerary-model-has-ambiguities .searchform,
.ambiguity-on.itinerary-model-has-ambiguities #advertising_300,
.ambiguity-on.itinerary-model-has-ambiguities #advertising_300x105 {
    display: none
}

.ambiguity ul {
    font-size: 1.4rem;
    border-color: #f5f5f5;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 2px
}

.ambiguity ul li {
    padding: 8px 0 8px 12px;
    line-height: 2rem;
    overflow: hidden;
    cursor: pointer
}

.ambiguity ul li:before {
    content: "";
    float: left;
    margin-right: 10px;
    top: 10px;
    left: 12px;
    width: 13px;
    height: 17px;
    background-position: -450px -150px
}

.ambiguity ul li span {
    display: block;
    overflow: hidden
}

@media only screen and (min-width: 1025px) {
    .ambiguity ul li:hover {
        color: #0175D3;
        background-color: #efefef
    }
    .ambiguity ul li:hover:before {
        background-position: -75px -150px
    }
}

.ambiguity ul li.selected {
    color: #0175D3;
    background-color: #efefef
}

.ambiguity ul li.selected:before {
    background-position: -75px -150px
}

.ambiguity ul li+li {
    border-top: 2px solid #f5f5f5
}

.overlay-scroll-lock {
    overflow: hidden;
    position: relative;
    margin: 0 !important;
    height: 100%
}

.overlay {
    opacity: 0;
    transition: opacity .3s
}

.overlay-on .tutorial-container,
.overlay-on .ads {
    opacity: .5
}

@media only screen and (max-width: 640px) {
    .overlay-on:not(.completion-on) .ads {
        display: none !important
    }
}

.overlay-on .overlay {
    z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
    opacity: .4
}

.overlay-on.overlay-panel:not(.completion-on) header {
    z-index: 201
}

.overlay-on.overlay-panel .panel,
.overlay-on.overlay-panel:not(.completion-on) .panel-inner {
    position: static
}

.overlay-on.overlay-panel:not(.completion-on) .shared_panel_nav,
.overlay-on.overlay-panel:not(.completion-on) .panel-title {
    display: none
}

.overlay-on:not(.completion-on) .view-container {
    position: static
}

.modal {
    display: none;
    z-index: 201;
    position: absolute;
    background-color: #fff
}

.overlay-panel .modal {
    position: relative;
    padding-bottom: 50px;
    overflow-y: auto
}

@media only screen and (max-width: 640px) {
    .overlay-panel .modal {
        position: absolute;
        top: 64px
    }
}

.overlay-fullscreen .modal {
    top: 50%;
    left: 50%;
    padding-bottom: 10px;
    border-radius: 3px
}

@media only screen and (max-width: 640px) {
    #content .modal {
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
        width: auto;
        height: auto;
        border-radius: 0;
        overflow-y: auto
    }
    #content .overlay-fullscreen .modal {
        top: auto
    }
    #content .gdpr-on .modal {
        top: 0
    }
}

.modal h3 {
    margin: 18px;
    padding-bottom: 18px;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #323232;
    letter-spacing: .05rem;
    border-bottom: 2px solid #f2f2f2
}

.modal h3 em {
    font-size: 1.6rem;
    color: #eb5b4c
}

.modal .close-modal-cross {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 40px;
    height: 40px;
    color: #676767
}

.modal .close-modal-cross:hover {
    color: #0175D3
}

.modal .close-modal {
    display: block;
    margin: 20px auto;
    width: 50%;
    height: 3rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.modal .close-modal:hover {
    background-color: #045c9f
}

.tutorial-wrapper {
    position: relative;
    overflow: visible
}

.tutorial-wrapper-absolute {
    position: absolute
}

#content .tutorial-instructions {
    display: none;
    position: absolute;
    z-index: 200;
    font-size: 1.4rem;
    line-height: 1.88rem;
    color: #fff;
    background-color: #0175D3;
    padding: 1.6rem;
    text-align: left;
    cursor: pointer;
    border-radius: 3px;
    opacity: 1;
    box-shadow: 0 0 0 1px #fff, 0 3px 14px rgba(0, 0, 0, 0.4)
}

#content .tutorial-top {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-bottom: 1rem
}

#content .tutorial-bottom {
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-top: 1rem
}

#content .tutorial-left {
    top: 50%;
    left: -1rem;
    transform: translate(-100%, -50%)
}

#content .tutorial-right {
    top: 50%;
    right: -1rem;
    transform: translate(100%, -50%)
}

#content .tutorial-close {
    z-index: 200;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    width: 31px
}

#content .tutorial-close:before {
    font-size: 20px;
    color: #fff
}

#content .add-car .tutorial-instructions.tutorial-bottom {
    left: 33%
}

.panel-seo {
    padding: 0 1.4rem;
    width: 100%
}

.panel-seo ul {
    margin-top: 7px
}

.panel-seo ul li {
    display: inline-block;
    margin-top: .3rem;
    width: 49%;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.5rem;
    background-color: #f5f5f5;
    background-position: -443px -140px
}

.panel-seo ul li a {
    display: block;
    padding-left: 2.6rem
}

.panel-seo ul li:hover,
.panel-seo ul li.on {
    background-position: -68px -140px
}

.panel-seo ul li:hover a,
.panel-seo ul li.on a {
    color: #0175D3
}

@media only screen and (max-width: 640px) {
    .panel-seo {
        display: none
    }
}

.traffic-events-seo {
    padding: 0 14px;
    width: 100%
}

.traffic-events-seo ul li {
    display: block;
    margin-top: 10px;
    line-height: 1.6rem
}

.traffic-events-seo ul li img {
    float: left;
    margin-right: 14px
}

.traffic-events-seo ul li span {
    display: block;
    overflow: hidden;
    font-size: 1.2rem
}

.traffic-events-seo ul li span strong {
    color: #000;
    font-size: 1.4rem
}

@media only screen and (max-width: 640px) {
    .traffic-events-seo {
        display: none
    }
}

.print-header,
.print-footer,
.print-content {
    padding: 12px 0;
    width: 100%
}

.print-header>div,
.print-footer>div,
.print-content>div {
    margin-left: auto;
    margin-right: auto;
    width: 800px
}

.print-header {
    background-color: #0175D3
}

.print-header>div {
    text-align: right
}

@media print {
    .print-header {
        display: none !important
    }
}

.print-button {
    padding: 0 15px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border-radius: 30px
}

.print-button .icon {
    margin-right: 8px;
    width: 1.7rem;
    height: 1.7rem;
    fill: #0175D3;
    vertical-align: -0.4rem
}

.print-footer>div {
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: 500;
    text-align: center
}

header {
    z-index: 101;
    position: relative;
    width: 100%;
    height: 64px;
    background-color: #0175D3
}

header .open-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 100%
}

header .open-menu span {
    top: 31px;
    left: 14px;
    right: 14px
}

.menu-on header .open-menu span {
    border-color: transparent
}

header .open-menu span,
header .open-menu span:before,
header .open-menu span:after {
    position: absolute;
    border-color: #f5f5f5;
    border-top-width: 1px;
    border-top-style: solid
}

header .open-menu span:before,
header .open-menu span:after {
    content: "";
    display: inline-block;
    left: 0;
    right: 0;
    transition: transform .3s
}

header .open-menu span:before {
    top: -5px
}

.menu-on header .open-menu span:before {
    transform: translateY(4px) rotate(-45deg)
}

header .open-menu span:after {
    top: 3px
}

.menu-on header .open-menu span:after {
    transform: translateY(-4px) rotate(45deg)
}

.logo-michelin {
    /*    display: inline-block;
        width: 120px;
        height: 24px;
        background-position: 0 0*/
}

header .logo-michelin {
    position: absolute;
    bottom: 10px;
    /* left: 40px*/
}

footer .logo-michelin,
.print-footer .logo-michelin {
    background-position: 0 -111px
}

.logo-viamichelin {
    display: inline-block;
    width: 95px;
    height: 23px;
    background-position: 0 -35px
}

header .logo-viamichelin {
    position: absolute;
    bottom: 16px;
    left: 168px
}

header .open-mcm {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    background-color: #0f89e5
}

header .open-mcm .icon-mcm {
    width: 2.3rem;
    height: 2.3rem;
    fill: #9fd0f5
}

header .open-mcm span {
    font-size: .9rem;
    color: #9fd0f5;
    letter-spacing: .05rem
}

header .open-mcm:hover .icon-mcm,
header .open-mcm.logged .icon-mcm {
    fill: #fff
}

header .open-mcm:hover span,
header .open-mcm.logged span {
    color: #fff
}

header .open-mcm.logged span {
    display: none
}

.poibar {
    width: 100%;
    background-color: #fff
}

.poibar ul {
    display: table;
    width: 100%
}

.poibar .poibar-item {
    display: table-cell;
    vertical-align: bottom;
    min-width: 4.5rem;
    height: 6.4rem;
    line-height: 2.4rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: #615f5f;
    text-align: center;
    cursor: pointer;
    border-top: 1px solid #0175D3;
    border-bottom-style: solid;
    border-bottom-width: 4px
}

.poibar .poibar-item-route {
    display: none;
    border-bottom-color: #0175D3
}

.poibar .poibar-item-route.on {
    border-bottom-color: #045c9f
}

.poibar .poibar-item-map {
    display: none;
    border-bottom-color: #4cb0fb
}

.poibar .poibar-item-map.on {
    border-bottom-color: #0580dc
}

.poibar .poibar-item-hotel {
    border-bottom-color: #f69b26
}

.poibar .poibar-item-hotel.on {
    border-bottom-color: #af6507
}

.poibar .poibar-item-restaurant {
    border-bottom-color: #bd2333
}

.poibar .poibar-item-restaurant.on {
    border-bottom-color: #67131c
}
.poibar .poibar-item-hospital {
    border-bottom-color: #EC6A15
}

.poibar .poibar-item-hospital.on {
    border-bottom-color: #EC6A15
}
.poibar .poibar-item-supermarket {
    border-bottom-color: #8FE717
}

.poibar .poibar-item-supermarket.on {
    border-bottom-color: #8FE717
}
.poibar .poibar-item-tourism {
    border-bottom-color: #027551
}

.poibar .poibar-item-tourism.on {
    border-bottom-color: #00110c
}

.poibar .poibar-item-traffic {
    border-bottom-color: #eb5b4c
}

.poibar .poibar-item-traffic.on {
    border-bottom-color: #bc2515
}

.poibar .poibar-item-weather {
    border-bottom-color: #00aeff
}

.poibar .poibar-item-weather.on {
    border-bottom-color: #006899
}

.poibar .poibar-item .icon {
    width: 2rem;
    height: 2rem;
    vertical-align: middle
}

.poibar .poibar-item .icon-route {
    fill: #0175D3
}

.poibar .poibar-item .icon-map {
    fill: #4cb0fb;
    width: 1.8rem
}

.poibar .poibar-item .icon-hotel {
    fill: #f69b26
}

.poibar .poibar-item .icon-restaurant {
    fill: #bd2333
}

.poibar .poibar-item .icon-tourism {
    fill: #027551;
    height: 1.5rem
}

.poibar .poibar-item .icon-traffic {
    fill: #eb5b4c
}

.poibar .poibar-item .icon-weather {
    fill: #00aeff
}

.poibar .poibar-item a,
.poibar .poibar-item span {
    display: block
}

.poibar .poibar-item-route:hover,
.poibar .poibar-item-route.on {
    background-color: #0175D3
}

.poibar .poibar-item-map:hover,
.poibar .poibar-item-map.on {
    background-color: #4cb0fb
}

.poibar .poibar-item-hotel:hover,
.poibar .poibar-item-hotel.on {
    background-color: #f69b26
}

.poibar .poibar-item-restaurant:hover,
.poibar .poibar-item-restaurant.on {
    background-color: #bd2333
}

.poibar .poibar-item-tourism:hover,
.poibar .poibar-item-tourism.on {
    background-color: #027551
}
.poibar .poibar-item-hospital:hover,
.poibar .poibar-item-hospital.on {
    background-color: #EC6A15 
}
.poibar .poibar-item-supermarket:hover,
.poibar .poibar-item-supermarket.on {
    background-color: #8FE717 ;
}
.poibar .poibar-item-partner:hover,
.poibar .poibar-item-partner.on {
    background-color: #0a4290
}

.poibar .poibar-item-traffic:hover,
.poibar .poibar-item-traffic.on {
    background-color: #eb5b4c
}

.poibar .poibar-item-weather:hover,
.poibar .poibar-item-weather.on {
    background-color: #00aeff
}

.poibar .poibar-item:hover,
.poibar .poibar-item.on {
    color: #fff
}

.poibar .poibar-item:hover .icon,
.poibar .poibar-item.on .icon {
    fill: #fff
}

.hotel_index_view .locality-search-result .poibar .poibar-item,
.restaurant_index_view .locality-search-result .poibar .poibar-item,
.tourism_index_view .locality-search-result .poibar .poibar-item,
.service_index_view .locality-search-result .poibar .poibar-item {
    vertical-align: middle
}

.hotel_index_view .locality-search-result .poibar .poibar-item span,
.restaurant_index_view .locality-search-result .poibar .poibar-item span,
.tourism_index_view .locality-search-result .poibar .poibar-item span,
.service_index_view .locality-search-result .poibar .poibar-item span {
    display: none
}

@media only screen and (min-width: 1025px) {
    .hotel_index_view .locality-search-result .poibar .poibar-item-partner,
    .restaurant_index_view .locality-search-result .poibar .poibar-item-partner,
    .tourism_index_view .locality-search-result .poibar .poibar-item-partner,
    .service_index_view .locality-search-result .poibar .poibar-item-partner {
        background-position-y: 16px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .poibar .poibar-item {
        vertical-align: middle;
        border-top: 0
    }
    .poibar .poibar-item span {
        display: none
    }
    .poibar .poibar-item-partner {
        background-position-y: 16px
    }
}

@media only screen and (max-width: 640px) {
    .poibar {
        z-index: 101;
        position: absolute;
        top: 64px;
        left: 0;
        overflow-x: scroll;
        overflow-y: hidden
    }
    .poibar .poibar-item {
        min-width: 5.8rem;
        height: 5.2rem;
        line-height: 4.8rem;
        border-top: 0
    }
    .poibar .poibar-item span {
        display: none
    }
    .poibar .poibar-item-route,
    .poibar .poibar-item-map {
        display: table-cell
    }
}

.panel-nav {
    display: table;
    margin-top: 1rem;
    padding: 0 5px;
    width: 100%
}

@media only screen and (max-width: 640px) {
    .panel-nav {
        margin: 0;
        /*visibility: hidden;*/
        height: 5.2rem
    }
}

.panel-nav-item {
    display: table-cell;
    padding: 0 5px;
    width: 50%
}

.panel-nav-item a {
    display: block;
    height: 3.4rem;
    line-height: 3.2rem;
    font-size: 1.4rem;
    color: #0175D3;
    text-align: center;
    border: 1px solid #0175D3;
    border-radius: 2px
}

.panel-nav-item a:hover,
.on.panel-nav-item a {
    color: #fff;
    background-color: #0175D3;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3)
}

.panel-nav-item a:hover .icon,
.on.panel-nav-item a .icon {
    fill: #fff
}

.on.panel-nav-item a {
    cursor: default
}

.panel-nav-item .icon {
    margin-right: 8px;
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle;
    fill: #0175D3
}

.panel-nav-item .icon-map {
    width: 1.7rem
}

.menu {
    padding-top: .8rem
}

.menu-on .menu {
    display: block
}

.menu ul+ul {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid #f2f2f2
}

.menu li {
    display: block;
    height: 4rem;
    line-height: 4rem
}

.menu li .menu-item {
    display: block;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #676767
}

.menu li .menu-item .icon {
    margin-right: 13px;
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: middle
}

.menu li .menu-item .icon-home {
    fill: transparent;
    stroke: #0175D3;
    stroke-linejoin: round;
    stroke-width: 2
}

.menu li .menu-item .icon-route,
.menu li .menu-item .icon-map,
.menu li .menu-item .icon-car,
.menu li .menu-item .icon-email,
.menu li .menu-item .icon-opinion,
.menu li .menu-item .icon-gdpr {
    fill: #0175D3
}

.menu li .menu-item .icon-car {
    margin-right: 10px;
    width: 2rem;
    height: 1rem
}

.menu li .menu-item .icon-map {
    height: 1.8rem
}

.menu li .menu-item .icon-hotel {
    fill: #f69b26
}

.menu li .menu-item .icon-restaurant {
    fill: #bd2333
}

.menu li .menu-item .icon-tourism {
    fill: #027551;
    height: 1.3rem
}

.menu li .menu-item .icon-traffic {
    fill: #eb5b4c
}

.menu li .menu-item .icon-weather {
    fill: #00aeff
}

.menu li .menu-item:after {
    content: "";
    float: right;
    clear: right;
    margin-top: 10px;
    width: 3px;
    height: 20px;
    transition: width .25s
}

.menu li:hover,
.menu li.on {
    background-color: #efefef
}

.menu li:hover .menu-item:after,
.menu li.on .menu-item:after {
    width: 6px
}

.menu li.menu-home .menu-item:after,
.menu li.menu-itinerary .menu-item:after,
.menu li.menu-map .menu-item:after,
.menu li.menu-auto .menu-item:after,
.menu li.menu-edito .menu-item:after,
.menu li.menu-feedback .menu-item:after,
.menu li.menu-gdpr .menu-item:after {
    background-color: #0175D3
}

.menu li.menu-hotel .menu-item:after {
    background-color: #f69b26
}

.menu li.menu-restaurant .menu-item:after {
    background-color: #bd2333
}

.menu li.menu-tourism .menu-item:after {
    background-color: #027551
}

.menu li.menu-traffic .menu-item:after {
    background-color: #eb5b4c
}

.menu li.menu-weather .menu-item:after {
    background-color: #00aeff
}

.menu li.menu-lang {
    display: none
}

.menu li.menu-lang .menu-item:after {
    display: none
}

.menu li.menu-lang.menu-lang-current,
.menu li.menu-lang.on {
    display: block;
    cursor: pointer
}

.menu li.menu-lang .icon-dropdown {
    float: right;
    clear: right;
    margin-top: 14px;
    margin-right: 0;
    width: 1.6rem;
    height: .9rem;
    fill: #bebebe;
    transition: all .25s ease-out
}

.menu li.menu-lang.on .icon-dropdown {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.menu li.menu-lang.menu-lang-on {
    display: block
}

.menu li.menu-lang .menu-item:before {
    content: "";
    display: inline-block;
    margin-right: 13px;
    width: 16px;
    height: 11px;
    border-radius: 2px
}

.menu li.menu-lang-FRA .menu-item:before {
    background-position: 0 -58px
}

.menu li.menu-lang-AUT .menu-item:before {
    background-position: -16px -58px
}

.menu li.menu-lang-ITA .menu-item:before {
    background-position: -32px -58px
}

.menu li.menu-lang-CHE .menu-item:before {
    background-position: -48px -58px
}

.menu li.menu-lang-ESP .menu-item:before {
    background-position: -64px -58px
}

.menu li.menu-lang-POL .menu-item:before {
    background-position: -80px -58px
}

.menu li.menu-lang-GBR .menu-item:before,
.menu li.menu-lang-COM .menu-item:before {
    background-position: 0 -69px
}

.menu li.menu-lang-BEL .menu-item:before {
    background-position: -16px -69px
}

.menu li.menu-lang-DEU .menu-item:before {
    background-position: -32px -69px
}

.menu li.menu-lang-PRT .menu-item:before {
    background-position: -48px -69px
}

.menu li.menu-lang-NLD .menu-item:before {
    background-position: -64px -69px
}

.menu li.menu-lang-IRL .menu-item:before {
    background-position: -80px -69px
}

footer {
    font-size: 1.2rem;
    line-height: 1.8rem;
    background-color: #f5f5f5
}

footer.logofooter {
    padding: 12px 0;
    text-align: center
}

footer .breadcrumb {
    font-size: 1.3rem;
    font-weight: 500;
    left: 45px;
    line-height: 1.5rem;
    padding: 10px;
    right: 48px;
    top: 6px
}

footer .breadcrumb .breadcrumb-item {
    display: inline
}

footer .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: ">";
    margin-right: 3px
}

footer .breadcrumb a:hover {
    color: #0175D3
}

@media only screen and (max-width: 640px) {
    footer .breadcrumb {
        margin-top: 15px
    }
}

.footer-item {
    padding: 10px
}

.footer-item.footer-services {
    display: table;
    table-layout: fixed;
    width: 100%
}

.footer-item.footer-services .footer-item-column {
    display: table-cell
}

.footer-item.footer-services .footer-item-column+.footer-item-column {
    padding-left: 15px
}

@media only screen and (max-width: 640px) {
    .footer-item.footer-services {
        display: block;
        table-layout: auto
    }
    .footer-item.footer-services .footer-item-column {
        display: block
    }
    .footer-item.footer-services .footer-item-column+.footer-item-column {
        margin-top: 10px;
        padding-left: 0
    }
}

.footer-item.faq ul ul {
    padding-inline-start: 20px
}

.footer-item.faq li {
    display: list-item
}

.footer-item.faq li:before {
    content: " - "
}

.footer-item.faq strong {
    font-weight: bold
}

.footer-item.faq a {
    color: #0175D3
}

.footer-title {
    display: inline-block;
    padding: 15px 0;
    font-size: 1.3rem;
    font-weight: 500;
    border-bottom: 1px solid #0175D3
}

.footer-title .icon-arrow {
    display: none;
    float: right;
    width: 1.4rem;
    height: 1.4rem;
    fill: #0175D3;
    transition: all .1s ease-out
}

.show-content .footer-title .icon-arrow {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer-item-column .footer-title {
    display: block
}

@media only screen and (max-width: 640px) {
    .footer-title {
        display: block
    }
    .footer-title .icon-arrow {
        display: inline
    }
}

.footer-content {
    margin-top: 15px;
    overflow: hidden
}

@media only screen and (max-width: 640px) {
    .footer-content {
        display: none
    }
    .show-content .footer-content {
        display: block
    }
}

.footer-content li {
    display: inline
}

.footer-content li+li:before {
    content: " - "
}

.footer-item-column .footer-content li {
    display: list-item
}

.footer-item-column .footer-content li:before {
    content: ""
}

.footer-content a:hover {
    color: #0175D3
}

.footer-content img {
    float: left;
    margin-right: 8px;
    width: 90px
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (min-width: 1025px) {
    #content .brandfooter .footer-item.footer-services {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas: "A B C D" "E E E E";
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: 1fr auto
    }
    #content .brandfooter .footer-item-column:nth-child(1) {
        grid-area: A;
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }
    #content .brandfooter .footer-item-column:nth-child(2) {
        grid-area: B;
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }
    #content .brandfooter .footer-item-column:nth-child(3) {
        grid-area: C;
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
    #content .brandfooter .footer-item-column:nth-child(4) {
        grid-area: D;
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }
    #content .brandfooter .footer-item-column:nth-child(5) {
        grid-area: E;
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        margin-top: 15px;
        padding-left: 0;
        text-align: center
    }
    #content .brandfooter .footer-item-column:nth-child(5) .footer-title {
        display: inline;
        padding: 0;
        border: 0
    }
    #content .brandfooter .footer-item-column:nth-child(5) .footer-content {
        display: inline;
        margin-top: 0;
        margin-left: 15px
    }
    #content .brandfooter .footer-item-column:nth-child(5) .footer-content li {
        display: inline;
        margin-right: 1.5rem
    }
}

#content .brandfooter .footer-item-column:nth-child(1),
#content .brandfooter .footer-item-column:nth-child(2),
#content .brandfooter .footer-item-column:nth-child(3),
#content .brandfooter .footer-item-column:nth-child(4) {
    display: none
}

#content .brandfooter .footer-item-column:nth-child(5) {
    display: block
}

#content .home_index_view .brandfooter .footer-item-column:nth-child(1),
#content .home_index_view .brandfooter .footer-item-column:nth-child(2),
#content .home_index_view .brandfooter .footer-item-column:nth-child(3),
#content .home_index_view .brandfooter .footer-item-column:nth-child(4) {
    display: block
}

#content .vmapi-mcm-completion {
    z-index: 1000
}

#content .vmapi-mcm-vehicles-form select,
#content .vmapi-mcm-vehicles-form input {
    vertical-align: baseline
}

#content .vmapi-mcm-vehicles-form select {
    -webkit-appearance: menulist;
    -moz-appearance: menulist
}

#content .vmapi-overlay-mcm textarea {
    border: 1px solid #efefef
}

#content .vmapi-overlay-mcm .vmapi-calendar .vmapi-calendar-month-wrapper {
    padding-top: 0
}

#content .vmapi-overlay-confirm-text a {
    text-decoration: underline
}

#content .vmapi-mcm-vehicles-content .vmapi-mcm-vehicles-add-button {
    display: none
}

#content .vmapi-mcm-vehicles-content .vmapi-mcm-vehicle-delete {
    display: none
}

.searchform {
    width: 100%
}

@media only screen and (max-width: 640px) {
    .hide-search-form .searchform,
    .poi_view .searchform {
        display: none
    }
}

.searchbox {
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.searchbox-error {
    margin-top: 0
}

.searchbox-hotel {
    display: table;
    table-layout: fixed
}

.searchbox-hotel .searchbox-calendar {
    position: relative;
    display: table-cell;
    cursor: pointer
}

.searchbox-hotel .searchbox-calendar:first-child {
    padding-right: 8px
}

.searchbox-hotel .searchbox-calendar input[type="text"] {
    color: #0175D3
}

.searchbox-hotel .searchbox-calendar.on input[type="text"] {
    border-color: #0175D3
}

.searchbox input[type="text"] {
    padding-left: 7rem;
    padding-right: 5rem;
    width: 100%;
    height: 4rem;
    font-size: 1.3rem;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #cad6df;
    border-radius: 3px
}

.departure.searchbox input[type="text"],
.arrival.searchbox input[type="text"] {
    padding-left: 4.6rem !important;
    padding-right: 5rem
}

.shared_address_search .searchbox input[type="text"] {
    padding-left: 3.4rem
}

.hotel_index_view .searchbox input[type="text"] {
    padding-right: 2rem
}

.completion-on.hotel_index_view .searchbox input[type="text"] {
    padding-right: 5rem
}

.completion-on.address_index_view:not(.hotel_index_view) .searchbox input[type="text"] {
    padding-right: 10rem
}

.completion-on .highlight.searchbox input[type="text"] {
    border-radius: 0
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .searchbox input[type="text"] {
        padding-left: 5.8rem
    }
    .departure.searchbox input[type="text"],
    .arrival.searchbox input[type="text"] {
        padding-left: 3.4rem
    }
}

.searchbox .icon-step-container {
    position: absolute;
    top: .4rem;
    left: 4.4rem;
    width: 3.1rem;
    height: 3.2rem;
    border-right: 1px solid #cad6df
}
.searchbox .icon-step-container i{
	    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:24px;
}

.departure.searchbox .icon-step-container {
    left: 1rem;
    width: 4.1rem
}

.arrival.searchbox .icon-step-container {
    left: 1rem;
    width: 4.1rem
}

.searchbox .icon-step-container:hover {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.searchbox .icon-step-container:active {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.searchbox .icon-step-container .icon-step {
    margin-top: 7px;
    width: 1.4rem;
    height: 1.9rem;
    fill: #0175D3
}

.departure.searchbox .icon-step-container .icon-step {
    margin-left: 10px;
    fill: #4caf50
}

.arrival.searchbox .icon-step-container .icon-step {
    margin-left: 10px;
    fill: #f44336
}

.searchbox .icon-step-container .icon-step text {
    font-size: 1rem
}

.searchbox .icon-step-container em {
    display: inline-block;
    width: 14px;
    font-size: 19px;
    color: #a1a0a0;
    text-align: center
}

.searchbox .icon-step-container em:before {
    content: "\022EE"
}

.itinerary-model-has-errors .searchbox .icon-step-container em {
    visibility: hidden
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .searchbox .icon-step-container {
        border-right: 0
    }
    .searchbox .icon-step-container em {
        display: none
    }
}

.searchbox .icon-locality-container {
    position: absolute;
    top: .4rem;
    left: 1rem;
    width: 3.1rem;
    height: 3.2rem;
    border-right: 1px solid #cad6df
}

.searchbox .searchbox-calendar .icon-locality-container {
    width: 2.1rem
}

.searchbox .icon-pin,
.searchbox .icon-hotel,
.searchbox .icon-restaurant,
.searchbox .icon-tourism {
    margin-top: 7px;
    margin-left: 10px
}

.searchbox .icon-pin {
    width: 1.4rem;
    height: 2rem;
    fill: #0175D3
}

.searchbox .icon-hotel {
    width: 1.6rem;
    height: 1.6rem;
    fill: #f69b26
}

.searchbox .icon-restaurant {
    width: 1.6rem;
    height: 1.6rem;
    fill: #bd2333
}

.searchbox .icon-tourism {
    width: 1.6rem;
    height: 1.2rem;
    fill: #027551
}

.searchbox .icon-calendar {
    margin-top: 7px;
    margin-left: 0;
    width: 1.5rem;
    height: 1.5rem;
    fill: #615f5f;
    pointer-events: none
}

.searchbox .remove-step {
    position: absolute;
    top: 0;
    left: 1rem;
    width: 3.4rem;
    height: 4rem;
    color: #a1a0a0
}

.searchbox .remove-step:hover {
    color: #0175D3
}

.departure.searchbox .remove-step,
.arrival.searchbox .remove-step {
    display: none
}

.add-step-container {
    position: relative
}

.add-step-container .add-step {
    position: absolute;
    top: -60px;
    right: 16px;
    width: 3rem;
    height: 3rem;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 22px;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #cad6df;
    border-radius: 50%
}

.add-step-container .add-step:before {
    content: "\0002B"
}

.add-step-container .add-step:hover {
    border-color: #0175D3
}

.max-steps .add-step-container {
    display: none
}

.searchform .error-message {
    padding: 10px 0 2px 10px;
    font-size: 1.2rem;
    color: #fb0818
}

.searchbox-tools {
    margin: 2px 10px;
    min-height: 1rem
}

.searchbox-tools .searchbox-reverse-button {
    float: left;
    padding: 0 4px;
    max-width: 136px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3
}

.searchbox-tools .searchbox-reverse-button .icon {
    margin-right: 5px;
    width: 1.5rem;
    height: 1rem;
    fill: #0175D3
}

.searchbox-tools .searchbox-bookmarks-button {
    float: right;
    padding: 0 4px;
    max-width: 136px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #f9a825
}

.searchbox-tools .searchbox-bookmarks-button .icon {
    margin-right: 5px;
    width: 1.5rem;
    height: 1.4rem;
    fill: #f9a825
}

@media only screen and (max-width: 640px) {
    .shared_address_search .searchbox-tools {
        display: none
    }
}

.hotel_index_view .searchbox-tools,
.restaurant_index_view .searchbox-tools,
.tourism_index_view .searchbox-tools,
.service_index_view .searchbox-tools,
.poi_view .searchbox-tools {
    display: none
}

.searchbox-submit {
    margin: 0 10px;
    padding-top: 10px;
    border-top: 1px solid #f2f2f2
}

.searchbox-submit .searchbox-options-button {
    float: left;
    width: 140px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 30px
}

.searchbox-submit .searchbox-options-button .icon {
    margin-right: 10px;
    width: 1.9rem;
    height: 1.5rem;
    fill: #0175D3
}

.searchbox-submit .searchbox-options-button.on {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.searchbox-submit .searchbox-options-button:not(.on):hover {
    color: #fff;
    background-color: #0175D3
}

.searchbox-submit .searchbox-options-button:not(.on):hover .icon {
    fill: #fff
}

.searchbox-submit .searchbox-submit-button {
    float: right;
    padding: 0 28px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.searchbox-submit .searchbox-submit-button:hover {
    background-color: #045c9f
}

.address_index_view:not(.hotel_index_view) .shared_address_search .searchbox-submit,
.poi_view .searchbox-submit {
    display: none
}

.hotel_index_view .searchbox-submit {
    border-top: 0
}

.searchbox .searchbox-submit-button {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 5rem;
    height: 4rem
}

.searchbox .searchbox-submit-button .icon-search {
    width: 1.7rem;
    height: 1.7rem;
    fill: #0175D3
}

.hotel_index_view .searchbox .searchbox-submit-button {
    display: none
}

.searchbox .searchbox-reset-button {
    display: none;
    position: absolute;
    top: 0;
    right: 1rem;
    width: 5rem;
    height: 4rem;
    font-size: 3rem;
    color: #bebebe;
    background-color: #fff;
    border: 1px solid #cad6df;
    border-left: 0;
    z-index: 1;
}

.searchbox .searchbox-reset-button:after {
    content: "";
    position: absolute;
    top: 3px;
    bottom: 3px;
    left: 0;
    border-left: 1px solid #cad6df
}

.searchbox .searchbox-reset-button:hover {
    color: #0175D3
}

.completion-on .highlight.searchbox .searchbox-reset-button {
    display: block
}

.address_index_view:not(.hotel_index_view) .shared_address_search .searchbox .searchbox-reset-button,
.poi_view .searchbox .searchbox-reset-button {
    right: 6rem;
    border-right: 0
}

.address_index_view:not(.hotel_index_view) .shared_address_search .searchbox .searchbox-reset-button:after,
.poi_view .searchbox .searchbox-reset-button:after {
    left: auto;
    right: 0
}

.show-search-form {
    display: none;
    margin: 10px auto 0 auto;
    padding: 0 28px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 30px
}

.show-search-form:hover {
    color: #fff;
    background-color: #0175D3
}

@media only screen and (max-width: 640px) {
    .hide-search-form .show-search-form {
        display: block
    }
}

.enhance-select {
    display: none;
    z-index: 2;
    position: absolute;
    top: 30px;
    right: 12px;
    width: 100%;
    max-height: 177px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #676767;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-top-width: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    overflow: auto
}

.enhance-select li {
    padding: 0 1rem;
    height: 3.5rem;
    line-height: 3.5rem;
    cursor: pointer
}

.enhance-select li:hover,
.enhance-select li.enhance-select-item-active {
    color: #0175D3;
    background-color: #efefef
}

.select-placeholder {
    pointer-events: none
}

.enhance-checkbox {
    display: block;
    cursor: pointer
}

.enhance-checkbox>input[type="checkbox"] {
    display: none
}

.enhance-checkbox>input[type="checkbox"]:checked+.checkbox:after {
    content: "";
    display: block;
    position: relative;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 4px;
    color: #0175D3;
    border: 2px solid #0175D3;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.enhance-checkbox>span {
    float: left
}

.enhance-checkbox>span.checkbox {
    display: block;
    margin-top: 4px;
    margin-right: 9px;
    width: 2rem;
    height: 2rem;
    border: 1px solid #e7e7e7;
    border-radius: 2px
}

.enhance-radio {
    display: block;
    height: 22px;
    line-height: 22px;
    cursor: pointer
}

.enhance-radio>input[type="radio"] {
    display: none
}

.enhance-radio>input[type="radio"]:checked+.radio {
    background-color: #0175D3
}

.enhance-radio>span {
    float: left
}

.enhance-radio>span.radio {
    display: block;
    margin-top: 4px;
    margin-right: 6px;
    width: 13px;
    height: 13px;
    border: 1px solid #e7e7e7;
    border-radius: 50%
}

input.enhance-toggle {
    display: none
}

label.enhance-toggle {
    display: inline-block;
    position: relative;
    padding-left: 46px;
    cursor: pointer
}

label.enhance-toggle:before,
label.enhance-toggle:after {
    content: "";
    position: absolute;
    top: 50%;
    margin: 0;
    outline: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all .3s ease
}

label.enhance-toggle:before {
    left: 1px;
    width: 34px;
    height: 14px;
    background-color: #ebebeb;
    border-radius: 8px
}

label.enhance-toggle:after {
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #bebebe;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084)
}

input.enhance-toggle:checked+label.enhance-toggle:before {
    background-color: #b7dffd
}

input.enhance-toggle:checked+label.enhance-toggle:after {
    background-color: #0175D3;
    -webkit-transform: translate(80%, -50%);
    transform: translate(80%, -50%)
}

.calendar-container {
    display: none;
    z-index: 101;
    position: absolute;
    margin-top: 2px;
    width: 100%;
    cursor: default
}

.calendar-container.on {
    display: block
}

.calendar-container .close {
    position: absolute;
    top: 0;
    right: 2px;
    width: 30px;
    color: #bebebe
}

.calendar-container .close:hover {
    color: #0175D3
}

.itinerary-options-departureArrival .calendar-container {
    top: 30px;
    right: 0;
    width: 300px
}

.calendar-container-checkin,
.calendar-container-checkout {
    left: 10px;
    width: 300px
}

.locality-search-result .calendar-container-checkout {
    left: auto;
    right: 27px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .locality-search-result .calendar-container-checkout {
        right: 10px
    }
}

#content .vmapi-calendar {
    position: static !important;
    line-height: 3rem;
    background-color: #fff;
    border: 0 !important
}

#content .vmapi-calendar table {
    width: 100%;
    table-layout: fixed;
    border: 0 !important
}

#content .vmapi-calendar .vmapi-calendar-month-wrapper {
    float: none;
    margin: 0;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1)
}

#content .vmapi-calendar .vmapi-calendar-month {
    table-layout: auto;
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #676767;
    background-color: #efefef
}

#content .vmapi-calendar .vmapi-calendar-month td {
    height: 34px;
    text-align: center;
    vertical-align: bottom
}

#content .vmapi-calendar .vmapi-calendar-month td.hand {
    cursor: pointer
}

#content .vmapi-calendar .vmapi-calendar-month td:first-child,
#content .vmapi-calendar .vmapi-calendar-month td:last-child {
    width: 80px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    font-size: 28px;
    font-weight: normal;
    color: #0175D3;
    vertical-align: middle
}

#content .vmapi-calendar .vmapi-calendar-month td.hand:first-child {
    padding-right: 20px;
    text-align: right !important;
    font-family: "Times New Roman", Times, Georgia, serif
}

#content .vmapi-calendar .vmapi-calendar-month td.hand:first-child:before {
    content: "\2039"
}

#content .vmapi-calendar .vmapi-calendar-month td.hand:last-child {
    padding-left: 20px;
    text-align: left !important;
    font-family: "Times New Roman", Times, Georgia, serif
}

#content .vmapi-calendar .vmapi-calendar-month td.hand:last-child:before {
    content: "\203A"
}

#content .vmapi-calendar .vmapi-calendar-days td:nth-last-child(-n+2),
#content .vmapi-calendar .vmapi-calendar-dates td:nth-last-child(-n+2) {
    color: #010101
}

#content .vmapi-calendar .vmapi-calendar-days td {
    padding: 6px 0 0 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #676767;
    text-transform: capitalize;
    background-color: #fff;
    border: 0
}

#content .vmapi-calendar .vmapi-calendar-dates td {
    padding: 0;
    font-size: 1.3rem;
    color: #676767;
    border: 0
}

#content .vmapi-calendar .vmapi-calendar-dates td.current {
    font-weight: 500;
    color: #000
}

#content .vmapi-calendar .vmapi-calendar-dates td.selected,
#content .vmapi-calendar .vmapi-calendar-dates td.selectable:hover {
    font-weight: 500;
    color: #0175D3;
    background-color: #efefef;
    border-radius: 30px
}

#content .vmapi-calendar .vmapi-calendar-dates td.notSelectable {
    color: #bebebe;
    background-color: #fff
}

#content .vmapi-calendar img {
    display: none;
    background: none
}

.shared_itinerary_search_options {
    display: none;
    position: relative;
    margin-top: 1rem;
    padding: 0 1rem 2rem 1rem;
    background-color: #fff;
    border-bottom: 1px solid #0175D3
}

.shared_itinerary_search_options:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 10px;
    height: 10px;
    border-right: 1px solid #0175D3;
    border-bottom: 1px solid #0175D3;
    border-bottom-right-radius: 15px
}

.shared_itinerary_search_options:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 149px;
    right: 0;
    height: 10px;
    border-left: 1px solid #0175D3;
    border-bottom: 1px solid #0175D3;
    border-bottom-left-radius: 15px
}

.shared_itinerary_search_options.on {
    display: block
}

.shared_itinerary_search_options.current-vehicle-4 .itinerary-options-departureArrival,
.shared_itinerary_search_options.current-vehicle-4 .itinerary-options-myvehicle,
.shared_itinerary_search_options.current-vehicle-4 .itinerary-options-car,
.shared_itinerary_search_options.current-vehicle-4 .itinerary-options-fuel,
.shared_itinerary_search_options.current-vehicle-4 .itinerary-options-caravan {
    display: none
}

.shared_itinerary_search_options.current-vehicle-2>*,
.shared_itinerary_search_options.current-vehicle-3>* {
    display: none
}

.shared_itinerary_search_options.current-vehicle-2 .itinerary-options-vehicle,
.shared_itinerary_search_options.current-vehicle-3 .itinerary-options-vehicle,
.shared_itinerary_search_options.current-vehicle-2 .itinerary-options-distance,
.shared_itinerary_search_options.current-vehicle-3 .itinerary-options-distance,
.shared_itinerary_search_options.current-vehicle-2 .itinerary-options-submit,
.shared_itinerary_search_options.current-vehicle-3 .itinerary-options-submit {
    display: block
}

.shared_itinerary_search_options.myvehicle-on .itinerary-options-car,
.shared_itinerary_search_options.myvehicle-on .itinerary-options-fuel {
    display: none
}

.itinerary-options-vehicle {
    padding-top: 1.5rem
}

.itinerary-options-vehicle label {
    float: left;
    width: 25%;
    height: 4.4rem;
    line-height: 3.4rem;
    text-align: center;
    cursor: pointer
}

.itinerary-options-vehicle label span {
    display: inline-block;
    padding: 0 6px;
    border-bottom: 2px solid transparent
}

.itinerary-options-vehicle label .icon {
    fill: #bebebe;
    vertical-align: middle
}

.itinerary-options-vehicle label .icon-car {
    width: 3rem;
    height: 1.5rem
}

.itinerary-options-vehicle label .icon-moto {
    width: 3rem;
    height: 1.7rem
}

.itinerary-options-vehicle label .icon-bike {
    width: 2.7rem;
    height: 1.9rem
}

.itinerary-options-vehicle label .icon-pedestrian {
    width: 1.2rem;
    height: 2rem
}

.itinerary-options-vehicle input[type="radio"] {
    display: none
}

.itinerary-options-vehicle label:hover span,
.itinerary-options-vehicle input[type="radio"].checked+label span {
    border-bottom-color: #0175D3
}

.itinerary-options-vehicle label:hover .icon,
.itinerary-options-vehicle input[type="radio"].checked+label .icon {
    fill: #0175D3
}

.itinerary-options-title {
    margin-top: 2rem;
    padding-left: .7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #262626;
    text-transform: uppercase;
    border-left: 2px solid #eb5b4c
}

.itinerary-options {
    position: relative;
    margin-top: 1.3rem;
    height: 3rem;
    line-height: 3rem
}

.itinerary-options label {
    float: left;
    font-size: 1.3rem;
    font-weight: 500;
    color: #676767
}

.itinerary-options .toggle-enhance-select,
.itinerary-options input[type="text"],
.itinerary-options .toggle-calendar-v2 {
    position: relative;
    float: right;
    padding-left: 1rem;
    padding-right: 3.2rem;
    height: 3rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    cursor: pointer
}

.itinerary-options select {
    display: none
}

.itinerary-options-car .toggle-enhance-select,
.itinerary-options-fuel .toggle-enhance-select,
.itinerary-options-car .enhance-select,
.itinerary-options-fuel .enhance-select {
    width: 15rem
}

.itinerary-options-type .toggle-enhance-select,
.itinerary-options-distance .toggle-enhance-select,
.itinerary-options-type .enhance-select,
.itinerary-options-distance .enhance-select {
    width: 20rem
}

.itinerary-options-currency .toggle-enhance-select,
.itinerary-options-currency .enhance-select {
    width: 7.4rem
}

.itinerary-options input[type="text"] {
    padding-right: 1rem;
    width: 6.6rem;
    text-align: center
}

.itinerary-options input[type="text"]:focus {
    border-color: #0175D3
}

.itinerary-options-costs .itinerary-options input[type="text"] {
    margin-right: 8.4rem
}

.itinerary-options-costs {
    position: relative
}

.itinerary-options-costs .itinerary-options-currency {
    z-index: 1;
    position: absolute;
    top: 22px;
    right: 0;
    margin-top: 0
}

.itinerary-options .icon-dropdown {
    position: absolute;
    top: 50%;
    right: .8rem;
    margin-top: -0.45rem;
    width: 1.6rem;
    height: .9rem;
    fill: #bebebe;
    pointer-events: none
}

.itinerary-options.active:not(.disabled) .toggle-enhance-select {
    border-color: #0175D3
}

.itinerary-options.active:not(.disabled) .toggle-enhance-select .icon-dropdown {
    fill: #0175D3
}

.itinerary-options.active:not(.disabled) .enhance-select {
    display: block
}

.itinerary-options-departureArrival .toggle-enhance-select {
    float: left;
    width: 100%
}

.itinerary-options-departureArrival.modified .toggle-enhance-select,
.itinerary-options-departureArrival.modified .enhance-select {
    width: 11.5rem
}

.itinerary-options-departureArrival .enhance-select {
    right: auto
}

.itinerary-options-departureArrival .departure-arrival-time {
    margin-right: 0 !important;
    padding: 0 !important;
    width: 5.5rem !important
}

.itinerary-options-departureArrival .toggle-calendar-v2 {
    margin-left: 1rem;
    width: 11rem
}

.itinerary-options-departureArrival .toggle-calendar-v2.on {
    border-color: #0175D3
}

.itinerary-options-departureArrival .toggle-calendar-v2.on .icon-dropdown {
    fill: #0175D3
}

.itinerary-options-departureArrival .toggle-calendar-v2 #departure-arrival-displayed-date {
    float: none;
    position: static;
    margin: -2px 0 0 0;
    padding: 0;
    width: 7rem;
    height: auto;
    text-align: left;
    background-color: transparent;
    border: 0;
    pointer-events: none
}

.itinerary-options-departureArrival .departure-arrival-time,
.itinerary-options-departureArrival .toggle-calendar-v2 {
    display: none
}

.itinerary-options-departureArrival.modified .departure-arrival-time,
.itinerary-options-departureArrival.modified .toggle-calendar-v2 {
    display: block
}

.itinerary-options-shouldUseTraffic,
.itinerary-breaks {
    margin-top: 2rem;
    height: 2rem;
    color: #676767;
    font-size: 1.3rem;
    font-weight: 500;
    -webkit-tap-highlight-color: transparent
}

.modified+.itinerary-options-shouldUseTraffic {
    display: none
}

.itinerary-breaks {
    display: none
}

.modified~.itinerary-breaks {
    display: block
}

.itinerary-breaks .beta {
    background-color: red;
    color: #fff;
    padding: 0px 3px
}

.myvehicle-on .itinerary-options-myvehicle label {
    display: none
}

.itinerary-options-myvehicle .add-car {
    float: right;
    padding-left: 1.2rem;
    padding-right: 1rem;
    font-size: 1.2rem;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 30px;
    cursor: pointer
}

.itinerary-options-myvehicle .add-car:before {
    content: "+";
    margin-right: 6px;
    font-size: 16px;
    line-height: 14px
}

.itinerary-options-myvehicle .add-car:hover {
    color: #fff;
    background-color: #0175D3
}

.myvehicle-on .itinerary-options-myvehicle .add-car {
    display: none
}

.itinerary-options-myvehicle .user-car {
    float: left;
    font-size: 1.3rem;
    cursor: default
}

.itinerary-options-myvehicle .remove-car {
    float: right;
    margin-right: 10px;
    font-size: 24px;
    line-height: 32px;
    color: #bebebe
}

.itinerary-options-myvehicle .remove-car:hover {
    color: #0175D3
}

.itinerary-options-myvehicle .add-car,
.itinerary-options-myvehicle .user-car {
    height: 3rem;
    line-height: 3rem;
    font-weight: 500;
    color: #0175D3
}

.itinerary-options-myvehicle .user-car,
.itinerary-options-myvehicle .remove-car {
    display: none
}

.myvehicle-on .itinerary-options-myvehicle .user-car,
.myvehicle-on .itinerary-options-myvehicle .remove-car {
    display: block
}

.itinerary-options .open-tooltype {
    position: absolute;
    top: 50%;
    right: 208px;
    margin-top: -0.9rem;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    text-align: center;
    color: #676767;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 50%
}

.itinerary-options .open-tooltype:before {
    content: "?"
}

.itinerary-options .open-tooltype:hover {
    color: #0175D3;
    border-color: #0175D3
}

.tooltype-on .tooltype {
    display: block
}

.tooltype .tooltype-sub-title {
    margin: 20px 18px 10px 18px;
    font-size: 1.3rem;
    font-weight: bold
}

.tooltype p {
    margin: 0 18px;
    font-size: 1.3rem;
    line-height: 1.8rem
}

.itinerary-options-submit {
    margin-top: 2rem;
    text-align: center
}

.itinerary-options-submit button {
    padding: 0 28px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.itinerary-options-submit button:hover {
    background-color: #045c9f
}

.shared_itinerary_search_options_overview {
    margin: 1rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: none
}

.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-myvehicle,
.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-departureArrival,
.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-caravan,
.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-car-type,
.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-fuel-type,
.shared_itinerary_search_options_overview.current-vehicle-4 .itinerary-options-overview-fuel span+span:before {
    display: none
}

.shared_itinerary_search_options_overview.current-vehicle-2 .itinerary-options-overview-title-cost,
.shared_itinerary_search_options_overview.current-vehicle-3 .itinerary-options-overview-title-cost,
.shared_itinerary_search_options_overview.current-vehicle-2 .itinerary-options-overview-list-cost,
.shared_itinerary_search_options_overview.current-vehicle-3 .itinerary-options-overview-list-cost,
.shared_itinerary_search_options_overview.current-vehicle-2 .itinerary-options-overview-list-route li:not(.itinerary-options-overview-distance),
.shared_itinerary_search_options_overview.current-vehicle-3 .itinerary-options-overview-list-route li:not(.itinerary-options-overview-distance) {
    display: none
}

.itinerary-result .shared_itinerary_search_options_overview {
    display: block
}

.itinerary-model-has-errors .itinerary-result .shared_itinerary_search_options_overview,
.itinerary-model-has-ambiguities .itinerary-result .shared_itinerary_search_options_overview,
.itinerary-in-progress .itinerary-result .shared_itinerary_search_options_overview,
.search-in-progress .itinerary-result .shared_itinerary_search_options_overview {
    display: none
}

@media only screen and (max-width: 640px) {
    .itinerary-result .shared_itinerary_search_options_overview {
        display: none
    }
}

.itinerary-options-overview-title {
    color: #323232;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.itinerary-options-overview-title .icon-vehicle {
    margin-right: 1rem;
    fill: #0175D3;
    vertical-align: middle
}

.itinerary-options-overview-title .icon-vehicle.icon-car {
    width: 4rem;
    height: 2rem
}

.itinerary-options-overview-title .icon-vehicle.icon-moto {
    width: 4rem;
    height: 2.2rem
}

.itinerary-options-overview-title .icon-vehicle.icon-bike {
    width: 3.2rem;
    height: 2.2rem
}

.itinerary-options-overview-title .icon-vehicle.icon-pedestrian {
    width: 1.3rem;
    height: 2.2rem
}

.itinerary-options-overview-title strong {
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase
}

.shared_itinerary_search_options_overview ul {
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    color: #676767
}

.shared_itinerary_search_options_overview ul li:before {
    content: ">";
    margin-right: 4px;
    color: #0175D3;
    font-weight: bold
}

.itinerary-options-overview-fuel span+span:before {
    content: ",";
    margin-right: .5rem
}

.itinerary-options-overview-edit-wrapper {
    margin-top: 2rem;
    text-align: center
}

.itinerary-options-overview-edit {
    display: inline-block;
    padding: 0 12px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 15px
}

.itinerary-options-overview-edit:hover {
    color: #fff;
    background-color: #0175D3
}

.car-selector {
    display: none;
    margin-top: -19rem;
    margin-left: -19rem;
    width: 38rem;
    min-height: 38rem
}

.car-selector-on .car-selector {
    display: block
}

.wrapper-enhance-select {
    margin-left: 1.8rem;
    margin-right: 1.8rem
}

.wrapper-enhance-select .toggle-enhance-select,
.wrapper-enhance-select .enhance-select {
    width: 22rem
}

@media only screen and (max-width: 640px) {
    .wrapper-enhance-select .toggle-enhance-select,
    .wrapper-enhance-select .enhance-select {
        width: 18rem
    }
}

.wrapper-enhance-select.disabled .toggle-enhance-select {
    background-color: #efefef;
    cursor: default
}

.wrapper-enhance-select.disabled .toggle-enhance-select .icon-dropdown {
    display: none
}

.wrapper-enhance-select.brands .enhance-select li:nth-child(13) {
    border-bottom: 2px solid #efefef
}

#content .wrapper-enhance-select.engine {
    height: 5rem
}

#content .wrapper-enhance-select.engine .toggle-enhance-select {
    padding-top: 4px;
    height: 5rem;
    line-height: 2.2rem;
    text-overflow: clip;
    white-space: normal
}

#content .wrapper-enhance-select.engine .enhance-select {
    top: 5rem;
    width: 100%;
    border-top-width: 1px
}

.car-selector-select.brands.active:before {
    content: attr(data-tutorial);
    display: inline-block;
    position: absolute;
    right: 0;
    top: -14px;
    height: 14px;
    line-height: 14px;
    font-size: 1.1rem;
    color: #0175D3
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .car-selector-select.brands.active:before {
        display: none
    }
}

.car-selector-select.brands .toggle-enhance-select,
.car-selector-select.brands .enhance-select {
    text-transform: capitalize
}

.car-selector-button {
    margin: 1.5rem 1.8rem 1rem 0
}

.car-selector-button button {
    float: right;
    padding: 0 28px;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.car-selector-button button:hover {
    background-color: #045c9f
}

.car-selector-button button.disabled {
    background-color: #afafaf;
    cursor: default
}

.break-edition {
    display: none;
    margin-top: -194.5px;
    margin-left: -160px;
    width: 320px;
    min-height: 389px
}

.break-edition-on .break-edition {
    display: block
}

.break-edition .itinerary-options {
    margin: 18px;
    height: auto
}

.break-edition .itinerary-options label {
    float: none;
    margin-bottom: 5px;
    display: block
}

.break-edition .itinerary-options input {
    display: none
}

.break-edition-button {
    margin: 20px 18px 10px 0
}

.break-edition-button button {
    float: right;
    padding: 0 28px;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.break-edition-button button:hover {
    background-color: #045c9f
}

.ui-corner-all {
    border-radius: 5px
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    height: 1.2rem;
    width: 80%;
    margin: auto
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: auto;
    padding: 0 3px;
    height: 2rem;
    line-height: 2rem;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.map,
.map * {
    -ms-touch-action: none;
    touch-action: none
}

.map .map-control-container .position-top,
.map .map-control-container .position-bottom {
    z-index: 20
}

@media only screen and (max-width: 640px) {
    .home_index_view:not(.fullscreen) .map_tools,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools {
        display: block
    }
    .home_index_view:not(.fullscreen) .map_tools .map-tools-left,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-left {
        top: auto;
        bottom: 12px;
        width: 100%;
        text-align: center
    }
    .home_index_view:not(.fullscreen) .map_tools .map-tools-left .button-wrapper,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-left .button-wrapper,
    .home_index_view:not(.fullscreen) .map_tools .map-tools-left .button-wrapper button,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-left .button-wrapper button {
        display: inline-block
    }
    .home_index_view:not(.fullscreen) .map_tools .map-tools-left .button-wrapper button,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-left .button-wrapper button {
        margin: 0 5px
    }
    .home_index_view:not(.fullscreen) .map_tools .map-tools-right,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-right,
    .home_index_view:not(.fullscreen) .map_tools .map-tools-bottom,
    .itinerary-is-on-hp:not(.fullscreen) .map_tools .map-tools-bottom {
        display: none
    }
    :not(.fullscreen) .map-control-container {
        display: none
    }
}

.map-filter-click,
.map-filter-interaction {
    display: none;
    z-index: 21;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0
}

.map-filter-click {
    cursor: pointer
}

@media only screen and (max-width: 640px) {
    .map-filter-click {
        display: block
    }
    .address_index_view .map-filter-click,
    .hotel_index_view .map-filter-click,
    .restaurant_index_view .map-filter-click,
    .tourism_index_view .map-filter-click,
    .service_index_view .map-filter-click {
        display: none
    }
    .hotel_index_view .locality-search-result .map-filter-click,
    .restaurant_index_view .locality-search-result .map-filter-click,
    .tourism_index_view .locality-search-result .map-filter-click,
    .service_index_view .locality-search-result .map-filter-click {
        display: block
    }
    .home_index_view .map-filter-click,
    .itinerary-is-on-hp .map-filter-click {
        height: 130px
    }
}

.poi_view .map-filter-click {
    display: block
}

.search-in-progress .map-filter-interaction {
    display: block;
    opacity: .25
}

.context-menu {
    z-index: 30;
    padding: .6rem 0;
    max-width: 210px;
    max-height: 190px;
    white-space: nowrap;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2)
}

.context-menu li {
    color: #323232
}

.context-menu.active {
    display: block
}

.select-box {
    display: none;
    margin-top: -130px;
    margin-left: -145px;
    width: 290px;
    min-height: 180px
}

.select-box-on .select-box {
    display: block
}

.select-box li {
    padding: 8px 0 8px 18px;
    font-size: 1.4rem;
    line-height: 2rem;
    cursor: pointer
}

.select-box li:hover {
    color: #0175D3;
    background-color: #f5f5f5
}

.select-box li .icon {
    margin-right: 10px
}

.select-box li.select-box-iti-from .icon {
    width: 1.4rem;
    height: 1.9rem;
    fill: #4caf50
}

.select-box li.select-box-iti-to .icon {
    width: 1.4rem;
    height: 1.9rem;
    fill: #f44336
}

.select-box li.select-box-iti-via .icon {
    width: 1.4rem;
    height: 1.9rem;
    fill: #0175D3
}

.select-box li.select-box-search-around-hotel .icon {
    width: 1.7rem;
    height: 1.7rem;
    fill: #f69b26
}

.select-box li.select-box-search-around-restaurant .icon {
    width: 1.7rem;
    height: 1.7rem;
    fill: #bd2333
}

.select-box li.select-box-search-around-tourism .icon {
    width: 1.7rem;
    height: 1.3rem;
    fill: #027551
}

.select-box li.select-box-share-twitter:before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    margin-left: -1px;
    width: 21px;
    height: 17px;
    vertical-align: top;
    background: url("../images/twitter.png") no-repeat 0 0;
    background-size: 21px 17px
}

.select-box li.select-box-share-facebook:before {
    content: "";
    display: inline-block;
    margin-right: 13px;
    margin-left: 3px;
    width: 11px;
    height: 20px;
    vertical-align: top;
    background: url("../images/facebook.png") no-repeat 0 0;
    background-size: 11px 20px
}

.select-box li.select-box-share-email .icon {
    width: 1.7rem;
    height: 1.7rem;
    fill: #c82247
}

.map-marker-container {
    cursor: pointer
}

#content .fullscreen {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#content .fullscreen .ads,
#content .fullscreen header,
#content .fullscreen footer,
#content .fullscreen .poibar,
#content .fullscreen .panel,
#content .fullscreen .itinerary-index-summary,
#content .fullscreen .itinerary-index-roadsheet,
#content .fullscreen .datasheet,
#content .fullscreen .datasheet-title,
#content .fullscreen .proximity-pois,
#content .fullscreen .show-top,
#content .fullscreen .map-filter-click,
#content .fullscreen .fixedsticky,
#content .fullscreen .tutorial-container,
#content .fullscreen .toaster,
#content .fullscreen .toaster-feedback,
#content .fullscreen .newsletter-footer,
#content .fullscreen .lachainemeteo-container,
#content .fullscreen .itinerary-section-title,
#content .fullscreen .route-title,
#content .fullscreen .itinerary-organise-trip {
    display: none !important
}

#content .fullscreen .refresh-pois {
    display: none
}

@media only screen and (max-width: 640px) {
    #content .fullscreen .refresh-pois.active {
        display: block
    }
}

#content .fullscreen .view-container,
#content .fullscreen .view,
#content .fullscreen .map-container {
    display: block;
    top: 0;
    margin: 0;
    width: 100% !important;
    height: 100% !important
}

#content .fullscreen .view {
    position: static
}

#content .fullscreen .map_tools,
#content .fullscreen .map-control-container {
    display: block !important
}

.map_tools {
    pointer-events: none
}

@media only screen and (max-width: 640px) {
    .map_tools {
        display: none
    }
    .address_index_view .map_tools {
        display: block
    }
    .hotel_index_view .locality-search-result .map_tools,
    .restaurant_index_view .locality-search-result .map_tools,
    .tourism_index_view .locality-search-result .map_tools,
    .service_index_view .locality-search-result .map_tools {
        display: none
    }
}

.poi_view .map_tools,
.print_map .map_tools,
.print_simple_map .map_tools {
    display: none
}

.map_tools button {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px
}

.map_tools button .icon {
    width: 1.8rem;
    height: 1.8rem;
    vertical-align: middle;
    fill: #0175D3
}

@media only screen and (min-width: 1025px) {
    .map_tools button:hover {
        color: #fff;
        background-color: #0175D3
    }
    .map_tools button:hover .icon {
        fill: #fff
    }
}

.map_tools button:active,
.map_tools button.on {
    color: #fff;
    background-color: #0175D3
}

.map_tools button:active .icon,
.map_tools button.on .icon {
    fill: #fff
}

.map_tools .map-tools-left,
.map_tools .map-tools-right,
.map_tools .map-tools-bottom {
    z-index: 20;
    position: absolute
}

.map_tools .map-tools-left {
    top: 12px;
    left: 12px
}

@media only screen and (max-width: 640px) {
    .map_tools .map-tools-left {
        left: 0
    }
    .map_tools .map-tools-left button {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

.map_tools .map-tools-right {
    top: 12px;
    right: 12px
}

@media only screen and (max-width: 640px) {
    .map_tools .map-tools-right {
        right: 0
    }
}

.map_tools .map-tools-right button {
    float: right;
    clear: right
}

@media only screen and (max-width: 640px) {
    .map_tools .map-tools-right button {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

.map_tools .map-tools-bottom {
    bottom: 64px;
    left: 12px;
    pointer-events: none
}

.map_tools * {
    pointer-events: auto
}

.map_tools .toggle-fullscreen .icon {
    width: 1.7rem;
    height: 1.7rem
}

.map_tools .toggle-fullscreen .icon-close-fullscreen {
    display: none
}

.fullscreen .map_tools .toggle-fullscreen .icon-open-fullscreen {
    display: none
}

.fullscreen .map_tools .toggle-fullscreen .icon-close-fullscreen {
    display: inline
}

.map_tools .zoom {
    font: bold 28px/26px "Times New Roman", Times, Georgia, serif
}

.map_tools .zoom-in {
    margin-top: 8px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.map_tools .zoom-in:before {
    content: "+"
}

.map_tools .zoom-out {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f2f2f2
}

.map_tools .zoom-out:before {
    content: "−"
}

.map_tools .toggle-my-position {
    margin-top: 8px
}

#content .my-position-target {
    margin-top: 36px;
    margin-left: 11px;
    width: 16px;
    height: 16px;
    background-color: #0175D3;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px 3px rgba(16, 149, 249, 0.01)
}

.map_tools .toggle-cardtype {
    margin-top: 8px;
    padding: 1px
}

.map_tools .toggle-cardtype:before {
    content: "";
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    background-position: 0 -80px;
    border-radius: 3px
}

.map_tools .toggle-cardtype:hover,
.map_tools .toggle-cardtype:active {
    background-color: #fff
}

.map_tools .cardtype {
    display: none;
    position: absolute;
    bottom: -40px;
    right: 45px;
    padding: 2px;
    width: 130px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px
}

.map_tools .cardtype:before {
    content: "";
    position: absolute;
    bottom: 50px;
    right: -6px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
    border-bottom: 6px solid transparent
}

.map_tools .cardtype.on {
    display: block
}

.map_tools .cardtype.on+.show-old-map {
    display: none
}

.map_tools .cardtype label {
    display: block;
    height: 3.1rem;
    line-height: 3.1rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #676767;
    text-align: right;
    cursor: pointer
}

.map_tools .cardtype label+label {
    margin-top: 2px
}

.map_tools .cardtype label input[type="radio"] {
    display: none
}

.map_tools .cardtype label:hover,
.map_tools .cardtype label input[type="radio"]:checked+span {
    color: #0175D3
}

.map_tools .cardtype label.cardtype-item:before {
    content: "";
    float: right;
    margin-left: 6px;
    width: 3.1rem;
    height: 3.1rem
}

.map_tools .cardtype label.cardtype-item-0:before {
    background-position: 0 -80px
}

.map_tools .cardtype label.cardtype-item-1:before {
    background-position: -31px -80px
}

.map_tools .cardtype label.cardtype-item-2:before {
    background-position: -62px -80px
}

.map_tools .cardtype label.cardtype-item-3:before {
    background-position: -93px -80px
}

.map_tools .cardtype label.cardtype-item-4:before {
    background-position: -124px -80px
}

.map_tools .show-old-map {
    display: none;
    margin-top: 8px;
    padding: 3px 8px;
    width: auto;
    height: auto;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: right
}

.map_tools .show-old-map.active {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .map_tools .show-old-map.active {
        display: none
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .map_tools .print-map {
        display: none
    }
}

.map_tools .button-wrapper+.button-wrapper,
.map_tools .button-wrapper>button+button {
    margin-top: 8px
}

.map_tools .toggle-service-parking .icon,
.map_tools .toggle-service-gasStations .icon {
    height: 1.9rem
}

.traffic_index_view .map_tools .toggle-service-traffic {
    display: none !important
}

.hotel_index_view .map_tools .button-wrapper-adincorridor,
.restaurant_index_view .map_tools .button-wrapper-adincorridor,
.tourism_index_view .map_tools .button-wrapper-adincorridor,
.service_index_view .map_tools .button-wrapper-adincorridor,
.poi_view .map_tools .button-wrapper-adincorridor {
    display: none
}

.map_tools .toggle-adincorridor-booking img {
    width: 20px;
    height: 15px
}

.map_tools .toggle-adincorridor-booking img+img {
    display: none
}

.map_tools .toggle-adincorridor-booking:hover,
.map_tools .toggle-adincorridor-booking.on {
    background-color: #f69b26
}

.map_tools .toggle-adincorridor-booking:hover img,
.map_tools .toggle-adincorridor-booking.on img {
    display: none
}

.map_tools .toggle-adincorridor-booking:hover img+img,
.map_tools .toggle-adincorridor-booking.on img+img {
    display: inline
}

.map_tools .refresh-pois {
    display: none;
    z-index: 20;
    position: absolute;
    top: 12px;
    left: 59px;
    padding: 0 10px;
    width: auto;
    font-size: 1.2rem;
    line-height: 3.5rem
}

.map_tools .refresh-pois .icon {
    margin-left: 8px;
    width: 1.2rem;
    height: 1.2rem;
    vertical-align: -0.15rem
}

.map_tools .refresh-pois.active {
    display: block
}

.map_tools .traffic-info-container {
    display: none;
    position: absolute;
    z-index: 20;
    top: 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 375px;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    font-size: 1.2rem;
    color: #615f5f;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer
}

.map_tools .traffic-info-container .traffic-info {
    height: inherit;
    line-height: inherit
}

.map_tools .traffic-info-container .traffic-info strong {
    font-weight: bold
}

.map_tools .traffic-info-container .traffic-info .traffic-info-button {
    float: right;
    font-size: 11px;
    color: #0175D3;
    text-decoration: underline
}

.map_tools .traffic-info-container .traffic-info .traffic-info-button .icon-dropdown {
    margin-left: 6px;
    width: 1rem;
    height: .6rem;
    vertical-align: 0;
    fill: #0175D3;
    transition: all .25s ease-out
}

.map_tools .traffic-info-container .traffic-info .icon-traffic {
    display: none;
    margin-right: 5px;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: -0.3rem;
    fill: #615f5f
}

.map_tools .traffic-info-container .traffic-legend {
    display: none;
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    position: absolute;
    left: -1px;
    width: inherit;
    height: inherit;
    line-height: inherit;
    padding: inherit;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 3px;
    border: inherit;
    box-shadow: inherit;
    cursor: auto;
    pointer-events: none
}

.map_tools .traffic-info-container .traffic-legend span {
    white-space: nowrap;
    pointer-events: none
}

.map_tools .traffic-info-container .traffic-legend span:before {
    content: "";
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 6px;
    width: 10px;
    height: 3px
}

.map_tools .traffic-info-container .traffic-legend span.traffic-legend-1:before {
    background-color: #7cb342
}

.map_tools .traffic-info-container .traffic-legend span.traffic-legend-2:before {
    background-color: #f69b26
}

.map_tools .traffic-info-container .traffic-legend span.traffic-legend-3:before {
    background-color: #e64a19
}

.map_tools .traffic-info-container .traffic-legend span.traffic-legend-4:before {
    background-color: #000
}

.traffic_index_view .map_tools .traffic-info-container {
    display: block
}

.map_tools .traffic-info-container.on .traffic-info .traffic-info-button .icon-dropdown {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.map_tools .traffic-info-container.on .traffic-legend {
    display: -ms-grid;
    display: grid;
    top: 28px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .map_tools .traffic-info-container {
        width: 150px
    }
    .map_tools .traffic-info-container .traffic-info .icon-traffic {
        display: inline
    }
    .map_tools .traffic-info-container .traffic-info .traffic-info-label {
        display: none
    }
    .map_tools .traffic-info-container.on .traffic-legend {
        display: block;
        height: auto
    }
    .map_tools .traffic-info-container.on .traffic-legend span {
        display: block
    }
}

.map .map-target {
    padding: 0;
    width: 50px;
    height: 30px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #0175D3;
    text-align: center
}

.map .map-target>span {
    position: relative;
    display: inline-block;
    min-height: 24px;
    padding: 1px 10px;
    background-color: #fff;
    border: 2px solid #0175D3;
    border-radius: 12px
}

.map .map-target>span:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #0175D3
}

.map .map-target .map-target-count {
    display: inline-block;
    position: absolute;
    top: -9px;
    right: -9px;
    padding: 1px 3px;
    font-size: 1rem;
    line-height: 10px;
    color: #000;
    background-color: #fff;
    border: #0175D3 solid 2px;
    border-radius: 10px
}

.map .map-target-adress>span {
    height: 24px;
    background-color: #0175D3
}

.map .map-target-departure {
    color: #fff
}

.map .map-target-departure>span {
    background-color: #4caf50;
    border-color: #4caf50
}

.map .map-target-departure>span:before {
    border-top-color: #4caf50
}

.map .map-target-arrival {
    color: #fff
}

.map .map-target-arrival>span {
    background-color: #f44336;
    border-color: #f44336
}

.map .map-target-arrival>span:before {
    border-top-color: #f44336
}

.map .map-target-step {
    color: #fff
}

.map .map-target-step>span {
    background-color: #636161;
    border-color: #636161
}

.map .map-target-step>span:before {
    border-top-color: #636161
}

.map .map-target-hotel>span,
.map .map-target-corridor-hotel>span {
    background-color: #f69b26;
    border-color: #f69b26
}

.map .map-target-hotel>span:before,
.map .map-target-corridor-hotel>span:before {
    border-top-color: #f69b26
}

.map .map-target-hotel .map-target-count,
.map .map-target-corridor-hotel .map-target-count {
    border-color: #f69b26
}

.map .map-target-restaurant>span,
.map .map-target-corridor-restaurant>span {
    background-color: #bd2333;
    border-color: #bd2333
}

.map .map-target-restaurant>span:before,
.map .map-target-corridor-restaurant>span:before {
    border-top-color: #bd2333
}

.map .map-target-restaurant .map-target-count,
.map .map-target-corridor-restaurant .map-target-count {
    border-color: #bd2333
}

.map .map-target-tourism>span,
.map .map-target-corridor-tourism>span {
    background-color: #027551;
    border-color: #027551
}

.map .map-target-tourism>span:before,
.map .map-target-corridor-tourism>span:before {
    border-top-color: #027551
}

.map .map-target-tourism .map-target-count,
.map .map-target-corridor-tourism .map-target-count {
    border-color: #027551
}

.map .map-target-on .map-target-hotel>span,
.map .map-target-from-list.map-target-hotel>span,
.map .map-target-highlight .map-target-hotel>span {
    background-color: #fff
}

.map .map-target-on .map-target-restaurant>span,
.map .map-target-from-list.map-target-restaurant>span,
.map .map-target-highlight .map-target-restaurant>span {
    background-color: #fff
}

.map .map-target-on .map-target-tourism>span,
.map .map-target-from-list.map-target-tourism>span,
.map .map-target-highlight .map-target-tourism>span {
    background-color: #fff
}

.map .map-target-parking .icon.icon-parking,
.map .map-target-corridor-parking .icon.icon-parking {
    width: 1.3rem;
    height: 1.3rem;
    top: 14px;
    left: 14px;
    fill: #0175D3
}

.map .map-target-parking .map-target-count,
.map .map-target-corridor-parking .map-target-count {
    border-color: #0175D3
}

.map .map-target-restArea .icon.icon-restArea,
.map .map-target-corridor-restArea .icon.icon-restArea {
    width: 1.3rem;
    height: 1.3rem;
    top: 14px;
    left: 14px;
    fill: #0175D3
}

.map .map-target-restArea .map-target-count,
.map .map-target-corridor-restArea .map-target-count {
    border-color: #0175D3
}

.map .map-target-gasStations .icon.icon-gasStations,
.map .map-target-corridor-gasStations .icon.icon-gasStations {
    width: 1.3rem;
    height: 1.3rem;
    top: 14px;
    left: 14px;
    fill: #0175D3
}

.map .map-target-gasStations .map-target-count,
.map .map-target-corridor-gasStations .map-target-count {
    border-color: #0175D3
}

.map .map-target-gasStations .map-target-count,
.map .map-target-corridor-gasStations .map-target-count {
    border-color: #0175D3
}

.map .map-target.corridor-bullet>span {
    display: none
}

.map .map-target.corridor-bullet:before {
    content: "";
    position: absolute;
    top: 36px;
    left: 14px;
    width: 8px;
    height: 8px;
    border-radius: 12px;
    border: 2px solid #fff
}

.map .map-target-highlight {
    z-index: 1000 !important
}

.map .map-target-highlight .map-target {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.map .map-target-itinerary-trace {
    margin-top: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    text-align: center;
    background-color: #fff;
    background-image: none;
    border-radius: 50%;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2)
}

.map .map-target-itinerary-trace.map-target-itinerary-trace-on {
    color: #fff;
    background-color: #045c9f
}

.map .map-target .icon {
    position: static;
    width: 1.5rem;
    height: 1.5rem;
    fill: #fff
}

.map .map-target-hotel.map-target-from-list {
    color: #f69b26
}

.map .map-target-hotel.map-target-from-list .icon {
    fill: #f69b26
}

.map .map-target-restaurant.map-target-from-list .icon {
    fill: #bd2333
}

.map .map-target-tourism.map-target-from-list .icon {
    fill: #027551
}

.map .map-target-adress .icon,
.map .map-target-departure .icon,
.map .map-target-arrival .icon,
.map .map-target-step .icon,
.map .map-target-itinerary-trace .icon {
    display: none
}

.map-affiliate-box {
    display: none;
    z-index: 21;
    position: absolute;
    bottom: 22px;
    right: 12px
}

.map-affiliate-box .map-affiliate-item {
    display: none;
    position: relative;
    padding-left: 65px;
    width: 188px;
    height: 35px;
    line-height: 35px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    opacity: .95;
    border-radius: 3px;
    overflow: hidden
}

.map-affiliate-box .map-affiliate-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: inherit;
    background-repeat: no-repeat;
    background-position: 50%
}

.map-affiliate-box .map-affiliate-item-skyscanner:before {
    background-image: url("../images/skyscanner.png");
    background-size: 39px 15px
}

.map-affiliate-box .map-affiliate-item-blablacar:before {
    background-image: url("../images/blablacar.png");
    background-size: 25px 17px
}

.map-affiliate-box .map-affiliate-item-rentalcars:before {
    background-image: url("../images/rentalcars.png");
    background-size: 31px 22px
}

.map-affiliate-box .map-affiliate-item-ouiSncf:before {
    background-image: url("../images/sncf.png");
    background-size: 25px 17px
}

.map-affiliate-box .map-affiliate-item-booking:before {
    background-image: url("../images/booking.png");
    background-size: 32px 17px
}

.map-affiliate-box .map-affiliate-item em {
    color: #004d9c
}

.map-affiliate-box .map-affiliate-item+.map-affiliate-item {
    margin-top: 5px
}

@media only screen and (max-width: 640px) {
    .map-affiliate-box {
        bottom: 8px;
        right: 8px;
        pointer-events: none
    }
    .map-affiliate-box .map-affiliate-item {
        width: 65px
    }
    .fullscreen .map-affiliate-box {
        bottom: 26px;
        pointer-events: auto
    }
}

.itinerary-result .map-affiliate-box {
    display: block
}

.search-in-progress .itinerary-result .map-affiliate-box {
    display: none
}

.map-affiliate-item:nth-child(3) {
    display: block;
    z-index: 1
}

.map-affiliate-item:nth-child(2) {
    display: block;
    z-index: 2
}

.map-affiliate-item:nth-child(1) {
    display: block;
    z-index: 3
}

.itinerary-model-has-errors .fixedsticky,
.itinerary-is-on-hp .fixedsticky,
.itinerary-model-has-ambiguities .fixedsticky,
.itinerary-in-progress .fixedsticky {
    display: none
}

.itinerary-index-summary,
.itinerary-index-roadsheet {
    padding-left: 10px;
    padding-right: 10px
}

.itinerary-model-has-errors .itinerary-index-roadsheet,
.itinerary-model-has-errors .itinerary-index-summary,
.itinerary-is-on-hp .itinerary-index-roadsheet,
.itinerary-is-on-hp .itinerary-index-summary,
.itinerary-model-has-ambiguities .itinerary-index-roadsheet,
.itinerary-model-has-ambiguities .itinerary-index-summary,
.itinerary-in-progress .itinerary-index-roadsheet,
.itinerary-in-progress .itinerary-index-summary {
    display: none
}

.route-title {
    margin: 2rem 0;
    color: #323232;
    font-size: 1.4rem;
    line-height: 1.8rem
}

.route-title .icon-vehicle {
    float: left;
    margin-right: 8px;
    fill: #0175D3;
    vertical-align: middle
}

.route-title .icon-vehicle.icon-car {
    width: 4rem;
    height: 2rem
}

.route-title .icon-vehicle.icon-moto {
    width: 4rem;
    height: 2.2rem
}

.route-title .icon-vehicle.icon-bike {
    width: 3.2rem;
    height: 2.2rem
}

.route-title .icon-vehicle.icon-pedestrian {
    width: 1.3rem;
    height: 2.2rem
}

.route-title span {
    display: block;
    overflow: hidden;
    font-style: italic
}

.route-title strong {
    font-weight: 500;
    font-style: normal
}

.route-title .back-itinerary {
    font-size: 1.1rem;
    line-height: 1.4rem;
    color: #0175D3;
    text-decoration: underline;
    font-style: normal
}

.route-title-summary {
    padding: 0 1rem;
    display: none
}

.itinerary-result .route-title-summary {
    display: block
}

.itinerary-model-has-errors .itinerary-result .route-title-summary,
.itinerary-model-has-ambiguities .itinerary-result .route-title-summary,
.itinerary-in-progress .itinerary-result .route-title-summary,
.search-in-progress .itinerary-result .route-title-summary {
    display: none
}

.itinerary-print-button-container {
    position: relative;
    margin-top: 2rem;
    padding: 0 1rem
}

.print-roadsheet .itinerary-print-button-container,
.search-in-progress .itinerary-print-button-container {
    display: none
}

.itinerary-print-button:not(.show-donut) {
    position: relative;
    z-index: 1;
    padding: 0 15px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff
}

.simplified-header .itinerary-print-button:not(.show-donut) {
    display: inline-block;
    border: 1px solid #0175D3;
    border-radius: 30px
}

.simplified-header .itinerary-print-button:not(.show-donut) .icon {
    margin-right: 8px;
    width: 1.7rem;
    height: 1.7rem;
    fill: #0175D3;
    vertical-align: -0.4rem
}

.simplified-header .itinerary-print-button:not(.show-donut):hover {
    color: #fff;
    background-color: #0175D3
}

.simplified-header .itinerary-print-button:not(.show-donut):hover .icon {
    fill: #fff
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .simplified-header .itinerary-print-button:not(.show-donut) {
        display: none
    }
}

.more-actions .itinerary-print-button:not(.show-donut) {
    display: none;
    border-radius: 15px
}

.more-actions .itinerary-print-button:not(.show-donut) .icon {
    fill: #0175D3;
    vertical-align: -0.4rem
}

.more-actions .itinerary-print-button:not(.show-donut) .icon-print {
    margin-right: 6px;
    width: 1.7rem;
    height: 1.7rem
}

.more-actions .itinerary-print-button:not(.show-donut) .icon-expense-report {
    margin-right: 8px;
    margin-left: 2px;
    width: 1.2rem;
    height: 1.7rem
}

.more-actions .itinerary-print-button:not(.show-donut) .icon-bookmark {
    margin-right: 6px;
    width: 1.7rem;
    height: 1.7rem
}

.more-actions {
    position: absolute;
    top: 0;
    right: 10px;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 15px
}

.more-actions .more-actions-label {
    display: block;
    position: relative;
    padding: 0 32px 0 15px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3;
    cursor: pointer
}

.more-actions .more-actions-label .icon {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -0.45rem;
    width: 1.6rem;
    height: .9rem;
    fill: #0175D3;
    pointer-events: none;
    transition: all .25s ease-out
}

.more-actions.on .more-actions-label .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.more-actions .itinerary-expense-report-button,
.more-actions .route-add-to-favourites {
    display: none;
    position: relative;
    z-index: 1;
    padding: 0 15px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border-radius: 15px
}

.more-actions .itinerary-expense-report-button .icon,
.more-actions .route-add-to-favourites .icon {
    fill: #0175D3;
    vertical-align: -0.4rem
}

.more-actions .itinerary-expense-report-button .icon-print,
.more-actions .route-add-to-favourites .icon-print {
    margin-right: 6px;
    width: 1.7rem;
    height: 1.7rem
}

.more-actions .itinerary-expense-report-button .icon-expense-report,
.more-actions .route-add-to-favourites .icon-expense-report {
    margin-right: 8px;
    margin-left: 2px;
    width: 1.2rem;
    height: 1.7rem
}

.more-actions .itinerary-expense-report-button .icon-bookmark,
.more-actions .route-add-to-favourites .icon-bookmark {
    margin-right: 6px;
    width: 1.7rem;
    height: 1.7rem
}

.more-actions.on .itinerary-print-button,
.more-actions.on .itinerary-expense-report-button,
.more-actions.on .route-add-to-favourites {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .more-actions.on .itinerary-print-button,
    .more-actions.on .itinerary-expense-report-button {
        display: none
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .more-actions {
        position: static;
        border: 0
    }
    #content .more-actions .more-actions-label {
        display: none
    }
    #content .more-actions .route-add-to-favourites {
        display: block;
        margin: 1rem auto 0;
        width: 28rem;
        background-color: #fff;
        border: 1px solid #0175D3;
        border-radius: 15px
    }
    #content .more-actions .route-add-to-favourites .icon {
        display: none
    }
}

.traffic-conditions {
    margin-top: 2rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 500;
    text-align: center
}

.traffic-conditions a {
    color: #045c9f
}

.traffic-conditions:before {
    content: "?";
    display: inline-block;
    margin-right: 5px;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.5;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
    color: #045c9f;
    background-color: #fff;
    border: 1px solid #045c9f;
    border-radius: 50%
}

.itinerary-section-title {
    margin: 3rem 1rem 1rem;
    font-size: 2rem;
    line-height: 2.6rem;
    font-style: italic;
    text-transform: uppercase;
    color: #000
}

.itinerary-section-title strong {
    font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
    font-weight: bold
}

.itinerary-section-title span {
    margin-left: .8rem
}

.itinerary-section-title .icon {
    margin-right: .5rem;
    width: 2.5rem;
    height: 2.5rem
}

.itinerary-section-title .icon-hotel {
    fill: #f69b26
}

.itinerary-section-title .icon-restaurant {
    fill: #bd2333
}

.itinerary-section-title .icon-tourism {
    height: 2rem;
    fill: #027551
}

.itinerary-section-title .icon-weather {
    fill: #0175D3
}

.itinerary-section-title-seo,
.itinerary-section-title-proximitypois,
.itinerary-section-title-lachainemeteo,
.itinerary-section-title-organise-trip {
    margin-top: 0
}

.itinerary-section-title-seo span,
.itinerary-section-title-proximitypois span,
.itinerary-section-title-lachainemeteo span,
.itinerary-section-title-organise-trip span {
    display: block;
    margin-left: 0
}

.itinerary-section-title-seo {
    margin-left: 0
}

.itinerary-section-title-advertising {
    display: none
}

.itinerary-result .itinerary-section-title-advertising {
    display: block
}

.itinerary-model-has-errors .itinerary-result .itinerary-section-title-advertising,
.itinerary-model-has-ambiguities .itinerary-result .itinerary-section-title-advertising,
.itinerary-in-progress .itinerary-result .itinerary-section-title-advertising,
.search-in-progress .itinerary-result .itinerary-section-title-advertising {
    display: none
}

.itinerary-section-title-organise-trip {
    border-bottom: 1px solid #e6e6e6
}

.itinerary-section-title-organise-trip:before {
    content: "";
    float: right;
    margin-top: -9.2rem;
    width: 178px;
    height: 146px;
    background-color: #fff;
    background-position: 0 -328px;
    background-size: 310px 474px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-section-title-organise-trip {
        border-bottom: 0
    }
    .itinerary-section-title-organise-trip:before {
        display: none
    }
}

.summary-container ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    grid-gap: .6rem;
    gap: .6rem
}

.summary-container .summary-item {
    padding: .8rem;
    background-color: #e6e6e6;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
}

.summary-container .summary-item:not(.highlight) {
    cursor: pointer
}

.summary-container .summary-item .summary-header {
    display: block;
    padding-bottom: .5rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #000;
    border-bottom: 1px solid #fff
}

.summary-container .summary-item .summary-header:before {
    content: attr(data-index);
    display: inline-block;
    margin-right: .5rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    background-color: #fff;
    border-radius: 50%
}

.summary-container .summary-item .summary-time {
    display: block;
    margin-top: .8rem;
    margin-left: 3.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #0175D3
}

.summary-container .summary-item .summary-time>span {
    margin-left: .8rem;
    font-size: 1.4rem;
    font-weight: normal;
    color: #000
}

.summary-container .summary-item .summary-cost {
    display: block;
    margin-top: .2rem;
    margin-left: 3.5rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #000
}

.summary-container .summary-item:hover,
.summary-container .summary-item.highlight {
    background-color: #fff;
    box-shadow: 0 12px 0 #fff, 0 0 9px rgba(0, 0, 0, 0.2)
}

.summary-container .summary-item:hover .summary-header,
.summary-container .summary-item.highlight .summary-header {
    border-bottom-color: #e6e6e6
}

.summary-container .summary-item:hover .summary-header:before,
.summary-container .summary-item.highlight .summary-header:before {
    color: #fff;
    background-color: #0175D3
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .summary-container .summary-item .summary-time,
    .summary-container .summary-item .summary-cost {
        margin-left: 0
    }
    .summary-container .summary-item .summary-header>span {
        display: none
    }
    .summary-container .summary-item .summary-header:before {
        width: 2rem;
        height: 2rem;
        line-height: 2rem
    }
    .summary-container .summary-item .summary-time>span {
        display: block;
        margin-left: 0;
        margin-top: .2rem
    }
}

.summary-current-details {
    padding-bottom: 1rem;
    background-color: #fff;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2);
    border-bottom-left-radius: 1.5rem;
    border-bottom-right-radius: 1.5rem
}

.summary-current-details .summary-current-detail-container {
    display: none;
    padding: 2rem 1rem 0 1rem
}

.summary-current-details .summary-current-detail-container.highlight {
    display: block
}

.summary-details-item {
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #000
}

.summary-details-item .summary-details-item-col-1,
.summary-details-item .summary-details-item-col-2 {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem;
    vertical-align: top
}

.summary-details-item .summary-details-item-col-1 {
    width: 15.5rem
}

.summary-details-item .summary-details-item-col-2 {
    padding-left: 1.5rem;
    border-left: 1px solid #e6e6e6
}

.summary-details-item-distance .summary-details-item-col-2,
.summary-details-item-cost .summary-details-item-col-2 {
    font-weight: normal
}

.summary-details-item sub {
    font-size: 1.2rem
}

.summary-details-item sub.cost-detail {
    text-transform: lowercase
}

.summary-details-item sub.summary-sub-detail {
    color: #676767;
    font-weight: normal
}

.summary-details-item .open-break-modal {
    margin-top: -0.1rem;
    margin-left: .6rem
}

.summary-details-item .open-break-modal .icon {
    width: 1.5rem;
    height: 1.5rem
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .summary-details-item .summary-details-item-col-1,
    .summary-details-item .summary-details-item-col-2 {
        display: block
    }
    .summary-details-item .summary-details-item-col-2 {
        margin-left: 1rem
    }
}

.show-roadsheet,
.deep-link {
    padding: 0 12px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 15px
}

@media only screen and (min-width: 1025px) {
    .show-roadsheet:hover,
    .deep-link:hover {
        background-color: #045c9f
    }
}

.print-roadsheet .show-roadsheet,
.print-roadsheet .deep-link,
.search-in-progress .show-roadsheet,
.search-in-progress .deep-link {
    display: none
}

.itinerary-print-button-container .itinerary-print-button.show-donut {
    display: inline-block;
    margin-left: 5px;
    padding: 0 12px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 15px
}

.itinerary-print-button-container .itinerary-print-button.show-donut:hover {
    background-color: #045c9f
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .show-roadsheet,
    #content .deep-link,
    #content .itinerary-print-button-container .itinerary-print-button.show-donut {
        margin: 1rem auto 0;
        width: 28rem
    }
    #content .show-roadsheet,
    #content .deep-link,
    #content .show-donut {
        display: block
    }
}

@media only screen and (max-width: 640px) {
    #content .itinerary-print-button-container .itinerary-print-button.show-donut {
        color: #0175D3;
        background-color: #fff;
        border: 1px solid #0175D3
    }
}

.summary-advertising-container {
    margin: 1rem 1rem 0 1rem
}

.summary-advertising-inner+.summary-advertising-inner {
    border-top: 1px solid #e6e6e6
}

.summary-advertising-container .summary-advertising-item {
    position: relative;
    padding: 1rem 0 1rem 3.5rem;
    min-height: 5.5rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #323232
}

.summary-advertising-container .summary-advertising-item strong {
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #000
}

.summary-advertising-container .summary-advertising-item em {
    color: #0175D3;
    text-decoration: underline;
    font-weight: bold
}

.summary-advertising-container .summary-advertising-item:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0
}

.summary-advertising-container .summary-advertising-item-bulb:before {
    background: url(../images/bulb.png) no-repeat 0 0;
    width: 22px;
    height: 23px;
    background-size: 22px 23px
}

.summary-advertising-container .summary-advertising-item-car:before {
    background: url(../images/car.png) no-repeat 0 0;
    width: 24px;
    height: 19.5px;
    background-size: 24px 19.5px;
    top: 12px
}

.itinerary-index-advertising {
    padding: 0 15px;
    font-size: 1.5rem;
    line-height: 2.2rem
}

.itinerary-index-advertising .itinerary-advertising-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    margin-top: 20px;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #efefef
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-index-advertising .itinerary-advertising-item {
        display: block
    }
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-logo,
.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content,
.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-url {
    display: block
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-logo img {
    max-width: 150px;
    max-height: 40px
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content em {
    color: #0175D3
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content b em {
    font-size: 1.8rem
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content strong {
    font-weight: bold
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content i {
    text-decoration: underline
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content .blablacar-total {
    color: #eb5b4c;
    font-size: 1.8rem
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content {
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-url button {
    padding: 6px 12px;
    color: #fff;
    background-color: #eb5b4c;
    border-radius: 3px
}

.itinerary-advertising-vsc iframe {
    width: 100%;
    height: 130px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .itinerary-advertising-vsc iframe {
        height: 226px
    }
}

.corridor-container ul {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    gap: 5px
}

.corridor-container .corridor-item {
    display: block;
    padding: 18px 0;
    text-align: center;
    font-size: 1.1rem;
    vertical-align: middle;
    color: #323232;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    border-bottom-width: 3px;
    border-radius: 3px;
    cursor: pointer
}

.corridor-container .corridor-item img {
    max-width: 70%;
    max-height: 2.5rem
}

.corridor-container .corridor-item .icon {
    display: none;
    width: 60%;
    height: 2.5rem
}

.corridor-container .corridor-item span {
    display: block;
    margin-top: 2px
}

.corridor-container .corridor-item-restArea img,
.corridor-container .corridor-item-gasStations img,
.corridor-container .corridor-item-parking img,
.corridor-container .corridor-item-hotel img,
.corridor-container .corridor-item-restaurant img,
.corridor-container .corridor-item-tourism img {
    display: none
}

.corridor-container .corridor-item-restArea .icon,
.corridor-container .corridor-item-gasStations .icon,
.corridor-container .corridor-item-parking .icon,
.corridor-container .corridor-item-hotel .icon,
.corridor-container .corridor-item-restaurant .icon,
.corridor-container .corridor-item-tourism .icon {
    display: inline
}

.corridor-container .corridor-item-restArea:hover,
.corridor-container .corridor-item-gasStations:hover,
.corridor-container .corridor-item-parking:hover,
.corridor-container .corridor-item-hotel:hover,
.corridor-container .corridor-item-restaurant:hover,
.corridor-container .corridor-item-tourism:hover,
.corridor-container .corridor-item-restArea.on,
.corridor-container .corridor-item-gasStations.on,
.corridor-container .corridor-item-parking.on,
.corridor-container .corridor-item-hotel.on,
.corridor-container .corridor-item-restaurant.on,
.corridor-container .corridor-item-tourism.on {
    color: #fff
}

.corridor-container .corridor-item-restArea:hover .icon,
.corridor-container .corridor-item-gasStations:hover .icon,
.corridor-container .corridor-item-parking:hover .icon,
.corridor-container .corridor-item-hotel:hover .icon,
.corridor-container .corridor-item-restaurant:hover .icon,
.corridor-container .corridor-item-tourism:hover .icon,
.corridor-container .corridor-item-restArea.on .icon,
.corridor-container .corridor-item-gasStations.on .icon,
.corridor-container .corridor-item-parking.on .icon,
.corridor-container .corridor-item-hotel.on .icon,
.corridor-container .corridor-item-restaurant.on .icon,
.corridor-container .corridor-item-tourism.on .icon {
    fill: #fff
}

.corridor-container .corridor-item-restArea,
.corridor-container .corridor-item-gasStations,
.corridor-container .corridor-item-parking {
    border-bottom-color: #0175D3
}

.corridor-container .corridor-item-restArea .icon,
.corridor-container .corridor-item-gasStations .icon,
.corridor-container .corridor-item-parking .icon {
    fill: #0175D3
}

.corridor-container .corridor-item-restArea:hover,
.corridor-container .corridor-item-gasStations:hover,
.corridor-container .corridor-item-parking:hover,
.corridor-container .corridor-item-restArea.on,
.corridor-container .corridor-item-gasStations.on,
.corridor-container .corridor-item-parking.on {
    background-color: #0175D3;
    border-color: #0175D3;
    border-bottom-color: #045c9f
}

.corridor-container .corridor-item-restArea .icon {
    width: 90%
}

.corridor-container .corridor-item-hotel {
    border-bottom-color: #f69b26
}

.corridor-container .corridor-item-hotel .icon {
    fill: #f69b26
}

.corridor-container .corridor-item-hotel:hover,
.corridor-container .corridor-item-hotel.on {
    background-color: #f69b26;
    border-color: #f69b26;
    border-bottom-color: #af6507
}

.corridor-container .corridor-item-restaurant {
    border-bottom-color: #bd2333
}

.corridor-container .corridor-item-restaurant .icon {
    fill: #bd2333
}

.corridor-container .corridor-item-restaurant:hover,
.corridor-container .corridor-item-restaurant.on {
    background-color: #bd2333;
    border-color: #bd2333;
    border-bottom-color: #67131c
}

.corridor-container .corridor-item-tourism {
    border-bottom-color: #027551
}

.corridor-container .corridor-item-tourism .icon {
    width: 65%;
    fill: #027551
}

.corridor-container .corridor-item-tourism:hover,
.corridor-container .corridor-item-tourism.on {
    background-color: #027551;
    border-color: #027551;
    border-bottom-color: #00110c
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .corridor-container .corridor-item {
        padding: 12px 0
    }
    .corridor-container .corridor-item span {
        display: none
    }
}

#content .roadsheetContent .fdr_stepBlock .fdr_underStep img.poi {
    padding-top: 3px;
    width: 14px
}

.itinerary-organise-trip {
    margin-top: 10rem;
    margin-bottom: 4rem;
    display: none
}

.itinerary-result .itinerary-organise-trip {
    display: block
}

.itinerary-model-has-errors .itinerary-result .itinerary-organise-trip,
.itinerary-model-has-ambiguities .itinerary-result .itinerary-organise-trip,
.itinerary-in-progress .itinerary-result .itinerary-organise-trip,
.search-in-progress .itinerary-result .itinerary-organise-trip {
    display: none
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-organise-trip {
        margin-top: 2rem
    }
}

.itinerary-organise-trip-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-organise-trip-wrapper {
        display: block;
        margin: 2rem 0
    }
}

.itinerary-organise-trip-subwrapper-services {
    margin: 0 2rem
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-organise-trip-subwrapper-services {
        margin: 0
    }
}

.itinerary-organise-trip-bloc {
    position: relative;
    padding: 14rem 2rem 2rem;
    min-height: 45rem;
    overflow: hidden
}

.itinerary-organise-trip-bloc:before {
    content: "";
    position: absolute;
    top: -20%;
    left: -20%;
    width: 125%;
    height: 50%;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: 42% 0
}

.itinerary-organise-trip-bloc-hotel {
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2)
}

.itinerary-organise-trip-bloc-hotel:before {
    background-image: url("../images/itinerary-organise-trip-bloc-hotel.jpg")
}

.itinerary-organise-trip-bloc-services {
    border: 1px solid #d3d3d3
}

.itinerary-organise-trip-bloc-services:before {
    background-image: url("../images/itinerary-organise-trip-bloc-services.jpg");
    background-size: 150%
}

.itinerary-organise-trip-bloc-services ul+h5 {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e6e6e6
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-organise-trip-bloc {
        margin: 0 1rem;
        min-height: auto
    }
}

.itinerary-organise-trip-title {
    padding-left: 1rem;
    font-size: 1.8rem;
    line-height: 2em;
    font-weight: 500;
    font-style: italic;
    color: #000
}

.itinerary-organise-trip-title .icon {
    margin-right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    fill: #676767;
    vertical-align: -0.35rem
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .itinerary-organise-trip-subwrapper-services .itinerary-organise-trip-title {
        margin-top: 2rem
    }
}

.itinerary-organise-trip-bloc-sub-title {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: #000
}

.itinerary-organise-trip-bloc-sub-title .icon {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    fill: #676767;
    vertical-align: -0.1rem
}

.itinerary-organise-trip-bloc-sub-title .icon-tourism {
    height: 1.5rem
}

.itinerary-organise-trip-bloc-sub-title .icon-transports {
    margin-right: .7rem;
    width: 2.25rem
}

.itinerary-organise-trip-bloc ul {
    margin-top: .5rem;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.itinerary-organise-trip-bloc ul a,
.itinerary-organise-trip-bloc ul .organise-trip-proximity-link {
    color: #0175D3;
    text-decoration: underline;
    cursor: pointer
}

.itinerary-organise-trip-form .searchbox {
    padding: 0
}

.itinerary-organise-trip-form .searchbox input[type="text"] {
    padding-left: 5rem
}

.itinerary-organise-trip-form .searchbox input[type="text"]:valid+.searchbox-reset-button {
    display: block;
    right: 0
}

.itinerary-organise-trip-form .searchbox input[type="date"] {
    padding: .9rem 0 .9rem 1rem;
    width: 100%;
    font-size: 1.3rem;
    color: #000;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #cad6df;
    border-radius: 3px
}

.itinerary-organise-trip-form .searchbox .searchbox-submit-button {
    right: auto;
    left: 0
}

.itinerary-organise-trip-form .searchbox .searchbox-submit-button .icon-search {
    fill: #676767
}

.itinerary-organise-trip-form .searchbox-submit {
    margin: 0
}

.itinerary-seo-pois {
    margin-left: 1rem;
    padding: 3rem 1rem 3rem 3rem;
    width: 30rem;
    border: 1px solid #e6e6e6;
    display: none
}

.itinerary-result .itinerary-seo-pois {
    display: block
}

.itinerary-model-has-errors .itinerary-result .itinerary-seo-pois,
.itinerary-model-has-ambiguities .itinerary-result .itinerary-seo-pois,
.itinerary-in-progress .itinerary-result .itinerary-seo-pois,
.search-in-progress .itinerary-result .itinerary-seo-pois {
    display: none
}

@media only screen and (max-width: 640px) {
    .itinerary-result .itinerary-seo-pois {
        display: none
    }
}

.itinerary-seo-pois-sub-title {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    font-style: italic;
    color: #000
}

.itinerary-seo-pois-sub-title .icon {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    fill: #676767;
    vertical-align: -0.1rem
}

.itinerary-seo-pois-sub-title .icon-tourism {
    height: 1.5rem
}

.itinerary-seo-pois ul {
    margin-top: .5rem;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.itinerary-seo-pois ul a {
    color: #0175D3;
    text-decoration: underline
}

#content .simplified_index_view .panel {
    overflow: hidden
}

@media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape),
only screen and (min-width: 1025px) {
    #content .simplified_index_view .panel {
        width: 500px
    }
}

#content .simplified_index_view .panel .simplified-header {
    height: 45px
}

#content .simplified_index_view .panel .simplified-header .back {
    width: 28px;
    height: 28px;
    margin: 8px 8px;
    position: relative
}

#content .simplified_index_view .panel .simplified-header .back::before,
#content .simplified_index_view .panel .simplified-header .back::after {
    background: #fff;
    position: absolute;
    display: block;
    content: "";
    transform: rotate(45deg)
}

#content .simplified_index_view .panel .simplified-header .back::before {
    width: 70%;
    height: 6%;
    top: 47%;
    left: 15%
}

#content .simplified_index_view .panel .simplified-header .back::after {
    width: 6%;
    height: 70%;
    left: 47%;
    top: 15%
}

#content .simplified_index_view .panel .simplified-header .title-simplified {
    position: absolute;
    left: 47px;
    top: 7px;
    width: 140px;
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #9cd7fe
}

#content .simplified_index_view .panel .simplified-header .title-simplified b {
    display: block;
    font-weight: 500;
    color: #fff
}

#content .simplified_index_view .panel .simplified-header .itinerary-print-button-container {
    position: absolute;
    right: 10px;
    top: -14px
}

#content .simplified_index_view .panel .waiting-iti-loaded .spinner {
    margin: 100px auto 0;
    width: 70px;
    text-align: center
}

#content .simplified_index_view .panel .waiting-iti-loaded .spinner>div {
    width: 18px;
    height: 18px;
    background-color: #0175D3;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

#content .simplified_index_view .panel .waiting-iti-loaded .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

#content .simplified_index_view .panel .waiting-iti-loaded .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#content .simplified_index_view .panel .switch-itinerary {
    position: relative;
    line-height: 40px;
    height: 100px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos,
#content .simplified_index_view .panel .switch-itinerary .iti-details {
    height: 50%;
    border-bottom: 1px solid #e9e9e9
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos {
    font-weight: 500;
    position: relative;
    height: 60px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos .pastille-index {
    float: left;
    margin: 7px 7px 0 28px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    background-color: #045c9f;
    background-image: none;
    border-radius: 50%;
    box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2)
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos .iti-details-name {
    margin-top: 10px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos .iti-details-name,
#content .simplified_index_view .panel .switch-itinerary .iti-infos .departure,
#content .simplified_index_view .panel .switch-itinerary .iti-infos em {
    float: left;
    line-height: 20px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos .departure,
#content .simplified_index_view .panel .switch-itinerary .iti-infos .arrival {
    max-width: 116px;
    line-height: 20px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos em {
    color: #0175D3;
    margin: 0 5px
}

#content .simplified_index_view .panel .switch-itinerary .iti-infos .name {
    font-size: 1.4rem;
    max-width: 260px
}

#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details {
    position: relative;
    height: 40px
}

#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .prev,
#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .next {
    position: absolute;
    top: -13px;
    width: 25px;
    height: 25px;
    border: 1px solid #0175D3;
    border-radius: 13px;
    background-color: #fff
}

#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .prev .icon-arrow,
#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .next .icon-arrow {
    position: absolute;
    top: 32%;
    right: 3px;
    width: 1.6rem;
    height: .9rem;
    fill: #0175D3;
    cursor: pointer
}

#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .prev {
    left: 5px;
    transform: rotate(90deg)
}

#content .simplified_index_view .panel .switch-itinerary .iti-arrows-details .next {
    right: 5px;
    transform: rotate(-90deg)
}

#content .simplified_index_view .panel .switch-itinerary .iti-details {
    display: table;
    table-layout: fixed;
    width: 85%;
    margin: auto
}

#content .simplified_index_view .panel .switch-itinerary .iti-details li {
    display: table-cell;
    position: relative;
    padding-left: 20px;
    color: #0175D3;
    font-size: 1.7rem;
    font-weight: bold
}

#content .simplified_index_view .panel .switch-itinerary .iti-details li.clock {
    color: #4caf50
}

#content .simplified_index_view .panel .switch-itinerary .iti-details li .icon {
    position: absolute;
    top: 11px;
    left: 0px;
    width: 1.5rem;
    height: 1.5rem;
    fill: #323232
}

#content .simplified_index_view .panel .switch-itinerary .iti-details li .icon-euro {
    padding-left: 3px;
    font-size: 1.1rem;
    line-height: 1.5rem;
    color: #323232;
    background-color: #fff;
    border: 1px solid #323232;
    border-radius: 50%
}

#content .simplified_index_view .panel .switch-itinerary .iti-details li .icon-euro:before {
    content: "€"
}

#content .smart_road_index_view .corridor-container {
    padding: 0 1rem
}

#content .smart_road_index_view .corridor-container .itinerary-section-title-corridor {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.2rem
}

#content .smart_road_index_view .corridor-container .corridor-item {
    padding: 1.2rem 0
}

#content .smart_road_index_view .corridor-container .corridor-item span {
    display: none
}

.chart-container {
    margin: 0 2rem;
    height: 270px;
    background: url("../images/donut.jpg") no-repeat 0 0;
    background-size: cover;
    border-radius: 5px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .chart-container {
        margin: 0;
        border-radius: 0
    }
}

.chart-container .chart {
    position: relative;
    top: 3rem;
    left: 50%;
    width: 30rem;
    height: 15rem;
    margin-left: -15rem;
    overflow: hidden
}

.chart-container .chart li {
    position: absolute;
    top: 100%;
    left: 0;
    width: inherit;
    height: inherit;
    border: 40px solid;
    border-top: none;
    border-bottom-left-radius: 150px;
    border-bottom-right-radius: 150px;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: linear
}

.chart-container .chart li span {
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #000;
    text-align: center;
    backface-visibility: hidden;
    animation: chart-fade-in .4s linear forwards
}

.chart-container .chart li.chart-consumption {
    z-index: 4;
    border-color: #3b8acc
}

.chart-container .chart li.chart-consumption span {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.chart-container .chart li.chart-consumption-only span {
    display: none
}

.chart-container .chart li.chart-toll {
    z-index: 3;
    border-color: #e2b500
}

.chart-container .chart li.chart-roadtax {
    z-index: 2;
    border-color: #8c217b
}

.chart-container .chart-cost-details {
    position: relative;
    top: 3.2rem;
    left: 50%;
    width: 30rem;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2rem;
    color: #000;
    margin-left: -15rem
}

.chart-container .chart-cost-details strong {
    display: block;
    font-weight: bold
}

.chart-container .chart-cost-legend {
    position: relative;
    top: 5rem;
    left: 50%;
    width: 30rem;
    color: #000;
    margin-left: -15rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.chart-container .chart-cost-legend li {
    font-size: 1.4rem;
    line-height: 1.6rem
}

.chart-container .chart-cost-legend li:before {
    content: "";
    display: inline-block;
    margin-right: .5rem;
    width: 1.4rem;
    height: 1rem;
    border: 1px solid #8a8f8a;
    border-radius: 3px
}

.chart-container .chart-cost-legend-consumption:before {
    background-color: #3b8acc
}

.chart-container .chart-cost-legend-toll:before {
    background-color: #e2b500
}

.chart-container .chart-cost-legend-roadtax:before {
    background-color: #8c217b
}

@keyframes chart-fade-in {
    0%,
    90% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.spreadcost {
    margin: 2rem 2rem 0 2rem;
    padding: 2rem;
    border: 1px solid #dbdbdb;
    border-radius: 5px
}

.spreadcost .spreadcost-title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: #000;
    text-align: center
}

.spreadcost ul li {
    float: left;
    margin: 1rem 3% 0 3%;
    min-width: 14%;
    font-size: 1.4rem;
    line-height: 2.2rem
}

.spreadcost strong {
    font-size: 1.6rem;
    font-weight: 500;
    color: #0175D3
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .spreadcost {
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        border: 0;
        border-radius: 0
    }
}

.barchart {
    margin: 2rem;
    padding: 2rem;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8rem;
    background-color: #dbdbdb;
    border-radius: 5px
}

.barchart-item {
    position: relative;
    margin-top: 28px;
    max-width: 100%;
    height: 6px;
    white-space: nowrap;
    border-radius: 3px
}

.barchart-item:before {
    content: attr(data-label);
    position: absolute;
    top: -19px;
    left: 0
}

.barchart-item:first-child {
    margin-top: 0;
    width: 100%;
    height: 32px;
    color: #fff
}

.barchart-item:first-child:before {
    top: 8px;
    left: 10px
}

.barchart-consumption .barchart-item {
    background-color: #3b8acc
}

.barchart-toll .barchart-item {
    background-color: #e2b500
}

.barchart-toll .barchart-item-toll:not(.barchart-item-toll-EUR) {
    height: 1px;
    background-color: transparent
}

.barchart-roadtax .barchart-item {
    background-color: #8c217b
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .barchart {
        margin: 0;
        border-radius: 0
    }
    .barchart+.barchart {
        padding-top: 0
    }
}

.menucost-container {
    height: 6rem
}

.menucost {
    padding: 2rem 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around
}

.menucost li {
    padding: 0 .3rem .5rem .3rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    cursor: pointer
}

.menucost li.consumption {
    color: #3b8acc;
    border-bottom-color: #3b8acc
}

.menucost li.toll {
    color: #e2b500;
    border-bottom-color: #e2b500
}

.menucost li.roadtax {
    color: #8c217b;
    border-bottom-color: #8c217b
}

.menucost li.on {
    border-bottom-width: 5px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .menucost {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: scroll;
        overflow-y: hidden;
        margin-right: 1rem
    }
    .menucost li {
        margin: 0 1rem;
        white-space: nowrap
    }
}

.fdr {
    margin-top: 1rem
}

.fdr .fdr-step {
    position: relative;
    padding: 20px;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.fdr .fdr-step:nth-child(2n) {
    background-color: #f5f5f5
}

.fdr .fdr-step.start b.color {
    color: #109d59
}

.fdr .fdr-step.end b.color {
    color: #ae010a
}

.fdr .fdr-step.start li.fdr-distance-panels,
.fdr .fdr-step.end li.fdr-distance-panels,
.fdr .fdr-step.step li.fdr-distance-panels {
    display: none
}

.fdr .fdr-step b {
    color: #323232;
    font-weight: 500;
    font-size: inherit
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step {
        padding: 10px
    }
}

.fdr .fdr-step .fdr-step-details {
    display: table
}

.fdr .fdr-step .fdr-step-details li {
    display: table-cell
}

.fdr .fdr-step .fdr-step-details li.fdr-distance-panels {
    width: 120px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-details li.fdr-distance-panels {
        width: 50px
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-details li.fdr-distance-panels .fdr-time {
        display: none
    }
}

.fdr .fdr-step .fdr-step-details li.fdr-distance-panels .fdr-panels {
    width: 80px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-details li.fdr-distance-panels .fdr-panels {
        display: none
    }
}

.fdr .fdr-step .fdr-step-details li.fdr-step-description {
    display: block;
    margin-left: 12px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-details li.fdr-step-description {
        margin-left: 0
    }
}

.fdr .fdr-step .fdr-step-description {
    font-size: 14px;
    margin-left: 120px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-description {
        margin-left: 0
    }
}

.fdr .fdr-step .fdr-step-description.roadsheet-target-departure span,
.fdr .fdr-step .fdr-step-description.roadsheet-target-step span,
.fdr .fdr-step .fdr-step-description.roadsheet-target-arrival span {
    float: left;
    display: block;
    margin-right: 58px;
    height: 3.4rem;
    line-height: 3.4rem;
    background-position: -450px -750px;
    padding: 0 1.1rem;
    height: 4.7rem;
    font-size: 1.7rem;
    color: #fff
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-step-description.roadsheet-target-departure span,
    .fdr .fdr-step .fdr-step-description.roadsheet-target-step span,
    .fdr .fdr-step .fdr-step-description.roadsheet-target-arrival span {
        margin-right: 15px
    }
}

.fdr .fdr-step .fdr-step-description.roadsheet-target-departure span {
    background-position: -150px -750px
}

.fdr .fdr-step .fdr-step-description.roadsheet-target-arrival span {
    background-position: -300px -750px
}

.fdr .fdr-step .fdr-step-description .frontierLink,
.fdr .fdr-step .fdr-step-description .sCountryMessage,
.fdr .fdr-step .fdr-step-description .sStepByStep .mapBlock {
    display: none
}

.fdr .fdr-step .fdr-detail ul {
    display: table
}

.fdr .fdr-step .fdr-detail ul li {
    display: table-cell
}

.fdr .fdr-step .fdr-detail .fdr-subdetail {
    display: block;
    margin-left: 12px;
    padding: 3px 0
}

.fdr .fdr-step .fdr-detail .fdr-subdetail:first-child {
    margin-top: 12px
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .itifdr18,
.fdr .fdr-step .fdr-detail .fdr-subdetail .itifdr19 {
    padding-right: 5px
}

.fdr .fdr-step .fdr-detail .fdr-subdetail img.poi {
    padding-top: 3px;
    width: 14px;
    float: left
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .poiToClick {
    float: left
}

.fdr .fdr-step .fdr-detail .fdr-subdetail.B {
    padding: 25px 0;
    font-size: 1.5rem
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .icon {
    width: 11%;
    height: 7rem;
    vertical-align: middle
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .icon-clock {
    height: 3rem
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .icon-hotel {
    border: solid 3px #f69b26;
    fill: #f69b26
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .icon-restaurant {
    border: solid 3px #bd2333;
    fill: #bd2333
}

.fdr .fdr-step .fdr-detail .fdr-subdetail .icon-restArea {
    border: solid 3px #0175D3;
    fill: #0175D3
}

.fdr .fdr-step .fdr-detail .fdr-durations {
    font-size: 1.1rem;
    color: #afafaf;
    font-weight: 300;
    width: 120px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-detail .fdr-durations {
        width: 50px
    }
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .fdr .fdr-step .fdr-detail .fdr-durations .fdr-time {
        display: none
    }
}

.fdr .fdr-step .dirPan {
    margin: 20px 0
}

.panBlock {
    margin: 5px 5px 5px 0;
    padding: 5px;
    text-align: center;
    width: 190px;
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    border: solid 1px #000
}

.panBlock img {
    height: 14px;
    margin-right: 4px;
    vertical-align: -3px;
    width: 14px
}

.panBlock p {
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 11px;
    font-weight: 500;
    text-align: center
}

.panBlock p .itemSortie {
    line-height: 19px
}

.panBlock .itemPanneau,
.panBlock .mention1,
.panBlock .mention2 {
    text-transform: uppercase
}

.panBlock .mention1,
.panBlock .mention2 {
    padding: 1px
}

.panneauStyle {
    background: #fff
}

.panneauStyle1,
.panneauStyle2,
.panneauStyle4,
.panneauStyle5,
.panneauStyle6,
.panneauStyle8,
.panneauStyle9 {
    color: #fff
}

.panneauStyle3,
.panneauStyle6 {
    color: #000
}

.panneauStyle1 {
    background-color: #009834
}

.panneauStyle2 {
    background-color: #0073de
}

.panneauStyle2 p.itemPanneau {
    color: #fff
}

.panneauStyle3 {
    background: #fff
}

.panneauStyle4 {
    background-color: #006699
}

.panneauStyle5 {
    background-color: #ff0000
}

.panneauStyle6 {
    background-color: #ffff00
}

.panneauStyle7 {
    background-color: #339966;
    color: #fee21d
}

.panneauStyle8,
.panneauStyle9 {
    background-color: #00ff00
}

.panneauStyle .mention1,
.panneauStyle .mention2 {
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 1px
}

.panneauStyle .mention1 {
    width: 30px
}

.panneauStyle1 .mention1,
.panneauStyle1 .mention2 {
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 1px
}

.panneauStyle2Common {
    border: solid 1px #fff;
    border-radius: 5px;
    padding: 1px
}

.panneauStyle2 .mention1 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px;
    width: 30px
}

.FRA .panneauStyle2 .mention1 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px;
    width: 30px
}

.panneauStyle2 .mention2 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px
}

.FRA .panneauStyle2 .mention2 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px
}

.panneauStyle2Common {
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px
}

.panneauStyle3 .mention1,
.FRA .panneauStyle3 .mention1 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px;
    width: 30px
}

.panneauStyle3 .mention2,
.FRA .panneauStyle3 .mention2 {
    border: solid 1px #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 1px
}

.FRA .mention5 {
    font-style: italic
}

.FRA .typeRoute4 {
    border: solid 1px #fff;
    background: #0073de;
    padding: auto 1px;
    color: white
}

.FRA .typeRoute2 {
    background: #009834;
    color: white;
    padding: auto 1px
}

.FRA .voieBlock .pan1 {
    background-color: yellow;
    color: #000
}

.FRA .voieBlock .pan2 {
    background-color: red;
    color: #fff
}

.FRA .voieBlock .pan3 {
    background-color: #009834;
    color: #fff
}

.FRA .voieBlock .pan4 {
    background-color: #0073de;
    color: #fff
}

.ITA .typeRoute3,
.ITA .typeRoute4 {
    border: solid 1px #fff;
    padding: auto 1px
}

.ITA .voieBlock .pan3,
.ITA .voieBlock .pan4 {
    background-color: #009834;
    color: #fff
}

.voieBlock {
    width: 196px;
    text-align: center
}

.voieBlock .pan {
    float: none;
    background-color: #fff;
    margin: auto auto 3px 2px;
    padding: 2px;
    font-family: Arial;
    font-size: 11px;
    font-weight: 500;
    color: #000;
    border: 1px solid #000066
}

.CHE .voieBlock .pan3 {
    background-color: #009834;
    color: #fff
}

.CHE .voieBlock .pan4 {
    background-color: #0073de;
    color: #fff
}

.roadsheet .fdr .dirPan {
    clear: both;
    padding-left: 30px;
    padding-top: 5px
}

.minipan,
.minipan1,
.minipan2,
.minipan3,
.minipan4,
.minipan5,
.minipan6,
.minipan7,
.minipan8,
.minipan9,
.minipannull {
    width: 30px
}

.minipan,
.minipan1,
.minipan2,
.minipan3,
.minipan4,
.minipan5,
.minipan6,
.minipan7,
.minipan8,
.minipan9,
.minipannull,
.pan,
.pan1,
.pan2,
.pan3,
.pan4,
.pan5,
.pan6,
.pan7,
.pan8,
.pan9,
.pannull {
    float: none;
    padding: 2px;
    margin-bottom: 3px;
    border: 1px solid #006;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold
}

.pan {
    background-color: #fff;
    color: #000
}

.pan1,
.minipan1 {
    background-color: #ffff00;
    color: #000
}

.pan2,
.minipan2,
.minipan4 {
    background-color: #f00;
    color: #fff
}

.pan3,
.minipan3 {
    background-color: #009834;
    color: #fff
}

.pan4 {
    background-color: #0073de;
    color: #fff
}

.pan5 {
    background-color: #f00;
    color: #fff
}

.pan6 {
    background-color: #ff0;
    color: #000
}

.pan7 {
    background-color: #396;
    color: #fee21d
}

.pan8 {
    background-color: #0f0;
    color: #fff
}

.pan9 {
    background-color: #0f0;
    color: #fff
}

.pannull {
    background-color: #fff;
    color: #000
}

.roadsheet-advertising {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #323232;
    text-align: center
}

.roadsheet-advertising .roadsheet-advertising-item {
    background-color: #fed500;
    padding: 15px 0;
    margin-bottom: 2rem;
    font-weight: bold
}

.roadsheet-advertising .roadsheet-advertising-item>a {
    margin-right: 15px
}

.roadsheet-advertising .roadsheet-advertising-item>a img {
    width: 150px;
    height: auto
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .roadsheet-advertising .roadsheet-advertising-item>a {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }
}

#content .smart_road_index_view .roadsheet-advertising .roadsheet-advertising-item>a {
    display: block;
    margin-right: 0;
    margin-bottom: 5px
}

.roadsheet-advertising-item-smalldevices {
    display: block;
    margin-right: 0;
    margin-bottom: 5px
}

.roadsheet-advertising-message {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    color: #0175D3
}

#content .print-roadsheet header,
#content .print-roadsheet .poibar,
#content .print-roadsheet .map-container,
#content .print-roadsheet .summary-container,
#content .print-roadsheet .back-itinerary,
#content .print-roadsheet .route-add-to-favourites,
#content .print-roadsheet .corridor-container,
#content .print-roadsheet .traffic-conditions,
#content .print-roadsheet .newsletter-footer,
#content .print-roadsheet .itinerary-section-title,
#content .print-roadsheet .itinerary-organise-trip {
    display: none !important
}

#content .print-roadsheet .ads {
    display: none
}

#content .print-roadsheet .view-container,
#content .print-roadsheet .view {
    display: block
}

#content .print-roadsheet .view-container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 48px;
    width: 800px
}

#content .print-roadsheet .route-title-summary {
    position: absolute;
    top: 0;
    left: 0
}

#content .print-roadsheet .itinerary-index-summary,
#content .print-roadsheet .itinerary-index-roadsheet {
    padding-left: 0;
    padding-right: 0
}

#content .print-roadsheet .summary-current-details {
    margin-bottom: 2rem;
    padding-bottom: 2rem
}

#content .print-roadsheet .roadsheet {
    margin-top: 10px
}

.print-element {
    display: none
}

.print-roadsheet .print-element {
    display: block
}

.itinerary_print_options {
    float: left;
    width: 650px;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff
}

.itinerary_print_options .enhance-checkbox {
    float: left;
    margin: 5px 0;
    width: 216px;
    line-height: 1.8rem
}

.itinerary_print_options .enhance-checkbox .checkbox {
    margin-top: -2px;
    margin-right: 6px
}

.itinerary_print_options .enhance-checkbox>input[type="checkbox"]:checked+.checkbox:after {
    border-color: #fff
}

.itinerary_print_options .enhance-checkbox img {
    float: left
}

.itinerary_print_options .enhance-checkbox .truncate {
    margin-left: 5px;
    max-width: 156px
}

.print-maps {
    width: 100%
}

.print-maps .print-map-item {
    height: 295px;
    border: 1px solid #ddd
}

.print-maps .print-map-item.print-map-full {
    width: inherit
}

.print-maps .print-map-item.print-map-departure,
.print-maps .print-map-item.print-map-arrival {
    margin-top: 10px;
    width: 392px
}

.print-maps .print-map-item.print-map-arrival {
    margin-left: 10px
}

.map-departure-off .print-map-departure,
.map-arrival-off .print-map-arrival,
.map-full-off .print-map-full {
    display: none
}

.map-departure-off .print-map-arrival {
    margin-left: 0 !important
}

.expense_report_index_view .print-content textarea {
    padding: 15px;
    width: 100%;
    height: 68px;
    border: 1px solid #bfbfbf;
    resize: vertical
}

.expense_report_index_view .expense-report-date {
    margin-top: 20px;
    text-align: right
}

.expense_report_index_view .expense-report-date label {
    font-size: 1.8rem
}

.expense_report_index_view .expense-report-date input {
    padding: 0 10px;
    width: 140px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #bfbfbf
}

.expense_report_index_view h2 {
    margin: 20px 0 15px 0;
    font-size: 18px;
    color: #323232;
    text-align: center
}

.expense_report_index_view .expense-report-data {
    padding: 12px 10px;
    font-size: 14px;
    color: #323232;
    border-top: 1px #bfbfbf dashed;
    border-bottom: 1px #bfbfbf dashed
}

.expense_report_index_view .expense-report-data+.expense-report-data {
    border-top: 0
}

.expense_report_index_view .expense-report-data em {
    color: #0175D3
}

.expense_report_index_view .expense-report-data span {
    float: right;
    color: #626060
}

.expense_report_index_view .expense-report-data-total {
    font-size: 18px;
    background-color: #f5f5f5;
    -webkit-print-color-adjust: exact
}

.expense_report_index_view .route-title,
.print_map .route-title {
    text-align: center
}

.poi-item {
    display: block;
    float: left;
    width: 100%;
    height: 286px;
    cursor: pointer
}

.poi-item-info,
.poi-item-parking,
.poi-item-gasStations,
.poi-item-restArea {
    cursor: auto
}

#content .poi-item-thumbnail {
    position: relative;
    width: 100%;
    height: 200px
}

#content .poi-item-thumbnail-none {
    background: url("../images/default-poi-image.png") no-repeat 50%;
    border: 1px solid #f2f2f2;
    border-radius: 2px
}

#content .poi-item-thumbnail-none-parking {
    background: url("../images/default-parking-image.png") no-repeat 50%
}

#content .poi-item-thumbnail-container {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 2px
}

#content .poi-item-thumbnail .slider-arrow {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25%
}

#content .poi-item-thumbnail .slider-arrow .icon {
    width: 2.4rem;
    height: 1.4rem;
    fill: #fff
}

#content .poi-item-thumbnail .slider-arrow-left {
    left: 0;
    text-align: left;
    padding-left: 18px;
    background: -webkit-linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    background: -moz-linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    background: linear-gradient(to left, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

#content .poi-item-thumbnail .slider-arrow-left .icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#content .poi-item-thumbnail .slider-arrow-right {
    right: 0;
    text-align: right;
    padding-right: 18px;
    background: -webkit-linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    background: -moz-linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.33) 100%);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

#content .poi-item-thumbnail .slider-arrow-right .icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

#content .poi-item-thumbnail:hover .slider-arrow.on {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .poi-item-thumbnail .slider-arrow-left,
    #content .poi-item-thumbnail .slider-arrow-right {
        background: none
    }
    #content .poi-item-thumbnail .slider-arrow.on {
        display: block
    }
}

#content .poi-item-hotel-selection {
    position: absolute;
    bottom: 32px;
    left: 10px;
    padding: 5px;
    max-width: 70px;
    line-height: 1.2rem;
    font-size: 1.1rem;
    color: #fff;
    text-align: right;
    background-color: #f69b26;
    border-radius: 3px;
    pointer-events: none
}

#content .datasheet-photo .poi-item-hotel-selection {
    bottom: 15px;
    left: 15px
}

#content .poi-item-price {
    position: absolute;
    bottom: -12px;
    left: 10px;
    padding: 5px;
    min-width: 70px;
    line-height: 1.2rem;
    font-size: 1.1rem;
    text-align: right;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    pointer-events: none
}

#content .poi-item-price span,
#content .poi-item-price em {
    display: block;
    margin-top: 4px
}

#content .poi-item-price em {
    font-size: 1.4rem;
    font-weight: bold
}

#content .poi-item-price span em {
    margin-top: 0;
    display: inline
}

#content .poi-item-hotel .poi-item-price {
    color: #f69b26;
    border-color: #f69b26
}

#content .poi-item-restaurant .poi-item-price {
    color: #bd2333;
    border-color: #bd2333
}

#content .poi-item-button {
    display: inline-block;
    position: absolute;
    bottom: -14px;
    right: 10px;
    padding: 0 10px;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

#content .poi-item-button:hover {
    background-color: #045c9f
}

#content .poi-item-hotel .poi-item-button {
    background-color: #f69b26
}

#content .poi-item-hotel .poi-item-button:hover {
    background-color: #e08209
}

#content .poi-item-restaurant .poi-item-button {
    background-color: #bd2333
}

#content .poi-item-restaurant .poi-item-button:hover {
    background-color: #921b27
}

#content .poi-item-name {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
    color: #000
}

#content .poi-item-name a {
    color: inherit
}

#content .poi-item-restaurant .poi-item-name a {
    margin-right: 5px
}

#content .poi-item-restaurant .poi-item-name .poi-item-quotation-symbol {
    display: flex
}

#content .poi-item-hotel .poi-item-thumbnail+.poi-item-name,
#content .poi-item-restaurant .poi-item-thumbnail+.poi-item-name,
#content .poi-item-parking .poi-item-thumbnail+.poi-item-name,
#content .poi-item-advertiser .poi-item-thumbnail+.poi-item-name {
    margin-top: 1.8rem
}

#content .poi-item-traffic .poi-item-name {
    text-transform: uppercase
}

#content .poi-item-traffic .poi-item-name img {
    display: block;
    margin-bottom: 10px
}

#content .poi-item-quotation {
    font-size: 1.2rem;
    line-height: 1.6rem
}

#content .poi-item-quotation strong {
    margin-left: 5px;
    font-weight: bold
}

#content .poi-item-details {
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #615f5f
}

#content .poi-item-details a {
    color: inherit
}

#content .poi-item-details-distance {
    font-weight: bold
}

#content .poi-item-details-distance .icon {
    margin-right: 3px;
    width: .9rem;
    height: 1.2rem;
    fill: #615f5f
}

#content ul.poi-item-fuel-price {
    margin-top: 1.5rem;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    -ms-grid-rows: 1fr 20px 1fr;
    grid-gap: 2rem .8rem;
    gap: 2rem .8rem
}

#content ul.poi-item-fuel-price li:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

#content ul.poi-item-fuel-price li:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

#content ul.poi-item-fuel-price li:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

#content ul.poi-item-fuel-price li:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

#content ul.poi-item-fuel-price li:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

#content ul.poi-item-fuel-price li:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

#content ul.poi-item-fuel-price li {
    position: relative;
    width: 100%;
    height: 4.5rem;
    font-size: 10px;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px
}

#content ul.poi-item-fuel-price li span {
    display: inline-block;
    position: absolute;
    width: 100%;
    text-align: center;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

#content ul.poi-item-fuel-price li span.poi-item-fuel-type {
    top: -1rem;
    left: 50%;
    margin-left: -1rem;
    width: 2rem;
    height: 2rem;
    font-size: .8rem;
    line-height: 2rem
}

#content ul.poi-item-fuel-price li span.poi-item-fuel-value {
    bottom: 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    color: #323232;
    background-color: #fff
}

#content ul.poi-item-fuel-price li span.poi-item-fuel-label {
    bottom: 18px;
    font-size: .8rem;
    line-height: 1rem;
    color: #fff
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-1 {
    background-color: #ffcd00;
    border-color: #ffcd00
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-1 .poi-item-fuel-type {
    background-color: #ffcd00;
    border: 1px solid #fff;
    border-radius: 3px
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-2,
#content ul.poi-item-fuel-price li.poi-item-fuel-price-6 {
    background-color: #316c2c;
    border-color: #316c2c
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-2 .poi-item-fuel-type,
#content ul.poi-item-fuel-price li.poi-item-fuel-price-6 .poi-item-fuel-type {
    background-color: #316c2c;
    border: 1px solid #fff;
    border-radius: 50%
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-3 {
    background-color: #5ebcd2;
    border-color: #5ebcd2
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-3 .poi-item-fuel-type {
    color: #5ebcd2;
    background-color: #fff;
    border: 1px solid #5ebcd2;
    box-shadow: 0 0 0 1px #fff;
    border-radius: 50%
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-4 {
    background-color: #376b90;
    border-color: #376b90
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-4 .poi-item-fuel-type {
    width: 1.9rem;
    height: 1.9rem;
    color: #376b90;
    background-color: #fff;
    border: 1px solid #376b90;
    box-shadow: 0 0 0 1px #fff;
    border-radius: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-4 .poi-item-fuel-type em {
    display: inline-block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-5 {
    background-color: #4fac48;
    border-color: #4fac48
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-5 .poi-item-fuel-type {
    color: #4fac48;
    background-color: #fff;
    border: 1px solid #4fac48;
    box-shadow: 0 0 0 1px #fff;
    border-radius: 50%
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-1 {
    order: 5
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-2 {
    order: 2
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-3 {
    order: 4
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-4 {
    order: 6
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-5 {
    order: 1
}

#content ul.poi-item-fuel-price li.poi-item-fuel-price-6 {
    order: 3
}

#content .poi-item-fuel-price-update {
    margin-top: 1rem;
    font-size: 1.1rem;
    line-height: 1.6rem;
    text-align: right;
    color: #bbb
}

.hotel_view .poi-quotation,
#content .poi-item-hotel .poi-quotation {
    color: #f69b26
}

.restaurant_view .poi-quotation,
#content .poi-item-restaurant .poi-quotation {
    color: #bd2333
}

.tourist_attraction_view .poi-quotation,
#content .poi-item-touristAttraction .poi-quotation,
.poi-item-mv .poi-quotation {
    color: #027551
}

.icon-star {
    width: 1.4rem;
    height: 1.4rem;
    vertical-align: -0.2rem
}

.poi-item-hotel .icon-star:first-child {
    margin-left: -2px
}

.hotel_index_view .icon-star,
.hotel_view .icon-star,
#content .poi-item-hotel .icon-star {
    fill: #f69b26
}

.tourism_index_view .icon-star,
.tourist_attraction_view .icon-star,
#content .poi-item-touristAttraction .icon-star,
.poi-item-mv .icon-star {
    fill: #027551
}

.icon-etoile {
    width: 1.4rem;
    height: 1.3rem;
    fill: #bd2333
}

.icon-bib-gourmand {
    width: 1.5rem;
    height: 1.4rem;
    fill: #bd2333
}

.icon-assiette {
    width: 1.9rem;
    height: 1.4rem;
    fill: #bd2333
}

.icon-forks {
    width: 1rem;
    height: 1.7rem
}

.forks-1-black .icon-forks,
.forks-2-black .icon-forks,
.forks-3-black .icon-forks,
.forks-4-black .icon-forks,
.forks-5-black .icon-forks {
    fill: #000
}

.forks-1 .icon-forks,
.forks-2 .icon-forks,
.forks-3 .icon-forks,
.forks-4 .icon-forks,
.forks-5 .icon-forks {
    fill: #bd2333
}

.forks-3-black svg:nth-child(2),
.forks-3 svg:nth-child(2),
.forks-4-black svg:nth-child(2),
.forks-4 svg:nth-child(2),
.forks-5-black svg:nth-child(2),
.forks-5 svg:nth-child(2) {
    width: .8rem;
    height: 1.4rem
}

.forks-4-black svg:nth-child(3),
.forks-4 svg:nth-child(3) {
    width: .8rem;
    height: 1.4rem
}

.forks-5-black svg:nth-child(4),
.forks-5 svg:nth-child(4) {
    width: .8rem;
    height: 1.4rem
}

.poi-item-rating {
    display: inline-block;
    position: relative;
    width: 22px;
    height: 22px;
    font-size: 1rem;
    line-height: 1.8rem;
    color: #f69b26;
    font-weight: 500;
    text-align: center;
    border: 2px solid #f69b26;
    border-radius: 50%
}

.poi-item-rating em {
    position: relative;
    z-index: 1
}

.poi-item-rating:before,
.poi-item-rating:after {
    content: "";
    position: absolute;
    width: 14px;
    background-color: #fff;
    opacity: .7
}

.poi-item-rating:before {
    top: -2px;
    left: -2px
}

.poi-item-rating:after {
    bottom: -2px;
    right: -2px
}

.poi-item-rating-5:before,
.poi-item-rating-4:before,
.poi-item-rating-3:before,
.poi-item-rating-2:before,
.poi-item-rating-1:before,
.poi-item-rating-0:before,
.poi-item-rating-0:after {
    height: 22px
}

.poi-item-rating-9:before,
.poi-item-rating-4:after {
    height: 3px
}

.poi-item-rating-8:before {
    height: 5px
}

.poi-item-rating-7:before {
    height: 14px
}

.poi-item-rating-6:before,
.poi-item-rating-1:after {
    height: 20px
}

.poi-item-rating-3:after {
    height: 8px
}

.poi-item-rating-2:after {
    height: 18px
}

.pois_index_list {
    display: none;
    width: 100%
}

.locality-search-result .pois_index_list {
    display: block
}

@media only screen and (max-width: 640px) {
    .hotel_index_view .locality-search-result .pois_index_list,
    .restaurant_index_view .locality-search-result .pois_index_list,
    .tourism_index_view .locality-search-result .pois_index_list,
    .service_index_view .locality-search-result .pois_index_list {
        margin-top: 190px
    }
}

.pois_index_list .poilist-no-result {
    margin-top: 30px;
    padding: 20px 40px;
    font-size: 1.6rem;
    line-height: 2rem
}

.pois_index_list .poilist-no-result ul {
    margin-top: 10px;
    margin-left: 20px;
    text-indent: 0
}

.pois_index_list .poilist-no-result ul li:before {
    content: "\2022";
    margin-right: 5px
}

.poilist-header {
    padding-top: 12px;
    margin-bottom: 12px
}

.poilist-header .poilist-header-buttons {
    padding-left: 10px;
    padding-right: 10px
}

.poilist-header .toggle-sort-facets {
    width: 200px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 30px
}

.poilist-header .toggle-sort-facets .icon {
    margin-right: 10px;
    width: 1.9rem;
    height: 1.5rem;
    fill: #0175D3
}

.poilist-header:not(.poilist-header-on) .toggle-sort-facets:hover {
    color: #fff;
    background-color: #0175D3
}

.poilist-header:not(.poilist-header-on) .toggle-sort-facets:hover .icon {
    fill: #fff
}

.poilist-header-on .toggle-sort-facets {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.poilist-header-on .sort-facets-container {
    display: block
}

.poilist-result-count {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.3rem;
    line-height: 1.4rem;
    font-weight: 500;
    color: #323232
}

.sort-facets-container {
    display: none;
    position: relative;
    padding-bottom: 1rem;
    font-size: 1.4rem;
    background-color: #fff;
    border-bottom: 1px solid #0175D3
}

.sort-facets-container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    border-right: 1px solid #0175D3;
    border-bottom: 1px solid #0175D3;
    border-bottom-right-radius: 15px
}

.sort-facets-container:after {
    content: "";
    position: absolute;
    top: 0;
    left: 209px;
    right: 0;
    height: 10px;
    border-left: 1px solid #0175D3;
    border-bottom: 1px solid #0175D3;
    border-bottom-left-radius: 15px
}

.itinerary-sortfacets-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: .7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #262626;
    text-transform: uppercase;
    border-left: 2px solid #0175D3
}

.pois_index_sort,
.facets-item {
    padding-left: 1rem;
    padding-top: 2rem
}

.sort-facets-container .enhance-radio,
.sort-facets-container .enhance-checkbox {
    display: inline-block;
    min-width: 274px
}

.sort-facets-container .enhance-radio:last-child,
.sort-facets-container .enhance-checkbox:last-child {
    margin-right: 0
}

.sort-facets-container .enhance-radio img,
.sort-facets-container .enhance-checkbox img {
    float: left;
    margin-left: 5px;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.sort-facets-container .enhance-radio .truncate,
.sort-facets-container .enhance-checkbox .truncate {
    max-width: 252px
}

.panel-small .sort-facets-container .enhance-radio,
.panel-small .sort-facets-container .enhance-checkbox {
    min-width: 280px
}

.panel-small .sort-facets-container .enhance-radio .truncate,
.panel-small .sort-facets-container .enhance-checkbox .truncate {
    max-width: 255px
}

.pois_index_facets .enhance-checkbox {
    height: 22px;
    line-height: 22px
}

.pois_index_facets .enhance-checkbox .checkbox {
    margin-top: 2px
}

.facets-summary {
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 1.3rem
}

.facets-summary li {
    display: inline-block;
    margin: 3px 3px 3px 0;
    padding: 6px 10px;
    color: #676767;
    background-color: #f2f2f2;
    font-weight: 500;
    cursor: pointer;
    border-radius: 30px
}

.facets-summary li:before {
    content: "\00d7";
    float: right;
    margin-left: 5px;
    font-family: "Times New Roman", Times, Georgia, serif;
    font-size: 16px;
    line-height: 13px;
    font-weight: 500;
    color: #eb5b4c
}

.facets-summary li:hover {
    background-color: #e6e6e6
}

.facets-summary li.clear-facets {
    color: #eb5b4c
}

.facets-summary li.clear-facets:before {
    display: none
}

.poilist {
    margin-top: 12px;
    padding: 0 6px
}

.poilist .poi-item {
    padding: 0 6px;
    width: 50%
}

.panel-small .poilist .poi-item {
    width: 100%
}

.panel-large .poilist .poi-item {
    width: 33.3%
}

.panel-extralarge .poilist .poi-item {
    width: 25%
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .poilist .poi-item {
        width: 100%
    }
}

@media only screen and (min-width: 1600px) {
    .poilist .poi-item {
        width: 33.3%
    }
    .panel-medium .poilist .poi-item {
        width: 50%
    }
}

.pagination-container {
    padding: 15px 5px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    text-align: center
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .pagination-container {
        font-size: 1.6rem;
        line-height: 2.2rem
    }
}

.pagination-container .pagination-current-page {
    color: #0175D3
}

.pagination-container p+p {
    margin-top: 6px
}

.pagination-container a,
.pagination-container span {
    margin-left: 2px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .pagination-container a,
    .pagination-container span {
        margin-left: 5px
    }
}

.pois_index_facets .poi-item-stars span {
    display: inline-block;
    margin-left: 1px;
    vertical-align: text-top
}

.pois_index_facets .bib-gourmand {
    width: 14px;
    height: 13px;
    background-position: 0 -1050px;
    margin-left: 2px !important
}

.pois_index_facets .assiette {
    width: 18px;
    height: 13px;
    background-position: -300px -1725px;
    margin-left: 2px !important
}

.pois_index_facets .good-value-menu {
    width: 27px;
    height: 14px;
    background-position: -150px -1050px;
    margin-left: 2px !important
}

.push-hotel,
.push-restaurant,
.push-tourism {
    margin-top: 2rem;
    background-color: #efefef
}

.push-title {
    padding-top: 10px;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-align: center
}

.push-title span:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    left: -8px;
    width: 20px;
    height: 20px
}

.push-hotel .push-title {
    color: #f69b26
}

.push-hotel .push-title span:before {
    background-position: 0 -1125px
}

.push-restaurant .push-title {
    color: #ae010a
}

.push-restaurant .push-title span:before {
    background-position: -75px -1125px
}

.push-tourism .push-title {
    color: #007450
}

.push-tourism .push-title span:before {
    background-position: -150px -1125px
}

.proximity-pois .push-hotel,
.proximity-pois .push-restaurant,
.proximity-pois .push-tourism {
    padding-top: 2rem
}

.proximity-pois .poi-item {
    width: 33.3%
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .proximity-pois .poi-item {
        width: 100%
    }
}

.proximity-pois .proximity-link {
    padding-right: 24px;
    padding-bottom: 10px;
    font-size: 1.4rem;
    color: #0175D3;
    text-align: right;
    cursor: pointer
}

.itinerary-is-on-hp .proximity-pois,
.print-roadsheet .proximity-pois {
    display: none
}

.last-visited-pois .poilist {
    padding: 0
}

.last-visited-pois .poilist .poi-item {
    width: 100%
}

@media only screen and (max-width: 640px) {
    .last-visited-pois {
        display: none
    }
}

.datasheet-photo {
    position: relative;
    width: 100%;
    height: 320px
}

.datasheet-photo a {
    display: block;
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: cover
}

.datasheet-photo a+a {
    display: none
}

.datasheet-photo .icon-photo {
    display: inline-block;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 28px;
    height: 16px;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.6rem;
    text-align: center;
    background-color: #0175D3;
    border-radius: 2px;
    pointer-events: none
}

.datasheet-photo .icon-photo:before {
    content: "";
    position: absolute;
    top: -3px;
    left: 6px;
    width: 16px;
    height: 5px;
    background-color: #0175D3;
    border-radius: 2px
}

.datasheet-photo .icon-photo:after {
    content: "";
    position: absolute;
    top: 2px;
    right: 2px;
    width: 3px;
    height: 2px;
    background-color: #fff;
    border-radius: 2px
}

.datasheet-photo .datasheet-photo-copyright {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 7px;
    padding-left: 7px;
    height: 1.7rem;
    line-height: 1.7rem;
    font-size: 1rem;
    color: #000;
    background-color: rgba(255, 255, 255, 0.8)
}

@media only screen and (max-width: 640px) {
    .datasheet-photo {
        height: 200px
    }
}

.datasheet-back {
    display: none;
    margin: 15px 0 15px 10px;
    padding: 0 15px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 30px
}

.datasheet-back:before {
    content: "\2190";
    margin-right: 4px;
    font-size: 1.4rem;
    font-family: "Times New Roman", Times, Georgia, serif
}

.datasheet-back:hover {
    color: #fff;
    background-color: #0175D3
}

.datasheet-back.on {
    display: block
}

.datasheet-photo .datasheet-back {
    z-index: 1;
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0
}

.datasheet .fixedsticky {
    right: 0
}

.datasheet-price {
    float: right;
    margin: 15px 10px 0 10px;
    padding: 18px 30px;
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-radius: 2px;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.2)
}

.datasheet-price div {
    margin-bottom: 10px
}

.datasheet-price em {
    font-size: 1.6rem
}

.hotel_view .datasheet-price {
    color: #f69b26;
    border-color: #f69b26
}

.restaurant_view .datasheet-price {
    color: #bd2333;
    border-color: #bd2333
}

.tourist_attraction_view .datasheet-price {
    display: none
}

@media only screen and (max-width: 640px) {
    .datasheet-price {
        float: none;
        position: static;
        margin: 0 auto;
        padding-top: 12px;
        padding-bottom: 12px;
        border: 0
    }
}

.datasheet-booking {
    display: inline-block;
    margin: 0 auto;
    padding: 0 25px;
    height: 4.5rem;
    font-size: 1.5rem;
    line-height: 4.5rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.hotel_view .datasheet-booking {
    background-color: #f69b26
}

.restaurant_view .datasheet-booking {
    background-color: #bd2333
}

.datasheet-infos {
    margin: 2rem 1rem 0 1rem;
    line-height: 2.2rem
}

.datasheet-infos-name {
    font-size: 2rem;
    font-weight: 500;
    color: #323232;
    display: flex;
    align-items: center
}

.datasheet-infos-name-quotation {
    display: flex
}

.datasheet-infos-name-quotation .poi-item-quotation-symbol {
    display: flex;
    margin: 5px 5px
}

@media only screen and (max-width: 640px) {
    .datasheet-infos-name {
        display: block
    }
}

.datasheet-infos-address {
    font-size: 1.2rem;
    color: #615f5f;
    text-transform: uppercase
}

.datasheet-infos-address em {
    margin-right: 5px
}

.datasheet-infos-itinerary {
    color: #0175D3;
    white-space: nowrap
}

.datasheet-infos-itinerary .icon {
    margin-right: 2px;
    width: 1.4rem;
    height: 1.4rem;
    fill: #0175D3
}

.datasheet-infos-quotation {
    font-size: 1.2rem
}

.datasheet-infos-reviews {
    font-size: 1.1rem;
    color: #615f5f
}

.datasheet-infos-reviews a {
    color: #0175D3
}

.datasheet-infos-cooking-type {
    margin-top: 3px;
    font-size: 1.1rem;
    font-weight: bold
}

.datasheet-infos-cooking-type span {
    padding: 4px 6px;
    color: #615f5f;
    background-color: #eceaea;
    border-radius: 3px
}

.datasheet-title {
    margin: 2rem 1rem 0 5rem;
    height: 3rem;
    font-size: 1.3rem;
    line-height: 3rem;
    font-weight: 500;
    color: #323232;
    text-transform: uppercase;
    border-bottom: 2px solid #e4e4e4
}

.datasheet-title span {
    display: inline-block;
    position: relative;
    left: -5px;
    margin-left: -35px;
    margin-right: 5px;
    width: 34px;
    height: 34px;
    text-align: center;
    background-color: #0175D3;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 50%
}

.datasheet-title span .icon {
    width: 1.8rem;
    height: 1.8rem;
    fill: #fff;
    vertical-align: middle
}

.hotel_view .datasheet-title span {
    background-color: #f69b26
}

.restaurant_view .datasheet-title span {
    background-color: #bd2333
}

.tourist_attraction_view .datasheet-title span {
    background-color: #027551
}

.datasheet-title-info span:before {
    content: "i";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    font: normal 14px/18px Georgia, "Times New Roman", serif;
    text-transform: lowercase;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%
}

.datasheet-title.off {
    display: none
}

.datasheet-availability {
    margin: 2rem 1rem 0 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #505050
}

.datasheet-availability span,
.datasheet-availability strong {
    display: block
}

.datasheet-availability strong {
    color: #323232;
    font-weight: bold
}

.datasheet-availability span {
    font-size: 1.1rem;
    color: #615f5f
}

.datasheet-availability a {
    color: #0175D3
}

.datasheet-availability ol {
    list-style-type: decimal;
    list-style-position: inside
}

.datasheet-availability ol li {
    margin-top: 8px;
    padding: 6px 12px;
    background-color: #f7f7f7
}

.datasheet-availability ol li em {
    float: right;
    margin-left: 10px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #0175D3
}

.datasheet-description {
    margin: 2rem 1rem 0 1rem;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #505050
}

.datasheet-description:first-letter {
    text-transform: uppercase
}

.datasheet-description em {
    display: block;
    margin-top: .5rem;
    font-size: 1.2rem;
    font-weight: bold
}

.datasheet-description em.hotel-nbr-rooms {
    color: #f69b26
}

.datasheet-restaurant-quotation {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 2rem;
    width: 100%
}

.datasheet-restaurant-quotation li {
    position: relative;
    margin: 0 1rem;
    padding: 25px 20px 10px;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #505050;
    background-color: #f2f2f2;
    border: 1px solid #ddd
}

.datasheet-restaurant-quotation li strong {
    display: block;
    margin-bottom: 5px;
    color: #bd2333;
    font-weight: bold
}

.datasheet-restaurant-quotation li em {
    font-weight: bold
}

.datasheet-restaurant-quotation li span {
    position: absolute;
    top: -14px;
    left: 20px;
    padding: 0 10px;
    height: 28px;
    line-height: 30px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 30px
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .datasheet-restaurant-quotation {
        display: block
    }
    .datasheet-restaurant-quotation li {
        margin: 2rem 1rem 0
    }
}

.datasheet-equipment {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 1rem 0 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #505050
}

.datasheet-equipment li {
    margin-top: 4px;
    padding-right: 8px;
    width: 33.3%
}

.datasheet-equipment li:before {
    content: "\2022";
    float: left;
    margin-right: 5px;
    font-size: 1.4rem;
    font-weight: 500;
    color: #e4e4e4
}

.datasheet-equipment li span {
    display: block;
    overflow: hidden
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .datasheet-equipment li {
        width: 50%
    }
}

@media only screen and (max-width: 640px) {
    .datasheet-equipment {
        flex-direction: column
    }
    .datasheet-equipment li {
        width: 100%
    }
}

.datasheet-more-infos {
    margin: 2rem 1rem 0 1rem;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #505050
}

.datasheet-more-infos strong {
    font-weight: 500;
    color: #323232
}

.datasheet-facilities {
    margin: 2rem 1rem 0 1rem
}

.datasheet-facilities li {
    display: inline
}

.datasheet-facilities li img {
    margin: 5px;
    width: 75px;
    height: 75px
}

#lightbox .lb-nav>a,
#lightbox .lb-close {
    opacity: .5 !important
}

#content .mmap-popup {
    text-align: left
}

#content .mmap-popup svg {
    position: static
}

#content .mmap-popup .mmap-popup-close-button {
    display: none
}

#content .mmap-popup .mmap-popup-tip-container {
    margin-top: -1px
}

#content .mmap-popup .mmap-popup-content-wrapper {
    padding: 0;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    border-radius: 2px
}

#content .mmap-popup .mmap-popup-content {
    margin: 0;
    width: 230px !important;
    line-height: normal
}

#content .mmap-popup .mmap-popup-content .poi-item {
    float: none;
    height: auto
}

#content .mmap-popup .mmap-popup-content .poi-item-gasStations,
#content .mmap-popup .mmap-popup-content .poi-item-restArea {
    padding-left: 5px;
    padding-right: 5px
}

#content .mmap-popup .mmap-popup-content .poi-item-info {
    text-align: center
}

#content .mmap-popup .mmap-popup-content .poi-item-info .poi-item-mv {
    margin-top: 1rem;
    padding: 1.5rem 0;
    font-size: 1.3rem;
    line-height: 1.8rem;
    font-weight: 500;
    text-align: center;
    background-color: #f2f2f2
}

#content .mmap-popup .mmap-popup-content .poi-item-info .poi-item-mv>button {
    display: block;
    color: #fff;
    font-weight: 500;
    background-color: #048d7b;
    border: 1px solid #048d7b;
    padding: 5px 10px;
    margin: 5px auto;
    border-radius: 30px
}

#content .mmap-popup .mmap-popup-content .poi-item-info .poi-item-mv>button .icon {
    margin-right: 6px;
    width: 1.5rem;
    height: 1.7rem;
    fill: #fff;
    vertical-align: -0.4rem
}

#content .mmap-popup .mmap-popup-content .poi-item-info .poi-item-mv>button:hover {
    color: #048d7b;
    background-color: #fff
}

#content .mmap-popup .mmap-popup-content .poi-item-info .poi-item-mv>button:hover .icon {
    fill: #048d7b
}

#content .mmap-popup .mmap-popup-content .poi-item>div:not(.poi-item-thumbnail) {
    padding-left: 5px;
    padding-right: 5px
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail {
    height: 150px
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail .slider-arrow-left,
#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail .slider-arrow-right {
    background: none
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail .slider-arrow.on {
    display: block
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail-hotel-selection .slider-arrow {
    bottom: 70px
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-thumbnail-none {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-name .poi-item-iti {
    display: block;
    color: #0175D3;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #0175D3;
    padding: 5px 10px;
    margin: 5px auto;
    border-radius: 30px
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-name .poi-item-iti:hover {
    color: #fff;
    background-color: #0175D3
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-name .poi-item-iti:hover .icon {
    fill: #fff
}

#content .mmap-popup .mmap-popup-content .poi-item .poi-item-name .poi-item-iti .icon {
    width: 1.3rem;
    height: 1.3rem;
    vertical-align: top;
    fill: #0175D3;
    margin-right: 5px
}

#content .traffic_index_view .mmap-popup-content .poi-item-info .poi-item-mv {
    display: none
}

.bubble-tools {
    position: absolute;
    bottom: -5px;
    left: 101px;
    width: 32px;
    height: 32px;
    overflow: visible;
    background-color: #efefef;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    opacity: 0
}

.bubble-tools:before {
    content: attr(data-title);
    display: inline-block;
    position: relative;
    padding: 3px 8px;
    min-width: 40px;
    font-size: 12px;
    color: #fff;
    background-color: #626060;
    border-radius: 3px;
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    pointer-events: none
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .bubble-tools:before {
        display: none
    }
}

.bubble-tools:hover:before {
    transition: all .25s ease-out;
    opacity: .9
}

.bubble-tools-iti {
    background-position: -365px -1493px
}

.bubble-tools-iti:before {
    top: 40px;
    left: -40px
}

.bubble-tools-search-around {
    background-position: -218px -1793px
}

.bubble-tools-search-around:before {
    top: 45px;
    left: -30px;
    width: 76px
}

.bubble-tools-share {
    background-position: -293px -1793px
}

.bubble-tools-share:before {
    top: 40px;
    left: -15px
}

.bubble-tools-favourites {
    background-position: -443px -1194px
}

.bubble-tools-favourites:before {
    top: 45px;
    left: 10px;
    width: 76px
}

.weather-station {
    text-align: center
}

.weather-station .weather-icon-container,
.weather-station .temperatures {
    display: inline-block
}

.weather-station .temperatures {
    line-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 10px -3px #323232;
    white-space: nowrap
}

.weather-station .temperatures li {
    display: inline-block;
    padding: 2px 2px 2px 4px;
    color: #0175D3
}

.weather-station .temperatures li+li {
    padding-left: 2px;
    padding-right: 4px;
    color: #f69b26;
    border-left: 1px solid #bfbfbf
}

#content .edito-in-map {
    z-index: 25;
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -150px;
    width: 300px;
    height: 131px;
    overflow: hidden;
    background-color: #0175D3;
    border: 1px solid #0175D3;
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    -webkit-animation-name: edito-in-map-animation;
    animation-name: edito-in-map-animation;
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

#content .edito-in-map>p {
    padding: 0 5px 0 10px;
    height: 26px;
    line-height: 26px;
    font-size: 1.3rem;
    color: #fff;
    cursor: default
}

#content .edito-in-map>p .close {
    float: right;
    line-height: inherit
}

#content .edito-in-map>a {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .edito-in-map {
        display: none
    }
}

@-webkit-keyframes edito-in-map-animation {
    0%,
    75% {
        top: -135px
    }
    100% {
        top: 80px
    }
}

@keyframes edito-in-map-animation {
    0%,
    75% {
        top: -135px
    }
    100% {
        top: 80px
    }
}

.magazine {
    display: table;
    table-layout: fixed;
    border-spacing: 20px;
    width: 100%;
    background-color: whitesmoke
}

@media only screen and (max-width: 640px) {
    .magazine {
        display: block;
        table-layout: auto
    }
}

.magazine-item {
    display: table-cell;
    height: 300px;
    vertical-align: top;
    font-size: 13px
}

@media only screen and (min-width: 641px) and (max-width: 1024px),
only screen and (max-width: 640px) {
    .magazine-item {
        height: auto
    }
}

@media only screen and (max-width: 640px) {
    .magazine-item {
        display: block;
        margin-top: 10px
    }
}

.magazine-item>h3 {
    line-height: 30px;
    font-weight: 500;
    text-align: center
}

.magazine-item>a {
    display: block;
    padding-bottom: 4px;
    line-height: 17px;
    color: #fff
}

.magazine-item>a img {
    display: block;
    width: 100%
}

.magazine-item>a .magazine-subheading {
    display: block;
    padding: 7px 7px 3px 7px;
    font-weight: bold
}

.magazine-item>a .magazine-baseline {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 7px;
    height: 54px
}

.newsletter-footer {
    padding: 2rem 1rem;
    background-color: #f5f5f5
}

.newsletter-footer-title {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 500;
    text-transform: uppercase
}

.newsletter-footer-title .icon-email {
    margin-right: 1rem;
    width: 2.8rem;
    height: 2.8rem;
    vertical-align: -0.9rem;
    fill: #0175D3
}

.newsletter-footer-speech {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 500;
    font-style: italic;
    color: #0175D3
}

.newsletter-footer>form input[type="email"] {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    width: 300px;
    height: 3rem;
    font-size: 1.3rem;
    color: #676767;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 2px
}

.newsletter-footer>form button {
    margin-top: 1rem;
    padding: 0 10px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 15px
}

.newsletter-footer>form button:hover {
    background-color: #045c9f
}

.newsletter-footer-terms {
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.newsletter-footer-error {
    display: none;
    margin-top: 3px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: red
}

.newsletter-footer-success {
    display: none;
    margin-top: 1rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: green
}

.newsletter-footer a {
    text-decoration: underline
}

.newsletter-footer.error .newsletter-footer-error {
    display: block
}

.newsletter-footer.success form,
.newsletter-footer.success .newsletter-footer-speech,
.newsletter-footer.success .newsletter-footer-terms {
    display: none
}

.newsletter-footer.success .newsletter-footer-success {
    display: block
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    .toaster-feedback {
        display: none
    }
}

.feedback-button {
    z-index: 109;
    position: fixed;
    bottom: 0;
    right: 45px;
    display: block;
    padding: 0 10px;
    height: 3.5rem;
    font-size: 1.2rem;
    line-height: 3.5rem;
    font-weight: 500;
    color: #0175D3;
    background-color: #fff;
    border: 1px solid #0175D3;
    border-bottom-width: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    opacity: .85
}

.feedback-button .icon {
    margin-left: 8px;
    width: 1.8rem;
    height: 1.8rem;
    fill: #0175D3;
    vertical-align: -0.5rem
}

.feedback-button:hover {
    color: #fff;
    background-color: #0175D3;
    border-color: #f2f2f2;
    opacity: 1
}

.feedback-button:hover .icon {
    fill: #fff
}

#content .infocookies-wrapper {
    position: fixed;
    z-index: 300;
    left: 7px;
    right: 7px;
    bottom: 7px;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: justify;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px
}

#content .infocookies-wrapper .infocookies-message {
    margin: auto;
    padding: 10px 0;
    width: 70%;
    max-width: none
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) {
    #content .infocookies-wrapper .infocookies-message {
        padding-left: 50px;
        padding-right: 50px;
        width: 100%
    }
}

#content .infocookies-wrapper .infocookies-message a {
    color: #0175D3;
    text-decoration: none
}

#content .infocookies-wrapper .infocookies-message .button-wrapper {
    margin-left: 15px;
    overflow: hidden;
    float: right
}

@media only screen and (max-width: 640px) {
    #content .infocookies-wrapper .infocookies-message .button-wrapper {
        margin-bottom: 10px;
        width: 100%
    }
}

#content .infocookies-wrapper .infocookies-message .button-wrapper button {
    width: 100%;
    padding: 0 28px;
    line-height: 3rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

#content .infocookies-wrapper .infocookies-message .button-wrapper button:hover {
    background-color: #045c9f
}

#content .infocookies-wrapper .infocookies-close {
    display: block;
    position: absolute;
    text-decoration: none;
    top: 0;
    bottom: 0;
    right: 0;
    width: 45px;
    min-height: 45px;
    color: transparent;
    font: bold 22px/40px "Times New Roman", Times, Georgia, serif;
    text-align: right;
    vertical-align: middle
}

#content .infocookies-wrapper .infocookies-close:before {
    content: "\00d7";
    color: #676767
}

#content .infocookies-wrapper .infocookies-close:hover:before {
    color: #0175D3
}

.gdpr {
    display: none;
    margin-left: -240px;
    width: 480px
}

.gdpr h3 {
    padding-right: 20px
}

.gdpr .icon {
    margin-right: 13px;
    width: 1.7rem;
    height: 1.7rem;
    vertical-align: middle;
    fill: #0175D3
}

.gdpr-on .gdpr {
    display: block;
    top: 10px
}

.gdpr p {
    margin: 18px;
    font-size: 1.3rem;
    line-height: 1.7rem
}

.gdpr p a {
    text-decoration: underline
}

.gdpr li {
    border-top: 2px solid #f2f2f2;
    margin: 0 18px;
    padding: 15px 0
}

.gdpr li label {
    color: #0e3d61;
    font-weight: bold
}

.gdpr li p {
    margin: 18px 0
}

.gdpr .button-wrapper {
    margin: 20px 18px 10px 0;
    overflow: hidden
}

.gdpr .button-wrapper button {
    float: right;
    padding: 0 28px;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px
}

.gdpr .button-wrapper button:hover {
    background-color: #045c9f
}

.gdpr .button-wrapper .bottom {
    margin-top: 0
}

.lachainemeteo-container {
    margin-top: 2rem;
    padding: 2rem 0;
    background-color: #efefef
}

.lachainemeteo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
    margin-right: 1rem;
    color: #000
}

.lachainemeteo-details {
    display: flex;
    flex-direction: column;
    padding-left: 8rem;
    width: 28rem;
    background-repeat: no-repeat;
    background-position: 0 -2rem
}

.lachainemeteo-date {
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: bold
}

.lachainemeteo-description,
.lachainemeteo-wind {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 1.6rem
}

.lachainemeteo-wind {
    display: block;
    padding-top: 1rem;
    border-top: 1px solid #d6d6d6
}

.lachainemeteo-temperature {
    padding-left: 1rem;
    padding-top: 3rem;
    text-align: center;
    font-size: 2rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #0175D3
}

.lachainemeteo-out {
    padding-top: 2.4rem;
    padding-left: 1rem;
    text-align: center
}

.lachainemeteo-button {
    display: inline-block;
    padding: 0 12px;
    height: 3rem;
    font-size: 1.1rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
    background-color: #0175D3;
    border-radius: 15px;
    cursor: pointer
}

.lachainemeteo-button:hover {
    background-color: #045c9f
}

.itinerary-section-title-lachainemeteo {
    padding-right: 13.6rem;
    min-height: 7.5rem;
    background: url("../images/lachainemeteo.png") no-repeat 100% 0
}

@media only screen and (max-width: 640px),
only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
    .lachainemeteo {
        flex-direction: column;
        align-items: center
    }
    .lachainemeteo-details,
    .lachainemeteo-temperature {
        width: 30rem
    }
    .lachainemeteo-temperature {
        text-align: left;
        padding-top: 2rem;
        padding-left: 8rem
    }
    .lachainemeteo-out {
        padding-top: 12rem;
        background: url("../images/lachainemeteo.png") no-repeat 50% 2rem
    }
    .itinerary-section-title-lachainemeteo {
        padding-right: 0;
        min-height: auto;
        background: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .corridor-container {
        margin: 0 -5px 2rem
    }
    .corridor-container ul {
        display: table;
        table-layout: fixed;
        border-spacing: 5px;
        width: 100%
    }
    .corridor-container .corridor-item {
        display: table-cell;
        height: 78px
    }
    .itinerary-index-advertising .itinerary-advertising-item {
        display: table;
        table-layout: fixed
    }
    .itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-logo,
    .itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-content,
    .itinerary-index-advertising .itinerary-advertising-item .itinerary-advertising-url {
        display: table-cell;
        vertical-align: middle
    }
    .summary-container ul {
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .summary-container .summary-item {
        display: table-cell
    }
    .datasheet-restaurant-quotation {
        display: table;
        table-layout: fixed;
        border-spacing: 10px
    }
    .datasheet-restaurant-quotation li {
        display: table-cell
    }
    .summary-container .summary-item .summary-header:before {
        line-height: 2
    }
    .itinerary-organise-trip-wrapper {
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .itinerary-organise-trip-subwrapper-hotel,
    .itinerary-organise-trip-subwrapper-services {
        display: table-cell
    }
}

.fixedsticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    width: inherit;
    top: 0;
    z-index: 110;
}


/* When position: sticky is supported but native behavior is ignored */

.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
    position: static;
}

.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
    position: fixed;
}

.fixedsticky-dummy {
    display: none;
}

.fixedsticky-on+.fixedsticky-dummy {
    display: block;
}

.lightboxOverlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: black;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
    display: none;
}

.lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
    line-height: 0;
    font-weight: normal;
}

.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.lightbox a img {
    border: none;
}

.lb-outerContainer {
    position: relative;
    background-color: white;
    *zoom: 1;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-container {
    padding: 4px;
}

.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/lightbox/loading.gif) no-repeat;
}

.lb-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.lb-container>.nav {
    left: 0;
}

.lb-nav a {
    outline: none;
    background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev,
.lb-next {
    height: 100%;
    cursor: pointer;
    display: block;
}

.lb-nav a.lb-prev {
    width: 34%;
    left: 0;
    float: left;
    background: url(../images/prev.png) left 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-nav a.lb-next {
    width: 64%;
    right: 0;
    float: right;
    background: url(../images/next.png) right 48% no-repeat;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.lb-dataContainer {
    margin: 0 auto;
    padding-top: 5px;
    *zoom: 1;
    width: 100%;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}

.lb-data {
    padding: 0 4px;
    color: #ccc;
}

.lb-data .lb-details {
    width: 85%;
    float: left;
    text-align: left;
    line-height: 1.1em;
}

.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 500;
    line-height: 1em;
}

.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999999;
}

.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    background: url(../images/close.png) top right no-repeat;
    text-align: right;
    outline: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}
#info {
    margin-top: 10px;
    display: none;
    padding: 5px;
}

.small_text {
    font-size: small;
}
.route_results {
    max-height: 50%;
}
.route_result_tab.current {
    display: block;
}
.route_result_tab {
    border-bottom: lightgray groove thin;
    display: none;
}
.route_description {
    padding: 7px 5px;
    background-color: #9f91f7;
    color: #fff;
}
.instructions_info {
    overflow: auto;
    width: 100%;
    color: #000;
}
.instructions {
    table-layout: fixed;
    border-collapse: collapse;
    padding-top: 10px;
    width: 98%;
    font-size: 12px;
}
.expandDetails {
    color: gray;
    font-size: 11px;
    float: right;
    font-weight: 500;
    width: 20px;
    height: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    background-image: linear-gradient(to bottom, white, #e7e7e7);
}
tr.instruction {
    cursor: pointer;
    border-bottom: #dadada dashed thin;
    color: #0175D3;
	display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.7;
}
.instructions tr .instr_pic {
    width: 28px;
	    font-size: 18px;
}

.instructions td {
    padding: 7px 5px;
}
td.instr_title {
    width: 190px;
}

.instructions td {
    padding: 7px 5px;
}
td.instr_distance {
    min-width: 50px;
    float: right;
    /*color: gray;*/
    /*text-align: right;*/
}
tr.instruction:hover{
    background: #0175D3;
    color: #fff;
}
.instructions td {
    padding: 7px 5px;
}
td img.pic {
    max-height: 24px;
    max-width: 16px;
}
.list_place_near{
    margin-bottom: 15px;
    line-height: 20px;
    padding-left: 13px;
    padding-right: 5px;
    border-bottom: 1px dashed;
    color: #0175D3;
    padding-top: 6px;
    padding-bottom: 6px;
}
.list_place_near:hover{
    background-color: #0175D3;
    color: #fff;
}
.container {
    display: block;
    position: relative;
    padding-left:25px;
    margin-bottom: 12px;
    /*cursor: pointer;*/
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.pd-select{
    padding: 10px 14px;
}
.text-select{
    margin: 10px 10px 10px 0;
}
.place_list{
    font-size: 18px;
    text-align: center;
    margin: 10px 0;
    color: #000;
}
#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #f5f5f5;
}

#sidebarCollapse span {
    width: 80%;
    height: 2px;
    margin: 0 auto;
    display: block;
    background: #555;
    transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
}
#sidebarCollapse span:first-of-type {
    /* rotate first one */
    transform: rotate(45deg) translate(2px, 2px);
}
#sidebarCollapse span:nth-of-type(2) {
    /* second one is not visible */
    opacity: 0;
}
#sidebarCollapse span:last-of-type {
    /* rotate third one */
    transform: rotate(-45deg) translate(1px, -1px);
}
#sidebarCollapse.active span {
    /* no rotation */
    transform: none;
    /* all bars are visible */
    opacity: 1;
    margin: 5px auto;
}
.wrapper {
    display: flex;
    align-items: stretch;
    perspective: 1500px; 
}

#sidebar {
    min-width: 320px;
    max-width: 320px;
    background: #fff; 
    transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
    transform-origin: center left;
	    box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
	
}

#sidebar.active {
    margin-left: -250px;
    transform: rotateY(100deg); /* Rotate sidebar vertically by 100 degrees. */
}
@media (max-width: 768px) {
    /* Reversing the behavior of the sidebar: 
       it'll be rotated vertically and off canvas by default, 
       collapsing in on toggle button click with removal of 
       the vertical rotation.   */
/*    #sidebar {
        margin-left: -320px;
        transform: rotateY(100deg);
    }*/
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }

    /* Reversing the behavior of the bars: 
       Removing the rotation from the first,
       last bars and reappear the second bar on default state, 
       and giving them a vertical margin */
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }

    /* Removing the vertical margin and make the first and last bars rotate again when the sidebar is open, hiding the second bar */
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }
}
#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    min-height: 100vh;   
    /*background-color: #333;*/
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    max-width: 320px;
    width:100%
}
.sidebar-collapsed {
    width: 60px;
} 

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}
.sidebar-separator {
    background-color: #333;
    height: 25px;
}
.logo-separator {
    background-color: #333;    
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f0d7";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f0da";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 10px;
}
	a.logo-michelin img{
			max-height: 48px !important;margin-left: 50px !important;
		}
		
.searchbox-submit .searchbox-reverse-button{
	    float: right;
    padding: 0 28px;
    height: 3rem;
    font-size: 1.2rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background-color: #0175D3;
    border-radius: 30px;
	display:none;
}

.searchbox-reverse-button svg{
	    margin-right: 5px;
    width: 1.5rem;
    height: 1rem;
    fill: #ffffff;
}
	.close-menu{
		position:absolute;
		right:-32px;
		width:32px;
		height:32px;
		top:32px;
		background:#0175D3;
		color:#fff;
		font-size:18px;
		box-shadow: 0 1px 3px rgb(60 64 67 / 38%), 0 4px 8px 3px rgb(60 64 67 / 15%);
	}	
	
	/*place near me*/
	.place_near_container{
		top: 10px;
		position: fixed;
		right: 10px;
		margin: 0 5px 5px;
		display: flex;
		flex-direction: column;
		z-index: 10;
		background: #fff; 
		border-radius: 8px;
		padding: 5px 5px 5px;
		box-shadow: rgb(0 0 0 / 24%) 0 6px 12px 0;
	}
	.place-near-title {
		font-size: 16px;
		font-weight: 500;
	}
	.place-near-title h3{
		    text-align: center;
			border-bottom: 1px solid #eee;
			padding: 8px;
	}
	.place_near_list{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		margin-top:12px;
		gap:8px;
	}	
	.place_near_item{
		margin: 0 6px 6px 0;
		position:relative;
		width:28px;
		height:28px;
		color:#fff;
		
	}
	.place_near_item i {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		font-size:24px;
		padding-bottom:8px;
	} 
	.place_near_item:nth-child(1){
		color:#f69b26;
	}
	.place_near_item:nth-child(2){
		color:#bd2333;
	}
	.place_near_item:nth-child(3){
		color:#027551;
	}
	.place_near_item:nth-child(4){
		color:#8fe717;
	}
	.place_near_item:nth-child(5){
		color:#ec6a15;
	}
	.place_near_item:nth-child(6){
		color:#3A4CA6;
	}
	.place_near_item:nth-child(7){
		color:#3A4CA6;
	}
	.place_near_item:nth-child(8){
		color:#615f5f;
	}
	.active.place_near_item:nth-child(1){
		border-bottom: 3px solid #f69b26;
	}
	.active.place_near_item:nth-child(2){
		border-bottom: 3px solid #bd2333;
	}
	.active.place_near_item:nth-child(3){
		border-bottom: 3px solid #027551;
	}
	.active.place_near_item:nth-child(4){
		border-bottom: 3px solid #8fe717;
	}
	.active.place_near_item:nth-child(5){
		border-bottom: 3px solid #ec6a15;
	}
	.active.place_near_item:nth-child(6){
		border-bottom: 3px solid #3A4CA6;
	}
	.active.place_near_item:nth-child(7){
		border-bottom: 3px solid #3A4CA6;
	}
	.active.place_near_item:nth-child(8){
		border-bottom: 3px solid #615f5f;
	}
	/*place near me*/
#tooltip {
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #0175D3;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    position: absolute;
    z-index: 100;
    padding: 5px 15px;
    border-radius: 5px
}

#tooltip::after {
    width: 0;
    height: 0;
	border-bottom: 7px solid #0175D3;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    /* content: ""; */
    position: absolute;
    right: 6px;
    top: -2px;
    transform: translateY(-50%);
    margin-left: -10px
}
	li.list_place_near{
		cursor:pointer;
	}
.loading{
	display: none;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 3rem;
	height: 3rem;
	font-size: 2rem;
	text-align: center;
	/* color: #bebebe; */
	background-color: #fff;
	z-index: 2;
	transform: translateY(-50%); 			
}
.loading i{
	color: #000;
    position: absolute;
    top: 20%;
    left: 20%;
    transform: translate(-50%, -50%);
    -animation: spin .7s infinite linear;
    -webkit-animation: spin .7s infinite linear;
}
.spin {
	-animation: spin .7s infinite linear;
	-webkit-animation: spin .7s infinite linear;
	}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg);}
	to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
	from { transform: scale(1) rotate(0deg);}
	to { transform: scale(1) rotate(360deg);}
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.enhance-select-container{
	padding:0 12px;
}
.current_location{
	-webkit-box-shadow: 0em 0 0.4em 0 rgb(15 22 33 / 60%);
    box-shadow: 0em 0 0.4em 0 rgb(15 22 33 / 60%);
    border-radius: 0.5em;
    width: 40px;
    height: 40px;
    background: #fff;
    position: fixed;
    bottom: 186px;
    right: 24px;
    z-index: 8;
    cursor: pointer;
}
.current_location i{ 
    position: absolute;
    top: 50%;
    left: 50%;
	font-size:18px;
	color:#6F737A;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: auto;
}
.current_location:hover i{
	color:#000;
}

.footer-item{
	margin-right: 32px;
}
@media only screen and (max-width: 640px) {
	.place-near-title{
		display:none;
	}	
	.place_near_list{
		flex-direction:column;
		margrin-top:unset;
		
	}
}