:root {
  /* design tokens */
  --color-primary-a1: #003da6;
  --color-primary-a2: #364248;
  --color-primary-a3: #007eb4;
  --color-primary-a4: #016a99;
  --color-primary-b1: #ffb71b;
  --color-primary-b2: #fecd4c;
  --color-primary-c1: #ffffff;
  --color-secondary-a1: #364248;
  --color-secondary-a2: #586f78;
  --color-secondary-a3: #c9c9c5;
  --color-secondary-a4: #dddddd;
  --color-secondary-a5: #eceded;
  --color-secondary-a6: #f7f9fa;
  --color-secondary-a7: #faf9f7;
  --color-secondary-a8: #959593;
  --color-secondary-b1: #fee9bc;
  --color-secondary-b2: #fff8e6;
  --color-secondary-c1: #e5f5fb;
  --color-secondary-c2: #f5feff;
  --color-secondary-d1: #ff9527;
  --color-secondary-e1: #8f659c;
  --color-tertiary-a1: #933f10;
  --color-tertiary-b1: #5f277e;
  --color-tertiary-c1: #156250;
  --color-system-a1: #3f9f90;
  --color-system-a2: #ddf5f2;
  --color-system-b1: #b12943;
  --color-system-b2: #d5647a;
  --color-system-b3: #f9e8eb;
  --color-system-page-bg: $bswh-lt-gray;
  --color-button-bg: #fecd4c;
  --color-interaction-hover-bg: #fff8e6;
  --color-interaction-hover-border: #fecd4c;
  --color-interaction-active-bg: #f5feff;
  --color-interaction-active-border: #007fa9;
  --color-interaction-focus: #3a97f9;
  --shadow-focus: 0px 0px 3px 3px rgba(58, 151, 249, 1);
  --shadow-regular: 2px 8px 10px 0px rgba(58, 68, 85, 0.15);
  --shadow-soft: 0px 2px 20px 0px rgba(58, 68, 85, 0.15);
  --spacing-size-none: 0px;
  --spacing-size-xxsmall: 4px;
  --spacing-size-xsmall: 8px;
  --spacing-size-small: 16px;
  --spacing-size-medium: 24px;
  --spacing-size-large: 32px;
  --spacing-size-xlarge: 40px;
  --spacing-size-xxlarge: 60px;
  --spacing-size-xxxlarge: 104px;
  --gap-size:10px;
  --gap-half-size: calc(var(--gap-size) / 2);
  --page-feature-light-color:transparent;
  --page-feature-dark-color:transparent;
  --page-feature-color:transparent;
  --radius-none: 0px;
  --radius-xs: 4px;
  --radius-sm: 4px;
  --radius-md: 4px;
  --radius-lg: 4px;
  --radius-xl: 16px;
  --radius-pill: 50px;
  --grid-breakpoint-xs: 375px;
  --grid-breakpoint-sm: 480px;
  --grid-breakpoint-md: 768px;
  --grid-breakpoint-lg: 960px;
  --grid-breakpoint-xl: 1200px;
  --grid-breakpoint-xxl: 1440px;
  --grid-breakpoint-xs-max: 374.9px;
  --grid-breakpoint-sm-max: 479.9px;
  --grid-breakpoint-md-max: 767.9px;
  --grid-breakpoint-lg-max: 959.9px;
  --grid-breakpoint-xl-max: 1199.9px;
  --grid-breakpoint-xxl-max: 1439.9px;
  /* page layout */
  --page-spacing-x: var(--spacing-size-medium);
  --page-spacing-y: var(--spacing-size-large);
  --page-gap: var(--spacing-size-small);
  --banner-path-size: 16px;ß
}
.preloader {position: fixed;top: 0;left: 0;display: table;height: 100%;width: 100%;background: #fff;z-index:99999 }
.preloader .loader {display: table-cell;vertical-align: middle;text-align:center }
.preloader .loader .spinner {position: absolute;left: 50%;top: 50%;width: 64px;margin-left: -32px;z-index: 18;pointer-events:none }
.preloader .loader .spinner .spinner-container {pointer-events: none;position: absolute;width: 100%;padding-bottom: 100%;top: 50%;left: 50%;margin-top: -50%;margin-left: -50%;animation:spinner-linspin 1568.2353ms linear infinite }
.preloader .loader .spinner .spinner-container .spinner-rotator {position: absolute;width: 100%;height: 100%;animation:spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both }
.preloader .loader .spinner .spinner-container .spinner-rotator .spinner-left {position: absolute;top: 0;left: 0;bottom: 0;overflow: hidden;right:50% }
.preloader .loader .spinner .spinner-container .spinner-rotator .spinner-right {position: absolute;top: 0;right: 0;bottom: 0;overflow: hidden;left:50% }
.preloader .loader .spinner-circle {box-sizing: border-box;position: absolute;width: 200%;height: 100%;border-style: solid;border-color: #003DA6 #003DA6 #008FBE;border-radius: 50%;border-width:6px }
.preloader .loader .spinner-left .spinner-circle {left: 0;right: -100%;border-right-color: #008FBE;animation:spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both }
.preloader .loader .spinner-right .spinner-circle {left: -100%;right: 0;border-left-color: #008FBE;animation:right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both }

@keyframes spinner-linspin {
    to {transform: rotate(360deg);}
}
@keyframes spinner-easespin {
    12.5% {transform: rotate(135deg);}
    25% {transform: rotate(270deg);}
    37.5% {transform: rotate(405deg);}
    50% {transform: rotate(540deg);}
    62.5% {transform: rotate(675deg);}
    75% {transform: rotate(810deg);}
    87.5% {transform: rotate(945deg);}
    to {transform: rotate(1080deg);}
}
@keyframes spinner-left-spin {
    0% {transform: rotate(130deg);}
    50% {transform: rotate(-5deg);}
    to {transform: rotate(130deg);}
}
@keyframes right-spin {
    0% {transform: rotate(-130deg);}
    50% {transform: rotate(5deg);}
    to {transform: rotate(-130deg);}
}
.progress {display: none; position: absolute; left:50%; margin-left:-73px; top:100%; height: 5px;width: 146px;background: linear-gradient(#003DA6 0 0),linear-gradient(#003DA6 0 0),#A1C1E6;background-size: 60% 100%;background-repeat: no-repeat;animation: progress-7x9cg2 3s infinite;z-index: 100;}
.ajaxcontent .progress {top:50%;}
@keyframes progress-7x9cg2 {
    0% {background-position: -150% 0,-150% 0;}
    66% {background-position: 250% 0,-150% 0;}
    100% {background-position: 250% 0, 250% 0;}
}
.ajaxcontent {-webkit-animation-duration: 0.35s;animation-duration: 0.35s;-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
#main.is-exiting .ajaxcontent {/*-webkit-animation-direction: alternate-reverse;animation-direction: alternate-reverse;-webkit-animation-delay: 0s;animation-delay: 0s; animation-name: fadeInUp;*/}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform:translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform:translateZ(0)
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}
@keyframes fade-in {
    0% {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fade-out {
    0% {
        opacity:1
    }

    to {
        opacity:0
    }
}
@keyframes slideIn{
    0%{transform:translateY(-200%);opacity:0;z-index:-1}
    100%{transform:translateY(0);opacity:1;z-index:-1}
}
@keyframes slideOut{
    0%{transform:translateY(0);opacity:1}
    100%{transform:translateY(-200%);opacity:0}
}
/*google styles
.gmnoprint img{
    max-width: none;
}
.dir-tt {  
    overflow: hidden;
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    left: 0;
    top: auto;
    background-image: url('/assets/images/maneuvers-2x-smaller.png');
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-color:#ffffff;
}
.dir-tt > img{
    display: none !important;
}
.dir-tt-merge {background-position: 0 23.2%;}
.dir-tt-turn-slight-right {background-position: 0 14%;}
.dir-tt-turn-slight-left {background-position: 0 72.95%;}
.dir-tt-fork-left {background-position: 0 46.9%;}
.dir-tt-fork-right {background-position: 0 34.9%;}
.dir-tt-roundabout-left {background-position: 0 31.9%;}
.dir-tt-roundabout-right {background-position: 0 20.3%;}
.dir-tt-straight {background-position: 0 17.2%;}
.dir-tt-turn-right {background-position: 0 10.97%;}
.dir-tt-turn-left {background-position: 0 2.7%;}
.dir-tt-ferry {background-position: 0 58.6%;}
.dir-tt-ramp-left {background-position: 0 84.3%;}
.dir-tt-ramp-right {background-position: 0 55.7%;}	
*/
.dir-tt{overflow:hidden;position:absolute;top:4px;left:0;width:16px;height:16px}
.dir-tt>img{position:absolute;left:0}
.dir-tt .img-2x{background-image:url(http://maps.gstatic.com/tactile/directions/text_mode/maneuvers-2x.png); background-size:38px 1260px;width:32px;height:32px}
.highres .dir-tt .img-2x{background-image:url(http://maps.gstatic.com/tactile/directions/text_mode/maneuvers-4x.png)}
.dir-tt-ferry .img-2x{background-position:0 -1228px}
.dir-tt-ferry-train .img-2x{background-position:0 -1132px}
.dir-tt-merge .img-2x{background-position:0 -286px}
.dir-tt-straight .img-2x{background-position:0 -1068px}
.dir-tt-fork-left .img-2x{background-position:0 -1100px}
.dir-tt-ramp-left .img-2x{background-position:0 -1196px}
.dir-tt-roundabout-left .img-2x{background-position:0 -394px}
.dir-tt-turn-left .img-2x{background-position:0 -826px}
dir-tt-turn-sharp-left .img-2x{background-position:0 0}
.dir-tt-turn-slight-left .img-2x{background-position:0 -756px}
.dir-tt-uturn-left .img-2x{background-position:0 -610px}
.dir-tt-fork-right .img-2x{background-position:0 -998px}
.dir-tt-ramp-right .img-2x{background-position:0 -858px}
.dir-tt-roundabout-right .img-2x{background-position:0 -464px}
.dir-tt-turn-right .img-2x{background-position:0 -966px}
.dir-tt-turn-sharp-right .img-2x{background-position:0 -1164px}
.dir-tt-turn-slight-right .img-2x{background-position:0 -102px}
.dir-tt-uturn-right .img-2x{background-position:0 -70px}
.dir-tt-ferry>img{top:-614px}
.dir-tt-ferry-train>img{top:-566px}
.dir-tt-merge>img{top:-143px}
.dir-tt-straight>img{top:-534px}
.dir-tt-fork-left>img{top:-550px}
.dir-tt-ramp-left>img{top:-598px}
.dir-tt-roundabout-left>img{top:-197px}
.dir-tt-turn-left>img{top:-413px}
.dir-tt-turn-sharp-left>img{top:0}
.dir-tt-turn-slight-left>img{top:-378px}
.dir-tt-uturn-left>img{top:-305px}
.dir-tt-fork-right>img{top:-499px}
.dir-tt-ramp-right>img{top:-429px}
.dir-tt-roundabout-right>img{top:-232px}
.dir-tt-turn-right>img{top:-483px}
.dir-tt-turn-sharp-right>img{top:-582px}
.dir-tt-turn-slight-right>img{top:-51px}
.dir-tt-uturn-right>img{top:-35px}

@keyframes flipdown {
  0% {opacity: 0; transform-origin: top center;transform: rotateX(-90deg);}
  5% {opacity: 1;}
  80% {transform: rotateX(8deg);}
  83% {transform: rotateX(6deg);}
  92% { transform: rotateX(-3deg);}
  100% {transform-origin: top center;transform: rotateX(0deg);}
}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #565656; background-color:rgba(86, 86, 86,0.85);width: 2px;}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #565656; background-color:rgba(86, 86, 86,0.9);}
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-my-theme.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #565656; background-color: rgba(86, 86, 86,0.9); }
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ background-color:rgba(86, 86, 86,0.25); }
.mCS-my-theme.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }
.mCS-my-theme.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

#accordion .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, #accordion .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {opacity: 1;}

/*** TRANSLATE ***/
#translate__el {position: relative;}
.goog-te-gadget img {display: none !important;}
.goog-te-gadget.skiptranslate {display: none!important;} 
.goog-te-banner-frame.skiptranslate {display: none!important;} 
/*body {top: 0px!important;}*/

.translate-menu {background:#ffffff; width:220px; padding: 0; margin: 0; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);border:none; border-radius:0;}
.translate-menu li {padding: 10px 15px; font-size:13px; line-height:normal; display:block; background:#ffffff; border-bottom:1px solid #f7f9fa; cursor:pointer;}
.translate-menu li:hover {background:#fff;color:var(--color-primary-a3);}

html:not[lang=en] .bus-image {display:none;}
html[lang=en] #alternate-ad {display:none;}
html[lang=en-US] #alternate-ad {display:none;}

html.translated-ltr header {top: 38px;}

/* Form Loading */
#formloader {position: absolute;width: 80px; height: 50px;bottom: -50px;left: 50%;margin: 0 0 0 -20px;display: none;}
.preloader-dots {height: 50px; width: 80px;}
.preloader-dots .dot {display: inline-block;height: 8px; width: 8px;opacity: 0.3; border-radius: 50%; animation: moveit 1.8s infinite;}
.dot:nth-child(1) {background: #003DA6;}
.dot:nth-child(2) {animation-delay: .15s;background: #FFB71B;}
.dot:nth-child(3) {animation-delay: .3s;background: #003DA6;}
.dot:nth-child(4) {animation-delay: .45s;background: #FFB71B;}
.dot:nth-child(5) {animation-delay: .6s;background: #003DA6;}
@keyframes moveit {
    0% { transform: translateY(0px);}
    35% {transform: translateY(0px);opacity: 0.3;}
    50% {transform: translateY(-20px);opacity: 0.8;}
    70% {transform: translateY(3px);opacity: 0.8;}
    85% {transform: translateY(-3px);}
}

/* Preloader */
/* HTML: <div class="loader"></div> */
#loader {
    display: none;
position: absolute;
    z-index: 99;
    left:50%;
    top:50%;
    margin-top:-13px;
    margin-left: -30px;
  width: 60px;
  aspect-ratio: 4;
  --c:#003DA6 90%,#0000;
  background: 
    radial-gradient(circle closest-side at left  6px top 50%,var(--c)),
    radial-gradient(circle closest-side                     ,var(--c)),
    radial-gradient(circle closest-side at right 6px top 50%,var(--c));
  background-size: 100% 100%;
  background-repeat: no-repeat;
  animation: l4 1s infinite alternate;
}
@keyframes l4 {
    to{width:25px;aspect-ratio: 1}
}

@media (min-width:1200px) {
[data-visually-hidden="true"] {
  top:90%; opacity: 0; visibility: hidden;
}
[data-visually-hidden="false"] {
  top:100%; opacity: 1; visibility: visible;
}

#navbarCollapse .sub-menu[data-visually-hidden="true"] {top:90%; opacity: 0; visibility: hidden;}
#navbarCollapse .sub-menu[data-visually-hidden="false"] {top:100%; opacity: 1; visibility: visible;} 
}