#policies .blue-lg ul {
    bottom: 126px;
    padding: 0;
    width: 330px;
}

@font-face {
    font-family: 'GE_SS_Text_Light';
    src: url("../fonts/GE_SS_Text_Light.eot");
    src: local("☺"), url("../fonts/GE_SS_Text_Light.woff") format("woff"), url("../fonts/GE_SS_Text_Light.ttf") format("truetype"), url("../fonts/GE_SS_Text_Light.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'GE_SS_TWO_MEDIUM';
    src: url("../fonts/GE_SS_TWO_MEDIUM.eot");
    src: local("☺"), url("../fonts/GE_SS_TWO_MEDIUM.woff") format("woff"), url("../fonts/GE_SS_TWO_MEDIUM.ttf") format("truetype"), url("../fonts/GE_SS_TWO_MEDIUM.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "RTA Black";
    src: url("../fonts/RTA-Black.eot");
    src: url("../fonts/RTA-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/RTA-Black.woff2") format("woff2"), url("../fonts/RTA-Black.woff") format("woff"), url("../fonts/RTA-Black.ttf") format("truetype"), url("../fonts/RTA-Black.otf") format("opentype"), url("../fonts/RTA-Black.svg#RTA-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFC
}

@font-face {
    font-family: "RTA Bold";
    src: url("../fonts/RTA-Bold.eot");
    src: url("../fonts/RTA-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/RTA-Bold.woff2") format("woff2"), url("../fonts/RTA-Bold.woff") format("woff"), url("../fonts/RTA-Bold.ttf") format("truetype"), url("../fonts/RTA-Bold.otf") format("opentype"), url("../fonts/RTA-Bold.svg#RTA-Bold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFC
}

@font-face {
    font-family: "RTA Regular";
    src: url("../fonts/RTA-Regular.eot");
    src: url("../fonts/RTA-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/RTA-Regular.woff2") format("woff2"), url("../fonts/RTA-Regular.woff") format("woff"), url("../fonts/RTA-Regular.ttf") format("truetype"), url("../fonts/RTA-Regular.otf") format("opentype"), url("../fonts/RTA-Regular.svg#RTA-Regular") format("svg");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFC
}

@font-face {
    font-family: "RTA Light";
    src: url("../fonts/RTA-Light.eot");
    src: url("../fonts/RTA-Light.woff2") format("woff2"), url("../fonts/RTA-Light.woff") format("woff"), url("../fonts/RTA-Light.ttf") format("truetype"), url("../fonts/RTA-Light.otf") format("opentype"), url("../fonts/RTA-Light.svg#RTA-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-FEFC
}

@font-face {
    font-family: 'MetaPro-Light';
    src: url("../fonts/MetaPro-Light.eot");
    src: url("../fonts/MetaPro-Light.eot") format("embedded-opentype"), url("../fonts/MetaPro-Light.woff2") format("woff2"), url("../fonts/MetaPro-Light.woff") format("woff"), url("../fonts/MetaPro-Light.ttf") format("truetype"), url("../fonts/MetaPro-Light.svg#MetaPro-Light") format("svg")
}

@font-face {
    font-family: 'MetaPro-Medium';
    src: url("../fonts/MetaPro-Medium.eot");
    src: url("../fonts/MetaPro-Medium.eot") format("embedded-opentype"), url("../fonts/MetaPro-Medium.woff2") format("woff2"), url("../fonts/MetaPro-Medium.woff") format("woff"), url("../fonts/MetaPro-Medium.ttf") format("truetype"), url("../fonts/MetaPro-Medium.svg#MetaPro-Medium") format("svg")
}

@font-face {
    font-family: 'MetaPro-NormalItalic';
    src: url("../fonts/MetaPro-NormalItalic.eot");
    src: url("../fonts/MetaPro-NormalItalic.eot") format("embedded-opentype"), url("../fonts/MetaPro-NormalItalic.woff2") format("woff2"), url("../fonts/MetaPro-NormalItalic.woff") format("woff"), url("../fonts/MetaPro-NormalItalic.ttf") format("truetype"), url("../fonts/MetaPro-NormalItalic.svg#MetaPro-NormalItalic") format("svg")
}

@font-face {
    font-family: 'MetaPro-Book';
    src: url("../fonts/MetaPro-Book.eot");
    src: url("../fonts/MetaPro-Book.eot") format("embedded-opentype"), url("../fonts/MetaPro-Book.woff2") format("woff2"), url("../fonts/MetaPro-Book.woff") format("woff"), url("../fonts/MetaPro-Book.ttf") format("truetype"), url("../fonts/MetaPro-Book.svg#MetaPro-Book") format("svg")
}

@font-face {
    font-family: 'MetaPro-Light';
    src: url("../fonts/MetaPro-Light.eot");
    src: url("../fonts/MetaPro-Light.eot") format("embedded-opentype"), url("../fonts/MetaPro-Light.woff2") format("woff2"), url("../fonts/MetaPro-Light.woff") format("woff"), url("../fonts/MetaPro-Light.ttf") format("truetype"), url("../fonts/MetaPro-Light.svg#MetaPro-Light") format("svg")
}

@font-face {
    font-family: 'MetaPro-Medium';
    src: url("../fonts/MetaPro-Medium.eot");
    src: url("../fonts/MetaPro-Medium.eot") format("embedded-opentype"), url("../fonts/MetaPro-Medium.woff2") format("woff2"), url("../fonts/MetaPro-Medium.woff") format("woff"), url("../fonts/MetaPro-Medium.ttf") format("truetype"), url("../fonts/MetaPro-Medium.svg#MetaPro-Medium") format("svg")
}

@font-face {
    font-family: 'MetaPro-NormalItalic';
    src: url("../fonts/MetaPro-NormalItalic.eot");
    src: url("../fonts/MetaPro-NormalItalic.eot") format("embedded-opentype"), url("../fonts/MetaPro-NormalItalic.woff2") format("woff2"), url("../fonts/MetaPro-NormalItalic.woff") format("woff"), url("../fonts/MetaPro-NormalItalic.ttf") format("truetype"), url("../fonts/MetaPro-NormalItalic.svg#MetaPro-NormalItalic") format("svg")
}

@font-face {
    font-family: 'MetaPro-Book';
    src: url("../fonts/MetaPro-Book.eot");
    src: url("../fonts/MetaPro-Book.eot") format("embedded-opentype"), url("../fonts/MetaPro-Book.woff2") format("woff2"), url("../fonts/MetaPro-Book.woff") format("woff"), url("../fonts/MetaPro-Book.ttf") format("truetype"), url("../fonts/MetaPro-Book.svg#MetaPro-Book") format("svg")
}

.loader {
    background: #eee url(../img/gears.gif) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    display: none;
    background-size: 100px auto
}

.loginfields{
        background: #171c8f;
    height: 100%;
    position: absolute;
    left: 15px;
    right: 15px;
    top: 0;
    bottom: 0;
    padding: 170px 30px;
}

@media (max-width: 767px) {
    .loader {
        background-size: 50px auto
    }
    .search-data a {
    word-break: break-all;
}
}

#at15s {
    display: none !important
}

.title-area .tabs-menu::-webkit-scrollbar {
    display: none
}

.mobile-scroll-inner::-webkit-scrollbar {
    display: none
}

.tab-wrapper .tab-menu::-webkit-scrollbar {
    display: none
}

body {
    overflow-x: hidden
}

@media (max-width: 1199px) {
    header,
    footer,
    header>img.sample,
    footer>img.sample {
        width: 100% !important;
        height: auto !important
    }
}

.static {
    margin: auto
}

*,
*:focus {
    outline: 0
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #53565a
}

p {
    color: #53565a;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    line-height: 20px;
    line-height: 2rem
}

a,
a:hover,
a:focus {
    color: #373b40
}

a,
button,
.btn,
svg,
#viewPort {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

b,
label {
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    font-weight: normal
}

h1 {
    font-size: 46px;
    font-size: 4.6rem
}

h2 {
    font-size: 30px;
    font-size: 3rem
}

@media (max-width: 767px) {
    h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-top: 30px;
        margin-top: 3rem
    }
}

h3 {
    font-size: 20px;
    font-size: 2rem
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
.btn {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.content-area {
    overflow-x: hidden
}

.form-control,
.form-control:focus {
    box-shadow: none
}

textarea {
    resize: vertical
}

.grey-filled {
    background-color: #f7f7f7
}

input,
label,
.optional {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.indicate {
    -webkit-transition: background-image .2s ease-in-out;
    -moz-transition: background-image .2s ease-in-out;
    -o-transition: background-image .2s ease-in-out;
    -ms-transition: background-image .2s ease-in-out;
    transition: background-image .2s ease-in-out
}

.section-clear,
.content-area,
.content-area section,
.column,
.tab-wrapper,
.tab-wrapper .nav-pills,
.tab-wrapper>.tab-content,
.tab-wrapper>.tab-content>.tab-pane,
.nav-collapse .nav-tabs li a,
.simple-tabs,
.breadcumbs,
.left-icon-widget.column .col,
.left-icon-widget.column .wrap-data,
ul.list li,
ul.list li a,
ul.list-simple,
.grey-form.form-inline,
.form-box,
.form-box .form-control-title,
.metro-banner,
.metro-banner .banner-content .share .share-count .counter,
.metro-banner .banner-content .share .share-count .counter .count,
.metro-banner .banner-content .share .share-count .counter span,
.carousel .share .share-count .counter,
.carousel .share .share-count .counter .count,
.carousel .share .share-count .counter span,
.smart-metro,
.smart-metro img,
.smart-metro .overlay h3,
.smart-metro .overlay .time,
.panel-group,
.notification-panel,
.notification-panel .panel-head,
.notification-panel .panel-data,
.trip-details,
.trip-details aside,
.trip-details .details-footer,
.title-area,
.title-area h1,
.title-area p,
.title-area .tabs-menu,
.title-area .tabs-menu .navigation,
.title,
.station-zone,
.trip-summary,
.about-metro,
.about-metro .wall-image,
.about-metro .metro-features,
.about-metro .metro-features .desc p,
.train-structure,
.facilities-equipments,
.accessibility,
.rules-code,
.metro-projects,
.rules-code .tab-wrapper .tab-content .tab-pane .suitecase,
.rules-code .tab-wrapper .tab-content .tab-pane .suitecase p,
.pay-fine,
.metro-projects .project-details,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a h3,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content .block-row,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table .table-row,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .icons-list,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a h3,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table .table-row,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .icons-list,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate,
.card-details .card-row .card-data .card-info .col-wide,
.card-details .card-row .card-data .btn-list,
.card-details .card-row .fares,
.rta-centre,
.store-locator .locator-filter aside,
.store-locator .locator-filter aside .form-check,
.store-locator .locator-filter aside .form-check .form-check-label,
.store-locator .locator-filter .location-details,
.store-locator .locator-filter .location-details .address-title,
.store-locator .locator-filter .location-details .address-desc,
.content-box .title p,
.service-offers,
.express-interest,
.overview-commercial,
.couter-list,
.benefits-commercial,
.gallery,
.partners,
.allowed,
.how-to-apply,
.useful-links,
.useful-links ul.link-items,
.smart-application,
.smart-application .carousel-static {
    width: 100%;
    float: left
}

.normalize-list,
.grey-tabs,
.breadcumbs ul.breadcumbs-path,
ul.list-count,
ul.btn-list,
ul.list,
.title-area .tabs-menu .navigation,
.card-details .card-row .card-data .card-info .col-wide .list-valid,
.useful-links ul.link-items,
.smart-application .minimal-container .list-apps {
    margin: 0px;
    margin: 0rem;
    padding: 0px;
    padding: 0rem;
    list-style: none
}

.underline,
.left-icon-widget.column .wrap-data h3 a,
.train-structure .column .col .overlay h3 a {
    position: relative;
    text-decoration: none
}

.underline:before,
.left-icon-widget.column .wrap-data h3 a:before,
.train-structure .column .col .overlay h3 a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 2px;
    left: 0px;
    background-color: #373b40;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .15s ease-in-out 0s;
    -moz-transition: all .15s ease-in-out 0s;
    -o-transition: all .15s ease-in-out 0s;
    -ms-transition: all .15s ease-in-out 0s;
    transition: all .15s ease-in-out 0s
}

.underline:hover:before,
.left-icon-widget.column .wrap-data h3 a:hover:before,
.train-structure .column .col .overlay h3 a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.grey-bg {
    background-color: #f7f7f7
}

.primary-bg {
    background-color: #e00
}

.default-bg {
    background-color: #171c8f
}

.zone1-bg {
    background-color: #fdddbf
}

.zone2-bg {
    background-color: #dde1f1
}

.zone5-bg {
    background-color: #dedacd
}

.zone6-bg {
    background-color: #f3edc1
}

.alert,
.alert-success,
.alert-danger {
    padding: 0px;
    padding: 0rem;
    margin: 0px;
    margin: 0rem;
    font-size: 13px;
    font-size: 1.3rem;
    background: none;
    border: 0px;
    color: #333;
    position: absolute;
    width: 100%;
    bottom: -18px;
    left: 0px
}

.alert-success {
    color: #26b0b8
}

.alert-danger {
    color: #e00
}

.easy-autocomplete {
    position: relative
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
    box-shadow: none
}

.easy-autocomplete a {
    display: block
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
    border-color: #66afe9
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
    background-color: #ecf5fc
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul {
    border-color: #41DB00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6)
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
    border-color: #41DB00
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
    background-color: #9eff75
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul {
    border-color: #ff5b5b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6)
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
    border-color: #ff5b5b
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
    background-color: #ff8e8e
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul {
    border-color: #ffdb00;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6)
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
    border-color: #ffdb00
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
    background-color: #ffe233
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul {
    border-color: #333;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6)
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
    border-color: #333
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
    background-color: #4d4d4d;
    color: #fff
}

.easy-autocomplete.eac-dark {
    color: #fff
}

.easy-autocomplete.eac-dark input {
    background-color: #404040;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-dark ul {
    border-color: #333
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
    background-color: #404040;
    border-color: #333
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
    background-color: #737373;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass {
    color: #fff
}

.easy-autocomplete.eac-dark-glass input {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0
}

.easy-autocomplete.eac-dark-glass ul {
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
    background-color: rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8)
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
    background-color: rgba(64, 64, 64, 0.8);
    color: #f6f6f6
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
    border-radius: 0 0 4px 4px
}

.easy-autocomplete.eac-blue {
    color: #fff
}

.easy-autocomplete.eac-blue input {
    background-color: #6d9ed1;
    border-radius: 4px;
    box-shadow: 0;
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
    color: #f6f6f6
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
    border-color: #5A91CB;
    box-shadow: 0
}

.easy-autocomplete.eac-blue ul {
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
    background-color: #6d9ed1;
    border-color: #5A91CB
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
    background-color: #94b8dd;
    color: #f6f6f6
}

.easy-autocomplete.eac-yellow {
    color: #333
}

.easy-autocomplete.eac-yellow input {
    background-color: #ffdb7e;
    border-color: #333;
    border-radius: 4px;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-yellow ul {
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
    background-color: #ffdb7e;
    border-color: #333
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
    background-color: #ffe9b1;
    color: #333
}

.easy-autocomplete.eac-purple {
    color: #333
}

.easy-autocomplete.eac-purple input {
    background-color: #d6d1e7;
    border-color: #b8afd5;
    box-shadow: 0;
    color: #333
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
    border-color: #333;
    box-shadow: 0
}

.easy-autocomplete.eac-purple ul {
    border-color: #333
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
    background-color: #d6d1e7;
    border-color: #333
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
    background-color: #ebe8f3;
    color: #333
}

.easy-autocomplete.eac-bootstrap input {
    border-color: #ccc;
    border-radius: 0px;
    border-style: solid;
    border-width: 1px;
    color: #555;
    padding: 6px 12px
}

.easy-autocomplete-container {
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 35
}

.easy-autocomplete-container ul {
    background: none repeat scroll 0 0 #ffffff;
    border-top: 1px dotted #ccc;
    display: none;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -1px
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
    background: inherit;
    border-color: #ccc;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    display: block;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 16px
}

.easy-autocomplete-container ul li:last-child {
    border-radius: 0 0 2px 2px;
    border-width: 0 1px 1px
}

.easy-autocomplete-container ul li.selected {
    background: none repeat scroll 0 0 #ebebeb;
    cursor: pointer
}

.easy-autocomplete-container ul li.selected div {
    font-weight: normal
}

.easy-autocomplete-container ul li div {
    display: block;
    font-weight: normal;
    word-break: break-all
}

.easy-autocomplete-container ul li b {
    font-weight: bold
}

.easy-autocomplete-container ul .eac-category {
    font-color: #aaa;
    font-style: italic
}

.eac-description .eac-item span {
    color: #aaa;
    font-style: italic;
    font-size: 0.9em
}

.eac-icon-left .eac-item img {
    margin-right: 4px;
    max-height: 30px
}

.eac-icon-right .eac-item {
    margin-top: 8px;
    min-height: 24px;
    position: relative
}

.eac-icon-right .eac-item img {
    margin-left: 4px;
    max-height: 30px;
    position: absolute;
    right: -4px;
    top: -8px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-preloader a:hover {
    color: #FFF
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent)
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-button-disabled {
    display: none
}

.swiper-button-prev,
.arrow-left {
    background-image: url("../img/nav-prev.png");
    left: -40px
}

@media (max-width: 1199px) {
    .swiper-button-prev,
    .arrow-left {
        left: -20px
    }
}

@media (max-width: 991px) {
    .flowchart-data img {
        width: 90%;
    }
    .swiper-button-prev,
    .arrow-left {
        left: -5px
    }
}

.swiper-button-next,
.arrow-right {
    background-image: url("../img/nav-next.png");
    right: -40px
}

@media (max-width: 1199px) {
    .swiper-button-next,
    .arrow-right {
        right: -20px
    }
}

@media (max-width: 991px) {
    .swiper-button-next,
    .arrow-right {
        right: -5px
    }
}

.arrow-left,
.arrow-right {
    cursor: pointer;
    height: 37px;
    margin-top: -18.5;
    position: absolute;
    top: 50%;
    width: 23px;
    z-index: 10;
    text-indent: -100px;
    overflow: hidden
}

@media (max-width: 991px) {
    .arrow-left,
    .arrow-right {
        background-size: 100% auto;
        width: 15px;
        height: 24px;
        margin-top: -12px;
        background-repeat: no-repeat
    }
}

@media (max-width: 767px) {
    .innerdata .carousel-indicators {
        top: auto;
        right: 37% !important;
    }
    .arrow-left,
    .arrow-right {
        display: none !important
    }
}

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: #000
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 32px;
    overflow: visible
}

#cboxError {
    padding: 50px
}

#cboxLoadedContent {
    padding: 1px
}

#cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
    background: #000
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(images/controls.png) no-repeat 0 0
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0
}

#cboxPrevious {
    background-position: 0px 0px;
    right: 44px
}

#cboxPrevious:hover {
    background-position: 0px -25px
}

#cboxNext {
    background-position: -25px 0px;
    right: 22px
}

#cboxNext:hover {
    background-position: -25px -25px
}

#cboxClose {
    background-position: -50px 0px;
    right: 0
}

#cboxClose:hover {
    background-position: -50px -25px
}

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px
}

.rsbtn {
    position: relative;
    height: 26px;
    margin-bottom: 10px;
    z-index: 100;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.rsfloating {
    display: none
}

.rsbtn.rsfloating {
    display: block
}

.rsbtn span,
.rsbtn a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.rsbtn span,
.rsbtn a:focus {
    border: none
}

.rsbtn .rsbtn_play {
    text-decoration: none;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    color: #333;
    position: static;
    display: inline;
    margin: auto;
    padding: inherit;
    float: left
}

.rsbtn .rsimg,
#rslightbox_logo.rsimg,
.rsbtn a.rsimg {
    background: transparent url(img/rs_button.png) no-repeat scroll 0 0
}

.rsbtn .rspart {
    position: relative;
    float: left;
    height: 26px
}

.rsbtn .rsbtn_left .rsbtn_text {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    margin: 5px 10px;
    padding-left: 20px;
    background: transparent url(img/rs_button.png) no-repeat scroll 0 -641px
}

.rsdeferred .rsbtn_left .rsbtn_text span {
    padding-right: 20px;
    background: transparent url(img/rs_loader_anim.gif) no-repeat scroll top right
}

.rsbtn .rsbtn_right.rsimg,
.rsbtn .rsbtn_pause {
    width: 42px;
    background-position: 0 -26px
}

.rsbtn a:hover .rsbtn_right,
.rsbtn.rsfocus .rsbtn_right.rsimg {
    background-position: -42px -26px
}

.rsbtn .rsbtn_right.rsimg.rsanim {
    background: transparent url(img/play-anim.gif) no-repeat scroll 0 0
}

.rsbtn.rsanimate .rsbtn_right.rsimg {
    background-position: -42px -26px
}

.rsbtn.rsexpanded .rsbtn_right.rsimg {
    display: none
}

.rsbtn .rsbtn_pause .rsbtn_btnlabel,
.rsbtn .rsbtn_stop .rsbtn_btnlabel,
.rsbtn .rsbtn_volume .rsbtn_btnlabel,
.rsbtn .rsbtn_settings .rsbtn_btnlabel,
.rsbtn .rsbtn_dl .rsbtn_btnlabel,
.rsbtn .rsbtn_pin .rsbtn_btnlabel,
.rsbtn .rsbtn_closer .rsbtn_btnlabel,
.rsbtn .rsbtn_powered .rsbtn_btnlabel {
    display: none
}

.rsbtn.rsplaying .rsbtn_pause {
    display: none;
    background-position: 0 -78px
}

.rsbtn.rsfloating .rsbtn_pause {
    background-position: 0 -412px
}

.rsbtn.rsexpanded .rsbtn_pause,
.rsbtn.rsexpanded.rsplaying .rsbtn_pause {
    display: block
}

.rsbtn.rsexpanded.rs-no-touch .rsbtn_pause.rsimg:hover,
.rsbtn.rsexpanded.rs-no-touch .rsbtn_pause.rsimg.rsfocus {
    background-position: -42px -78px
}

.rsbtn.rsexpanded.rsfloating.rs-no-touch .rsbtn_pause.rsimg:hover,
.rsbtn.rsexpanded.rsfloating.rs-no-touch .rsbtn_pause.rsimg.rsfocus {
    background-position: -42px -412px
}

.rsbtn.rsexpanded.rsstopped .rsbtn_pause,
.rsbtn.rsexpanded.rspaused .rsbtn_pause {
    background-position: 0 -280px
}

.rsbtn.rsexpanded.rsstopped.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rsexpanded.rspaused.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rsexpanded.rsstopped.rs-no-touch .rsbtn_pause.rsfocus,
.rsbtn.rsexpanded.rspaused.rs-no-touch .rsbtn_pause.rsfocus,
.pre-expanded.rsexpanded.rsstopped .rsbtn_pause:hover {
    background-position: -42px -280px
}

.rsbtn.rsexpanded.rsfloating.rsstopped .rsbtn_pause,
.rsbtn.rsexpanded.rsfloating.rspaused .rsbtn_pause {
    background-position: 0 -386px
}

.rsbtn.rsexpanded.rsfloating.rsstopped.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rsexpanded.rsfloating.rspaused.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rsexpanded.rsfloating.rspaused.rs-no-touch .rsbtn_pause.rsfocus {
    background-position: -42px -386px
}

.rsbtn .rsbtn_exp.rsimg {
    display: none;
    background: none
}

.rsbtn.rsexpanded .rsbtn_exp {
    display: block
}

.rsbtn .rsbtn_stop.rsimg {
    left: -5px;
    margin-right: -5px;
    width: 42px;
    background-position: 0 -104px
}

.rsbtn.rsexpanded.rs-no-touch .rsbtn_stop.rsimg:hover,
.rsbtn.rsexpanded.rs-no-touch .rsbtn_stop.rsimg.rsfocus {
    background-position: -42px -104px
}

.rsbtn.rsexpanded.rsstopped .rsbtn_stop.rsimg,
.rsbtn.rsexpanded.rsstopped .rsbtn_stop.rsimg:hover,
.rsbtn.rsexpanded.rsstopped .rsbtn_stop.rsimg.rsfocus {
    background-position: -263px -161px;
    cursor: default
}

.rsbtn .rsbtn_player.rsimg {
    position: relative;
    z-index: 120;
    background-position: 0 -130px;
    background-repeat: repeat-x
}

.rsbtn .rsbtn_player .rsplaypart {
    float: left
}

.rsbtn .rsbtn_progress_container.rsimg {
    position: relative;
    width: 50px;
    height: 10px;
    border: 1px solid #555;
    background-repeat: repeat-x;
    background-position: 0 -376px;
    margin: 8px 5px 0 3px
}

.rsbtn .rsbtn_progress_container .rsbtn_progress_loaded {
    position: relative;
    width: 1%;
    height: 100%;
    background-color: #ccc
}

.rsbtn .rsbtn_progress_container .rsbtn_progress_played.rsimg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1%;
    background-position: 0 -208px
}

.rsbtn .rsbtn_progress_container .rsbtn_progress_handle.rsimg {
    position: absolute;
    left: -11px;
    top: -7px;
    width: 20px;
    height: 24px;
    background-position: 0 -183px
}

.rsbtn.rs-no-touch .rsbtn_progress_container .rsbtn_progress_handle.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_progress_container .rsbtn_progress_handle.rsimg.rsfocus {
    background-position: -20px -183px
}

.rsbtn.rsstopped .rsbtn_progress_container .rsbtn_progress_handle.rsimg,
.rsbtn.rsstopped.rs-no-touch .rsbtn_progress_container .rsbtn_progress_handle.rsimg:hover {
    opacity: .6;
    background-position: 0 -183px;
    cursor: default
}

.rsbtn .rsbtn_progress_container.rsloading {
    background: transparent url(img/timeline-anim.gif) repeat-x scroll 0 0
}

.rsbtn .rsbtn_volume.rsimg {
    position: relative;
    width: 20px;
    height: 20px;
    background-position: 0 -218px;
    margin-top: 3px;
    margin-right: 2px
}

.rsbtn.rs-no-touch .rsbtn_volume.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_volume.rsimg.rsfocus {
    background-position: -20px -218px
}

.rsbtn .rsbtn_volume_container.rsimg {
    position: absolute;
    height: 70px;
    width: 26px;
    bottom: -65px;
    left: 0;
    border: none;
    background-position: 0 -306px;
    display: none;
    z-index: 120
}

.rsbtn .rsbtn_volume_container.rsimg .rsbtn_volume_slider {
    border: none;
    position: absolute;
    top: 15px;
    left: 3px;
    width: 22px;
    height: 40px
}

.rsbtn .rsbtn_volume_slider .rsbtn_volume_handle.rsimg {
    position: absolute;
    top: -7px;
    left: 0;
    width: 20px;
    height: 14px;
    background-position: -41px -184px
}

.rsbtn.rs-no-touch .rsbtn_volume_slider .rsbtn_volume_handle.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_volume_slider .rsbtn_volume_handle.rsimg.rsfocus {
    background-position: -62px -184px
}

.rsbtn .rsbtn_settings.rsimg,
.rsbtn .rsbtn_dl.rsimg {
    width: 20px;
    height: 20px;
    background-position: 0 -238px;
    margin-top: 3px
}

.rsbtn.rs-no-touch .rsbtn_settings.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_settings.rsimg.rsfocus,
.pre-expanded.rsexpanded.rsstopped .rsbtn_settings.rsimg:hover {
    background-position: -20px -238px
}

.rsbtn .rsbtn_dl.rsimg {
    background-position: 0 -258px
}

.rsbtn.rs-no-touch .rsbtn_dl.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_dl.rsimg.rsfocus {
    background-position: -20px -258px
}

.rsbtn .rsbtn_pin {
    margin-top: 3px;
    width: 20px;
    height: 20px;
    background-image: url(img/rs_button.png);
    background-repeat: no-repeat;
    background-position: -42px -218px
}

.rsbtn .rsbtn_pin:hover,
.rsbtn .rsbtn_pin.rsfocus {
    background-position: -62px -218px
}

.rsbtn .rsbtn_pin.pinned {
    background-position: -42px -238px
}

.rsbtn .rsbtn_pin.pinned:hover,
.rsbtn .rsbtn_pin.pinned.rsfocus {
    background-position: -62px -238px
}

.rsbtn a.turnedOff {
    display: none !important
}

.rsbtn_pinnedHome {
    background-color: #eee;
    border: dashed 1px #aaa;
    border-radius: 5px
}

.rsbtn .rsbtn_closer.rsimg {
    width: 27px;
    background-position: 0 -156px
}

.rsbtn.rs-no-touch .rsbtn_closer.rsimg:hover,
.rsbtn.rs-no-touch .rsbtn_closer.rsimg.rsfocus,
.pre-expanded.rsexpanded.rsstopped .rsbtn_closer.rsimg:hover {
    background-position: -27px -156px
}

.rsbtn.rsfloating .rsbtn_closer.rsimg {
    width: 27px;
    background-position: -104px -156px
}

.rsbtn.rsfloating.rs-no-touch .rsbtn_closer.rsimg:hover,
.rsbtn.rsfloating.rs-no-touch .rsbtn_closer.rsimg.rsfocus {
    background-position: -131px -156px
}

.rsbtn .rsbtn_powered {
    position: absolute;
    right: 7px;
    top: 27px;
    height: 10px;
    z-index: 110;
    color: #999;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 10px;
    font-size: 10px;
    background: none;
    cursor: pointer
}

.rsbtn .rsbtn_powered a,
.rsbtn .rsbtn_powered span {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 10px;
    font-size: 10px;
    display: inline
}

.rsbtn .rsbtn_powered .rsbtn_btnlabel {
    display: inline
}

.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read {
    color: #e60
}

.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
    color: #33a
}

.rsbtn .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon.rsimg {
    position: relative;
    top: 1px;
    width: 11px;
    height: 9px;
    margin-left: 2px;
    padding-right: 11px;
    background-position: -137px -490px
}

.rsbtn.rs_whitelogo .rsbtn_powered,
.rsbtn.rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read,
.rsbtn.rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
    color: #fff
}

.rsbtn.rs_whitelogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon.rsimg {
    background-position: -285px -490px
}

.rsbtn.rs_blacklogo .rsbtn_powered,
.rsbtn.rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_read,
.rsbtn.rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_speaker {
    color: #000
}

.rsbtn.rs_blacklogo .rsbtn_powered .rsbtn_btnlabel a span.rsbtn_label_icon.rsimg {
    background-position: -433px -490px
}

.rsbtn_exp span.rsbtn_status_overlay {
    position: absolute;
    z-index: 140;
    top: 1px;
    left: 0;
    width: 92%;
    height: 93%;
    background: #eee;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90)
}

.rsbtn_exp .rsbtn_status_overlay span.rsbtn_status {
    position: relative;
    color: #000;
    text-align: center;
    font-size: 11px;
    font-family: Verdana;
    margin-top: 4px
}

.rsbtn a.rsbtn_loaderror {
    display: inline;
    font-size: 10px;
    margin-left: 2px
}

.rsbtn_exp .rsbtn_status_overlay a.rsbtn_nosound,
a.rsbtn_loaderror {
    text-decoration: none;
    cursor: pointer
}

.rsbtn_exp .rsbtn_status_overlay a.rsbtn_nosound:hover,
.rsbtn_exp .rsbtn_status_overlay a.rsbtn_nosound.rsfocus {
    text-decoration: underline
}

#rslightbox_contentcontainer {
    text-align: left;
    direction: ltr
}

#rslightbox_closer {
    display: block;
    position: absolute;
    top: -21px;
    right: -21px;
    width: 42px;
    height: 42px;
    background: transparent url(img/rs_button.png) no-repeat scroll 0 -599px;
    z-index: 10002
}

#rslightbox_closer:hover,
#rslightbox_closer.rsfocus {
    background-position: -42px -599px
}

#rslightbox_closer .rsbtn_btnlabel {
    display: none
}

#rslightbox_content {
    position: relative;
    margin: 0 10px 10px;
    border: 1px solid #ccc;
    top: 30px
}

#rslightbox_content h1,
#rslightbox_content h2 {
    display: block;
    float: none;
    color: Black;
    font-size: 24px;
    line-height: 1;
    font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
    font-weight: bold;
    margin: 15px 0 5px 0;
    padding: 0
}

#rslightbox_content h2 {
    font-size: 18px;
    margin: 0 0 15px 0
}

#rslightbox_content iframe {
    width: 100%;
    height: 99%;
    border: 0
}

#rslightbox_content fieldset {
    border: none;
    border-top: 1px solid #999;
    margin-top: 10px
}

#rslightbox_content legend {
    display: block
}

#rslightbox_logo.rsimg {
    position: absolute;
    top: 3px;
    left: 10px;
    width: 134px;
    height: 22px;
    background-position: 0 -499px
}

#rslightbox_closer {
    font-family: 'Lucida Sans', 'Lucida Grande', Lucida, Sans-Serif;
    font-size: 12px;
    line-height: 1.3em
}

#rslightbox_content,
#rslightbox_buttons {
    font-family: 'Lucida Grande', 'Lucida Sans', Lucida, Sans-Serif;
    font-size: 12px;
    line-height: 1.3em;
    color: #000;
    background: #fff
}

#rslightbox_contentcontainer #rslightbox_content form {
    width: auto;
    text-align: left
}

#rslightbox_content .rsform-row {
    padding: 10px;
    margin-top: 10px;
    background: #eee;
    border: 1px dotted #fff
}

#rslightbox_content .rsform-row.rsfocus {
    border: 1px dotted #000
}

#rslightbox_content .rsform-section .rsform-row:nth-child(2),
#rslightbox_content .rsform-section .rsform-row-nospace {
    margin-top: 0
}

#rslightbox_content .rsform-row fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

#rslightbox_content .rsform-row fieldset legend {
    padding: 0
}

#rslightbox_content .rsform-row fieldset legend button {
    border: 0
}

#rslightbox_content label {
    margin-right: 20px;
    display: inline
}

#rslightbox_content input[type=radio] {
    margin: 0 5px 0 0;
    width: auto;
    display: inline;
    -webkit-appearance: radio
}

#rslightbox_content input[type=button] {
    font-size: 12px
}

#rslightbox_content .rsform-row select {
    width: auto
}

#rslightbox_content ul.rsform-colorlist {
    list-style: none;
    padding: 0;
    margin: 0
}

#rslightbox_content ul.rsform-colorlist li {
    float: left;
    margin-left: 5px;
    padding: 1px
}

#rslightbox_content ul.rsform-colorlist li:first-child {
    margin-left: 0
}

#rslightbox_content ul.rsform-colorlist li a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px
}

#rslightbox_content ul.rsform-colorlist li:hover {
    border: 1px solid #ccc;
    padding: 0
}

#rslightbox_content .dimmed ul.rsform-colorlist li:hover {
    border-color: #fff
}

#rslightbox_content .dimmed ul.rsform-colorlist li a {
    cursor: default
}

#rslightbox_content ul.rsform-colorlist li.rsform-colorlist-active,
#rslightbox_content .dimmed ul.rsform-colorlist li.rsform-colorlist-active {
    border: 1px solid #33a;
    padding: 0
}

#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-box {
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #000
}

#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-underline span.rsform-colorlist-box,
#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-none span.rsform-colorlist-box {
    display: none
}

#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-label {
    margin-left: 4px
}

#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-underline span.rsform-colorlist-label,
#rslightbox_content ul.rsform-colorlist li a.rsform-colorlist-style-none span.rsform-colorlist-label {
    margin-left: 0;
    font-size: 12px;
    line-height: 1.3em
}

#rslightbox_content ul.rsform-colorlist li a span.rsform-colorlist-label.rsform-colorlist-style-color {
    position: absolute;
    display: none
}

#rslightbox_content .rsform-colorlist-label legend,
#rslightbox_content .rsform-radio-label legend {
    margin-bottom: 5px
}

#rslightbox_content .rsform-button {
    margin-top: 8px
}

#rslightbox_content #rsform_wrapper {
    margin: 10px
}

#rslightbox_content .rsform-info-toggle {
    background: transparent;
    padding: 0;
    margin: 0 10px;
    cursor: pointer;
    text-decoration: none;
    border: none
}

#rslightbox_content .rsform-row.dimmed .rsform-info-toggle {
    cursor: default
}

#rslightbox_content .rsform-info-container {
    display: none;
    padding: 5px;
    margin-top: 5px;
    background: #ffd;
    color: #333;
    border: 1px dotted #777
}

#rslightbox_content .rsform-slider {
    position: relative;
    width: 80%;
    height: 5px;
    border: 1px solid #555;
    background-repeat: repeat-x;
    background-position: 0 -521px;
    margin: 10px 20px 20px
}

#rslightbox_content .rsform-slider-handle {
    position: absolute;
    left: -11px;
    top: -10px;
    width: 22px;
    height: 26px;
    background-position: -54px -156px;
    border: none
}

#rslightbox_content .rsform-slider-handle a {
    text-decoration: none
}

#rslightbox_content .slider-label-start,
#rslightbox_content .slider-label-end {
    position: absolute;
    top: 12px;
    left: -5%
}

#rslightbox_content .slider-label-end {
    left: auto;
    right: -5%
}

#rslightbox_buttons {
    margin: 0 10px;
    padding-top: 5px
}

#rslightbox_content #readspeaker_button_settings {
    position: absolute;
    top: 15px;
    right: 15px
}

.readspeaker_button_settings .rsbtn_settings,
.readspeaker_button_settings .rsbtn_dl,
.readspeaker_button_settings .rsbtn_powered {
    display: none
}

#rsdl_container {
    background: #fff
}

#rsdl_container .rsdl_textwrapper {
    padding: 20px
}

#rslightbox_contentcontainer.rtl {
    direction: rtl
}

#rslightbox_contentcontainer.rtl #rslightbox_logo.rsimg {
    left: auto;
    right: 24px
}

#rslightbox_contentcontainer.rtl h1 {
    text-align: right
}

#rslightbox_contentcontainer.rtl #readspeaker_button_settings {
    left: 15px;
    right: auto
}

#rslightbox_contentcontainer.rtl #rslightbox_content form {
    text-align: right
}

#rslightbox_contentcontainer.rtl .rsform-colorlist li {
    float: right
}

#rslightbox_contentcontainer.rtl #rslightbox_content label {
    margin-right: 0
}

#rslightbox_contentcontainer.rtl #rslightbox_content input[type="radio"] {
    margin: 0 5px 0 20px
}

#rslightbox_contentcontainer.rtl select {
    margin-right: 10px
}

.rspopup {
    z-index: 10000
}

.rspopup .rsbtn_text span {
    overflow: hidden
}

#rslightbox_buttons {
    background: #eee;
    position: absolute;
    bottom: 20px
}

#rslightbox_buttons a.rsdialog-button {
    position: relative;
    padding: 5px;
    border: 1px solid #777;
    border-radius: 3px;
    color: #000;
    text-decoration: none;
    background: #ccc;
    background: -moz-linear-gradient(top, #eee 0, #ccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #ccc));
    background: -webkit-linear-gradient(top, #eee 0, #ccc 100%);
    background: -o-linear-gradient(top, #eee 0, #ccc 100%);
    background: -ms-linear-gradient(top, #eee 0, #ccc 100%);
    background: linear-gradient(to bottom, #eee 0, #ccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0)
}

#rslightbox_buttons a.rsdialog-button:hover,
#rslightbox_buttons a.rsdialog-button:focus {
    background: #eee;
    background: -moz-linear-gradient(top, #fff 0, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ddd));
    background: -webkit-linear-gradient(top, #fff 0, #ddd 100%);
    background: -o-linear-gradient(top, #fff 0, #ddd 100%);
    background: -ms-linear-gradient(top, #fff 0, #ddd 100%);
    background: linear-gradient(to bottom, #fff 0, #ddd 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0)
}

.rsbtn.rspopup {
    position: absolute;
    background: transparent;
    height: 36px;
    display: none;
    overflow: visible
}

.rsbtn.rspopup .rspart {
    height: 36px
}

.rsbtn.rspopup .rsbtn_left {
    background-position: 0 -527px
}

.rsbtn.rspopup.rscompact .rsbtn_left {
    width: 34px
}

.rsbtn.rspopup.rscompact .rsbtn_left .rsbtn_text {
    width: 0;
    overflow: hidden;
    padding-left: 16px;
    margin-right: 0
}

.rsbtn.rspopup .rsbtn_left .rsbtn_text {
    margin-top: 10px;
    margin-left: 15px;
    padding-left: 20px
}

.rsbtn.rspopup .rsbtn_right {
    width: 47px;
    background-position: -99px -26px
}

.rsbtn.rspopup a:hover .rsbtn_right {
    background-position: -171px -26px
}

.rsbtn.rspopup.rscompact .rsbtn_right,
.rsbtn.rspopup.rscompact a:hover .rsbtn_right {
    width: 14px;
    background-position: -132px -26px
}

.rsbtn.rspopup.rsexpanded .rsbtn_pause {
    background-position: -99px -73px
}

.rsbtn.rspopup.rsexpanded.rs-no-touch .rsbtn_pause.rsimg:hover,
.rsbtn.rspopup.rsexpanded.rs-no-touch .rsbtn_pause.rsimg.rsfocus {
    background-position: -171px -73px
}

.rsbtn.rspopup.rsexpanded.rsstopped .rsbtn_pause,
.rsbtn.rspopup.rsexpanded.rspaused .rsbtn_pause {
    background-position: -397px -26px
}

.rsbtn.rspopup.rsexpanded.rsstopped.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rspopup.rsexpanded.rspaused.rs-no-touch .rsbtn_pause:hover,
.rsbtn.rspopup.rsexpanded.rsstopped.rs-no-touch .rsbtn_pause.rsfocus,
.rsbtn.rspopup.rsexpanded.rspaused.rs-no-touch .rsbtn_pause.rsfocus {
    background-position: -397px -73px
}

.rsbtn.rspopup .rsbtn_stop {
    background-position: -243px -73px
}

.rsbtn.rspopup.rs-no-touch .rsbtn_stop.rsimg:hover,
.rsbtn.rspopup.rs-no-touch .rsbtn_stop.rsimg.rsfocus {
    background-position: -318px -73px
}

.rsbtn.rspopup.rsstopped.rs-no-touch .rsbtn_stop.rsimg,
.rsbtn.rspopup.rsstopped.rs-no-touch .rsbtn_stop.rsimg:hover,
.rsbtn.rspopup.rsstopped.rs-no-touch .rsbtn_stop.rsimg.rsfocus {
    background-position: -305px -156px;
    cursor: default
}

.rsbtn.rspopup .rsbtn_player {
    background-position: 0 -563px
}

.rsbtn.rspopup .rsbtn_progress_container {
    margin-top: 13px
}

.rsbtn.rspopup .rsbtn_volume,
.rsbtn.rspopup .rsbtn_settings,
.rsbtn.rspopup .rsbtn_pin,
.rsbtn.rspopup .rsbtn_dl {
    margin-top: 8px
}

.rsbtn.rspopup .rsbtn_volume_container {
    bottom: -55px
}

.rsbtn.rspopup .rsbtn_closer {
    background-position: -173px -156px;
    width: 32px
}

.rsbtn.rspopup .rsbtn_closer,
.rsbtn.rsfloating .rsbtn_closer {
    background-position: -173px -156px;
    width: 32px
}

.rsbtn.rspopup .rsbtn_closer.rsimg:hover,
.rsbtn.rspopup .rsbtn_closer.rsimg.rsfocus {
    background-position: -220px -156px
}

.rsbtn.rspopup .rsbtn_pin,
.rsbtn.rspopup .rsbtn_powered {
    display: none
}

#rslightbox_content .dimmed {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5
}

.rs_accessible_hidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.rsbtn a.rsbtn_abouthelp {
    background: url(img/rs_button.png) no-repeat scroll -84px -386px transparent;
    height: 26px;
    width: 30px;
    float: left;
    margin-right: -5px;
    z-index: 101
}

.rsbtn a.rsbtn_abouthelp:hover {
    background-position: -115px -386px
}

.rsbtn a.rsbtn_abouthelp span {
    display: none
}

.rsbtn.rsresume {
    cursor: pointer;
    display: none
}

.rsbtn.rsresume .rsbtn_right {
    width: 14px;
    background-position: -132px -26px
}

.rsbtn.rsresume a:hover .rsbtn_right {
    background-position: -132px -26px
}

.rsbtn a.rsimg,
.rsbtn a.rsimg:hover {
    -webkit-transition: all 0s ease 0s !important;
    transition: all 0s ease 0s !important;
    border: none !important
}

#rs_enlargeHL_box {
    position: fixed;
    bottom: 50px;
    left: 50px;
    right: 50px;
    padding: 25px;
    border: solid 4px Black;
    background-color: White;
    color: Black;
    box-shadow: 10px 10px 5px rgba(50, 50, 50, 0.5);
    border-radius: 15px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3em;
    line-height: 1.2em;
    z-index: 1000
}

.rs_enlargeHL_legacy {
    position: absolute !important;
    top: expression(((document.documentElement.scrollTop || document.body.scrollTop)+(document.documentElement.clientHeight || document.body.clientHeight) - this.offsetHeight - 50)+"px") !important
}

@media only screen and (max-device-width: 480px) and (orientation: portrait) {
    #rs_enlargeHL_box {
        bottom: 20px;
        left: 20px;
        right: 20px;
        padding: 15px;
        font-size: 2em
    }
}

@media only screen and (max-device-width: 480px) and (orientation: landscape) {
    #rs_enlargeHL_box {
        bottom: 15px;
        left: 15px;
        right: 15px;
        border-width: 3px;
        padding: 10px;
        font-size: 1em
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #rs_enlargeHL_box {
        bottom: 20px;
        left: 20px;
        right: 20px;
        padding: 15px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #rs_enlargeHL_box {
        bottom: 20px;
        left: 20px;
        right: 20px;
        padding: 15px;
        font-size: 2em
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.icon {
    display: block
}

.icon.contact-us {
    background: url(../img/contact-us.png) no-repeat center center
}

.icon.locate-us {
    background: url(../img/locate-us.png) no-repeat center center
}

.icon.feedbacks {
    background: url(../img/feedbacks.png) no-repeat center center
}

.icon.faq {
    background: url(../img/faq.png) no-repeat center center
}

.icon.check-balance {
    background: url(../img/check-balance.png) no-repeat center center
}

.icon.journey-planner {
    background: url(../img/journey-planner.png) no-repeat center center
}

.icon.wifi {
    background: url(../img/wi-fi.png) no-repeat center center
}

.icon.info {
    background: url(../img/info.png) no-repeat center center
}

.icon.wheelchair {
    background: url(../img/wheelchair.png) no-repeat center center
}

.icon.fare {
    background: url(../img/fare.png) no-repeat center center
}

.icon.duration {
    background: url(../img/duration.png) no-repeat center center
}

.icon.train {
    background: url(../img/train.png) no-repeat center center
}

.icon.route-start {
    background: url(../img/route-start.png) no-repeat center center
}

.icon.route-end {
    background: url(../img/route-end.png) no-repeat center center
}

.icon.train-grn {
    background: url(../img/train-grn.png) no-repeat center center
}

.icon.shuffle {
    background: url(../img/shuffle.png) no-repeat center center
}

.icon.handshake {
    background: url(../img/handshake.png) no-repeat center center
}

.icon.border-color {
    background: url(../img/border-color.png) no-repeat center center
}

.icon.text-box {
    background: url(../img/text-box.png) no-repeat center center
}

.icon.shop {
    background: url(../img/shop.png) no-repeat center center
}

.icon.icon-close-white {
    background: url(../img/close-white.png) no-repeat center center
}

.icon.handshake-grey-sml {
    background: url(../img/handshake-white-sml.png) no-repeat center center
}

.icon.border-color-grey-sml {
    background: url(../img/border-color-white-sml.png) no-repeat center center
}

.icon.text-box-grey-sml {
    background: url(../img/text-box-white-sml.png) no-repeat center center
}

.icon.shop-grey-sml {
    background: url(../img/shop-white-sml.png) no-repeat center center
}

.icon.handshake-blue-sml {
    background: url(../img/handshake-blue-sml.png) no-repeat center center
}

.icon.border-color-blue-sml {
    background: url(../img/border-color-blue-sml.png) no-repeat center center
}

.icon.text-box-blue-sml {
    background: url(../img/text-box-blue-sml.png) no-repeat center center
}

.icon.shop-blue-sml {
    background: url(../img/shop-blue-sml.png) no-repeat center center
}

.icon.close {
    background: url(../img/close.png) no-repeat center center
}

.rta-icon-info,
.rta-icon-office-phone,
.rta-icon-police-badge,
.rta-icon-siren,
.rta-icon-split,
.rta-icon-walkie-talkie-radio,
.rta-icon-wall-mount-camera,
.rta-icon-wheelchair,
.rta-icon-wi-fi,
.rta-icon-journey-planner,
.rta-icon-check-balance,
.rta-icon-route-end,
.rta-icon-route-start,
.rta-icon-appointment-reminders,
.rta-icon-foul,
.rta-icon-carousel-down,
.rta-icon-carousel-up,
.rta-icon-business,
.rta-icon-locate-us,
.rta-icon-feedbacks,
.rta-icon-train-lg,
.rta-icon-contact-us,
.rta-icon-twitter,
.rta-icon-arrow,
.rta-icon-login-rounded-right-green,
.rta-icon-faq,
.rta-icon-driver,
.rta-icon-fare,
.rta-icon-shuffle,
.rta-icon-train,
.rta-icon-duration,
.rta-icon-nav-next,
.rta-icon-nav-prev,
.rta-icon-synchronize,
.rta-icon-search,
.rta-icon-select-arrow-active,
.rta-icon-select-arrow,
.rta-icon-user-account,
.rta-icon-login-rounded-right,
.rta-icon-minus,
.rta-icon-plus,
.rta-icon-train-grn,
.rta-icon-facebook,
.rta-icon-list-item-white,
.rta-icon-list-item {
    display: inline-block;
    background: url("../img/sprite.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left
}

.rta-icon-info {
    background-position: -0px -0px;
    width: 55px;
    height: 55px
}

.rta-icon-office-phone {
    background-position: -0px -55px;
    width: 55px;
    height: 55px
}

.rta-icon-police-badge {
    background-position: -0px -110px;
    width: 55px;
    height: 55px
}

.rta-icon-siren {
    background-position: -0px -165px;
    width: 55px;
    height: 55px
}

.rta-icon-split {
    background-position: -0px -220px;
    width: 55px;
    height: 55px
}

.rta-icon-walkie-talkie-radio {
    background-position: -0px -275px;
    width: 55px;
    height: 55px
}

.rta-icon-wall-mount-camera {
    background-position: -0px -330px;
    width: 55px;
    height: 55px
}

.rta-icon-wheelchair {
    background-position: -0px -385px;
    width: 55px;
    height: 55px
}

.rta-icon-wi-fi {
    background-position: -0px -440px;
    width: 55px;
    height: 55px
}

.rta-icon-journey-planner {
    background-position: -0px -495px;
    width: 46px;
    height: 46px
}

.rta-icon-check-balance {
    background-position: -0px -541px;
    width: 41px;
    height: 39px
}

.rta-icon-route-end {
    background-position: -0px -580px;
    width: 41px;
    height: 38px
}

.rta-icon-route-start {
    background-position: -0px -618px;
    width: 41px;
    height: 38px
}

.rta-icon-appointment-reminders {
    background-position: -0px -656px;
    width: 40px;
    height: 46px
}

.rta-icon-foul {
    background-position: -0px -702px;
    width: 39px;
    height: 60px
}

.rta-icon-carousel-down {
    background-position: -0px -762px;
    width: 37px;
    height: 23px
}

.rta-icon-carousel-up {
    background-position: -0px -785px;
    width: 37px;
    height: 23px
}

.rta-icon-business {
    background-position: -0px -808px;
    width: 36px;
    height: 31px
}

.rta-icon-locate-us {
    background-position: -0px -839px;
    width: 35px;
    height: 45px
}

.rta-icon-feedbacks {
    background-position: -0px -884px;
    width: 34px;
    height: 50px
}

.rta-icon-train-lg {
    background-position: -0px -934px;
    width: 34px;
    height: 38px
}

.rta-icon-contact-us {
    background-position: -0px -972px;
    width: 29px;
    height: 40px
}

.rta-icon-twitter {
    background-position: -0px -1012px;
    width: 29px;
    height: 23px
}

.rta-icon-arrow {
    background-position: -0px -1035px;
    width: 27px;
    height: 39px
}

.rta-icon-login-rounded-right-green {
    background-position: -27px -1035px;
    width: 27px;
    height: 24px
}

.rta-icon-faq {
    background-position: -29px -972px;
    width: 26px;
    height: 49px
}

.rta-icon-driver {
    background-position: -27px -1059px;
    width: 25px;
    height: 33px
}

.rta-icon-fare {
    background-position: -0px -1074px;
    width: 25px;
    height: 19px
}

.rta-icon-shuffle {
    background-position: -25px -1092px;
    width: 24px;
    height: 22px
}

.rta-icon-train {
    background-position: -0px -1093px;
    width: 24px;
    height: 26px
}

.rta-icon-duration {
    background-position: -24px -1114px;
    width: 23px;
    height: 23px
}

.rta-icon-nav-next {
    background-position: -0px -1119px;
    width: 23px;
    height: 37px
}

.rta-icon-nav-prev {
    background-position: -23px -1137px;
    width: 23px;
    height: 37px
}

.rta-icon-synchronize {
    background-position: -0px -1156px;
    width: 22px;
    height: 26px
}

.rta-icon-search {
    background-position: -34px -884px;
    width: 21px;
    height: 24px
}

.rta-icon-select-arrow-active {
    background-position: -34px -908px;
    width: 21px;
    height: 14px
}

.rta-icon-select-arrow {
    background-position: -34px -922px;
    width: 21px;
    height: 14px
}

.rta-icon-user-account {
    background-position: -34px -936px;
    width: 21px;
    height: 27px
}

.rta-icon-login-rounded-right {
    background-position: -35px -839px;
    width: 20px;
    height: 18px
}

.rta-icon-minus {
    background-position: -36px -808px;
    width: 19px;
    height: 3px
}

.rta-icon-plus {
    background-position: -36px -811px;
    width: 19px;
    height: 19px
}

.rta-icon-train-grn {
    background-position: -35px -857px;
    width: 19px;
    height: 21px
}

.rta-icon-facebook {
    background-position: -41px -541px;
    width: 12px;
    height: 25px
}

.rta-icon-list-item-white {
    background-position: -46px -495px;
    width: 8px;
    height: 13px
}

.rta-icon-list-item {
    background-position: -46px -508px;
    width: 8px;
    height: 13px
}

.column .col {
    float: left
}

.column .col.last {
    float: right
}

.column.col-2 .col {
    width: 50%
}

@media (max-width: 991px) {
    .column.col-2 .col {
        width: 100%;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.column.col-3 .col {
    width: 370px
}

.column.col-3 .col.first {
    margin-right: 21px;
    margin-right: 2.1rem
}

@media (max-width: 1199px) {
    .column.col-3 .col {
        width: 460px
    }
    .column.col-3 .col.first {
        margin-right: 0px;
        margin-right: 0rem
    }
    .column.col-3 .col.last {
        float: left
    }
    .column.col-3 .col:nth-child(2n) {
        float: right
    }
}

@media (max-width: 991px) {
    .column.col-3 .col {
        width: 350px
    }
}

@media (max-width: 767px) {
    .column.col-3 .col {
        width: 100%;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.column.col-3.breakpoint-sm .col.first {
    margin-right: 21px;
    margin-right: 2.1rem
}

@media (max-width: 1199px) {
    .column.col-3.breakpoint-sm .col {
        width: 300px
    }
    .column.col-3.breakpoint-sm .col.first {
        margin-right: 21px;
        margin-right: 2.1rem
    }
    .column.col-3.breakpoint-sm .col.last {
        float: right
    }
    .column.col-3.breakpoint-sm .col:nth-child(2n) {
        float: left
    }
}

@media (max-width: 991px) {
    .column.col-3.breakpoint-sm .col {
        margin-bottom: 20px;
        margin-bottom: 2rem;
        width: 100%
    }
    .column.col-3.breakpoint-sm .col.first {
        margin-right: 0px;
        margin-right: 0rem
    }
    .column.col-3.breakpoint-sm .col.last {
        float: left
    }
}

.column.col-4 .col {
    width: 25%;
    float: left
}

@media (max-width: 1199px) {
    .column.col-4 .col {
        width: 50%
    }
}

@media (max-width: 767px) {
    .column.col-4 .col {
        width: 100%
    }
}

.btn {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 5px 20px;
    padding: .5rem 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    height: 30px;
    font-family: "RTA Black", Helvetica, Arial, sans-serif;
    box-shadow: none
}

@media (max-width: 767px) {
    .btn {
        height: 28px;
        line-height: 22px;
        line-height: 2.2rem
    }
}

.btn-lg {
    padding: 15px 20px;
    padding: 1.5rem 2rem;
    line-height: 34px;
    line-height: 3.4rem;
    height: 60px;
    min-width: 270px
}

@media (max-width: 767px) {
    .btn-lg {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 12px 15px;
        padding: 1.2rem 1.5rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 42px
    }
}

.btn-default {
    background-color: #fff;
    color: #171c8f
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus {
    background-color: #d0d0d0;
    color: #171c8f
}

.btn-default-filled {
    background-color: #171c8f;
    color: #fff
}

.btn-default-filled:hover,
.btn-default-filled:focus,
.btn-default-filled:active:hover,
.btn-default-filled:active:focus {
    background-color: #122173;
    color: #fff
}

.btn-primary {
    background-color: #53565b;
    color: #fff
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus {
    background-color: #e00;
    color: #fff
}

.express-interest .btn-primary,
.rta-centre .btn-primary,
.form-inline .btn-primary,
.default-bg .btn-primary {
    background-color: #e00
}

.express-interest .btn-primary:hover,
.express-interest .btn-primary:focus,
.express-interest .btn-primary:active:hover,
.express-interest .btn-primary:active:focus,
.rta-centre .btn-primary:hover,
.rta-centre .btn-primary:focus,
.rta-centre .btn-primary:active:hover,
.rta-centre .btn-primary:active:focus,
.form-inline .btn-primary:hover,
.form-inline .btn-primary:focus,
.form-inline .btn-primary:active:hover,
.form-inline .btn-primary:active:focus,
.default-bg .btn-primary:hover,
.default-bg .btn-primary:focus,
.default-bg .btn-primary:active:hover,
.default-bg .btn-primary:active:focus {
    background-color: #171c8f
}

.btn-primary-link {
    color: #e00;
    background-image: url(../img/list-item.png);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    margin: 5px 0px;
    margin: .5rem 0px;
    padding: 0px 0px 0px 18px;
    padding: 0px 0px 0px 1.8rem
}

.btn-primary-link:hover,
.btn-primary-link:focus,
.btn-primary-link:active:hover,
.btn-primary-link:active:focus {
    color: #a10000
}

.tab-wrapper {
    margin-top: 20px;
    margin-top: 2rem
}

@media (max-width: 767px) {
    .tab-wrapper .tab-menu {
        overflow: hidden;
        overflow-x: scroll;
        width: 100%
    }
}

.tab-wrapper .nav-pills {
    font-size: 16px;
    font-size: 1.6rem
}

@media (max-width: 767px) {
    .tab-wrapper .nav-pills {
        min-width: 388px
    }
}

.tab-wrapper .nav-pills li a {
    padding: 28px 15px;
    padding: 2.8rem 1.5rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    margin-right: 20px;
    background-color: #dedede;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #373b40
}

.tab-wrapper .nav-pills li a:hover,
.tab-wrapper .nav-pills li a:focus {
    background-color: #cbcccd
}

@media (max-width: 991px) {
    .tab-wrapper .nav-pills li a {
        padding: 16px 15px;
        padding: 1.6rem 1.5rem
    }
}

@media (max-width: 767px) {
    .tab-wrapper .nav-pills li a {
        margin-right: 10px;
        margin-right: 1rem;
        padding: 12px 15px;
        padding: 1.2rem 1.5rem
    }
}

.tab-wrapper .nav-pills li:last-child a {
    margin-right: 0px;
    margin-right: 0rem
}

.tab-wrapper .nav-pills li.active a {
    background-color: #171c8f;
    color: #fff
}

@media (max-width: 767px) {
    .tab-wrapper .nav-pills li {
        float: left;
        min-width: 100px
    }
}

.tab-wrapper .nav-pills.nav-block li a {
    padding: 10px;
    padding: 1rem
}

.tab-wrapper>.tab-content {
    margin-top: 20px;
    margin-top: 2rem;
    background-color: #f6f6f7
}

.tab-wrapper>.tab-content>.tab-pane {
    padding: 50px;
    padding: 5rem
}

@media (max-width: 991px) {
    .tab-wrapper>.tab-content>.tab-pane {
        margin-right: 0px;
        margin-right: 0rem;
        padding: 20px;
        padding: 2rem
    }
}

.nav-collapse .nav-tabs li {
    border-right: 1px solid #fff
}

.nav-collapse .nav-tabs li a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 75px 10px 25px 10px;
    padding: 7.5rem 1rem 2.5rem 1rem;
    margin: 0px;
    margin: 0rem;
    background-color: #e8e8e8;
    border: 0px
}

.nav-collapse .nav-tabs li.active a,
.nav-collapse .nav-tabs li.active a:hover,
.nav-collapse .nav-tabs li.active:focus {
    border: 0px;
    background-color: #f7f7f7
}

.nav-collapse .tab-content {
    padding: 28px 32px;
    padding: 2.8rem 3.2rem
}

.nav-collapse .panel-group .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px
}

@media (max-width: 767px) {
    .nav-collapse .panel-group .panel .panel-heading {
        padding: 15px;
        padding: 1.5rem;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        border-radius: 0px
    }
    .nav-collapse .panel-group .panel .panel-heading .panel-title a {
        max-width: 100%;
        width: 100%
    }
    .nav-collapse .panel-group .panel .panel-heading .panel-title a:after,
    .nav-collapse .panel-group .panel .panel-heading .panel-title a h3 br {
        display: none
    }
}

.simple-tabs .nav-tabs {
    font-size: 19px;
    font-size: 1.9rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    border: 0px
}

@media (max-width: 767px) {
    .simple-tabs .nav-tabs {
        font-size: 16px;
        font-size: 1.6rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif
    }
}

.simple-tabs .nav-tabs>li {
    margin: 0px;
    margin-right: 32px;
    margin-right: 3.2rem
}

.simple-tabs .nav-tabs>li>a {
    padding: 0px;
    padding: 0rem;
    line-height: 27px;
    line-height: 2.7rem;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    border-bottom: 2px solid #f7f7f7;
    background: none;
    color: #53565a
}

.simple-tabs .nav-tabs>li:last-child {
    margin-right: 0px;
    margin-right: 0rem
}

.simple-tabs .nav-tabs>li>a:hover,
.simple-tabs .nav-tabs>li>a:focus {
    border: 0px;
    border-bottom: 2px solid #f7f7f7;
    background: none
}

.simple-tabs .nav-tabs>li.active>a,
.simple-tabs .nav-tabs>li.active>a:hover,
.simple-tabs .nav-tabs>li.active>a:focus {
    border: 0px;
    border-bottom: 2px solid #e00;
    background: none
}

@media (max-width: 767px) {
    .simple-tabs .nav-tabs>li {
        margin-right: 16px;
        margin-right: 1.6rem
    }
}

@media (max-width: 767px) {
    .simple-tabs .nav-tabs {
        min-width: 520px
    }
}

.simple-tabs .nav-scroller {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.simple-tabs .tab-content>.tab-pane {
    margin-top: 22px;
    margin-top: 2.2rem
}

.grey-tabs li {
    float: left;
    width: 25%;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-size: 1.6rem
}

@media (max-width: 1199px) {
    .grey-tabs li {
        font-size: 13px;
        font-size: 1.3rem
    }
}

@media (max-width: 991px) {
    .grey-tabs li {
        font-family: "RTA Regular", Helvetica, Arial, sans-serif;
        font-size: 11px;
        font-size: 1.1rem
    }
}

.grey-tabs li a {
    padding: 30px 20px;
    padding: 3rem 2rem;
    background-color: #53565b;
    color: #fff;
    display: block;
    position: relative;
    text-decoration: none
}

.grey-tabs li a .icon {
    display: block;
    position: absolute;
    right: 16px;
    top: 18px;
    height: 50px;
    width: 50px
}

@media (max-width: 1199px) {
    .grey-tabs li a .icon {
        background-size: 100% auto;
        top: 24px;
        height: 30px;
        width: 30px
    }
}

@media (max-width: 991px) {
    .grey-tabs li a .icon {
        height: 16px;
        right: 12px;
        top: 12px;
        width: 16px
    }
}

@media (max-width: 991px) {
    .grey-tabs li a {
        padding: 12px 14px;
        padding: 1.2rem 1.4rem
    }
}

@media (max-width: 767px) {
    .grey-tabs li a {
        float: left;
        width: 100%
    }
}

.grey-tabs li+li {
    border-left: 1px solid #fff
}

.grey-tabs li a:hover,
.grey-tabs li.active a,
.grey-tabs li.active a:focus {
    background-color: #cfd1d0;
    color: #53565b
}

.grey-tabs li a:focus {
    background-color: #53565b;
    color: #fff
}

.breadcumbs {
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 1px solid #ebeaea
}

@media (max-width: 767px) {
    .flowchart-data img {
        width: 90%;
    }
    .breadcumbs {
        padding: 15px 0px;
        padding: 1.5rem 0px
    }
}

.breadcumbs ul.breadcumbs-path {
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

.breadcumbs ul.breadcumbs-path li {
    float: left;
    padding: 20px 0px 14px;
    padding: 2rem 0px 1.4rem
}

.breadcumbs ul.breadcumbs-path li:after {
    content: "/";
    padding: 0px 10px;
    padding: 0px 1rem
}

.breadcumbs ul.breadcumbs-path li:last-child:after {
    content: "";
    padding: 0px;
    padding: 0rem
}

@media (max-width: 767px) {
    .breadcumbs ul.breadcumbs-path li {
        padding: 1px 0px;
        padding: .1rem 0px
    }
}

.left-icon-widget {
    margin-top: 30px;
    margin-top: 3rem;
    margin-left: -18px;
    margin-left: -1.8rem
}

.left-icon-widget.column .col {
    padding-left: 100px;
    padding-left: 10rem;
    position: relative;
    min-height: 155px
}

@media (max-width: 767px) {
    .left-icon-widget.column .col {
        padding-left: 65px;
        padding-left: 6.5rem;
        min-height: 75px;
        min-height: 75px
    }
}

.left-icon-widget.column .wrap-icon {
    line-height: 80px;
    line-height: 8rem;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    text-align: center
}

@media (max-width: 767px) {
    .left-icon-widget.column .wrap-icon {
        width: 65px;
        height: 65px;
        text-align: left
    }
    .left-icon-widget.column .wrap-icon img {
        width: 38px;
        float: left
    }
}

.left-icon-widget.column .wrap-icon>.numeric {
    margin-top: 0px;
    margin-top: 0rem;
    font-size: 50px;
    font-size: 5rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    color: #171c8f
}

.left-icon-widget.column .wrap-data h3 {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    color: #373b40
}

.left-icon-widget.column .wrap-data h3 a:hover,
.left-icon-widget.column .wrap-data h3 a:focus {
    color: #373b40
}

@media (max-width: 767px) {
    .left-icon-widget.column .wrap-data h3 {
        margin-top: 6px;
        margin-top: .6rem;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.left-icon-widget.column .wrap-data p {
    margin-top: 18px;
    margin-top: 1.8rem
}

@media (max-width: 767px) {
    .left-icon-widget.column .wrap-data p {
        margin-top: 8px;
        margin-top: .8rem;
        font-size: 14px;
        font-size: 1.4rem;
        font-family: "RTA Light", Helvetica, Arial, sans-serif
    }
}

@media (max-width: 767px) {
    .left-icon-widget {
        margin-left: 0px;
        margin-left: 0rem;
        margin-top: 10px;
        margin-top: 1rem
    }
}

ul.list-count {
    counter-reset: section
}

ul.list-count li {
    padding-left: 45px;
    padding-left: 4.5rem;
    margin-bottom: 40px;
    margin-bottom: 4rem;
    position: relative
}

ul.list-count li:before {
    font-size: 30px;
    font-size: 3rem;
    counter-increment: section;
    content: counter(section);
    position: absolute;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    color: #373b40;
    left: 0px;
    top: -10px
}

ul.list-count li h3 {
    margin: 5px 0px;
    margin: .5rem 0px;
    color: #373b40
}

ul.list-count li p {
    margin: 0px;
    margin: 0rem;
    color: #53565a
}

@media (max-width: 767px) {
    ul.list-count li {
        padding-left: 30px;
        padding-left: 3rem
    }
    ul.list-count li:before {
        font-size: 28px;
        font-size: 2.8rem;
        top: -6px;
        left: -4px
    }
    ul.list-count li h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
    ul.list-count li p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem
    }
}

@media (max-width: 767px) {
    ul.list-count li {
        margin-bottom: 32px;
        margin-bottom: 3.2rem
    }
}

ul.btn-list li {
    margin-bottom: 10px;
    margin-bottom: 1rem
}

ul.btn-list li a.btn {
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    min-width: 272px;
    text-align: left
}

@media (max-width: 991px) {
    ul.btn-list li a.btn {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 10px 15px 7px 36px;
        padding: 1rem 1.5rem .7rem 3.6rem;
        min-width: 200px;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 38px;
        width: 100%
    }
}

@media (max-width: 767px) {
    ul.btn-list li {
        margin-bottom: 1px;
        margin-bottom: .1rem
    }
}

@media (max-width: 767px) {
    ul.btn-list {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }
}

ul.list {
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    margin: 16px 0px;
    margin: 1.6rem 0px;
    float: left;
    width: 100%
}

ul.list li {
    margin-bottom: 12px;
    margin-bottom: 1.2rem
}

ul.list li a {
    margin: 0px;
    margin: 0rem;
    padding-left: 28px;
    padding-left: 2.8rem;
    padding-top: 4px;
    padding-top: .4rem;
    color: #53565a;
    background: url(../img/list-item.png) left center no-repeat
}

@media (max-width: 767px) {
    ul.list li {
        padding-top: 2px;
        padding-top: .2rem
    }
}

ul.list.tick {
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

ul.list.tick li {
    background: url(../img/tick.png) 0px 5px no-repeat;
    padding-left: 28px;
    padding-left: 2.8rem;
    margin-bottom: 22px;
    margin-bottom: 2.2rem
}

@media (max-width: 767px) {
    ul.list.tick li {
        background-size: 14px auto !important;
        padding-left: 24px;
        padding-left: 2.4rem
    }
}

ul.list.rounded-icon {
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

ul.list.rounded-icon li {
    background: url(../img/list-item01.png) 0px 5px no-repeat;
    padding-left: 28px;
    padding-left: 2.8rem;
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

ul.list.gold li {
    background: url(../img/tick-gold.png) 0px 5px no-repeat
}

ul.list.silver li {
    background: url(../img/tick-silver.png) 0px 5px no-repeat
}

ul.list.red li {
    background: url(../img/tick-red.png) 0px 5px no-repeat
}

ul.list-simple {
    margin: 20px 0px 0px;
    margin: 2rem 0px 0px;
    padding: 0px;
    padding: 0rem;
    list-style: none
}

ul.list-simple li {
    margin-bottom: 2px;
    margin-bottom: .2rem;
    position: relative;
    background: url(../img/arrow-grey.png) no-repeat left 6px;
    padding: 3px 5px 3px 15px
}

.well {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    margin: 0px;
    margin: 0rem;
    padding: 15px 30px 20px 128px;
    padding: 1.5rem 3rem 2rem 12.8rem;
    background-color: #171c8f;
    position: relative
}

.well .btn.btn-primary:hover,
.well .btn.btn-primary:focus {
    background-color: #fff;
    color: #e8242d
}

.well img {
    position: absolute;
    left: 50px;
    top: 42px
}

@media (max-width: 767px) {
    .well img {
        left: 20px;
        width: 30px;
        top: 26px
    }
}

.well p {
    margin-top: 20px;
    margin-top: 2rem
}

.well h3,
.well p {
    color: #fff
}

.well h3 a,
.well p a {
    color: #fff;
    text-decoration: underline
}

@media (max-width: 767px) {
    .well {
        padding-left: 70px;
        padding-left: 7rem;
        padding-right: 16px;
        padding-right: 1.6rem
    }
    .well h3 {
        margin: 10px 0px;
        margin: 1rem 0px;
        font-size: 14px;
        font-size: 1.4rem
    }
    .well p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
        font-family: "RTA Light"
    }
    .well .btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 8px 15px;
        padding: .8rem 1.5rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 34px
    }
}

textarea.form-control {
    padding: 20px;
    padding: 2rem
}

.form-control {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    height: 40px
}

.form-control:focus {
    box-shadow: none;
    border-color: gray
}

.form-control.input-lg {
    font-size: 20px;
    font-size: 2rem;
    padding: 10px 20px;
    padding: 1rem 2rem;
    height: 60px
}

.grey-form .form-group {
    margin-bottom: 30px;
    margin-bottom: 3rem
}

.grey-form .form-group label {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    color: #53565a;
    height: 22px
}

.grey-form .form-group label.ico {
    padding-left: 30px;
    padding-left: 3rem;
    background: url(../img/login-rounded-right.png) left center no-repeat
}

.grey-form .form-group label.ico[for="origin-station"] {
    padding-left: 30px;
    padding-left: 3rem;
    background: url(../img/login-rounded-right1.png) left center no-repeat
}

@media (max-width: 767px) {
    .grey-form .form-group label {
        font-family: "RTA Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.grey-form .form-control,
.grey-form .custom-select:after {
    border: 0px;
    background-color: #53565a;
    color: #fff;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

@media (max-width: 767px) {
    .grey-form .form-control,
    .grey-form .custom-select:after {
        background-color: #fff
    }
}

.grey-form.form-inline {
    margin-top: 70px;
    margin-top: 7rem
}

.grey-form.form-inline .form-group {
    position: relative;
    margin-right: 28px;
    margin-right: 2.8rem
}

.grey-form.form-inline .form-group label {
    width: 100%;
    display: block;
    position: absolute;
    top: -40px
}

@media (max-width: 991px) {
    .grey-form.form-inline .form-group label {
        position: relative;
        top: 0px
    }
}

@media (max-width: 767px) {
    .grey-form .form-control {
        border: 2px solid #d0d0d0;
        color: #53565a
    }
}

@media (max-width: 767px) and (max-width: 767px) {
    .grey-form .form-control {
        height: 48px;
        line-height: 38px;
        line-height: 3.8rem;
        padding: 5px 18px;
        padding: .5rem 1.8rem
    }
}

.form-box .form-control-title {
    font-size: 30px;
    font-size: 3rem;
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    color: #fff
}

.form-box .form-control-title small {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-left: 5px;
    margin-left: .5rem
}

@media (max-width: 767px) {
    .form-box .form-control-title small {
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 0px;
        margin-left: 0rem
    }
}

.form-box .form-control-title.sub-title {
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    margin-bottom: 50px;
    margin-bottom: 5rem;
    margin-top: 40px;
    margin-top: 4rem
}

@media (max-width: 991px) {
    .form-box .form-control-title.sub-title {
        font-size: 25px;
        font-size: 2.5rem;
        margin-bottom: 30px;
        margin-bottom: 3rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

@media (max-width: 767px) {
    .form-box .form-control-title.sub-title {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media (max-width: 991px) {
    .form-box .form-control-title {
        margin-top: 0px;
        margin-top: 0rem;
        font-size: 25px;
        font-size: 2.5rem
    }
}

@media (max-width: 767px) {
    .form-box .form-control-title {
        font-family: "RTA Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .form-box .tags-list {
        margin-top: 30px;
        margin-top: 3rem
    }
}

.form-box .tags-title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 0px 8px 0px;
    margin: 0px 0px .8rem 0px;
    position: absolute;
    top: -44px;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    color: #fff
}

@media (max-width: 991px) {
    .form-box .tags-title {
        position: relative;
        top: 18px
    }
}

@media (max-width: 767px) {
    .form-box .tags-title {
        top: 8px;
        font-family: "RTA Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.form-box .grey-btn-group input:checked+label .icon.shop-grey-sml {
    background-image: url(../img/shop-blue-sml.png)
}

.form-box .grey-btn-group input:checked+label .icon.text-box-grey-sml {
    background-image: url(../img/text-box-blue-sml.png)
}

.form-box .grey-btn-group input:checked+label .icon.border-color-grey-sml {
    background-image: url(../img/border-color-blue-sml.png)
}

.form-box .grey-btn-group input:checked+label .icon.handshake-grey-sml {
    background-image: url(../img/handshake-blue-sml.png)
}

.form-box .column.col-4 .col {
    width: 23.6%
}

.form-box .column.col-4 .col+.col {
    margin-left: 20px;
    margin-left: 2rem
}

@media (max-width: 1199px) {
    .form-box .column.col-4 .col {
        width: 23.4%
    }
}

@media (max-width: 991px) {
    .form-box .column.col-4 .col {
        width: 350px
    }
    .form-box .column.col-4 .col+.col {
        margin-left: 0px;
        margin-left: 0rem
    }
    .form-box .column.col-4 .col:nth-child(n+3) {
        margin-top: 20px;
        margin-top: 2rem;
        float: left
    }
    .form-box .column.col-4 .col:nth-child(2n) {
        float: right
    }
}

@media (max-width: 767px) {
    .form-box .column.col-4 .col {
        margin-bottom: 0px;
        margin-bottom: 0rem;
        width: 100%;
        float: left;
        margin-top: 10px;
        margin-top: 1rem
    }
    .form-box .column.col-4 .col:nth-child(n+3) {
        margin-top: 10px;
        margin-top: 1rem;
        float: left
    }
    .form-box .column.col-4 .col:nth-child(2n) {
        float: left
    }
}

.form-box .column.col-2 .col {
    width: 49%
}

.form-box .column.col-2 .col+.col {
    margin-left: 2%
}

@media (max-width: 991px) {
    .form-box .column.col-2 .col {
        width: 100%
    }
    .form-box .column.col-2 .col+.col {
        margin-left: 0px
    }
}

.form-box .optional {
    display: none
}

.form-box .tags-list .tag {
    padding: 16px 20px;
    padding: 1.6rem 2rem;
    font-size: 20px;
    font-size: 2rem;
    position: relative;
    background-color: #cfd1d0;
    color: #53565a;
    float: left;
    width: 276px;
    height: 60px;
    margin-right: 22px;
    margin-right: 2.2rem
}

@media (max-width: 1199px) {
    .form-box .tags-list .tag {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        line-height: 3rem;
        width: 220px
    }
}

.form-box .tags-list .tag .close {
    position: absolute;
    height: 12px;
    width: 12px;
    right: 20px;
    top: 25px;
    opacity: 1;
    text-shadow: none
}

@media (max-width: 1199px) {
    .form-box .tags-list .tag .close {
        right: 18px;
        top: 24px
    }
}

@media (max-width: 767px) {
    .form-box .tags-list .tag .close {
        top: 14px
    }
}

.form-box .tags-list .tag:first-child {
    margin-left: 22px;
    margin-left: 2.2rem
}

.form-box .tags-list .tag:nth-child(2),
.form-box .tags-list .tag:nth-child(4n+6) {
    margin-right: 0px;
    margin-right: 0rem;
    float: right
}

.form-box .tags-list .tag:nth-child(n+3) {
    margin-top: 25px;
    margin-top: 2.5rem
}

@media (max-width: 1199px) {
    .form-box .tags-list .tag {
        margin-top: 0px;
        margin-top: 0rem;
        margin-right: 18px;
        margin-right: 1.8rem
    }
    .form-box .tags-list .tag:first-child {
        margin-left: 18px;
        margin-left: 1.8rem
    }
    .form-box .tags-list .tag:nth-child(2n) {
        float: left
    }
}

@media (max-width: 991px) {
    .form-box .tags-list .tag {
        margin-bottom: 18px;
        margin-bottom: 1.8rem
    }
    .form-box .tags-list .tag:first-child {
        margin-top: 0px;
        margin-top: 0rem;
        margin-left: 0px;
        margin-left: 0rem
    }
    .form-box .tags-list .tag:nth-child(2n) {
        margin-right: 18px;
        margin-right: 1.8rem
    }
    .form-box .tags-list .tag:nth-child(n+3) {
        margin-top: 0px;
        margin-top: 0rem
    }
}

@media (max-width: 767px) {
    .form-box .tags-list .tag {
        padding: 6px 16px;
        padding: .6rem 1.6rem;
        margin: 5px 0px 0px 0px !important;
        width: 100%;
        height: 40px
    }
}

.form-box .main-row {
    margin-bottom: 30px;
    margin-bottom: 3rem
}

.form-box .main-row .form-group {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    position: relative;
    z-index: 1
}

.form-box .main-row .form-group .search-filter {
    position: relative;
    width: 100%
}

.form-box .main-row .form-group .search-filter .form-control {
    padding: 10px 20px;
    padding: 1rem 2rem;
    border: 0px;
    width: 100%;
    box-shadow: none;
    float: none
}

.form-box .main-row .form-group .search-filter .form-control::-webkit-input-placeholder {
    color: #58595b
}

.form-box .main-row .form-group .search-filter .form-control::-moz-placeholder {
    color: #58595b
}

.form-box .main-row .form-group .search-filter .form-control:-ms-input-placeholder {
    color: #58595b
}

.form-box .main-row .form-group .search-filter .form-control:-moz-placeholder {
    color: #58595b
}

@media (max-width: 991px) {
    .form-box .main-row .form-group .search-filter .form-control {
        padding: 10px 15px;
        padding: 1rem 1.5rem
    }
}

.form-box .main-row .form-group .search-filter button.search-btn {
    padding: 15px 20px;
    padding: 1.5rem 2rem;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 0px;
    display: block;
    border: 0px;
    background-color: transparent;
    background-image: url(../img/search-red-sml.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 3;
    top: 0px
}

@media (max-width: 767px) {
    .form-box .main-row .form-group .search-filter button.search-btn {
        right: 0px
    }
}

@media (max-width: 767px) {
    .form-box .main-row .form-group .search-filter {
        margin-top: 10px;
        margin-top: 1rem
    }
}

@media (max-width: 767px) {
    .form-box .main-row {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.form-box .sub-row {
    margin-top: 10px;
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

.form-box .sub-row.col-wide .form-group label.error {
    top: 10px;
    bottom: inherit
}

.form-box .sub-row .form-group {
    position: relative
}

.form-box .sub-row .form-group label {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 0px 8px 0px;
    margin: 0px 0px .8rem 0px;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    color: #fff
}

@media (max-width: 767px) {
    .form-box .sub-row .form-group label {
        font-family: "RTA Regular", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.form-box .sub-row .form-group label small {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #fff;
    margin-left: 5px;
    margin-left: .5rem
}

@media (max-width: 767px) {
    .form-box .sub-row .form-group label small {
        font-size: 12px;
        font-size: 1.2rem;
        margin-left: 0px;
        margin-left: 0rem
    }
}

.form-box .sub-row .form-group input.form-control {
    padding: 10px 0px;
    padding: 1rem 0px;
    height: 56px;
    background: none;
    box-shadow: none;
    border: 0px;
    border-bottom: 4px solid #f2f2f2;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    color: #a3a5d4
}

.form-box .sub-row .form-group input.form-control::-webkit-input-placeholder {
    color: #3a3ea0
}

.form-box .sub-row .form-group input.form-control::-moz-placeholder {
    color: #3a3ea0
}

.form-box .sub-row .form-group input.form-control:-ms-input-placeholder {
    color: #3a3ea0
}

.form-box .sub-row .form-group input.form-control:-moz-placeholder {
    color: #3a3ea0
}

@media (max-width: 767px) {
    .form-box .sub-row .form-group input.form-control {
        border-bottom: 2px solid #f2f2f2
    }
}

.form-box .sub-row .form-group textarea.form-control {
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    box-shadow: none;
    border: 0px
}

@media (max-width: 767px) {
    .form-box .sub-row .form-group textarea.form-control {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.form-box .sub-row .form-group label.error {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #e8242d;
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-family: "RTA Light", Helvetica, Arial, sans-serif
}

.form-box .sub-row .form-group.field-error>label:first-child {
    color: #e8242d
}

.form-box .sub-row .form-group.field-error>.form-control {
    border-bottom-color: #e8242d
}

.form-box .sub-row .form-group .custom-select:after {
    background-image: url(../img/arrow-down-sml-white.png);
    background-color: transparent
}

.form-box .sub-row .form-group .custom-select,
.form-box .sub-row .form-group .custom-select:focus {
    outline: 0
}

.form-box .sub-row .form-group .selectric-wrapper .selectric-items .selectric-scroll {
    border: 1px solid #ebeaea
}

.form-box .sub-row .form-group .selectric-wrapper .selectric {
    background: none;
    border-bottom: 4px solid #f2f2f2;
    font-family: "RTA Light", Helvetica, Arial, sans-serif
}

.form-box .sub-row .form-group .selectric-wrapper .selectric .label {
    line-height: 24px;
    line-height: 2.4rem;
    padding: 16px 0px;
    padding: 1.6rem 0px;
    margin: 0px 52px 0px 0px;
    margin: 0px 5.2rem 0px 0px;
    color: #a3a5d4;
    height: 52px
}

.form-box .sub-row .form-group .selectric-wrapper .selectric .button {
    width: 52px
}

.form-box .sub-row .form-group .selectric-wrapper.selectric-open .selectric .button {
    background-image: url("../img/arrow-up-sml-white.png")
}

.form-box .sub-row .form-group .selectric-wrapper .selectric-items {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media (max-width: 991px) {
    .form-box .sub-row {
        margin: 0px;
        margin: 0rem
    }
}

.form-box .btn-primary {
    margin-top: 30px;
    margin-top: 3rem;
    min-width: 210px;
    float: left
}

.form-box .btn-primary:hover,
.form-box .btn-primary:focus {
    background-color: #fff;
    color: #e8242d
}

@media (max-width: 991px) {
    .form-box .btn-primary {
        margin-top: 10px;
        margin-top: 1rem;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 10px 15px 7px 36px;
        padding: 1rem 1.5rem .7rem 3.6rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 38px
    }
}

@media (max-width: 767px) {
    .form-box .btn-primary {
        width: 100%
    }
}

.form-box.form-control,
.form-box.form-control:focus {
    border: 0px
}

.form-box textarea.form-control {
    font-size: 20px;
    font-size: 2rem;
    min-height: 200px
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-nav div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.grabbing {
    cursor: url(../img/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 0px;
    text-align: center
}

.owl-theme .owl-controls .owl-nav div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5
}

.owl-theme .owl-controls.clickable .owl-nav div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px;
    background: url(../img/AjaxLoader.gif) no-repeat center center
}

.owl-carousel {
    margin-top: 30px;
    margin-top: 3rem
}

.owl-carousel .item {
    margin: 0px 10px;
    margin: 0px 1rem;
    padding: 30px 20px;
    padding: 3rem 2rem;
    background: #cbcccd;
    display: block;
    float: left;
    position: relative
}

.owl-carousel .item:hover {
    background: #fff
}

.owl-carousel .item h2 {
    font-size: 30px;
    font-size: 3rem
}

.owl-carousel .item h2,
.owl-carousel .item p {
    width: 60%;
    float: left;
    color: #53565a;
    text-align: left
}

.owl-carousel .item h2 {
    margin: 0px;
    margin: 0rem
}

.owl-carousel .item p {
    margin: 20px 0px;
    margin: 2rem 0px
}

.owl-carousel .item img {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 999
}

.owl-carousel .owl-controls {
    position: absolute;
    top: 100px;
    width: 100%
}

@media (max-width: 1199px) {
    .owl-carousel .owl-controls {
        top: 70px
    }
}

.owl-carousel .owl-controls .owl-nav {
    position: relative
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -50px
}

.owl-carousel .owl-controls .owl-nav .owl-next {
    right: -50px
}

@media (max-width: 1199px) {
    .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -25px
    }
    .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -25px
    }
}

.owl-carousel .owl-controls .owl-nav>div {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    padding: 0rem;
    margin: 0px;
    margin: 0rem;
    background: none;
    position: absolute
}

.carousel-indicators {
    width: auto;
    bottom: 10px;
    margin-left: initial;
    margin-right: 30px;
    left: initial;
    right: 50%
}

@media (max-width: 767px) {
    .carousel-indicators {
        bottom: initial;
        top: 150px;
        left: 15px;
        right: initial;
        margin-right: initial
    }
}

.metro-banner .banner-image,
.metro-banner .banner-content {
    width: 50%;
    height: 545px;
    float: left;
    background-size: cover
}

@media (max-width: 767px) {
    .metro-banner .banner-image,
    .metro-banner .banner-content {
        width: 100%;
        height: 180px
    }
}

.metro-banner .banner-content {
    background-color: #171c8f;
    position: relative;
    padding: 70px 20px 20px 40px;
    padding: 7rem 2rem 2rem 4rem
}

@media (max-width: 767px) {
    .metro-banner .banner-content {
        padding: 20px 15px 110px 15px;
        padding: 2rem 1.5rem 11rem 1.5rem;
        height: auto
    }
}

@media (max-width: 1199px) {
    .metro-banner .banner-content h1 {
        font-size: 35px;
        font-size: 3.5rem
    }
}

@media (max-width: 767px) {
    .metro-banner .banner-content h1 {
        font-size: 24px;
        font-size: 2.4rem
    }
}

.metro-banner .banner-content h1,
.metro-banner .banner-content p {
    max-width: 550px;
    color: #fff
}

@media (max-width: 767px) {
    .metro-banner .banner-content h1 br,
    .metro-banner .banner-content p br {
        display: none
    }
}

.metro-banner .banner-content p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
    margin: 30px 0px;
    margin: 3rem 0px
}

@media (max-width: 767px) {
    .metro-banner .banner-content p {
        font-family: "RTA Light", Helvetica, Arial, sans-serif;
        font-size: 16px;
        font-size: 1.6rem;
        margin: 18px 0px 20px;
        margin: 1.8rem 0px 2rem
    }
}

.metro-banner .banner-content a.btn-default {
    min-width: 160px
}

.metro-banner .banner-content .share {
    background-color: #e00;
    position: absolute;
    left: 0px;
    bottom: 0px;
    color: #fff
}

.metro-banner .banner-content .share .share-count {
    text-align: center;
    float: left;
    padding: 7px 0px;
    padding: .7rem 0px;
    min-width: 90px
}

.metro-banner .banner-content .share .share-count .counter {
    margin: 0px;
    margin: 0rem;
    font-size: 30px;
    font-size: 3rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif
}

.metro-banner .banner-content .share .share-count .counter .count {
    height: 30px
}

.metro-banner .banner-content .share .share-count .counter span {
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase
}

.metro-banner .banner-content .share .follow {
    padding: 16px 18px;
    padding: 1.6rem 1.8rem;
    border-left: 1px solid #f78080;
    float: left
}

.metro-banner .banner-content .share .follow a,
.metro-banner .banner-content .share .follow span {
    float: left
}

.metro-banner .banner-content .share .follow span.share_title {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 8px 0px 0px 0px;
    margin: .8rem 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    padding: 0px 1rem 0px 0px;
    line-height: 18px;
    line-height: 1.8rem;
    text-transform: uppercase;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

.metro-banner .banner-content .share .follow .share_btn {
    height: 30px;
    width: 36px;
    text-align: center;
    float: left;
    line-height: 25px;
    line-height: 2.5rem
}

@media (max-width: 767px) {
    .metro-banner .banner-content .share {
        left: inherit;
        right: 0px
    }
}

.carousel .share {
    background-color: #e00;
    position: absolute;
    left: 50%;
    bottom: 0px;
    color: #fff;
    z-index: 1;
    margin-left: 0px
}

.carousel .share .share-count {
    text-align: center;
    float: left;
    padding: 7px 5px;
    padding: .7rem .5rem;
    min-width: 90px
}

.carousel .share .share-count .counter {
    margin: 0px;
    margin: 0rem;
    font-size: 30px;
    font-size: 3rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif
}

.carousel .share .share-count .counter .count {
    height: 30px
}

.carousel .share .share-count .counter span {
    font-size: 12px;
    font-size: 1.2rem
}

.carousel .share .follow {
    padding: 16px 18px;
    padding: 1.6rem 1.8rem;
    border-left: 1px solid #f78080;
    float: left
}

.carousel .share .follow a,
.carousel .share .follow span {
    float: left
}

.carousel .share .follow span.share_title {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 8px 0px 0px 0px;
    margin: .8rem 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    padding: 0px 1rem 0px 0px;
    line-height: 18px;
    line-height: 1.8rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

.carousel .share .follow .share_btn {
    height: 30px;
    width: 36px;
    text-align: center;
    float: left;
    line-height: 25px;
    line-height: 2.5rem
}

@media (max-width: 767px) {
    .carousel .share {
        left: inherit;
        right: 0px
    }
}

.smart-metro {
    position: relative
}

.smart-metro .overlay {
    background-color: #171c8f;
    position: absolute;
    bottom: 0px;
    left: 0px;
    max-width: 260px
}

.smart-metro .overlay a:hover h3 {
    text-decoration: underline
}

.smart-metro .overlay h3 {
    margin: 15px 0px;
    margin: 1.5rem 0px;
    padding-left: 20px;
    padding-left: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #fff;
    width: 60%
}

.smart-metro .overlay h3:after {
    content: "";
    background: url(../img/arrow.png);
    width: 27px;
    height: 39px;
    position: absolute;
    right: 20px;
    top: 20px
}

@media (max-width: 767px) {
    .smart-metro .overlay h3 {
        width: 70%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
        margin-bottom: 8px;
        margin-bottom: .8rem;
        padding-left: 10px;
        padding-left: 1rem
    }
    .smart-metro .overlay h3:after {
        background-size: auto 100%;
        width: 12px;
        height: 18px
    }
}

.smart-metro .overlay .time {
    margin: 26px 20px 10px 20px;
    margin: 2.6rem 2rem 1rem 2rem;
    color: #fff
}

@media (max-width: 767px) {
    .smart-metro .overlay .time {
        font-size: 12px;
        font-size: 1.2rem;
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 5px;
        margin-bottom: .5rem;
        margin-left: 10px;
        margin-left: 1rem
    }
}

@media (max-width: 767px) {
    .smart-metro .overlay {
        max-width: inherit;
        width: 160px
    }
}

.panel-group {
    border-top: 1px solid #ebeaea
}

.panel-group .panel {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    marign: 0px;
    marign: 0rem;
    box-shadow: none;
    background: none;
    border: 0px;
    border-bottom: 1px solid #ebeaea
}

.panel-group .panel .panel-heading {
    padding: 22px 0px 18px;
    padding: 2.2rem 0px 1.8rem;
    background: none;
    border-color: #ebeaea
}

.panel-group .panel .panel-heading h4 {
    color: #53565a;
    marign: 2px 0px 0px 0px;
    marign: .2rem 0px 0px 0px;
    position: relative
}

.panel-group .panel .panel-heading h4 a:after {
    content: "";
    position: absolute;
    right: 0px;
    display: block;
    height: 19px;
    width: 19px;
    top: -3px;
    background-repeat: no-repeat;
    background-image: url(../img/minus.png);
    background-position: center center
}

.panel-group .panel .panel-heading h4 a.collapsed:after {
    background-image: url(../img/plus.png)
}

@media (max-width: 991px) {
    .panel-group .panel .panel-heading h4 a {
        max-width: 80%;
        display: block
    }
}

.panel-group .panel .panel-collapse .panel-body {
    padding: 20px 0px;
    padding: 2rem 0px
}

.notification-panel {
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    .notification-panel {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.notification-panel .panel-head {
    padding: 15px 30px 20px 128px;
    padding: 1.5rem 3rem 2rem 12.8rem;
    background-color: #171c8f;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.notification-panel .panel-head img {
    position: absolute;
    left: 45px;
    top: 42px
}

@media (max-width: 767px) {
    .notification-panel .panel-head img {
        left: 20px;
        width: 30px;
        top: 26px
    }
}

.notification-panel .panel-head p {
    margin-top: 20px;
    margin-top: 2rem
}

.notification-panel .panel-head h3,
.notification-panel .panel-head p {
    color: #fff;
    max-width: 90%
}

.notification-panel .panel-head h3 a,
.notification-panel .panel-head p a {
    color: #fff;
    text-decoration: underline
}

.notification-panel .panel-head .collapse-trigger {
    width: 37px;
    height: 23px;
    position: absolute;
    top: 62px;
    right: 50px;
    text-decoration: none;
    background-image: url(../img/carousel-down.png)
}

.notification-panel .panel-head .collapse-trigger.active {
    background-image: url(../img/carousel-up.png)
}

@media (max-width: 767px) {
    .notification-panel .panel-head .collapse-trigger {
        background-size: 100% auto;
        height: 15px;
        right: 16px;
        top: 29px;
        width: 25px
    }
}

@media (max-width: 767px) {
    .notification-panel .panel-head {
        padding-left: 65px;
        padding-left: 6.5rem;
        padding-right: 16px;
        padding-right: 1.6rem;
        padding-top: 16px;
        padding-top: 1.6rem;
        padding-bottom: 12px;
        padding-bottom: 1.2rem;
        min-height: 70px
    }
    .notification-panel .panel-head img {
        width: 24px;
        top: 22px
    }
    .notification-panel .panel-head h3 {
        margin: 2px 0px;
        margin: .2rem 0px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        max-width: 75%
    }
    .notification-panel .panel-head p {
        display: none
    }
}

.notification-panel .panel-data {
    padding: 50px 130px;
    padding: 5rem 13rem;
    display: none;
    background-color: #f7f7f7
}

@media (max-width: 1199px) {
    .notification-panel .panel-data {
        padding-left: 40px;
        padding-left: 4rem;
        padding-right: 40px;
        padding-right: 4rem
    }
}

@media (max-width: 767px) {
    .notification-panel .panel-data {
        padding: 30px 16px;
        padding: 3rem 1.6rem
    }
}

.notification-panel .panel-data h2 {
    font-size: 30px;
    font-size: 3rem;
    margin: 0px 0px 30px 0px;
    margin: 0px 0px 3rem 0px;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    color: #53565a
}

@media (max-width: 767px) {
    .notification-panel .panel-data h2 {
        font-size: 18px;
        font-size: 1.8rem
    }
    .notification-panel .panel-data h2.route-trigger {
        cursor: pointer;
        background-image: url(../img/plus.png);
        background-repeat: no-repeat;
        background-position: center right
    }
    .notification-panel .panel-data h2.route-trigger.active {
        background-image: url(../img/minus.png)
    }
}

@media (max-width: 767px) {
    .notification-panel .panel-data .route-content {
        display: none
    }
}

@media (min-width: 768px) {
    .notification-panel .panel-data .route-content {
        display: block !important
    }
}

.notification-panel .panel-data .block h3 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0px 0px 30px 0px;
    margin: 0px 0px 3rem 0px;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif
}

.notification-panel .panel-data .block h3.red-line {
    color: #e9242d
}

.notification-panel .panel-data .block h3.green-line {
    color: #29951a
}

@media (max-width: 767px) {
    .notification-panel .panel-data .block h3 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.notification-panel .panel-data .block aside {
    margin-bottom: 35px;
    margin-bottom: 3.5rem
}

.notification-panel .panel-data .block aside h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0px 0px 5px 0px;
    margin: 0px 0px .5rem 0px;
    text-transform: uppercase;
    color: #13258c
}

.notification-panel .panel-data .block aside p {
    color: #373b40
}

@media (max-width: 767px) {
    .notification-panel .panel-data .block aside {
        margin-bottom: 25px;
        margin-bottom: 2.5rem
    }
    .notification-panel .panel-data .block aside h4 {
        font-size: 12px;
        font-size: 1.2rem
    }
    .notification-panel .panel-data .block aside p {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.notification-panel .panel-data .note {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    line-height: 24px;
    line-height: 2.4rem
}

@media (max-width: 767px) {
    .notification-panel .panel-data .note {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem
    }
}

@media (max-width: 767px) {
    .notification-panel .panel-data .panel-route {
        padding-top: 30px;
        padding-top: 3rem;
        border-top: 1px solid #dedede
    }
}

.trip-details {
    padding-bottom: 100px;
    padding-bottom: 10rem;
    padding-bottom: 0px;
    padding-bottom: 0rem
}

.trip-details aside {
    margin: 16px 0px 8px 0px;
    margin: 1.6rem 0px .8rem 0px;
    color: #fff
}

@media (max-width: 767px) {
    .trip-details aside {
        margin: 5px 0px 0px 0px;
        margin: .5rem 0px 0px 0px
    }
}

.trip-details aside h3 {
    margin: 10px 0px 15px;
    margin: 1rem 0px 1.5rem;
    padding: 2px 0px;
    padding: .2rem 0px;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

.trip-details aside h3.icon {
    padding-left: 38px;
    padding-left: 3.8rem;
    background-position: left center
}

@media (max-width: 767px) {
    .trip-details aside h3 {
        font-size: 17px;
        font-size: 1.7rem;
        padding: 5px 0px;
        padding: .5rem 0px;
        margin-bottom: 6px;
        margin-bottom: .6rem
    }
}

.trip-details aside .count {
    font-size: 50px;
    font-size: 5rem;
    line-height: 56px;
    line-height: 5.6rem;
    padding-left: 38px;
    padding-left: 3.8rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    min-width: 300px
}

.trip-details aside .count .val {
    font-size: 40px;
    font-size: 4rem;
    line-height: 56px;
    line-height: 5.6rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif
}

@media (max-width: 1199px) {
    .trip-details aside .count {
        font-size: 30px;
        font-size: 3rem;
        min-width: 100px
    }
    .trip-details aside .count .val {
        font-size: 30px;
        font-size: 3rem
    }
}

.trip-details aside .count span {
    font-size: 20px;
    font-size: 2rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

@media (max-width: 767px) {
    .trip-details aside .count span {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.trip-details aside .count>span {
    padding-left: 5px;
    padding-left: .5rem
}

.trip-details aside .count.multi .level {
    float: left;
    width: auto
}

.trip-details aside .count.multi .level .currency {
    padding-left: 5px;
    padding-left: .5rem;
    padding-right: 5px;
    padding-right: .5rem
}

.trip-details aside .count.multi .level .type {
    line-height: 22px;
    line-height: 2.2rem;
    margin-top: -15px;
    margin-top: -1.5rem;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    text-transform: uppercase
}

.trip-details aside .count.multi .level.or {
    padding-left: 5px;
    padding-left: .5rem;
    padding-right: 5px;
    padding-right: .5rem;
    font-size: 40px
}

@media (max-width: 1199px) {
    .trip-details aside .count.multi .level.or {
        font-size: 20px;
        padding-left: 5px;
        padding-left: .5rem;
        padding-right: 5px;
        padding-right: .5rem
    }
}

.trip-details .details-footer {
    padding: 60px 0px 0px 38px;
    padding: 6rem 0px 0px 3.8rem;
    color: #fff
}

.trip-details .details-footer p,
.trip-details .details-footer p a {
    color: #fff
}

.trip-details .details-footer p a {
    text-decoration: underline
}

.trip-details .details-footer p {
    margin-bottom: 25px;
    margin-bottom: 2.5rem
}

.trip-details .details-footer .btn-primary {
    margin-right: 5px;
    margin-right: .5rem
}

.trip-details .details-footer .btn-primary:hover,
.trip-details .details-footer .btn-primary:focus {
    background-color: #fff;
    color: #e8242d
}

@media (max-width: 1199px) {
    .trip-details .details-footer {
        padding-right: 0px;
        padding-right: 0rem
    }
    .trip-details .details-footer .btn-primary {
        margin-right: 0px;
        margin-right: 0rem
    }
    .trip-details .details-footer .btn-default {
        float: right
    }
    .trip-details .details-footer .btn-primary,
    .trip-details .details-footer .btn-default {
        padding-left: 10px;
        padding-left: 1rem;
        padding-right: 10px;
        padding-right: 1rem;
        min-width: 48.5%
    }
}

@media (max-width: 1199px) and (max-width: 550px) {
    .trip-details .details-footer .btn-primary,
    .trip-details .details-footer .btn-default {
        min-width: 47.5%
    }
}

@media (max-width: 991px) {
    .trip-details .details-footer .btn {
        padding: 8px 15px;
        padding: .8rem 1.5rem;
        font-size: 12px;
        font-size: 1.2rem;
        height: 34px
    }
}

@media (max-width: 359px) {
    .trip-details .details-footer p {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.trip-details .details-footer {
    padding-left: 0px;
    padding-left: 0rem
}

@media (max-width: 991px) {
    .trip-details .details-footer {
        padding-left: 40px;
        padding-left: 4rem;
        padding-top: 35px;
        padding-top: 3.5rem
    }
}

@media (max-width: 767px) {
    .title-area .sticky-menu .container {
        padding: 0px
    }
}

.title-area .sticky-menu.sticky {
    bottom: inherit
}

.title-area .sticky-menu.rio-inner .tabs-menu .navigation {
    min-width: 840px
}

@media (max-width: 767px) {
    .title-area .sticky-menu.rio-inner .tabs-menu .navigation {
        min-width: 800px
    }
}

.title-area .sticky-menu.nol-choose .tabs-menu .navigation {
    min-width: 840px
}

@media (max-width: 1199px) {
    .title-area .sticky-menu.nol-choose .tabs-menu .navigation {
        min-width: 730px
    }
}

@media (max-width: 767px) {
    .title-area .sticky-menu.nol-choose .tabs-menu .navigation {
        min-width: 700px
    }
}

.title-area {
    background-color: #f6f6f7;
    position: relative;
    padding-top: 40px;
    padding-top: 4rem
}

@media (max-width: 991px) {
    .title-area {
        padding-top: 20px;
        padding-top: 2rem
    }
}

.title-area.white {
    background-color: #fff;
    padding-bottom: 20px;
    padding-bottom: 2rem
}

@media (max-width: 991px) {
    .title-area.white {
        padding-bottom: 0px;
        padding-bottom: 0rem
    }
}

.title-area h1 {
    color: #53565a;
    font-size: 46px;
    font-size: 4.6rem
}

@media (max-width: 767px) {
    .title-area h1 {
        font-size: 28px;
        font-size: 2.8rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

.title-area p {
    margin: 30px 0px 85px 0px;
    margin: 3rem 0px 8.5rem 0px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #53565a
}

@media (max-width: 991px) {
    .title-area p {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 80px;
        margin-bottom: 8rem
    }
}

@media (max-width: 767px) {
    .title-area p {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 50px;
        margin-bottom: 5rem;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-family: "RTA Light", Helvetica, Arial, sans-serif
    }
}

.title-area .sticky-menu {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0px;
    padding-top: 18px;
    padding-top: 1.8rem
}

@media (max-width: 767px) {
    .title-area .sticky-menu {
        padding-top: 0px;
        padding-top: 0rem
    }
}

.title-area .sticky-menu.sticky {
    position: fixed;
    top: 41px;
    width: 100%;
    z-index: 2;
    background-color: #f6f6f7;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2)
}

@media (max-width: 991px) {}

.title-area .tabs-menu {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative
}

@media (max-width: 991px) {
    .title-area .tabs-menu {
        overflow: hidden;
        overflow-x: scroll;
        height: 40px
    }
    .title-area .tabs-menu.sticky {
        height: 58px
    }
}

@media (max-width: 767px) {
    .title-area .tabs-menu {
        overflow: hidden;
        overflow-x: scroll;
        height: 43px;
        bottom: 0px
    }
    .title-area .tabs-menu.sticky {
        height: 43px
    }
    .title-area .tabs-menu .container {
        padding: 0px
    }
    .title-area .tabs-menu .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 0px
    }
    .title-area .tabs-menu .mCSB_scrollTools {
        opacity: 0
    }
    .title-area .tabs-menu .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        bottom: -7px
    }
    .title-area .tabs-menu .mCSB_scrollTools .mCSB_draggerRail {
        background: none
    }
    .title-area .tabs-menu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: #e00;
        display: none !important
    }
}

.title-area .tabs-menu.sticky {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 999;
    background-color: #f6f6f7;
    border-top: 1px solid #f7f7f7;
    padding-top: 18px;
    padding-top: 1.8rem
}

@media (max-width: 767px) {
    .title-area .tabs-menu.sticky {
        padding-top: 0px;
        padding-top: 0rem
    }
}

.title-area .tabs-menu .navigation {
    font-size: 16px;
    font-size: 1.6rem;
    min-width: 700px;
    position: relative
}

@media (max-width: 767px) {
    .title-area .tabs-menu .navigation {
        min-width: 682px
    }
}

.title-area .tabs-menu .navigation #magic-line {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100px;
    height: 3px;
    background: #e00
}

.title-area .tabs-menu .navigation li {
    float: left;
    margin-right: 30px;
    margin-right: 3rem
}

.title-area .tabs-menu .navigation li a {
    padding: 0px 0px 16px 0px;
    padding: 0px 0px 1.6rem 0px;
    text-decoration: none;
    display: block;
    color: gray;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

.title-area .tabs-menu .navigation li a:hover {
    border-bottom-color: #e00;
    color: #e00
}

@media (max-width: 1199px) {
    .title-area .tabs-menu .navigation li a:hover,
    .title-area .tabs-menu .navigation li a a:focus {
        border-bottom-color: #e00;
        color: gray
    }
}

@media (max-width: 767px) {
    .title-area .tabs-menu .navigation li a {
        padding: 10px;
        padding: 1rem
    }
}

.title-area .tabs-menu .navigation li.active a {
    color: #e00
}

@media (max-width: 767px) {
    .title-area .tabs-menu .navigation li.active a {
        border-bottom-color: #e00;
        color: #e00
    }
}

.title-area .tabs-menu .navigation li:last-child,
.title-area .tabs-menu .navigation li:nth-last-child(2) {
    margin-right: 0px;
    margin-right: 0rem
}

@media (max-width: 767px) {
    .title-area .tabs-menu .navigation li {
        margin-right: 0px;
        margin-right: 0rem
    }
}

.title {
    margin-top: 45px;
    margin-top: 4.5rem;
    padding: 30px 0px 35px;
    padding: 3rem 0px 3.5rem
}

@media (max-width: 991px) {
    .title {
        margin-top: 0px;
        margin-top: 0rem
    }
}

@media (max-width: 767px) {
    .title {
        padding-top: 25px;
        padding-top: 2.5rem;
        padding-bottom: 25px;
        padding-bottom: 2.5rem
    }
}

.title h1 {
    margin: 15px 0px 8px;
    margin: 1.5rem 0px .8rem;
    color: #53565a
}

@media (max-width: 767px) {
    .title h1 {
        font-size: 28px;
        font-size: 2.8rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

.title h2.subtitle {
    margin: 0px 0px 8px;
    margin: 0px 0px .8rem;
    font-size: 46px;
    font-size: 4.6rem;
    color: #53565a
}

@media (max-width: 767px) {
    .title h2.subtitle {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

.title p {
    margin: 0px 0px;
    margin: 0px 0px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    color: #53565a
}

@media (max-width: 767px) {
    .title p {
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 0px;
        margin-top: 0rem;
        font-family: "RTA Light", Helvetica, Arial, sans-serif
    }
}

input[type=checkbox].form-check-input {
    visibility: hidden
}

input[type=checkbox].form-check-input+.indicate {
    height: 15px;
    width: 15px;
    background-image: url(../img/unchecked.png);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: -1px;
    top: 15px;
    cursor: pointer
}

input[type=checkbox].form-check-input:checked+.indicate {
    background-image: url(../img/check.png)
}

input[type=checkbox].form-check-input:checked+.indicate:parent {
    opacity: 1
}

@media (max-width: 991px) {
    .selectall+.indicate {
        border: 1px dashed #cbcccd;
        margin-right: -4px;
        padding: 10px
    }
    .selectall:checked+.indicate {
        border: 1px dashed #e8242d
    }
}

.grey-btn-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
    margin-bottom: 0rem
}

.grey-btn-group input {
    display: none
}

.grey-btn-group label {
    font-size: 20px;
    font-size: 2rem;
    padding: 16px 32px;
    padding: 1.6rem 3.2rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    background-color: transparent;
    border: 1px solid #fff;
    cursor: pointer;
    display: block;
    color: #fff;
    position: relative;
    height: 60px;
    text-align: center
}

@media (max-width: 1199px) {
    .grey-btn-group label {
        height: 54px;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.grey-btn-group label.withIcon {
    padding: 32px 60px 32px 95px;
    padding: 3.2rem 6rem 3.2rem 9.5rem;
    height: 120px;
    text-align: left
}

@media (max-width: 767px) {
    .grey-btn-group label.withIcon:after {
        bottom: 14px
    }
}

@media (max-width: 1199px) {
    .grey-btn-group label.withIcon {
        padding: 16px 40px 16px 80px;
        padding: 1.6rem 4rem 1.6rem 8rem;
        height: 80px
    }
}

@media (max-width: 991px) {
    .grey-btn-group label.withIcon {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 28px 40px 28px 80px;
        padding: 2.8rem 4rem 2.8rem 8rem
    }
}

@media (max-width: 767px) {
    .grey-btn-group label.withIcon {
        padding: 18px 40px 18px 62px;
        padding: 1.8rem 4rem 1.8rem 6.2rem;
        font-size: 16px;
        font-size: 1.6rem;
        height: 60px
    }
}

.grey-btn-group label.withIcon .icon {
    position: absolute;
    left: 25px;
    top: 35px;
    bottom: 0px;
    width: 50px;
    height: 50px
}

@media (max-width: 1199px) {
    .grey-btn-group label.withIcon .icon {
        left: 15px;
        top: 15px
    }
}

@media (max-width: 767px) {
    .grey-btn-group label.withIcon .icon {
        background-size: 100% auto;
        width: 30px;
        height: 30px
    }
}

.grey-btn-group label.withIcon:after {
    background-image: none;
    height: 30px;
    width: 30px;
    content: "";
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px
}

@media (max-width: 1199px) {
    .grey-btn-group label.withIcon:after {
        bottom: 10px;
        right: 10px
    }
}

.grey-btn-group input:checked+label,
.grey-btn-group input:checked+label {
    background-color: #fff;
    cursor: pointer;
    color: #171c8f;
    font-family: "RTA Light", Helvetica, Arial, sans-serif
}

.grey-btn-group input:checked+label:after,
.grey-btn-group input:checked+label:after {
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    background-image: url(../img/checked_sml.png);
    background-size: 100% auto
}

.grey-btn-group input:disabled+label {
    background-color: #262a96;
    cursor: not-allowed;
    color: #7477bc;
    border-color: #7477bc
}

.grey-btn-group input:disabled+label:after {
    border-color: #7477bc
}

.grey-btn-group span {
    display: none
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    background: #F8F8F8;
    position: relative;
    border-radius: 0
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 30px 0 0;
    padding: 16px;
    font-size: 20px;
    line-height: 26px;
    color: #888;
    min-height: 48px;
    text-align: left;
    font-weight: normal;
    height: 56px;
    border-radius: 0px
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 56px;
    color: #BBB;
    text-align: center;
    background: url(../img/arrow-down-sml-white.png) center center no-repeat
}

.selectric-focus .selectric {
    border-color: #AAA
}

.selectric-hover .selectric {
    border-color: #CCC
}

.selectric-hover .selectric .button {
    color: #888
}

.selectric-hover .selectric .button:after {
    border-top-color: #888
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #CCC;
    background: #F0F0F0;
    border-bottom-width: 0
}

.selectric-open .selectric-items {
    display: block
}

.selectric-open.selectric-above .selectric {
    border-top-width: 0;
    border-bottom-width: 2px
}

.selectric-open.selectric-above .selectric-items {
    border-bottom-width: 0;
    border-top-width: 2px
}

.selectric-disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important
}

.selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border-top-width: 0;
    z-index: -1;
    padding: 0
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto;
    text-align: left
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items ul,
.selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px 16px;
    color: #666;
    cursor: pointer;
    font-size: 18px;
    font-weight: normal
}

.selectric-items li.highlighted {
    background: #f6f6f7;
    color: #444
}

.selectric-items li.selected {
    background: #f8f8f8;
    color: #444
}

.selectric-items li:hover {
    background: #f7f7f7;
    color: #444
}

.selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

.block-count {
    float: left
}

.block-count .count-title {
    font-size: 72px;
    font-size: 7.2rem;
    margin: 0px;
    margin: 0rem;
    line-height: 60px;
    line-height: 6rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #171c8f
}

@media (max-width: 991px) {
    .block-count .count-title {
        font-size: 50px;
        font-size: 5rem;
        line-height: 45px;
        line-height: 4.5rem
    }
}

@media (max-width: 767px) {
    .block-count .count-title {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 30px;
        line-height: 3rem
    }
}

.block-count .count-title small {
    font-size: 20px;
    font-size: 2rem;
    color: #171c8f
}

@media (max-width: 991px) {
    .block-count .count-title small {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media (max-width: 767px) {
    .block-count .count-title small {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.block-count h3 {
    margin: 0px;
    margin: 0rem;
    font-size: 20px;
    font-size: 2rem;
    color: #373b40;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

@media (max-width: 991px) {
    .block-count h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media (max-width: 767px) {
    .block-count h3 {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.station-zone {
    background-color: #f8f8f8;
    position: relative;
    margin-bottom: 90px;
    margin-bottom: 9rem
}

@media (max-width: 991px) {
    .station-zone {
        margin-bottom: 50px;
        margin-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .station-zone {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }
}

.station-zone .station-map {
    width: 56.4%;
    background-color: #dee3f2;
    background-image: url(../img/gears.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100px auto;
    top: 0px;
    bottom: 0px
}

.station-zone .station-map.loaded {
    background-image: none
}

.station-zone .station-map svg {
    cursor: all-scroll;
    float: left;
    width: 100%;
    max-height: 480px
}

@media (max-width: 767px) {
    .station-zone .station-map svg {
        max-height: 280px
    }
}

@media (max-width: 992px) {
    .station-zone .station-map {
        width: 100%;
        position: relative
    }
}

.station-zone .station-selector-wrap {
    padding-left: 0px;
    padding-left: 0rem;
    padding-right: 0px;
    padding-right: 0rem
}

@media (max-width: 992px) {
    .station-zone .station-selector-wrap {
        padding-right: 0px;
        padding-right: 0rem
    }
}

.station-zone .station-map {
    position: absolute;
    right: 0px;
    width: 70%;
    position: relative;
    width: 100%
}

@media (max-width: 992px) {
    .station-zone .station-map {
        width: 100%;
        position: relative
    }
}

.station-zone.right-align-form {
    overflow: hidden
}

.station-zone.right-align-form .station-map {
    right: inherit;
    left: 0px;
    position: absolute;
    width: 56.4%
}

@media (max-width: 992px) {
    .station-zone.right-align-form .station-map {
        width: 100%;
        position: relative
    }
}

.station-zone.right-align-form .station-selector-wrap {
    padding: 35px 50px 38px 38px;
    padding: 3.5rem 5rem 3.8rem 3.8rem;
    float: right;
    width: 42.6%
}

.station-zone.right-align-form .station-selector-wrap .btn-refresh {
    position: absolute;
    right: -17px;
    margin-top: -8px;
    margin-top: -.8rem
}

@media (max-width: 767px) {
    .station-zone.right-align-form .station-selector-wrap .btn-refresh {
        margin-top: 15px;
        margin-top: 1.5rem
    }
}

@media (max-width: 992px) {
    .station-zone.right-align-form .station-selector-wrap {
        padding-right: 0px;
        padding-right: 0rem;
        padding-left: 0px;
        padding-left: 0rem;
        width: 100%
    }
}

.station-zone .map-btns {
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    position: absolute;
    bottom: 15px;
    right: 10px;
    width: auto
}

.station-zone .map-btns .btn {
    margin-right: 5px
}

.station-image-wrap,
.station-selector-wrap,
.station-map {
    height: 480px;
    float: left
}

@media (max-width: 767px) {
    .station-image-wrap,
    .station-selector-wrap,
    .station-map {
        height: auto
    }
}

.station-selector-wrap {
    padding: 35px 50px 38px 38px;
    padding: 3.5rem 5rem 3.8rem 3.8rem;
    width: 100%;
    float: left;
    position: relative;
    background-color: #f8f8f8;
    z-index: 1;
    height: auto
}

@media (max-width: 992px) {
    .station-selector-wrap {
        padding-right: 0px;
        padding-right: 0rem;
        padding-left: 0px;
        padding-left: 0rem;
        width: 100%
    }
}

.station-selector-wrap h2 {
    margin: 10px 0px 40px;
    margin: 1rem 0px 4rem;
    color: #53565a
}

@media (max-width: 767px) {
    .station-selector-wrap h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.station-selector-wrap .form-group,
.station-selector-wrap .grey-form {
    position: relative
}

@media (max-width: 767px) {
    .station-selector-wrap .form-group .btn-primary,
    .station-selector-wrap .grey-form .btn-primary {
        width: 100%
    }
}

.station-selector-wrap .btn-refresh {
    padding: 0px;
    padding: 0rem;
    margin-top: 0px;
    margin-top: 0rem;
    margin-left: -20px;
    margin-left: -2rem;
    margin-right: 17px;
    margin-right: 1.7rem;
    background: url(../img/synchronize.png) center center no-repeat;
    width: 22px;
    height: 26px;
    border: 0px;
    position: relative;
    right: 0px;
    z-index: 9
}

@media (max-width: 991px) {
    .station-selector-wrap .btn-refresh {
        top: 115px;
        position: absolute;
        right: -15px
    }
}

@media (max-width: 767px) {
    .station-selector-wrap .btn-refresh {
        top: 88px
    }
}

.station-selector-wrap .grey-form.form-inline {
    margin-top: 40px;
    margin-top: 4rem;
    margin-bottom: 40px;
    margin-bottom: 4rem
}

.station-selector-wrap .grey-form.form-inline .form-group {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    margin-right: 36px;
    margin-right: 3.6rem
}

@media (max-width: 1199px) {
    .station-selector-wrap .grey-form.form-inline .form-group:last-child {
        margin-right: 0px;
        margin-right: 0rem
    }
}

@media (max-width: 991px) {
    .station-selector-wrap .grey-form.form-inline .form-group.second-child {
        margin-top: 25px;
        margin-top: 2.5rem;
        margin-bottom: 25px;
        margin-bottom: 2.5rem
    }
}

.station-selector-wrap .grey-form.form-inline .form-group .form-control {
    min-width: 340px
}

@media (max-width: 1199px) {
    .station-selector-wrap .grey-form.form-inline .form-group .form-control {
        min-width: 240px;
        max-width: 260px
    }
}

@media (max-width: 991px) {
    .station-selector-wrap .grey-form.form-inline .form-group .form-control {
        min-width: 100%;
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .station-selector-wrap .grey-form.form-inline .form-group {
        width: 100%;
        margin-right: 0px;
        margin-right: 0rem
    }
    .station-selector-wrap .grey-form.form-inline .form-group label {
        position: relative;
        top: 0px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .station-selector-wrap .grey-form.form-inline .form-group label {
        margin-bottom: 5px;
        margin-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .station-selector-wrap .grey-form.form-inline {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
    .station-selector-wrap .grey-form.form-inline .btn-lg {
        float: right
    }
}

@media (max-width: 991px) {
    .station-selector-wrap .grey-form.form-inline .btn-lg {
        width: 100%;
        float: left
    }
    .station-selector-wrap .grey-form.form-inline .grey-form.form-inline {
        margin-top: 10px;
        margin-top: 1rem
    }
}

@media (max-width: 767px) {
    .station-selector-wrap .grey-form.form-inline {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.trip-summary {
    display: none;
    padding: 0px 0px 90px 0px;
    padding: 0px 0px 9rem 0px
}

@media (max-width: 991px) {
    .trip-summary {
        padding: 0px 0px 50px 0px;
        padding: 0px 0px 5rem 0px
    }
}

@media (max-width: 767px) {
    .trip-summary {
        padding: 0px 0px 30px 0px;
        padding: 0px 0px 3rem 0px;
        display: block;
        position: absolute;
        visibility: hidden
    }
    .trip-summary.showing {
        position: relative;
        visibility: visible
    }
}

.trip-summary h2 {
    margin: 0px 0px 25px 0px;
    margin: 0px 0px 2.5rem 0px;
    font-size: 46px;
    font-size: 4.6rem;
    color: #53565a
}

@media (max-width: 767px) {
    .trip-summary h2 {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

.trip-summary .col {
    padding: 20px;
    padding: 2rem;
    min-height: 664px
}

@media (max-width: 991px) {
    .trip-summary .col {
        min-height: auto
    }
}

.trip-summary .col h2 {
    margin: 25px 0px 32px 0px;
    margin: 2.5rem 0px 3.2rem 0px;
    font-size: 30px;
    font-size: 3rem;
    padding-top: 6px;
    padding-top: .6rem;
    padding-left: 40px;
    padding-left: 4rem;
    background: url(../img/login-rounded-right-green.png) left center no-repeat;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    color: #26b0b8
}

.trip-summary .col.grey-bg {
    padding: 0px 30px;
    padding: 0px 3rem
}

.trip-summary .col.grey-bg .red-line-block {
    padding: 0px 27px 40px 40px;
    padding: 0px 2.7rem 4rem 4rem;
    position: relative;
    width: 100%;
    display: block;
    float: left
}

.trip-summary .col.grey-bg .red-line-block .title {
    margin-top: 0px;
    margin-top: 0rem;
    padding: 0px;
    padding: 0rem
}

.trip-summary .col.grey-bg .red-line-block .title h3 {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    color: #e00;
    display: block
}

.trip-summary .col.grey-bg .red-line-block .title .zone {
    padding: 8px 35px;
    padding: .8rem 3.5rem;
    display: block;
    position: absolute;
    top: -10px;
    right: 35px
}

.trip-summary .col.grey-bg .red-line-block aside {
    margin-top: 20px;
    margin-top: 2rem;
    display: block;
    float: left;
    width: 100%
}

.trip-summary .col.grey-bg .red-line-block aside h3 {
    margin: 16px 0px 14px;
    margin: 1.6rem 0px 1.4rem;
    color: #373b40
}

.trip-summary .col.grey-bg .red-line-block aside p {
    line-height: 24px;
    line-height: 2.4rem
}

.trip-summary .col.grey-bg .red-line-block aside .table {
    margin-bottom: 0px;
    margin-bottom: 0rem
}

.trip-summary .col.grey-bg .red-line-block aside .table tr td {
    padding: 2px 0px;
    padding: .2rem 0px;
    border: 0px
}

.trip-summary .col.grey-bg .red-line-block aside .table tr td:first-child {
    min-width: 120px
}

.trip-summary .col.grey-bg .red-line-block aside i {
    background-size: auto 100%;
    min-width: 30px;
    height: auto
}

.trip-summary .col.grey-bg .red-line-block aside .icon {
    margin-right: 25px;
    margin-right: 2.5rem;
    float: left
}

.trip-summary .col.default-bg {
    padding: 0px 20px;
    padding: 0px 2rem
}

.about-metro {
    padding-top: 0px;
    padding-top: 0rem
}

.about-metro .title {
    margin-top: 0px;
    margin-top: 0rem;
    padding-top: 0px;
    padding-top: 0rem
}

.about-metro .wall-image {
    position: relative;
    height: 468px
}

@media (max-width: 991px) {
    .about-metro .wall-image {
        height: 320px
    }
}

@media (max-width: 767px) {
    .about-metro .wall-image {
        margin-bottom: 16px;
        margin-bottom: 1.6rem;
        height: 280px
    }
}

.about-metro .wall-image .overlay {
    padding: 40px;
    padding: 4rem;
    background-color: #8421ca;
    max-width: 364px;
    position: absolute;
    bottom: 0px;
    left: 0px
}

.about-metro .wall-image .overlay h1,
.about-metro .wall-image .overlay h2,
.about-metro .wall-image .overlay p {
    margin: 0px;
    margin: 0rem;
    color: #fff
}

.about-metro .wall-image .overlay h1,
.about-metro .wall-image .overlay h2 {
    margin-top: 0px;
    margin-top: 0rem;
    line-height: 56px;
    line-height: 5.6rem;
    font-size: 46px;
    font-size: 4.6rem
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay h1,
    .about-metro .wall-image .overlay h2 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
        line-height: 2.4rem
    }
}

.about-metro .wall-image .overlay p {
    margin-top: 10px;
    margin-top: 1rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 18px;
        line-height: 1.8rem
    }
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay {
        padding: 20px 18px;
        padding: 2rem 1.8rem;
        max-width: 180px
    }
}

.about-metro .metro-features {
    padding: 40px 40px 110px 40px;
    padding: 4rem 4rem 11rem 4rem;
    margin-bottom: 90px;
    margin-bottom: 9rem;
    background-color: #f7f7f7
}

@media (max-width: 767px) {
    .about-metro .metro-features {
        padding: 0px;
        padding: 0rem
    }
}

.about-metro .metro-features h2 {
    margin: 0px 0px 25px 0px;
    margin: 0px 0px 2.5rem 0px
}

.about-metro .metro-features a.btn-faq {
    margin-top: 20px;
    margin-top: 2rem;
    padding-left: 10px;
    padding-left: 1rem;
    padding-right: 10px;
    padding-right: 1rem
}

.about-metro .metro-features .desc p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    margin-top: 0px;
    margin-top: 0rem;
    color: #53565a;
    display: block
}

@media (max-width: 991px) {
    .about-metro .metro-features .desc p {
        line-height: 26px;
        line-height: 2.6rem
    }
}

@media (max-width: 767px) {
    .about-metro .metro-features .desc p {
        padding: 0px 16px;
        padding: 0px 1.6rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 767px) {
    .about-metro .metro-features .panel-wrapper h2 {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .about-metro .metro-features .panel-wrapper .panel-heading,
    .about-metro .metro-features .panel-wrapper .panel-body {
        padding-left: 16px;
        padding-left: 1.6rem;
        padding-right: 16px;
        padding-right: 1.6rem
    }
    .about-metro .metro-features .panel-wrapper .btn-primary-link {
        margin-left: 16px;
        margin-left: 1.6rem
    }
}

@media (max-width: 991px) {
    .about-metro .metro-features {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.about-metro .wall-image .overlay {
    padding-bottom: 70px;
    padding-bottom: 7rem
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay {
        padding-bottom: 16px;
        padding-bottom: 1.6rem
    }
}

.about-metro .wall-image .overlay .journey-planner {
    width: 90px;
    right: -90px;
    bottom: 0px;
    position: absolute;
    background-color: #e00;
    text-align: center
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay .journey-planner {
        width: 70px;
        right: -70px
    }
}

.about-metro .wall-image .overlay .journey-planner img {
    width: 80%;
    margin-bottom: 2px;
    margin-bottom: .2rem
}

.about-metro .wall-image .overlay .journey-planner h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 12px;
    margin-top: 1.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #fff
}

@media (max-width: 767px) {
    .about-metro .wall-image .overlay .journey-planner h3 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 8px;
        margin-bottom: .8rem
    }
}

.about-metro .metro-features {
    padding-bottom: 45px;
    padding-bottom: 4.5rem
}

.about-metro .metro-features ul.btn-list li a.btn {
    padding-left: 25px;
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-position: 10px 8px;
    background-image: url(../img/list-item-white.png)
}

@media (max-width: 991px) {
    .about-metro .metro-features ul.btn-list li a.btn {
        background-position: 10px 13px;
        text-align: left
    }
}

@media (max-width: 767px) {
    .about-metro .metro-features {
        padding-bottom: 10px;
        padding-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .about-metro {
        margin-bottom: 50px;
        margin-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .about-metro {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }
}

.train-structure>h2,
.facilities-equipments>h2,
.accessibility>h2,
.rules-code>h2,
.metro-projects>h2 {
    color: #373b40
}

@media (max-width: 991px) {
    .train-structure>h2,
    .facilities-equipments>h2,
    .accessibility>h2,
    .rules-code>h2,
    .metro-projects>h2 {
        margin-top: 0px;
        margin-top: 0rem
    }
}

@media (max-width: 767px) {
    .train-structure>h2,
    .facilities-equipments>h2,
    .accessibility>h2,
    .rules-code>h2,
    .metro-projects>h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.train-structure>p,
.facilities-equipments>p,
.accessibility>p,
.rules-code>p,
.metro-projects>p {
    margin: 25px 0px 25px;
    margin: 2.5rem 0px 2.5rem
}

@media (max-width: 767px) {
    .train-structure>p,
    .facilities-equipments>p,
    .accessibility>p,
    .rules-code>p,
    .metro-projects>p {
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

.train-structure {
    padding-top: 70px;
    padding-top: 7rem
}

@media (max-width: 991px) {
    .train-structure {
        padding-top: 50px;
        padding-top: 5rem
    }
}

@media (max-width: 767px) {
    .train-structure {
        padding-top: 30px;
        padding-top: 3rem
    }
}

.train-structure .column {
    margin: 20px 0px;
    margin: 2rem 0px
}

.train-structure .column .col {
    position: relative
}

.train-structure .column .col img {
    width: 100%
}

@media (max-width: 767px) {
    .train-structure .column .col {
        overflow: hidden
    }
    .train-structure .column .col img {
        min-height: 300px;
        height: auto;
        width: auto
    }
}

.train-structure .column .col .overlay {
    background-color: #f6f6f7;
    padding: 15px 20px 5px 40px;
    padding: 1.5rem 2rem .5rem 4rem;
    position: absolute;
    max-width: 440px;
    left: 0px;
    bottom: 0px
}

.train-structure .column .col .overlay h3 {
    color: #373b40;
    margin-bottom: 0px;
    margin-bottom: 0rem
}

@media (max-width: 1199px) {
    .train-structure .column .col .overlay h3 {
        margin-top: 10px;
        margin-top: 1rem
    }
}

@media (max-width: 767px) {
    .train-structure .column .col .overlay h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.train-structure .column .col .overlay p {
    margin: 22px 10px 24px 0px;
    margin: 2.2rem 1rem 2.4rem 0px
}

@media (max-width: 1199px) {
    .train-structure .column .col .overlay p {
        margin-top: 10px;
        margin-top: 1rem
    }
}

@media (max-width: 767px) {
    .train-structure .column .col .overlay p {
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 16px;
        line-height: 1.6rem
    }
}

@media (max-width: 1199px) {
    .train-structure .column .col .overlay {
        max-width: 320px;
        padding: 10px 20px 5px 20px;
        padding: 1rem 2rem .5rem 2rem
    }
}

@media (max-width: 991px) {
    .train-structure .column .col .overlay {
        min-width: 450px
    }
}

@media (max-width: 767px) {
    .train-structure .column .col .overlay {
        min-width: inherit;
        max-width: 80%
    }
}

@media (max-width: 767px) {
    .train-structure .column .col {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
    .train-structure .column .col.last {
        margin-top: 16px;
        margin-top: 1.6rem
    }
}

.facilities-equipments {
    padding-top: 50px;
    padding-top: 5rem;
    padding-bottom: 0px;
    padding-bottom: 0rem
}

@media (max-width: 991px) {
    .facilities-equipments {
        padding-top: 0px;
        padding-top: 0rem
    }
    .facilities-equipments h2 {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.accessibility {
    padding: 10px 0px;
    padding: 1rem 0px
}

@media (max-width: 991px) {
    .accessibility {
        padding: 0px;
        padding: 0rem
    }
}

.rules-code {
    padding-top: 5px;
    padding-top: .5rem;
    padding-bottom: 40px;
    padding-bottom: 4rem
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase {
    display: block
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase h2,
.rules-code .tab-wrapper .tab-content .tab-pane .suitecase small {
    color: #373b40
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase h2 {
    font-size: 50px;
    font-size: 5rem;
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    font-family: "RTA Light", Helvetica, Arial, sans-serif
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase h2 small {
    font-size: 20px;
    font-size: 2rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    margin-left: 10px;
    margin-left: 1rem
}

@media (max-width: 767px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase h2 small {
        font-size: 15px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase h2 {
        font-size: 28px;
        font-size: 2.8rem
    }
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase p {
    display: block
}

@media (max-width: 991px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase p {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col {
    width: 50%;
    float: left
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.large-suite {
    padding-left: 120px;
    padding-left: 12rem
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.small-suite {
    padding-left: 105px;
    padding-left: 10.5rem
}

@media (max-width: 767px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.large-suite,
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.small-suite {
        width: 100%;
        padding-left: 65px;
        padding-left: 6.5rem
    }
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.large-suite img,
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.small-suite img {
        height: auto
    }
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.large-suite img {
        width: 50px
    }
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2 .col.small-suite img {
        width: 40px
    }
}

.rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2.left-icon-widget {
    margin-top: 15px;
    margin-top: 1.5rem;
    margin-left: -10px;
    margin-left: -1rem
}

@media (max-width: 991px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2.left-icon-widget .col {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 767px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase .column.col-2.left-icon-widget {
        margin-left: 0px;
        margin-left: 0rem
    }
}

@media (max-width: 991px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .suitecase {
        padding-left: 16px;
        padding-left: 1.6rem;
        padding-right: 16px;
        padding-right: 1.6rem
    }
}

@media (max-width: 991px) {
    .rules-code .tab-wrapper .tab-content .tab-pane .simple-tabs {
        padding-left: 16px;
        padding-left: 1.6rem;
        padding-right: 16px;
        padding-right: 1.6rem
    }
}

@media (max-width: 991px) {
    .rules-code {
        padding-bottom: 30px;
        padding-bottom: 3rem
    }
    .rules-code ul.list.rounded-icon li:last-child {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
    .rules-code ul.list-count li:last-child {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
    .rules-code .tab-wrapper .tab-content .tab-pane {
        padding-left: 0px;
        padding-left: 0rem;
        padding-right: 0px;
        padding-right: 0rem;
        padding-bottom: 0px;
        padding-bottom: 0rem
    }
    .rules-code .tab-wrapper .tab-content .tab-pane .list-count {
        margin-left: 20px;
        margin-left: 2rem;
        margin-right: 20px;
        margin-right: 2rem
    }
}

.pay-fine {
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media (max-width: 991px) {
    .pay-fine {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.metro-projects {
    margin-bottom: 90px;
    margin-bottom: 9rem
}

@media (max-width: 991px) {
    .metro-projects {
        margin-bottom: 50px;
        margin-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .metro-projects {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.metro-projects h2 {
    margin: 45px 0px 30px 0px;
    margin: 4.5rem 0px 3rem 0px
}

@media (max-width: 991px) {
    .metro-projects h2 {
        margin-top: 50px;
        margin-top: 5rem
    }
}

@media (max-width: 767px) {
    .metro-projects h2 {
        margin-top: 30px;
        margin-top: 3rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 767px) {
    .metro-projects .smart-metro {
        margin-top: 20px;
        margin-top: 2rem
    }
}

.metro-projects .project-details {
    padding-left: 12px;
    padding-left: 1.2rem
}

.metro-projects .project-details h3 {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 15px;
    margin-bottom: 1.5rem;
    color: #373b40
}

.metro-projects .project-details p {
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

@media (max-width: 991px) {
    .metro-projects .project-details {
        margin-top: 30px;
        margin-top: 3rem;
        padding-left: 0px;
        padding-left: 0rem
    }
}

@media (max-width: 767px) {
    .metro-projects .project-details {
        margin-top: 0px;
        margin-top: 0rem;
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 30px;
        padding-bottom: 3rem
    }
    .metro-projects .project-details a.btn {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 10px 15px;
        padding: 1rem 1.5rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 38px;
        width: 100%
    }
}

.trip-summary .column.col-2 {
    position: relative
}

.trip-summary .column.col-2 .col.first {
    padding: 0px;
    padding: 0rem;
    width: 820px
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first {
        width: 660px
    }
}

@media (max-width: 991px) {
    .trip-summary .column.col-2 .col.first {
        width: 100%;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.trip-summary .column.col-2 .col.first .nav-tabs-justified>.active>a,
.trip-summary .column.col-2 .col.first .nav-tabs.nav-justified>.active>a,
.trip-summary .column.col-2 .col.first .nav-tabs-justified>.active>a:hover,
.trip-summary .column.col-2 .col.first .nav-tabs.nav-justified>.active>a:hover,
.trip-summary .column.col-2 .col.first .nav-tabs-justified>.active>a:focus,
.trip-summary .column.col-2 .col.first .nav-tabs.nav-justified>.active>a:focus {
    border: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li {
    text-align: center
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a {
    min-height: 150px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    position: relative
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .rounded-border {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #171c8f
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon {
    background-position: center center;
    width: 46px;
    height: 46px;
    margin: auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:before,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:after {
    height: 1px;
    border-top: 2px solid #171c8f;
    position: absolute;
    content: "";
    top: 22px;
    width: 32%
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:before,
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:after {
        width: 26%
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:before {
    left: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .route .icon:after {
    right: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a h3 {
    margin: 0px;
    margin: 0rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #171c8f;
    min-width: 130px
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a h3 {
        font-size: 16px;
        font-size: 1.6rem;
        min-width: 110px
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line {
    margin: 10px 0px;
    margin: 1rem 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .green-line,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .red-line,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .tram-line {
    padding: 0px;
    padding: 0rem;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    display: inline-block;
    float: none;
    width: auto
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .green-line,
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .red-line,
    .trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .tram-line {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .green-line {
    color: #29951a
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .red-line {
    color: #e9242d
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .line .tram-line {
    color: #fcb900
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li a .zone {
    padding: 8px 26px;
    padding: .8rem 2.6rem;
    margin-top: 0px;
    margin-top: 0rem;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child .route .icon:before {
    display: none
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child .route .icon:after {
    width: 28%
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:last-child .route .icon:after {
    display: none
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:last-child .route .icon:before {
    width: 28%
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child h3,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:last-child h3 {
    font-family: "RTA Bold", Helvetica, Arial, sans-serif
}

.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child:nth-last-child(2) a .route .icon:before,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child:nth-last-child(2) a .route .icon:after,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child:nth-last-child(2) ~ li a .route .icon:before,
.trip-summary .column.col-2 .col.first .nav-collapse .nav-tabs li:first-child:nth-last-child(2) ~ li a .route .icon:after {
    width: 40%
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside {
    margin-bottom: 35px;
    margin-bottom: 3.5rem;
    display: block;
    float: left;
    width: 45%
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside {
        min-height: auto
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:nth-child(2n) {
    float: right;
    margin-right: 35px;
    margin-right: 3.5rem
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:nth-child(2n) {
        margin-right: 0px;
        margin-right: 0rem;
        float: left
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:nth-last-child(2),
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:last-child {
    margin-bottom: 35px;
    margin-bottom: 3.5rem
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:nth-last-child(2),
    .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside:last-child {
        margin-bottom: 35px;
        margin-bottom: 3.5rem
    }
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside {
        width: 100%;
        float: left
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside h3 {
    margin: 0px 0px 14px;
    margin: 0px 0px 1.4rem;
    color: #373b40
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside p {
    line-height: 24px;
    line-height: 2.4rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    font-size: 16px;
    font-size: 1.6rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table .table-row .table-data {
    padding: 1px 0px;
    padding: .1rem 0px;
    width: 50%;
    float: left;
    border: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table .table-row .table-data.first {
    width: 160px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table.service-hours .table-row .table-data:last-child {
    padding-left: 20px;
    padding-left: 2rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside i {
    background-size: auto 100%;
    min-width: 30px;
    height: auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .icons-list {
    margin-top: 10px;
    margin-top: 1rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .icons-list .icon {
    margin-right: 25px;
    margin-right: 2.5rem;
    float: left;
    min-height: 27px;
    min-width: 37px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate {
    padding-left: 20px;
    padding-left: 2rem;
    position: relative
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate .line-before {
    content: "";
    position: absolute;
    left: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate .line-before {
    border-left: 1px solid #f7f7f7;
    bottom: 7px;
    top: 6px;
    left: 1px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate .circle,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate .circle-outer {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    background-color: #f7f7f7;
    height: 20px;
    left: -8px;
    top: 28%;
    width: 20px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate .circle {
    margin-top: -9px;
    margin-top: -.9rem;
    border: 2px solid #000;
    height: 12px;
    width: 12px;
    left: 3px;
    z-index: 0;
    top: 13px
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.red-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.red-line .circle {
    border-color: #e9242d
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.green-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.green-line .circle {
    border-color: #29951a
}

.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.tram-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .indicate.tram-line .circle {
    border-color: #fcb900
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group {
    border: 0px;
    margin-bottom: 0px;
    margin-bottom: 0rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel {
    border: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading {
    padding: 0px 10px;
    padding: 0px 1rem;
    margin-bottom: 2px;
    margin-bottom: .2rem;
    background-color: #e8e8e8;
    position: relative
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading:after {
    background-color: #171c8f;
    content: "";
    height: 4px;
    left: 25px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 2px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a {
    margin-left: 15px;
    margin-left: 1.5rem;
    padding-left: 20px;
    padding-left: 2rem;
    padding-top: 15px;
    padding-top: 1.5rem;
    padding-bottom: 15px;
    padding-bottom: 1.5rem;
    border-left: 2px solid #171c8f
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route {
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    position: absolute;
    width: auto;
    height: 30px;
    width: 30px;
    left: 2px;
    display: block
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .rounded-border {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #171c8f;
    background-size: 12px auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .icon {
    background-color: #e8e8e8;
    background-position: center center;
    background-size: 15px auto;
    height: 30px;
    width: 30px;
    margin: auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .icon:before,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .icon:after {
    height: 5px;
    background-color: #e8e8e8;
    position: absolute;
    content: "";
    width: 30px;
    z-index: 1
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .icon:before {
    top: -5px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .route .icon:after {
    bottom: -5px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a h3 {
    margin: 5px 0px;
    margin: .5rem 0px;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    color: #171c8f
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line {
    margin: 6px 0px 0px;
    margin: .6rem 0px 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .green-line,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .red-line,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .tram-line {
    padding: 0px;
    padding: 0rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    float: none;
    width: auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .green-line {
    color: #29951a
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .red-line {
    color: #e9242d
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .line .tram-line {
    color: #fcb900
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .zone {
    padding: 8px 15px 2px;
    padding: .8rem 1.5rem .2rem;
    margin-top: 10px;
    margin-top: 1rem;
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 12px
}

@media (max-width: 767px) {
    .trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-heading .panel-title a .zone {
        padding: 5px 15px 1px;
        padding: .5rem 1.5rem .1rem
    }
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse {
    padding: 0px 10px;
    padding: 0px 1rem;
    position: relative
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse:after {
    background-color: #171c8f;
    content: "";
    height: 4px;
    left: 25px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 2px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body {
    margin-left: 15px;
    margin-left: 1.5rem;
    padding-left: 20px;
    padding-left: 2rem;
    border: 0px;
    border-left: 2px solid #171c8f
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside {
    margin: 0px 0px 25px 0px;
    margin: 0px 0px 2.5rem 0px;
    display: block;
    float: left;
    width: 100%
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside h3 {
    margin: 0px 0px 14px;
    margin: 0px 0px 1.4rem;
    color: #373b40
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside p {
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 12px;
    font-size: 1.2rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table {
    margin-bottom: 0px;
    margin-bottom: 0rem;
    font-size: 12px;
    font-size: 1.2rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table .table-row .table-data {
    padding: 8px 0px;
    padding: .8rem 0px;
    width: 50%;
    float: left;
    border: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table .table-row .table-data.first {
    width: 50%
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .table.service-hours .table-row .table-data:last-child {
    padding-left: 8px;
    padding-left: .8rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside i {
    background-size: auto 100%;
    min-width: 30px;
    height: auto
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .icons-list {
    margin-top: 10px;
    margin-top: 1rem
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .icons-list .icon {
    margin-right: 25px;
    margin-right: 2.5rem;
    float: left;
    min-height: 27px;
    min-width: 37px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate {
    padding-left: 15px;
    padding-left: 1.5rem;
    position: relative
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate .line-before {
    content: "";
    position: absolute;
    left: 0px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate .line-before {
    border-left: 1px solid #f7f7f7;
    bottom: 7px;
    top: 6px;
    left: 1px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate .circle,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate .circle-outer {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    content: "";
    position: absolute;
    background-color: #f7f7f7;
    height: 20px;
    left: -8px;
    top: 33%;
    width: 20px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate .circle {
    margin-top: -9px;
    margin-top: -.9rem;
    border: 2px solid #000;
    height: 12px;
    width: 12px;
    left: 3px;
    z-index: 0;
    top: 13px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.red-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.red-line .circle {
    border-color: #e9242d
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.green-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.green-line .circle {
    border-color: #29951a
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.tram-line .line-before,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel .panel-collapse .panel-body aside .indicate.tram-line .circle {
    border-color: #fcb900
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:first-child .panel-heading .panel-title a .route .icon,
.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:last-child .panel-heading .panel-title a .route .icon {
    background-size: 28px auto;
    background-position: center center
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:first-child .panel-heading .panel-title a .route .icon:before {
    bottom: 30px;
    height: auto;
    top: -15px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:first-child .panel-heading:after {
    display: none
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:last-child .panel-heading .panel-title a .route .icon:after {
    bottom: -37px;
    height: auto;
    top: 30px
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:last-child .panel-collapse:after {
    display: none
}

.trip-summary .column.col-2 .col.first .nav-collapse .panel-group .panel:last-child .panel-body {
    border-color: #f7f7f7
}

.trip-summary .column.col-2 .col.last {
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 0px;
    padding-bottom: 0rem;
    width: 320px
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.last {
        padding-left: 15px;
        padding-left: 1.5rem;
        padding-right: 15px;
        padding-right: 1.5rem
    }
}

@media (max-width: 1199px) {
    .trip-summary .column.col-2 .col.last {
        width: 280px;
        position: absolute;
        right: 0px;
        bottom: 0px;
        top: 0px
    }
}

@media (max-width: 991px) {
    .trip-summary .column.col-2 .col.last {
        padding-left: 30px;
        padding-left: 3rem;
        padding-right: 30px;
        padding-right: 3rem;
        padding-bottom: 50px;
        padding-bottom: 5rem;
        margin-bottom: 0px;
        margin-bottom: 0rem;
        width: 100%;
        position: relative
    }
}

@media (max-width: 767px) {
    .trip-summary .column.col-2 .col.last {
        padding-left: 16px;
        padding-left: 1.6rem;
        padding-right: 16px;
        padding-right: 1.6rem
    }
}

.benefits-nol-card h2 {
    color: #373b40
}

@media (max-width: 767px) {
    .benefits-nol-card h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.benefits-nol-card p {
    margin: 25px 0px 25px;
    margin: 2.5rem 0px 2.5rem
}

@media (max-width: 767px) {
    .benefits-nol-card p {
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

.benefits-nol-card {
    padding-top: 70px;
    padding-top: 7rem
}

@media (max-width: 1199px) {
    .benefits-nol-card {
        padding-bottom: 70px;
        padding-bottom: 7rem
    }
}

@media (max-width: 991px) {
    .benefits-nol-card {
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 0px;
        padding-bottom: 0rem
    }
}

@media (max-width: 767px) {
    .benefits-nol-card {
        padding-top: 0px;
        padding-top: 0rem
    }
}

.benefits-nol-card .column {
    margin: 0px;
    margin: 0rem
}

.benefits-nol-card .column .col {
    padding-left: 50px;
    padding-left: 5rem;
    margin: 25px 0px;
    margin: 2.5rem 0px
}

.benefits-nol-card .column .col .wrap-icon {
    line-height: 35px;
    line-height: 3.5rem;
    width: 30px;
    height: 35px
}

@media (max-width: 767px) {
    .benefits-nol-card .column .col .wrap-icon img {
        width: auto
    }
}

.benefits-nol-card .column .col .wrap-data {
    display: block;
    max-width: 90%
}

.benefits-nol-card .column .col .wrap-data p {
    margin: 0px;
    margin: 0rem;
    color: #53565a
}

@media (max-width: 1199px) {
    .benefits-nol-card .column .col {
        min-height: 50px
    }
}

@media (max-width: 767px) {
    .benefits-nol-card .column .col {
        margin-bottom: 0px;
        margin-bottom: 0rem;
        min-height: 30px
    }
}

@media (max-width: 767px) {
    .benefits-nol-card {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }
}

.card-details {
    padding: 90px 0px;
    padding: 9rem 0px
}

.card-details.grey-filled {
    background-color: #f7f7f7
}

@media (max-width: 991px) {
    .card-details {
        background-color: #f7f7f7;
        border-bottom: 2px solid #fff
    }
}

.card-details .card-row .card-holder {
    width: auto;
    height: auto;
    float: left;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 49px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 10px 10px 49px 3px rgba(0, 0, 0, 0.12);
    box-shadow: 10px 10px 49px 3px rgba(0, 0, 0, 0.12)
}

@media (max-width: 1199px) {
    .card-details .card-row .card-holder {
        width: 280px;
        height: auto
    }
    .card-details .card-row .card-holder img {
        width: 100%
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-holder {
        width: 110px
    }
    .card-details .card-row .card-holder img {
        width: 100%
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-holder {
        width: 68px
    }
    .card-details .card-row .card-holder img {
        width: 100%
    }
}

.card-details .card-row .card-data {
    width: 780px;
    float: right
}

.card-details .card-row .card-data h2,
.card-details .card-row .card-data h3 {
    margin-top: 0px;
    margin-top: 0rem
}

.card-details .card-row .card-data h2 {
    margin-bottom: 2px;
    margin-bottom: .2rem
}

.card-details .card-row .card-data h3 {
    margin-bottom: 3px;
    margin-bottom: .3rem
}

@media (max-width: 767px) {
    .card-details .card-row .card-data h3 {
        margin-bottom: 6px;
        margin-bottom: .6rem
    }
}

.card-details .card-row .card-data .card-title {
    width: 265px;
    float: left
}

.card-details .card-row .card-data .card-title .card-holder {
    display: none
}

.card-details .card-row .card-data .card-title h2 {
    color: #373b40
}

@media (max-width: 1199px) {
    .card-details .card-row .card-data .card-title {
        width: 100%
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-title {
        width: 100%;
        position: relative
    }
    .card-details .card-row .card-data .card-title ul.list {
        display: none
    }
    .card-details .card-row .card-data .card-title h2 {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
    .card-details .card-row .card-data .card-title .trigger {
        background-image: url("../img/plus-xs.png");
        background-repeat: no-repeat;
        background-position: right 40px;
        content: "";
        cursor: pointer;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        position: absolute;
        z-index: 1
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .card-details .card-row .card-data .card-title .trigger {
        background-position: right 28px
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-title .trigger.active {
        background-image: url("../img/minus-xs.png");
        background-position: right 48px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .card-details .card-row .card-data .card-title .trigger.active {
        background-position: right 36px
    }
}

.card-details .card-row .card-data .card-title p {
    font-size: 20px;
    font-size: 2rem
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-title p {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.card-details .card-row .card-data .card-title ul.list {
    width: 90%
}

.card-details .card-row .card-data .card-info {
    width: 480px;
    float: right
}

.card-details .card-row .card-data .card-info ul.list.tick {
    display: none
}

@media (max-width: 1199px) {
    .card-details .card-row .card-data .card-info {
        margin-top: 25px;
        margin-top: 2.5rem;
        width: 100%
    }
}

@media (max-width: 1199px) and (max-width: 1199px) {
    .card-details .card-row .card-data .card-info p br {
        display: none
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-info {
        background-color: #f7f7f7;
        margin-top: 0px;
        margin-top: 0rem
    }
    .card-details .card-row .card-data .card-info ul.list.tick {
        display: block
    }
}

.card-details .card-row .card-data .card-info .col {
    float: left
}

.card-details .card-row .card-data .card-info .col.unit-price {
    width: 210px
}

.card-details .card-row .card-data .card-info .col.topup-limit {
    width: 180px
}

.card-details .card-row .card-data .card-info .col.validity {
    width: 90px;
    float: right
}

@media (max-width: 1199px) {
    .card-details .card-row .card-data .card-info .col.unit-price,
    .card-details .card-row .card-data .card-info .col.topup-limit,
    .card-details .card-row .card-data .card-info .col.validity {
        float: left
    }
    .card-details .card-row .card-data .card-info .col.unit-price {
        width: 300px
    }
    .card-details .card-row .card-data .card-info .col.topup-limit {
        width: 230px
    }
    .card-details .card-row .card-data .card-info .col.validity {
        width: 90px;
        float: right
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col.unit-price,
    .card-details .card-row .card-data .card-info .col.topup-limit,
    .card-details .card-row .card-data .card-info .col.validity {
        margin-bottom: 20px;
        margin-bottom: 2rem;
        width: 100%
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.card-details .card-row .card-data .card-info .col p {
    line-height: 26px;
    line-height: 2.6rem
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col p {
        line-height: 20px;
        line-height: 2rem;
        margin-bottom: 2px;
        margin-bottom: .2rem
    }
    .card-details .card-row .card-data .card-info .col p br {
        display: none
    }
}

.card-details .card-row .card-data .card-info .col-wide {
    margin-top: 32px;
    margin-top: 3.2rem
}

.card-details .card-row .card-data .card-info .col-wide h3 {
    margin-bottom: 5px;
    margin-bottom: .5rem
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col-wide h3 {
        margin-bottom: 10px;
        margin-bottom: 1rem;
        font-size: 14px;
        font-size: 1.4rem
    }
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li {
    margin-right: 23px;
    margin-right: 2.3rem;
    margin-bottom: 23px;
    margin-bottom: 2.3rem;
    display: block;
    float: left
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col-wide .list-valid li {
        padding: 6px;
        padding: .6rem;
        background-color: #171c8f
    }
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a {
    display: block;
    background-image: url(../img/valid-for.png);
    height: 35px;
    width: 33px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-01 {
    background-position: 0px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-02 {
    background-position: -56px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-03 {
    background-position: -112px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-04 {
    background-position: -168px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-05 {
    background-position: -224px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-06 {
    background-position: -280px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-07 {
    background-position: -336px 0px
}

.card-details .card-row .card-data .card-info .col-wide .list-valid li a.valid-ico-08 {
    background-position: -394px 0px
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col-wide .list-valid li {
        margin-right: 12px;
        margin-right: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info .col-wide {
        margin-top: 20px;
        margin-top: 2rem
    }
    .card-details .card-row .card-data .card-info .col-wide img {
        width: 100%
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-info ul.list {
        margin-top: 35px;
        margin-top: 3.5rem
    }
    .card-details .card-row .card-data .card-info ul.list li {
        margin-bottom: 16px;
        margin-bottom: 1.6rem
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info ul.list {
        margin-top: 22px;
        margin-top: 2.2rem
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .card-info {
        font-size: 12px;
        font-size: 1.2rem
    }
}

.card-details .card-row .card-data .btn-list>li {
    margin-right: 10px;
    margin-right: 1rem;
    float: left
}

@media (min-width: 992px) {
    .card-details .card-row .card-data .btn-list>li .fares {
        display: none !important
    }
}

.card-details .card-row .card-data .btn-list>li a.btn {
    padding-left: 18px;
    padding-left: 1.8rem;
    padding-right: 18px;
    padding-right: 1.8rem;
    min-width: auto
}

.card-details .card-row .card-data .btn-list>li a.btn.btn-default-filled {
    position: relative;
    padding-right: 65px;
    padding-right: 6.5rem
}

.card-details .card-row .card-data .btn-list>li a.btn.btn-default-filled:after {
    background-image: url(../img/arrow-down-sml.png);
    position: absolute;
    top: 10px;
    right: 20px;
    width: 16px;
    height: 10px;
    content: ""
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .btn-list>li a.btn.btn-default-filled:after {
        right: inherit;
        margin-left: 12px;
        margin-left: 1.2rem;
        top: 15px
    }
}

.card-details .card-row .card-data .btn-list>li a.btn.btn-default-filled.active:after {
    background-image: url(../img/arrow-up-sml.png)
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .btn-list>li a.btn.btn-default-filled {
        padding-right: 18px;
        padding-right: 1.8rem
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .btn-list>li {
        margin-bottom: 1px;
        margin-bottom: .1rem
    }
}

@media (max-width: 1199px) {
    .card-details .card-row .card-data .btn-list {
        margin-top: 35px;
        margin-top: 3.5rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .btn-list {
        margin: 26px 0px 45px;
        margin: 2.6rem 0px 4.5rem
    }
    .card-details .card-row .card-data .btn-list li,
    .card-details .card-row .card-data .btn-list li>a {
        width: 100%
    }
    .card-details .card-row .card-data .btn-list li {
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .card-details .card-row .card-data .btn-list li>a {
        text-align: center
    }
}

@media (max-width: 767px) {
    .card-details .card-row .card-data .btn-list {
        margin: 16px 0px 26px;
        margin: 1.6rem 0px 2.6rem
    }
    .card-details .card-row .card-data .btn-list li,
    .card-details .card-row .card-data .btn-list li>a {
        width: 100%
    }
    .card-details .card-row .card-data .btn-list li {
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .card-details .card-row .card-data .btn-list li>a {
        text-align: center
    }
}

@media (max-width: 1199px) {
    .card-details .card-row .card-data {
        width: 620px
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data {
        width: 100%
    }
}

.card-details .card-row .fares {
    display: none
}

.card-details .card-row .fares h2 {
    margin: 25px 0px;
    margin: 2.5rem 0px;
    color: #373b40
}

@media (max-width: 991px) {
    .card-details .card-row .fares h2 {
        margin: 40px 0px 25px;
        margin: 4rem 0px 2.5rem
    }
}

@media (max-width: 767px) {
    .card-details .card-row .fares h2 {
        margin-top: 30px;
        margin-top: 3rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

.card-details .card-row .fares p {
    margin-bottom: 0px;
    margin-bottom: 0rem
}

@media (max-width: 1199px) {
    .card-details .card-row .fares .col {
        margin-bottom: 30px;
        margin-bottom: 3rem
    }
}

@media (max-width: 1199px) {
    .card-details .card-row .fares .col {
        min-height: 195px
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .card-details .card-row .fares .col {
        min-height: 205px
    }
}

@media (max-width: 1199px) and (max-width: 767px) {
    .card-details .card-row .fares .col {
        min-height: 50px;
        font-size: 12px;
        font-size: 1.2rem
    }
}

@media (max-width: 1199px) {
    .card-details .card-row .fares .col.last {
        min-height: 50px;
        margin-bottom: 0px
    }
}

@media (max-width: 1199px) and (max-width: 991px) {
    .card-details .card-row .fares .col.last {
        margin-bottom: 50px
    }
}

@media (max-width: 767px) {
    .card-details .card-row .fares .list-simple {
        margin-top: 0px;
        margin-top: 0rem;
        font-family: "RTA Light", Helvetica, Arial, sans-serif
    }
    .card-details .card-row .fares .list-simple li {
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
    .card-details .card-row .fares .left-icon-widget {
        margin-top: 30px;
        margin-top: 3rem
    }
}

@media (min-width: 992px) {
    .card-details .card-row .card-data>.card-info,
    .card-details .card-row .card-data>.btn-list {
        display: block !important
    }
}

@media (max-width: 991px) {
    .card-details .card-row {
        position: relative
    }
    .card-details .card-row>.fares {
        display: none !important
    }
    .card-details .card-row .card-holder {
        position: absolute;
        top: 16px;
        left: 16px;
        z-index: 1
    }
    .card-details .card-row .card-data .card-info,
    .card-details .card-row .card-data .btn-list {
        display: none
    }
    .card-details .card-row .card-data .card-title {
        padding: 25px 16px 16px 140px;
        padding: 2.5rem 1.6rem 1.6rem 14rem;
        background-color: #e8e8e8;
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        cursor: pointer
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .card-details .card-row .card-data .card-title {
        padding: 20px 16px 16px 95px;
        padding: 2rem 1.6rem 1.6rem 9.5rem
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-info {
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .card-details .card-row .card-data .card-info .list {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .card-details .card-row .card-data .card-info .list {
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .card-details .card-row .card-data .card-info .col {
        float: left
    }
    .card-details .card-row .card-data .card-info .col.unit-price,
    .card-details .card-row .card-data .card-info .col.topup-limit,
    .card-details .card-row .card-data .card-info .col.validity {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
    .card-details .card-row .card-data .card-info .col.unit-price {
        width: 39%
    }
    .card-details .card-row .card-data .card-info .col.topup-limit {
        width: 35%;
        padding-left: 8px;
        padding-left: .8rem
    }
    .card-details .card-row .card-data .card-info .col.validity {
        width: 20%;
        float: right
    }
}

@media (max-width: 991px) {
    .card-details {
        padding: 0px;
        padding: 0rem
    }
    .card-details .container {
        padding: 0px;
        padding: 0rem
    }
}

.rta-centre {
    margin: 90px 0px;
    margin: 9rem 0px;
    padding-left: 180px;
    padding-left: 18rem
}

@media (max-width: 991px) {
    .rta-centre {
        margin: 50px 0px;
        margin: 5rem 0px
    }
}

@media (max-width: 767px) {
    .rta-centre {
        margin: 30px 0px;
        margin: 3rem 0px
    }
}

.rta-centre h3,
.rta-centre p {
    max-width: 80%
}

@media (max-width: 991px) {
    .rta-centre h3,
    .rta-centre p {
        max-width: 100%
    }
}

.rta-centre img {
    top: 36px
}

@media (max-width: 991px) {
    .rta-centre img {
        top: 26px
    }
}

.rta-centre .btn {
    position: absolute;
    right: 30px;
    bottom: 30px
}

@media (max-width: 991px) {
    .rta-centre .btn {
        margin-top: 10px;
        margin-top: 1rem;
        margin-bottom: 8px;
        margin-bottom: .8rem;
        float: left;
        position: relative;
        bottom: 0px;
        right: inherit;
        left: 0px
    }
}

@media (max-width: 767px) {
    .rta-centre {
        padding-left: 75px;
        padding-left: 7.5rem
    }
}

.wrap-rta-centre {
    display: block;
    width: 100%;
    float: left
}

@media (max-width: 991px) {
    .wrap-rta-centre {
        clear: both
    }
    .card-title h2,
    .card-title p {
        position: relative;
        z-index: 1
    }
    .card-title:before {
        background-color: #e8e8e8;
        content: "";
        bottom: 0px;
        left: -200px;
        position: absolute;
        right: -200px;
        height: 100%;
        z-index: 0
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .card-title:before {
        display: none
    }
}

.topup-nol>h2 {
    color: #373b40
}

@media (max-width: 767px) {
    .topup-nol>h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.topup-nol>p {
    margin: 25px 0px 25px;
    margin: 2.5rem 0px 2.5rem
}

@media (max-width: 767px) {
    .topup-nol>p {
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

#map {
    height: 100%;
    width: 100%;
    float: left
}

.topup-nol {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 90px;
    padding-bottom: 9rem
}

@media (max-width: 991px) {
    .topup-nol {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .topup-nol {
        padding-top: 5px;
        padding-top: .5rem;
        padding-bottom: 35px;
        padding-bottom: 3.5rem
    }
}

.topup-nol .form-group {
    margin-bottom: 0px;
    margin-bottom: 0rem
}

.topup-nol .form-group .form-control {
    min-width: 340px
}

@media (max-width: 1199px) {
    .topup-nol .form-group .form-control {
        min-width: 300px;
        max-width: 300px
    }
}

@media (max-width: 991px) {
    .topup-nol .form-group .form-control {
        min-width: 100%;
        max-width: 100%
    }
}

@media (max-width: 991px) {
    .topup-nol .form-group {
        width: 100%;
        margin-right: 0px;
        margin-right: 0rem
    }
    .topup-nol .form-group label {
        position: relative;
        top: 0px
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .topup-nol .form-group label {
        margin-bottom: 5px;
        margin-bottom: .5rem
    }
}

@media (max-width: 991px) {
    .topup-nol .form-group:nth-child(2n) {
        margin: 25px 0px;
        margin: 2.5rem 0px
    }
}

@media (max-width: 991px) {
    .topup-nol .btn {
        width: 100%
    }
    .topup-nol .grey-form.form-inline {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.store-locator {
    padding-bottom: 90px;
    padding-bottom: 9rem;
    background-color: #171c8f
}

@media (max-width: 991px) {
    .store-locator {
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .store-locator {
        padding-top: 10px;
        padding-top: 1rem;
        padding-bottom: 40px;
        padding-bottom: 4rem;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

.store-locator .title h2.subtitle {
    color: #fff
}

.store-locator h1,
.store-locator h2,
.store-locator p {
    color: #fff
}

.store-locator .locator-filter .filter-items {
    list-style: none;
    margin: 20px 0 0;
    padding: 0px;
    width: 100%;
    float: left
}

.store-locator .locator-filter .filter-items li {
    float: left;
    width: auto;
    height: auto
}

.store-locator .locator-filter .filter-items li .icon {
    height: 30px;
    width: 30px;
    float: left;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

.store-locator .locator-filter .filter-items li .icon.icon-filter {
    background-image: url(../img/filter.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-shopping {
    background-image: url(../img/shopping-cart.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-card {
    background-image: url(../img/card-use.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-ticketoffers {
    background-image: url(../img/ticket-offers.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-ticketvending {
    background-image: url(../img/ticket-vending.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-administrator {
    background-image: url(../img/administrator.png)
}

.store-locator .locator-filter .filter-items li .icon.icon-rtacsc {
    background-image: url(../img/rta-csc.png);
    width: 38px;
    left: -5px
}

@media (max-width: 991px) {
    .store-locator .locator-filter .column.col-3 {
        position: relative
    }
    .store-locator .locator-filter .filter-options .search-filter {
        border-bottom: 1px solid #cbcccd
    }
}

.store-locator .locator-filter .col {
    width: 33.33333333333333%;
    margin: 0px;
    border: 0px;
    background: url("../img/gradient.png") #fff repeat-y;
    float: right;
    height: 740px
}

.store-locator .locator-filter .col.first {
    float: left;
    margin-right: 0px;
    margin-right: 0rem
}

.store-locator .locator-filter .col.first,
.store-locator .locator-filter .col.last {
    background-image: none;
    background-color: #f6f6f7
}

@media (max-width: 1199px) {
    .store-locator .locator-filter .col.first {
        float: left
    }
    .store-locator .locator-filter .col.last {
        float: right
    }
}

@media (min-width: 992px) {
    .store-locator .locator-filter .col.first {
        display: block !important
    }
}

@media (max-width: 991px) {
    .store-locator .locator-filter .col {
        width: 100%;
        height: auto
    }
    .store-locator .locator-filter .col.first {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px
    }
    .store-locator .locator-filter .col.last {
        float: left;
        height: 250px
    }
}

.store-locator .locator-filter .filter-results-mobile {
    display: none
}

@media (max-width: 991px) {
    .store-locator .locator-filter .filter-results-mobile {
        float: left;
        width: 100%;
        display: block;
        border-bottom: 1px solid #cbcccd
    }
}

.store-locator .locator-filter .search-filter {
    position: relative;
    width: 100%
}

.store-locator .locator-filter .search-filter .form-control {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 60px 10px 30px;
    padding: 1rem 6rem 1rem 3rem;
    border: 0px;
    width: 100%;
    box-shadow: none
}

.store-locator .locator-filter .search-filter .form-control::-webkit-input-placeholder {
    color: #58595b
}

.store-locator .locator-filter .search-filter .form-control::-moz-placeholder {
    color: #58595b
}

.store-locator .locator-filter .search-filter .form-control:-ms-input-placeholder {
    color: #58595b
}

.store-locator .locator-filter .search-filter .form-control:-moz-placeholder {
    color: #58595b
}

@media (max-width: 991px) {
    .store-locator .locator-filter .search-filter .form-control {
        padding: 10px 30px 10px 15px;
        padding: 1rem 3rem 1rem 1.5rem
    }
}

.store-locator .locator-filter .search-filter button.search-btn {
    padding: 15px 30px;
    padding: 1.5rem 3rem;
    height: 60px;
    width: 80px;
    position: absolute;
    right: 0px;
    display: block;
    border: 0px;
    background-color: transparent;
    background-image: url(../img/search-red.png);
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 3
}

@media (max-width: 991px) {
    .store-locator .locator-filter .search-filter button.search-btn {
        right: 50px
    }
}

.store-locator .locator-filter .search-filter .filter-icon {
    display: none
}

@media (max-width: 991px) {
    .store-locator .locator-filter .search-filter .filter-icon {
        display: block;
        background-image: url(../img/filter.png);
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        z-index: 4;
        width: 60px;
        right: 0px;
        height: 60px;
        background-color: #f6f6f7;
        border-left: 1px solid #cbcccd
    }
}

.store-locator .locator-filter aside {
    padding: 20px 30px;
    padding: 2rem 3rem
}

@media (min-width: 992px) {
    .store-locator .locator-filter aside {
        display: block !important
    }
}

@media (max-width: 991px) {
    .store-locator .locator-filter aside {
        padding: 10px 15px;
        padding: 1rem 1.5rem
    }
    .store-locator .locator-filter aside.store-type,
    .store-locator .locator-filter aside.card-type {
        display: none
    }
}

.store-locator .locator-filter aside .form-check .form-check-label {
    margin: 0px;
    margin: 0rem;
    padding: 12px 0px 12px 42px;
    padding: 1.2rem 0px 1.2rem 4.2rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif;
    position: relative;
    cursor: pointer;
    opacity: 0.75
}

.store-locator .locator-filter aside .form-check .form-check-label:hover,
.store-locator .locator-filter aside .form-check .form-check-label.active {
    opacity: 1
}

@media (max-width: 991px) {
    .store-locator .locator-filter aside .form-check .form-check-label {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.store-locator .locator-filter aside .form-check .form-check-label .icon {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center center;
    top: 8px
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-filter {
    background-image: url(../img/filter.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-shopping {
    background-image: url(../img/shopping-cart.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-card {
    background-image: url(../img/card-use.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-ticketoffers {
    background-image: url(../img/ticket-offers.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-ticketvending {
    background-image: url(../img/ticket-vending.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-administrator {
    background-image: url(../img/administrator.png)
}

.store-locator .locator-filter aside .form-check .form-check-label .icon.icon-rtacsc {
    background-image: url(../img/rta-csc.png);
    width: 38px;
    left: -5px
}

.store-locator .locator-filter aside .form-check .form-check-label .head-filter {
    margin: 0px;
    margin: 0rem;
    font-size: 20px;
    font-size: 2rem;
    float: left;
    color: #171c8f;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif
}

.store-locator .locator-filter aside .form-check .form-check-label .form-check-input {
    float: right;
    margin-top: 4px;
    margin-top: .4rem
}

.store-locator .locator-filter aside.card-type {
    padding-top: 0px;
    padding-top: 0rem
}

.store-locator .locator-filter aside.card-type .form-check-label {
    padding-left: 32px;
    padding-left: 3.2rem
}

.store-locator .locator-filter aside.card-type .form-check-label.title {
    padding-left: 0px;
    padding-left: 0rem
}

.store-locator .locator-filter aside.card-type .form-check-label.gold {
    color: #8a7054
}

.store-locator .locator-filter aside.card-type .form-check-label.silver {
    color: #a8a9aa
}

.store-locator .locator-filter aside.card-type .form-check-label.personal {
    color: #2a3584
}

.store-locator .locator-filter aside.card-type .form-check-label.red {
    color: #e8242d
}

.store-locator .locator-filter aside.card-type .form-check-label.customised {
    color: #b73c93
}

.store-locator .locator-filter aside.card-type .form-check-label .icon {
    width: 20px
}

.store-locator .locator-filter aside.card-type .form-check-label .icon.icon-gold {
    background-image: url(../img/gold.png)
}

.store-locator .locator-filter aside.card-type .form-check-label .icon.icon-silver {
    background-image: url(../img/silver.png)
}

.store-locator .locator-filter aside.card-type .form-check-label .icon.icon-personal {
    background-image: url(../img/personal.png)
}

.store-locator .locator-filter aside.card-type .form-check-label .icon.icon-red {
    background-image: url(../img/red.png)
}

.store-locator .locator-filter aside.card-type .form-check-label .icon.icon-customised {
    background-image: url(../img/customised.png)
}

.store-locator .locator-filter .location-details .address-title {
    padding: 40px 40px 30px 62px;
    padding: 4rem 4rem 3rem 6.2rem;
    background-color: #26b0b8;
    position: relative
}

.store-locator .locator-filter .location-details .address-title h3 {
    margin-bottom: 5px;
    margin-bottom: .5rem
}

.store-locator .locator-filter .location-details .address-title h3,
.store-locator .locator-filter .location-details .address-title p {
    color: #fff
}

.store-locator .locator-filter .location-details .address-title .icon {
    width: 14px;
    height: 20px;
    position: absolute;
    top: 60px;
    left: 34px;
    z-index: 1
}

@media (max-width: 991px) {
    .store-locator .locator-filter .location-details .address-title .icon {
        top: 30px;
        left: 14px
    }
}

.store-locator .locator-filter .location-details .address-title .icon.icon-location {
    background-image: url(../img/location.png)
}

@media (max-width: 991px) {
    .store-locator .locator-filter .location-details .address-title {
        padding: 30px 30px 30px 40px;
        padding: 3rem 3rem 3rem 4rem
    }
    .store-locator .locator-filter .location-details .address-title h3 {
        margin-top: 0px;
        margin-top: 0rem
    }
    .store-locator .locator-filter .location-details .address-title p {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.store-locator .locator-filter .location-details .address-desc {
    padding: 20px 28px 30px 32px;
    padding: 2rem 2.8rem 3rem 3.2rem
}

.store-locator .locator-filter .location-details .address-desc p {
    line-height: 26px;
    line-height: 2.6rem;
    margin-bottom: 0px;
    margin-bottom: 0rem;
    color: #53565a
}

.store-locator .locator-filter .location-details .address-desc .btn {
    margin-top: 30px;
    margin-top: 3rem
}

@media (max-width: 991px) {
    .store-locator .locator-filter .location-details .address-desc .btn {
        width: 100%;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 12px 15px;
        padding: 1.2rem 1.5rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 42px
    }
}

@media (max-width: 991px) {
    .store-locator .locator-filter .location-details .address-desc {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 20px 15px 15px 15px;
        padding: 2rem 1.5rem 1.5rem 1.5rem
    }
    .store-locator .locator-filter .location-details .address-desc br {
        display: none
    }
    .store-locator .locator-filter .location-details .address-desc p br {
        display: block
    }
    .store-locator .locator-filter .location-details .address-desc .hours,
    .store-locator .locator-filter .location-details .address-desc .nol-cards {
        margin-top: 30px;
        margin-top: 3rem;
        line-height: 24px;
        line-height: 2.4rem;
        width: 50%;
        float: left
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .store-locator .locator-filter .location-details .address-desc .hours,
    .store-locator .locator-filter .location-details .address-desc .nol-cards {
        max-width: 120px
    }
}

@media (max-width: 991px) {
    .store-locator .locator-filter .location-details .address-desc .hours b,
    .store-locator .locator-filter .location-details .address-desc .nol-cards b {
        width: 100%;
        display: block
    }
    .store-locator .locator-filter .location-details .address-desc .nol-cards {
        float: right
    }
}

.store-locator .locator-filter .locator-detail .icon-close-white {
    height: 12px;
    width: 12px;
    right: 20px;
    top: 20px;
    z-index: 1;
    cursor: pointer;
    position: absolute;
    left: initial
}

.store-locator .locator-filter .store-data {
    position: relative;
    width: 66.6666%;
    float: right;
    overflow: hidden
}

@media (max-width: 991px) {
    .store-locator .locator-filter .store-data {
        width: 100%
    }
}

.store-locator .locator-filter .locator-detail {
    position: relative;
    display: block
}

.store-locator .locator-filter .col.locator-detail {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 50%;
    left: 0px;
    position: absolute
}

.store-locator .locator-filter .col.store-map {
    width: 100%;
    left: 380px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

@media (max-width: 1199px) {
    .store-locator .locator-filter .col.store-map {
        left: 312px
    }
}

.store-locator .locator-filter .no-results .col.locator-detail {
    left: -380px
}

@media (max-width: 1199px) {
    .store-locator .locator-filter .no-results .col.locator-detail {
        left: -314px
    }
}

.store-locator .locator-filter .no-results .col.store-map {
    left: 0px
}

@media (max-width: 991px) {
    .store-locator .locator-filter .col.first.filter-options {
        position: relative
    }
    .store-locator .locator-filter .col.locator-detail {
        height: auto;
        overflow: hidden
    }
    .store-locator .locator-filter .col.store-map,
    .store-locator .locator-filter .col.locator-detail,
    .store-locator .locator-filter .no-results .col.store-map,
    .store-locator .locator-filter .no-results .col.locator-detail {
        left: initial;
        position: relative;
        float: left;
        width: 100%
    }
    .store-locator .locator-filter .no-results .col.locator-detail {
        height: 0px
    }
}

.content-box .title {
    padding-bottom: 0px;
    padding-bottom: 0rem;
    width: 520px;
    height: auto;
    float: left
}

.content-box .title h1 {
    margin-bottom: 40px;
    margin-bottom: 4rem
}

@media (max-width: 991px) {
    .content-box .title h1 {
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

@media (max-width: 767px) {
    .content-box .title h1 {
        margin-bottom: 8px;
        margin-bottom: .8rem
    }
}

.content-box .title p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: "RTA Regular", Helvetica, Arial, sans-serif
}

@media (max-width: 991px) {
    .content-box .title p {
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 767px) {
    .content-box .title p {
        margin-bottom: 10px;
        margin-bottom: 1rem;
        font-family: "RTA Light", Helvetica, Arial, sans-serif
    }
}

.content-box .title .btn {
    margin-top: 2px;
    margin-top: .2rem;
    min-width: 160px
}

@media (max-width: 991px) {
    .content-box .title .btn {
        margin-top: 6px;
        margin-top: .6rem;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 10px 15px 7px 36px;
        padding: 1rem 1.5rem .7rem 3.6rem;
        font-family: "RTA Bold", Helvetica, Arial, sans-serif;
        height: 38px
    }
}

@media (max-width: 767px) {
    .content-box .title .btn {
        width: 100%
    }
}

@media (max-width: 1199px) {
    .content-box .title {
        width: 380px
    }
}

@media (max-width: 991px) {
    .content-box .title {
        width: 100%
    }
}

.content-box .counter-block {
    margin-top: 90px;
    margin-top: 9rem;
    width: 520px;
    height: auto;
    float: right
}

.content-box .counter-block .block-count {
    margin-top: 70px;
    margin-top: 7rem;
    width: 50%
}

@media (max-width: 991px) {
    .content-box .counter-block .block-count {
        margin-top: 30px;
        margin-top: 3rem
    }
}

@media (max-width: 767px) {
    .content-box .counter-block .block-count {
        margin-top: 20px;
        margin-top: 2rem
    }
}

@media (max-width: 1199px) {
    .content-box .counter-block {
        width: 480px
    }
}

@media (max-width: 991px) {
    .content-box .counter-block {
        margin-top: 20px;
        margin-top: 2rem;
        width: 100%
    }
}

.service-offers {
    margin-top: 90px;
    margin-top: 9rem;
    margin-bottom: 90px;
    margin-bottom: 9rem;
    min-height: 132px
}

@media (max-width: 1199px) {
    .service-offers {
        min-height: 150px
    }
}

@media (max-width: 991px) {
    .service-offers {
        min-height: 110px
    }
}

@media (max-width: 767px) {
    .service-offers {
        min-height: 130px
    }
}

.service-offers p {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 30px;
    margin-bottom: 3rem;
    color: #53565a
}

@media (max-width: 767px) {
    .service-offers p {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.service-offers .mobile-scroll {
    float: left;
    position: relative;
    width: 100%
}

@media (max-width: 767px) {
    .service-offers .mobile-scroll .container {
        padding: 0px
    }
}

.service-offers .mobile-scroll .mobile-scroll-inner {
    width: 100%
}

@media (max-width: 1199px) {
    .service-offers .mobile-scroll .mobile-scroll-inner {
        width: 940px
    }
}

@media (max-width: 991px) {
    .service-offers .mobile-scroll .mobile-scroll-inner {
        width: 720px
    }
}

@media (max-width: 991px) {
    .service-offers .mobile-scroll .mobile-scroll-inner {
        width: 100%;
        left: 0px;
        right: 0px
    }
}

@media (max-width: 767px) {
    .service-offers .mobile-scroll .mobile-scroll-inner {
        overflow-x: scroll;
        overflow-y: hidden
    }
}

.service-offers .mobile-scroll.sticky {
    background-color: #53565b;
    position: fixed;
    top: 50px;
    z-index: 2;
    width: 100%;
    -webkit-box-shadow: 0px 2px 21px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 2px 21px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 2px 21px 1px rgba(0, 0, 0, 0.18)
}

@media (max-width: 991px) {
    .service-offers .mobile-scroll.sticky {
        top: 0px
    }
}

.service-offers .mobile-scroll.sticky .magic-line {
    display: none
}

@media (max-width: 767px) {
    .service-offers .grey-tabs li {
        min-width: 180px
    }
}

.service-offers .grey-tabs li a:focus .handshake {
    background-image: url(../img/handshake.png)
}

.service-offers .grey-tabs li a:focus .border-color {
    background-image: url(../img/border-color.png)
}

.service-offers .grey-tabs li a:focus .text-box {
    background-image: url(../img/text-box.png)
}

.service-offers .grey-tabs li a:focus .shop {
    background-image: url(../img/shop.png)
}

.service-offers .grey-tabs li.active a .handshake,
.service-offers .grey-tabs li a:hover .handshake {
    background-image: url(../img/handshake-grey.png)
}

.service-offers .grey-tabs li.active a .border-color,
.service-offers .grey-tabs li a:hover .border-color {
    background-image: url(../img/border-color-grey.png)
}

.service-offers .grey-tabs li.active a .text-box,
.service-offers .grey-tabs li a:hover .text-box {
    background-image: url(../img/text-box-grey.png)
}

.service-offers .grey-tabs li.active a .shop,
.service-offers .grey-tabs li a:hover .shop {
    background-image: url(../img/shop-grey.png)
}

@media (max-width: 767px) {
    .service-offers .grey-tabs {
        width: 720px
    }
}

@media (max-width: 991px) {
    .service-offers {
        margin-top: 40px;
        margin-top: 4rem;
        margin-bottom: 40px;
        margin-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .service-offers {
        margin-top: 20px;
        margin-top: 2rem;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.services-list .wall-image .overlay.flipped {
    left: inherit;
    right: 0px
}

.services-list .wall-image .overlay.orangeOvrly {
    background-color: #ff7000
}

.services-list .wall-image .overlay.greenOvrly {
    background-color: #01b450
}

.services-list .wall-image .overlay.blueOvrly {
    background-color: #0457e5
}

.services-list .counter-block {
    width: 560px;
    height: auto;
    float: right
}

.services-list .counter-block .block-count {
    margin-top: 10px;
    margin-top: 1rem;
    width: 50%
}

.services-list .counter-block .block-count .count-title {
    margin: 0px;
    margin: 0rem
}

@media (max-width: 767px) {
    .services-list .counter-block .block-count .count-title {
        font-size: 35px;
        font-size: 3.5rem;
        line-height: 30px;
        line-height: 3rem;
        padding: 0px;
        padding: 0rem
    }
}

@media (max-width: 767px) {
    .services-list .counter-block .block-count {
        margin-top: 0px;
        margin-top: 0rem
    }
}

.services-list .counter-block .desc p {
    margin-top: 30px;
    margin-top: 3rem
}

@media (max-width: 767px) {
    .services-list .counter-block .desc p {
        margin-top: 20px;
        margin-top: 2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem;
        padding-left: 0px;
        padding-left: 0rem;
        padding-right: 0px;
        padding-right: 0rem
    }
}

@media (max-width: 1199px) {
    .services-list .counter-block {
        width: 100%
    }
}

@media (max-width: 991px) {
    .services-list .counter-block {
        width: 85%
    }
}

@media (max-width: 767px) {
    .services-list .counter-block {
        padding: 20px;
        padding: 2rem;
        width: 100%
    }
}

.services-list .col-sm-5 {
    float: left
}

.services-list .col-sm-7 {
    float: right
}

.services-list .flipped .col-sm-5 {
    float: right
}

.services-list .flipped .col-sm-5 .btn-list {
    float: right
}

@media (max-width: 991px) {
    .services-list .flipped .col-sm-5 .btn-list {
        width: 100%;
        float: left
    }
}

.services-list .flipped .col-sm-7 {
    float: left
}

.services-list .flipped .col-sm-7 .counter-block {
    float: left
}

@media (max-width: 991px) {
    .services-list .col-sm-5 {
        width: 40%
    }
    .services-list .col-sm-7 {
        width: 60%
    }
}

@media (max-width: 767px) {
    .services-list .col-sm-5,
    .services-list .col-sm-7 {
        width: 100%;
        float: left
    }
    .services-list .btn-list {
        width: 100%;
        float: left;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
    .services-list .metro-features {
        padding: 0px;
        padding: 0rem
    }
}

.express-interest {
    padding-bottom: 90px;
    padding-bottom: 9rem;
    background-color: #171c8f
}

.express-interest .title h2 {
    color: #fff
}

@media (max-width: 991px) {
    .express-interest {
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .express-interest {
        padding-top: 10px;
        padding-top: 1rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

.overview-commercial>h2,
.couter-list>h2,
.benefits-commercial>h2,
.gallery>h2,
.partners>h2,
.allowed>h2,
.how-to-apply>h2,
.express-interest>h2 {
    color: #373b40
}

@media (max-width: 767px) {
    .overview-commercial>h2,
    .couter-list>h2,
    .benefits-commercial>h2,
    .gallery>h2,
    .partners>h2,
    .allowed>h2,
    .how-to-apply>h2,
    .express-interest>h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

.overview-commercial>p,
.couter-list>p,
.benefits-commercial>p,
.gallery>p,
.partners>p,
.allowed>p,
.how-to-apply>p,
.express-interest>p {
    margin: 25px 0px 25px;
    margin: 2.5rem 0px 2.5rem
}

@media (max-width: 767px) {
    .overview-commercial>p,
    .couter-list>p,
    .benefits-commercial>p,
    .gallery>p,
    .partners>p,
    .allowed>p,
    .how-to-apply>p,
    .express-interest>p {
        margin-top: 12px;
        margin-top: 1.2rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem
    }
}

.overview-commercial {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 55px;
    padding-bottom: 5.5rem
}

.overview-commercial h2 {
    margin-bottom: 25px;
    margin-bottom: 2.5rem;
    color: #373b40
}

@media (max-width: 991px) {
    .overview-commercial {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

@media (max-width: 767px) {
    .overview-commercial {
        padding-top: 0px;
        padding-top: 0rem;
        padding-bottom: 0px;
        padding-bottom: 0rem
    }
}

.overview-commercial .column.col-2 .col {
    padding-right: 50px;
    padding-right: 5rem
}

.overview-commercial .column.col-2 .col h3 {
    margin-bottom: 20px;
    margin-bottom: 2rem
}

@media (max-width: 767px) {
    .overview-commercial .column.col-2 .col h3 {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 10px;
        margin-bottom: 1rem
    }
}

@media (max-width: 991px) {
    .overview-commercial .column.col-2 .col {
        width: 50%
    }
}

@media (max-width: 767px) {
    .overview-commercial .column.col-2 .col {
        padding-right: 0px;
        padding-right: 0rem;
        padding-bottom: 5px;
        padding-bottom: .5rem;
        width: 100%
    }
}

.couter-list {
    padding: 90px 0px;
    padding: 9rem 0px
}

@media (max-width: 1199px) {
    .couter-list .column.col-4 .col {
        width: 25%
    }
}

@media (max-width: 991px) {
    .couter-list {
        padding: 50px 0px;
        padding: 5rem 0px
    }
}

@media (max-width: 767px) {
    .couter-list {
        padding: 30px 0px;
        padding: 3rem 0px
    }
    .couter-list .column.col-4 .col {
        width: 50%
    }
    .couter-list .column.col-4 .col:last-child,
    .couter-list .column.col-4 .col:nth-last-child(2) {
        margin-top: 25px;
        margin-top: 2.5rem
    }
}

.benefits-commercial {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 0px;
    padding-bottom: 0rem
}

.benefits-commercial h2 {
    color: #373b40
}

@media (max-width: 1199px) {
    .benefits-commercial {
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 991px) {
    .benefits-commercial {
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .benefits-commercial {
        padding-top: 5px;
        padding-top: .5rem;
        padding-bottom: 35px;
        padding-bottom: 3.5rem
    }
}

.benefits-commercial h2 {
    margin-bottom: 25px;
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .benefits-commercial h2 {
        margin-bottom: 25px;
        margin-bottom: 2.5rem
    }
}

.benefits-commercial .column {
    margin: 0px;
    margin: 0rem
}

.benefits-commercial .column .col {
    padding-left: 50px;
    padding-left: 5rem;
    margin: 25px 0px;
    margin: 2.5rem 0px
}

.benefits-commercial .column .col .wrap-icon {
    line-height: 35px;
    line-height: 3.5rem;
    width: 30px;
    height: 35px
}

@media (max-width: 767px) {
    .benefits-commercial .column .col .wrap-icon img {
        width: auto
    }
}

.benefits-commercial .column .col .wrap-data {
    display: block;
    max-width: 80%
}

.benefits-commercial .column .col .wrap-data p {
    margin: 0px;
    margin: 0rem;
    color: #53565a
}

.benefits-commercial .column .col .wrap-data h3 {
    margin: 8px 0px 18px 0px;
    margin: .8rem 0px 1.8rem 0px
}

@media (max-width: 1199px) {
    .benefits-commercial .column .col {
        min-height: 50px
    }
}

@media (max-width: 991px) {
    .benefits-commercial .column .col {
        margin-bottom: 0px;
        margin-bottom: 0rem
    }
}

@media (max-width: 767px) {
    .benefits-commercial .column .col {
        margin-bottom: 0px;
        margin-bottom: 0rem;
        min-height: 30px
    }
}

.gallery {
    padding: 65px 0px 90px 0px;
    padding: 6.5rem 0px 9rem 0px;
    background-color: #f8f8f8
}

.gallery h2 {
    color: #373b40
}

@media (max-width: 991px) {
    .gallery {
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .gallery {
        padding-top: 10px;
        padding-top: 1rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

.gallery .scrolling-area {
    display: block;
    position: relative
}

.gallery .scrolling-area .swiper-gallery {
    margin-top: 30px;
    margin-top: 3rem
}

.gallery .scrolling-area .swiper-gallery .swiper-slide img {
    width: 100%
}

@media (max-width: 767px) {
    .gallery .scrolling-area {
        width: 100%;
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .gallery .scrolling-area .owl-carousel,
    .gallery .scrolling-area .swiper-gallery {
        margin-top: 10px;
        margin-top: 1rem
    }
    .gallery .scrolling-area .owl-carousel .owl-controls {
        display: none !important
    }
}

.gallery .scrolling-area .owl-carousel .item {
    padding: 0px;
    padding: 0rem;
    margin: 0px 28px;
    margin: 0px 2.8rem
}

@media (max-width: 1199px) {
    .gallery .scrolling-area .owl-carousel .item {
        margin: 0px 12px;
        margin: 0px 1.2rem
    }
}

@media (max-width: 767px) {
    .gallery .scrolling-area .owl-carousel .item {
        margin: 0px;
        margin: 0rem;
        width: 100%
    }
}

.gallery .scrolling-area .owl-carousel .item img {
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%
}

.gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -10px
}

.gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
    right: -10px
}

@media (max-width: 1199px) {
    .gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -25px
    }
    .gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -25px
    }
}

@media (max-width: 1199px) {
    .gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -15px
    }
    .gallery .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -15px
    }
}

@media (max-width: 991px) {
    .gallery .scrolling-area .owl-carousel .owl-controls {
        display: none !important
    }
}

.allowed {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 80px;
    padding-bottom: 8rem
}

.allowed h2 {
    color: #373b40
}

@media (max-width: 991px) {
    .allowed {
        padding-top: 50px;
        padding-top: 5rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
    .allowed h2 {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.allowed .left-icon-widget.column .col .wrap-data {
    min-height: 240px
}

@media (max-width: 1199px) {
    .allowed .left-icon-widget.column .col .wrap-data {
        min-height: 200px
    }
}

@media (max-width: 767px) {
    .allowed .left-icon-widget.column .col .wrap-data {
        min-height: 50px
    }
}

@media (max-width: 767px) {
    .allowed {
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 30px;
        padding-bottom: 3rem
    }
}

.partners {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 50px;
    padding-bottom: 5rem
}

.partners h2 {
    color: #373b40
}

.partners .scrolling-area {
    display: block;
    position: relative
}

.partners .scrolling-area .swiper-partners {
    margin-top: 30px;
    margin-top: 3rem
}

@media (max-width: 767px) {
    .partners .scrolling-area .swiper-partners {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.partners .scrolling-area .swiper-partners .swiper-slide img {
    width: 100%
}

.partners .scrolling-area .owl-carousel .item {
    padding: 0px;
    padding: 0rem;
    margin: 0px 18px;
    margin: 0px 1.8rem
}

.partners .scrolling-area .owl-carousel .item img {
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%
}

.partners .scrolling-area .owl-carousel .owl-controls {
    top: 50px
}

.partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: -10px
}

.partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
    right: -10px
}

@media (max-width: 1199px) {
    .partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -25px
    }
    .partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -25px
    }
}

@media (max-width: 1199px) {
    .partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-prev {
        left: -15px
    }
    .partners .scrolling-area .owl-carousel .owl-controls .owl-nav .owl-next {
        right: -15px
    }
}

@media (max-width: 991px) {
    .partners .scrolling-area .owl-carousel .owl-controls {
        display: none !important
    }
}

@media (max-width: 767px) {
    .partners .scrolling-area {
        width: 100%;
        padding: 0px 16px;
        padding: 0px 1.6rem
    }
    .partners .scrolling-area .owl-carousel {
        margin-top: 10px;
        margin-top: 1rem
    }
    .partners .scrolling-area .owl-carousel .owl-controls {
        display: none !important
    }
}

@media (max-width: 991px) {
    .partners {
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .partners {
        padding-top: 5px;
        padding-top: .5rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.how-to-apply {
    padding-top: 70px;
    padding-top: 7rem;
    padding-bottom: 90px;
    padding-bottom: 9rem
}

.how-to-apply h2 {
    color: #373b40
}

.how-to-apply ul.list-simple {
    margin-top: 0px;
    margin-top: 0rem
}

.how-to-apply h2 {
    margin-bottom: 25px;
    margin-bottom: 2.5rem
}

@media (max-width: 767px) {
    .how-to-apply h2 {
        margin-bottom: 15px;
        margin-bottom: 1.5rem
    }
}

@media (max-width: 991px) {
    .how-to-apply {
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .how-to-apply {
        padding-top: 10px;
        padding-top: 1rem;
        padding-bottom: 20px;
        padding-bottom: 2rem
    }
}

.express-interest {
    padding-bottom: 90px;
    padding-bottom: 9rem;
    background-color: #171c8f
}

.express-interest .title h2.subtitle {
    color: #fff;
    margin-bottom: 0px;
    margin-bottom: 0rem
}

@media (max-width: 991px) {
    .express-interest {
        padding-bottom: 50px;
        padding-bottom: 5rem;
        padding-top: 30px;
        padding-top: 3rem
    }
}

@media (max-width: 767px) {
    .express-interest {
        padding-top: 10px;
        padding-top: 1rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

.useful-links {
    padding: 65px 0px 90px;
    padding: 6.5rem 0px 9rem;
    background-color: #e00;
    color: #fff
}

@media (max-width: 991px) {
    .useful-links {
        padding-top: 20px;
        padding-top: 2rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .useful-links {
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 40px;
        padding-bottom: 4rem
    }
}

.useful-links h1 {
    margin: 28px 0px;
    margin: 2.8rem 0px
}

@media (max-width: 767px) {
    .useful-links h1 {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 20px;
        margin-bottom: 2rem
    }
}

.useful-links ul.link-items {
    border: 1px solid #f78080;
    border-right: 0px;
    border-bottom: 0px
}

.useful-links ul.link-items li {
    width: 33.33%;
    float: left;
    position: relative;
    border-right: 1px solid #f78080;
    border-bottom: 1px solid #f78080
}

@media (max-width: 991px) {
    .useful-links ul.link-items li {
        width: 50%
    }
}

@media (max-width: 767px) {
    .useful-links ul.link-items li {
        width: 100%
    }
}

.useful-links ul.link-items li a {
    color: #fff
}

.useful-links ul.link-items li a h3 {
    padding: 50px 20px;
    padding: 5rem 2rem;
    margin: 0px;
    margin: 0rem
}

@media (max-width: 1199px) {
    .useful-links ul.link-items li a h3 {
        padding: 28px 20px;
        padding: 2.8rem 2rem;
        font-size: 16px;
        font-size: 1.6rem
    }
}

@media (max-width: 1199px) {
    .useful-links ul.link-items li a h3 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

@media (max-width: 767px) {
    .useful-links ul.link-items li a h3 {
        font-size: 16px;
        font-size: 1.6rem
    }
}

.useful-links ul.link-items li a .icon {
    height: 50px;
    width: 50px;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 34px
}

@media (max-width: 1199px) {
    .useful-links ul.link-items li a .icon {
        background-size: auto 25px;
        top: 10px
    }
}

.useful-links ul.link-items.minimal li {
    width: 16.66666666666667%
}

.useful-links ul.link-items.minimal li a {
    min-height: 78px;
    padding-left: 50px;
    padding-left: 5rem;
    display: block
}

.useful-links ul.link-items.minimal li a h3 {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 10px 0;
    padding: 2rem 1rem 0;
    margin: 0;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    width: 100%
}

@media (max-width: 767px) {
    .useful-links ul.link-items.minimal li a h3 {
        font-size: 14px;
        font-size: 1.4rem;
        margin-top: 0px;
        margin-top: 0rem
    }
}

.useful-links ul.link-items.minimal li a i.icon {
    left: 12px;
    top: 20px;
    top: 2rem;
    width: 35px;
    height: 35px;
    background-size: auto 100%;
    transition: ease 0.2s all
}

.useful-links ul.link-items.minimal li a:hover {
    background-color: #fff;
    color: #e00;
    text-decoration: none
}

.useful-links ul.link-items.minimal li a:hover .icon.journey-planner {
    background-image: url("../img/journey-planner-red.png")
}

.useful-links ul.link-items.minimal li a:hover .icon.check-balance {
    background-image: url("../img/check-balance-red.png")
}

.useful-links ul.link-items.minimal li a:hover .icon.faq {
    background-image: url("../img/faq-red.png")
}

.useful-links ul.link-items.minimal li a:hover .icon.contact-us {
    background-image: url("../img/contact-us-red.png")
}

.useful-links ul.link-items.minimal li a:hover .icon.locate-us {
    background-image: url("../img/locate-us-red.png")
}

.useful-links ul.link-items.minimal li a:hover .icon.feedbacks {
    background-image: url("../img/feedbacks-red.png")
}

@media (max-width: 991px) {
    .useful-links ul.link-items.minimal li {
        width: 33.33333333333333%
    }
}

@media (max-width: 767px) {
    .useful-links ul.link-items.minimal li {
        width: 50%
    }
}

.smart-application {
    padding: 65px 0px 120px 0px;
    padding: 6.5rem 0px 12rem 0px;
    background-color: #f8f8f8;
    padding-bottom: 90px;
    padding-bottom: 9rem;
    background-color: #e6e6e6
}

.smart-application .scrolling-area {
    position: relative;
    display: block
}

@media (max-width: 991px) {
    .smart-application .scrolling-area {
        display: none
    }
}

.smart-application .minimal-container {
    padding: 0px 16px;
    padding: 0px 1.6rem
}

@media (min-width: 992px) {
    .smart-application .minimal-container {
        display: none
    }
}

.smart-application .minimal-container .list-apps {
    margin-top: 15px;
    margin-top: 1.5rem;
    display: block
}

@media (max-width: 767px) {
    .smart-application .minimal-container .list-apps {
        margin-top: 5px;
        margin-top: .5rem
    }
}

.smart-application .minimal-container .list-apps li {
    float: left;
    margin-right: 25px;
    margin-right: 2.5rem
}

.smart-application .minimal-container .list-apps li img {
    max-width: 100px
}

@media (max-width: 767px) {
    .smart-application .minimal-container .list-apps li img {
        max-width: 60px
    }
}

.smart-application .minimal {
    margin-top: 25px;
    margin-top: 2.5rem
}

@media (max-width: 767px) {
    .smart-application .minimal {
        margin-top: 10px;
        margin-top: 1rem
    }
}

.smart-application .minimal .item {
    display: block;
    width: 95%
}

.smart-application .minimal .item:hover,
.smart-application .minimal .item:focus {
    background-color: #fff
}

.smart-application .minimal .item h2 {
    font-size: 16px;
    font-size: 1.6rem;
    color: #53565a;
    font-family: "RTA Light", Helvetica, Arial, sans-serif;
    width: 100%
}

.smart-application .minimal .item img {
    max-width: 50px;
    position: absolute;
    right: 25px;
    top: 15px
}

.smart-application .minimal .owl-controls {
    display: none !important
}

.smart-application .carousel-static {
    margin-top: 30px;
    margin-top: 3rem
}

@media (max-width: 991px) {
    .smart-application .carousel-static {
        margin-top: 12px;
        margin-top: 1.2rem
    }
}

.smart-application .carousel-static .item {
    padding: 34px 20px 30px;
    padding: 3.4rem 2rem 3rem;
    position: relative;
    background: #cbcccd;
    display: block;
    float: left;
    width: 32.1%
}

@media (max-width: 991px) {
    .smart-application .carousel-static .item {
        padding: 26px 20px 22px;
        padding: 2.6rem 2rem 2.2rem
    }
}

.smart-application .carousel-static .item:first-child {
    margin-right: 22px;
    margin-right: 2.2rem
}

@media (max-width: 1199px) {
    .smart-application .carousel-static .item:first-child {
        margin-right: 18px;
        margin-right: 1.8rem
    }
}

.smart-application .carousel-static .item:last-child {
    float: right;
    margin-right: 0px;
    margin-right: 0rem
}

.smart-application .carousel-static .item h2,
.smart-application .carousel-static .item p {
    width: 60%;
    float: left;
    color: #53565a
}

.smart-application .carousel-static .item h2 {
    margin: 0px;
    margin: 0rem
}

@media (max-width: 991px) {
    .smart-application .carousel-static .item h2 {
        font-family: "RTA Regular", Helvetica, Arial, sans-serif
    }
}

.smart-application .carousel-static .item p {
    margin: 20px 0px;
    margin: 2rem 0px
}

.smart-application .carousel-static .item img {
    position: absolute;
    right: 18px;
    top: 15px
}

@media (max-width: 991px) {
    .smart-application .carousel-static .item img {
        right: 16px;
        top: 12px;
        width: 42px
    }
}

@media (max-width: 991px) {
    .smart-application .carousel-static .item {
        margin: 0px;
        margin: 0rem;
        margin-bottom: 12px;
        margin-bottom: 1.2rem;
        width: 100%;
        background-color: #fff
    }
    .smart-application .carousel-static .item:last-child {
        margin-bottom: 2px;
        margin-bottom: .2rem
    }
}

.smart-application h2 {
    font-size: 46px;
    font-size: 4.6rem;
    margin-top: 20px;
    margin-top: 2rem;
    margin-bottom: 10px;
    margin-bottom: 1rem
}

@media (max-width: 991px) {
    .smart-application {
        margin-top: 50px;
        margin-top: 5rem;
        padding-top: 30px;
        padding-top: 3rem;
        padding-bottom: 50px;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .smart-application {
        padding-top: 40px;
        padding-top: 4rem;
        padding-bottom: 40px;
        padding-bottom: 4rem;
        margin-top: 16px;
        margin-top: 1.6rem
    }
    .smart-application h1 {
        margin-top: 0px;
        margin-top: 0rem;
        font-size: 24px;
        font-size: 2.4rem
    }
    .smart-application h2 {
        margin-top: 0px;
        margin-top: 0rem;
        font-size: 24px;
        font-size: 2.4rem
    }
}

@media (max-width: 991px) {
    .smart-application {
        margin-top: 0px;
        margin-top: 0rem
    }
}

.swiper-smartapp {
    margin-top: 30px;
    margin-top: 3rem
}

.swiper-smartapp .swiper-slide {
    padding: 30px 20px;
    padding: 3rem 2rem;
    background: #cbcccd;
    display: block;
    float: left;
    position: relative;
    min-height: 246px
}

@media (max-width: 1199px) {
    .swiper-smartapp .swiper-slide {
        min-height: 226px
    }
}

.swiper-smartapp .swiper-slide:hover {
    background: #fff
}

.swiper-smartapp .swiper-slide h2 {
    font-size: 30px;
    font-size: 3rem
}

.swiper-smartapp .swiper-slide h2,
.swiper-smartapp .swiper-slide p {
    width: 60%;
    float: left;
    color: #53565a;
    text-align: left
}

.swiper-smartapp .swiper-slide h2 {
    margin: 0px;
    margin: 0rem
}

.swiper-smartapp .swiper-slide p {
    margin: 20px 0px;
    margin: 2rem 0px
}

.swiper-smartapp .swiper-slide img {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 999
}

footer {
    width: 100%;
    height: auto;
    float: left
}

footer .footernav {
    font-size: 14px;
    background-color: #53565a;
    padding-top: 25px;
    padding-bottom: 40px
}

footer .footernav ul {
    width: 175px;
    float: left;
    margin-right: 10px;
    padding: 0px
}

footer .footernav a {
    color: #eeeeef
}

footer .footernav a:hover {
    color: #fff
}

footer .footernav ul:last-child {
    margin-right: 0
}

footer .footernav ul li {
    margin-top: 10px
}

footer .footer-copyright {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #e6e6e6
}

footer .footer-copyright .bottom-text {
    display: block;
    float: left;
    width: 450px;
    font-size: 14px;
    color: #8a8a8a
}

@media (max-width: 767px) {
    footer .footer-copyright .bottom-text {
        width: 100%
    }
}

footer .footer-copyright .bottom-text i {
    color: #ec4149;
    font-size: 11px
}

footer .footer-copyright .bottom-image {
    display: block;
    float: right;
    width: 91px
}

footer .footer-sticky-nav {
    float: left;
    width: 100%
}

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

footer .footer-sticky .container {
    width: 100%;
    padding: 0
}

footer .footer-service-happy {
    float: left;
    width: 55px
}

footer .footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%
}

footer .footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

footer .footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 29px 25px;
    background: url(../img/ft-ic1.png) no-repeat center center #e00
}

footer .footer-service-happy {
    float: left;
    width: 55px;
    height: 55px
}

footer .footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%
}

footer .footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

footer .footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 15px;
    background: url(../img/sticky-happy.png) no-repeat center center #e00
}

footer .footer-service-happy ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000;
    background: url(../img/sticky-happy-2.png) no-repeat center center #fff
}

footer .footer-service {
    float: right;
    width: 489px;
    margin-top: 25px
}

footer .footer-service ul {
    display: table;
    position: relative;
    width: 100%
}

footer .footer-service ul li {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #e5e6ea
}

footer .footer-service ul li:last-child {
    border-right: none
}

footer .footer-service ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 8px 18px;
    height: 30px
}

footer .footer-service ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000
}

footer .footer-service ul li:nth-child(1) a {
    background: url(../img/sticky-top.png) no-repeat center center #53565b;
    background-size: 50%
}

footer .footer-service ul li:nth-child(1) a:hover {
    color: #ee0000;
    background: url(../img/sticky-top-2.png) no-repeat center center #fff;
    background-size: 50%
}

footer #off-chat {
    display: none
}

footer #off-chat .off-chat {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #53565b !important
}

footer #off-chat .off-chat:hover {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #fff !important
}

footer .footer-service ul li:nth-child(2) a {
    background: url(../img/sticky-chat-offline.png) no-repeat right 10px center #53565b;
    background-size: 6%
}

footer .footer-service ul li:nth-child(2) a:hover {
    color: #ee0000;
    background: url(../img/sticky-chat-offline.png) no-repeat right 10px center #fff;
    background-size: 6%
}

footer .footer-service ul li:nth-child(2) a.active,
footer .footer-service ul li:nth-child(2) a.active:hover {
    color: #ee0000;
    background: url(../img/sticky-chat-online.png) no-repeat right 10px center #fff;
    background-size: 6%
}

footer .footer-service ul li:nth-child(3) a {
    background: url(../img/ft-ic6.png) no-repeat right 10px center #53565b;
    background-size: 12%
}

footer .footer-service ul li:nth-child(3) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic6-2.png) no-repeat right 10px center #fff;
    background-size: 12%
}

footer .footer-service ul li:nth-child(4) a {
    background: url(../img/ft-ic5.png) no-repeat center center #53565b;
    background-size: 35%
}

footer .footer-service ul li:nth-child(4) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic5-2.png) no-repeat center center #fff;
    background-size: 35%
}

footer .footer-service ul li span {
    display: inline;
    float: left
}

footer .footer-service ul li span:nth-child(1) {
    float: left;
    font-weight: bold;
    font-size: 15px
}

footer .footer-service ul li span:nth-child(2) {
    float: right;
    font-weight: normal;
    font-size: 14px;
    padding: 0 20px 0 0px
}

@media (max-width: 991px) {
    footer .footer-copyright .bottom-text {
        width: 100%
    }
    footer .footer-copyright .text-center {
        text-align: left !important
    }
    footer .footer-copyright .text-center a {
        float: left
    }
    footer .footer-copyright,
    footer .footer-copyright .col-sm-6 {
        width: 100%
    }
}

header {
    width: 100%;
    height: auto;
    /*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
}

header body,
header .mplight {
    font-family: "MetaPro-Light", arial
}

header a:focus,
header a:hover {
    text-decoration: none;
    outline: none
}

header html {
    width: 100%
}

header .nav-btn {
    display: none
}

header .nav-site-new {
    max-width: 1100px
}

header .dropdown-list::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

header .dropdown-list::-webkit-scrollbar-track {
    background: rgba(156, 156, 156, 0.1)
}

header .dropdown-list::-webkit-scrollbar-thumb {
    background: rgba(156, 156, 156, 0.5)
}

header body {
    width: 100%;
    margin: 0;
    padding: 0;
    min-height: 900px;
    position: relative;
    font-size: 14px !important
}

header input,
header input.form-control {
    border-color: #e8e8e8;
    margin-bottom: 10px;
    box-shadow: none;
    font-size: 14px;
    color: #9c9c9c
}

header .btn.active.focus,
header .btn.active:focus,
header .btn.focus,
header .btn:active.focus,
header .btn:active:focus,
header .btn:focus {
    outline: none
}

header .form-control:focus {
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: transparent
}

header .btn-blue {
    background-color: #1daeec;
    color: #fff;
    border: solid 1px #1daeec
}

header .btn-blue:hover,
header .btn-blue:visited,
header .btn-blue:focus,
header .btn-blue.active {
    background-color: #5bcbfb;
    color: #fff;
    outline: none;
    border: solid 1px #5bcbfb
}

header .btn-grey {
    background-color: #f4f4f4;
    color: #1daeec;
    border: solid 1px #f4f4f4
}

header .btn-grey-dark {
    background-color: #c9c9c9;
    color: #fff;
    border: solid 1px #c9c9c9
}

header .btn-grey:hover,
header .btn-grey:visited,
header .btn-grey:focus,
header .btn-grey.active {
    background-color: #f4f4f4;
    color: #fff;
    outline: none;
    border: none;
    color: #fff !important
}

header .btn-grey-dark:hover,
header .btn-grey-dark:visited,
header .btn-grey-dark.active {
    background-color: #ec4149;
    color: #fff;
    outline: none;
    border: solid 1px #ec4149
}

header .btn-big {
    min-width: 205px;
    padding: 11px 25px;
    font-size: 15px
}

header .btn-file {
    position: relative;
    overflow: hidden
}

header .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block
}

header .btn-default {
    white-space: normal !important
}

header .animate-bg {
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

header .shadow {
    box-shadow: 0px -15px 72px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px -15px 72px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px -15px 72px rgba(0, 0, 0, 0.1) inset
}

header button.suggestion {
    background-image: url("../img/suggestion_hover.png");
    background-repeat: no-repeat;
    background-position: 40px center
}

header button.complaints {
    background-image: url("../img/complaints.png");
    background-repeat: no-repeat;
    background-position: 40px center
}

header button.complaints:hover {
    background-image: url("../img/complaints_hover.png");
    background-repeat: no-repeat;
    background-position: 40px center
}

header ul,
header li {
    margin: 0;
    padding: 0;
    list-style: none
}

header a,
header a:hover {
    text-decoration: none
}

header .no-wrape {
    white-space: nowrap
}

header .grey-box {
    background-color: #f4f4f4
}

header .red {
    color: #ec4149
}

header h1 {
    font-size: 45px;
    line-height: 45px;
    color: #9c9c9c;
    margin-bottom: 30px
}

header h2 {
    font-size: 36px;
    line-height: 36px;
    color: #9c9c9c
}

header h2 span {
    color: #000000
}

header h3 {
    font-size: 18px;
    line-height: 18px
}

header h4 {
    font-size: 14px;
    line-height: 14px
}

header p {
    font-size: 12px;
    line-height: 19px
}

header .gen-padding {
    padding: 25px 0px
}

header .title-padding {
    padding-bottom: 40px
}

header .col-lg-1,
header .col-lg-10,
header .col-lg-11,
header .col-lg-12,
header .col-lg-2,
header .col-lg-3,
header .col-lg-4,
header .col-lg-5,
header .col-lg-6,
header .col-lg-7,
header .col-lg-8,
header .col-lg-9,
header .col-md-1,
header .col-md-10,
header .col-md-11,
header .col-md-12,
header .col-md-2,
header .col-md-3,
header .col-md-4,
header .col-md-5,
header .col-md-6,
header .col-md-7,
header .col-md-8,
header .col-md-9,
header .col-sm-1,
header .col-sm-10,
header .col-sm-11,
header .col-sm-12,
header .col-sm-2,
header .col-sm-3,
header .col-sm-4,
header .col-sm-5,
header .col-sm-6,
header .col-sm-7,
header .col-sm-8,
header .col-sm-9,
header .col-xs-1,
header .col-xs-10,
header .col-xs-11,
header .col-xs-12,
header .col-xs-2,
header .col-xs-3,
header .col-xs-4,
header .col-xs-5,
header .col-xs-6,
header .col-xs-7,
header .col-xs-8,
header .col-xs-9 {
    padding-left: 0px;
    padding-right: 0px
}

header .hiddenWidgetsDiv {
    display: none
}

header .rtaLayoutContainer {
    padding-top: 50px
}

header .wpthemeCol {
    margin-left: 0px !important
}

header .component-container {
    min-height: 20px
}

header #left_section {
    position: fixed;
    top: 0;
    left: 0;
    width: 90px;
    -moz-box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    z-index: 100;
    margin-left: -257px;
    display: block;
    width: 347px
}

header #left_section.active {
    display: block;
    width: 347px
}

header #left_section.active #show_login,
header #show_login:hover {
    color: #ffffff;
    background-color: #e00
}

header #left_section .left-bar {
    display: block
}

header #left_section #login_part {
    display: block
}

header .right-bar {
    width: 90px;
    height: 100%;
    float: right;
    background-color: #f6f6f7
}

header .left-bar {
    width: 257px;
    height: 100%;
    float: right;
    background-color: #f1f1f1
}

header #left_section .main-content {
    position: absolute;
    top: 0;
    left: 0
}

header #left_section .top-bar {
    width: 100%;
    height: 100px;
    background-color: #e00
}

header #show_login {
    display: block;
    width: 100%;
    padding: 43px 0px;
    text-align: center;
    font-weight: bold;
    color: #e00;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #e9e8e9
}

header #show_manage_account span {
    display: block;
    width: 100%;
    height: 90px;
    padding-top: 60px;
    text-align: center;
    color: #959595;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #e9e8e9;
    background: url("../img/my-account-grey.png") no-repeat center transparent;
    line-height: 12px;
    font-size: 12px
}

header #show_manage_account span:hover {
    background: url("../img/my-account-white.png") no-repeat center #e00 !important;
    color: #ffffff
}

header #show_logout span {
    display: block;
    width: 100%;
    height: 90px;
    padding-top: 60px;
    text-align: center;
    color: #959595;
    cursor: pointer;
    background-color: transparent;
    border-bottom: 1px solid #e9e8e9;
    line-height: 12px;
    background: url("../img/logout.png") no-repeat center transparent;
    font-size: 12px
}

header #show_logout span:hover {
    background: url("../img/logout_over.png") no-repeat center #e00 !important;
    color: #ffffff
}

header #leftnav_part {
    width: 90px;
    float: right;
    background-color: #f6f6f7
}

header #leftnav_part ul li {
    width: 100%;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #e9e8e9;
    font-size: 12px;
    line-height: 15px;
    color: #959595;
    text-align: center;
    cursor: pointer;
    background: url("../img/left-nav.png") left top transparent
}

header #leftnav_part ul li a {
    color: #959595;
    text-decoration: none
}

header #leftnav_part ul li span {
    display: block;
    padding-top: 38px
}

header #leftnav_part ul li:hover {
    color: #ffffff;
    background: url("../img/left-nav.png") right top #e00
}

header #leftnav_part ul li a:hover,
header #leftnav_part ul li:hover a {
    color: #ffffff
}

header #leftnav_part ul .leftnav-1 {
    background-position: left top
}

header #leftnav_part ul .leftnav-2 {
    background-position: left -222px
}

header #leftnav_part ul .leftnav-3 {
    background-position: left -148px
}

header #leftnav_part ul .leftnav-4 {
    background-position: left -296px
}

header #leftnav_part ul .leftnav-5 {
    background-position: left -74px
}

header #leftnav_part ul .leftnav-6 {
    background-position: left -370px
}

header #leftnav_part ul .leftnav-7 {
    background-position: left -444px
}

header #leftnav_part ul .leftnav-8 {
    background-position: left bottom
}

header #leftnav_part ul .leftnav-1:hover {
    background-position: right top
}

header #leftnav_part ul .leftnav-2:hover {
    background-position: right -222px
}

header #leftnav_part ul .leftnav-3:hover {
    background-position: right -148px
}

header #leftnav_part ul .leftnav-4:hover {
    background-position: right -296px
}

header #leftnav_part ul .leftnav-5:hover {
    background-position: right -74px
}

header #leftnav_part ul .leftnav-6:hover {
    background-position: right -370px
}

header #leftnav_part ul .leftnav-7:hover {
    background-position: right -444px
}

header #leftnav_part ul .leftnav-8:hover {
    background-position: right bottom
}

header #login_part {
    width: 257px;
    float: right;
    display: none
}

header .login-bar {
    padding: 32px 29px 0 22px
}

header .login-bar a {
    display: inline-block;
    margin: 10px 0 5px;
    font-size: 14px;
    line-height: 14px;
    color: #9c9c9c;
    text-decoration: none
}

header .login-bar a:hover {
    color: #e00
}

header .btn-default {
    height: 45px;
    font-size: 15px;
    margin-top: 18px
}

header .main-page {
    width: 100%;
    padding-left: 90px
}

header #header {
    height: 30px;
    padding-top: 3px
}

header header {
    webkit-transition: -webkit-transform 300ms ease 150ms;
    -moz-transition: -webkit-transform 300ms ease 150ms;
    -ms-transition: -webkit-transform 300ms ease 150ms;
    -o-transition: -webkit-transform 300ms ease 150ms;
    transition: -webkit-transform 300ms ease 150ms;
    -webkit-transition: transform 300ms ease 150ms;
    -moz-transition: transform 300ms ease 150ms;
    -ms-transition: transform 300ms ease 150ms;
    -o-transition: transform 300ms ease 150ms;
    transition: transform 300ms ease 150ms
}

header .social-midea li {
    width: 40px;
    float: left
}

header .header-right li {
    margin-left: 20px
}

header #logos {
    height: 70px;
    padding-top: 12px
}

header #slider_banner.site {
    padding: 0
}

header #slider_banner .carousel-inner img {
    width: 100%;
    max-height: 316px
}

header div#slider_banner {
    width: 100%
}

header .carousel-indicators li {
    width: 17px;
    height: 17px;
    border: 3px solid #fff;
    border-radius: 17px;
    background-color: #ffffff;
    margin: 6px
}

header .carousel-indicators .active {
    background-color: #e00;
    width: 17px;
    height: 17px;
    border-radius: 17px;
    margin: 6px
}

header #searchServicesKW {
    width: 100%
}

header .search_part_bg {
    background-color: #f6f6f7
}

header #search_part {
    position: relative;
    background-color: #f6f6f7;
    border-bottom: solid 1px #E8E8E8
}

header #search_part .absolute-container {
    width: 100%;
    height: 100%;
    z-index: 50
}

header .search-text,
header .search-box {
    padding: 12px 5px 0px;
    font-family: "MetaPro-Medium", Arial
}

header .search-text input,
header .search-box input {
    font-size: 18px;
    background-color: transparent;
    border: none
}

header .search-icon {
    background: url("../img/search.png") left top transparent;
    width: 30px;
    height: 29px;
    float: left;
    margin: 10px 30px 0 0
}

header .search-box {
    background: url("../img/search.png") no-repeat left 10px transparent;
    padding: 10px 0px 0 60px;
    height: 50px
}

header .search-box input {
    margin: 0px;
    width: 100%
}

header .search-autosuggest {
    position: absolute;
    width: 100%;
    overflow: hidden;
    background: #f6f6f7;
    z-index: 1;
    border-bottom: solid 1px #E8E8E8;
    display: none;
    z-index: 9999
}

header #search_part ul {
    float: left;
    margin-left: 60px
}

header #search_part .sugclose {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(../img/close-red.png) no-repeat 0 0;
    outline: none;
    cursor: pointer
}

header #search_part ul li {
    line-height: 30px;
    font-size: 17px;
    color: #9c9c9c
}

header #search_part ul li a {
    color: #9c9c9c
}

header #search_part ul li a:hover {
    color: #e00
}

header .search-container:hover input,
header #search_part:hover input,
header #search_part.active input {
    color: #e00
}

header .search-container:hover .search-icon,
header #search_part:hover .search-box,
header #search_part.active .search-box {
    background: url("../img/search-hover.png") no-repeat left 10px transparent
}

header .search-service .search-container:hover .search-icon,
header #search_part.search-service:hover .search-box,
header #search_part.search-service.active .search-box {
    background: url("../img/search-hover.png") no-repeat left 10px transparent
}

header .search-hidden {
    display: none
}

header .searchTxt {
    background-color: #f6f6f7;
    border: solid 1px #f6f6f7;
    outline: none;
    height: 30px;
    overflow: hidden
}

header #news_part {
    padding-top: 15px;
    padding-bottom: 60px;
    height: auto;
    background-color: #f4f4f4
}

header #news_part .carousel-inner {
    background-color: #ffffff
}

header #news_part .carousel-indicators {
    bottom: -50px
}

header .single-new {
    width: 33%;
    float: left
}

header .single-new a img {
    width: 100%;
    height: auto
}

header .single-new.middle {
    width: 33%
}

header .single-new.middle a img {
    width: 100%
}

header .single-new .new-content {
    height: 175px;
    margin: 20px 0 30px;
    padding: 0 30px;
    border-right: 1px solid #e5e5e5
}

header .single-new.middle .new-content {
    padding: 0 20px
}

header .item .single-new:last-child .new-content {
    border: none
}

header .single-new h3 {
    margin-bottom: 4px;
    color: #000000;
    line-height: 19px;
    padding-right: 30px
}

header #extra_part {
    padding-top: 35px;
    padding-bottom: 20px
}

header #extra_part .btn-grey:hover,
header #extra_part .btn-grey:visited,
header #extra_part .btn-grey:focus,
header #extra_part .btn-grey.active {
    background-color: #5bcbfb;
    color: #fff;
    outline: none;
    border: solid 1px #5bcbfb
}

header .extra-item {
    width: 206px;
    margin-right: 105px;
    float: left
}

header .extra-item-large {
    width: 300px
}

header .extra-middle,
header textarea.form-control.extra-middle {
    height: 100px;
    margin: 0 0 26px
}

header textarea {
    resize: none
}

header .extra-item h3 {
    height: 25px
}

header #toll_free {
    padding-top: 25px
}

header #toll_free h4 {
    color: #9c9c9c
}

header p.num {
    font-size: 48px;
    line-height: 60px
}

header .toll-free,
header .fax,
header .email,
header .list-com .suggestion,
header .visit-branch,
header .list-com .print {
    font-size: 38px;
    padding: 0px;
    margin: 0px;
    line-height: 38px;
    color: #1daeec;
    font-family: "MetaPro-Light", Arial
}

header .toll-free:hover,
header .fax:hover,
header .email:hover,
header .list-com .suggestion:hover,
header .list-com .print:hover {
    color: #1daeec
}

header .fax,
header .email {
    font-size: 23px
}

header .list-com .suggestion,
header .visit-branch,
header .list-com .print {
    font-size: 21px
}

header .extra-item .btn-default {
    height: 50px;
    margin-bottom: 20px
}

header .extra-item1 .btn-default {
    height: 50px;
    margin-bottom: 20px
}

header .extra-item .btn-app {
    height: 62px
}

header .blue-link,
header .blue-link:hover {
    font-size: 15px;
    line-height: 15px;
    color: #1daeec;
    cursor: pointer
}

header .blue-link.rain-icon {
    background: url("../img/complaints_hover.png") left center no-repeat transparent;
    padding-left: 18px;
    margin-left: -30px
}

header .blue-link.triangle-icon {
    background: url("../img/icon-triangle.png") right 55% no-repeat transparent;
    padding-right: 17px
}

header .extra-item textarea.form-control {
    width: 100%;
    border-color: transparent;
    background-color: #f4f4f4;
    box-shadow: none;
    font-size: 15px;
    line-height: 18px;
    color: #9c9c9c
}

header #e_service_radio {
    padding-left: 25px;
    padding-top: 25px
}

header .checkbox,
header .radio {
    margin-top: 0
}

header #e_service_radio label {
    font-size: 14px;
    color: #9c9c9c;
    line-height: 22px
}

header ul.suggestions li {
    padding: 5px 0px;
    margin-right: 15px
}

header ul.suggestions li a,
header .suggestions-all a {
    display: inline-block;
    background-color: #f4f4f4;
    padding: 6px 12px;
    font-size: 14px;
    color: #9c9c9c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor: pointer
}

header ul.suggestions li a.active {
    background: #1daeec url(../img/close2.png) no-repeat right center;
    padding-right: 25px;
    color: #fff
}

header .suggestions-all a.active {
    background-color: #1daeec;
    color: #fff
}

header ul.search-result li {
    color: #000;
    overflow: hidden;
    padding-bottom: 45px
}

header ul.search-result span {
    display: Block;
    max-width: 85%
}

header ul.search-result li img {
    float: right
}

header ul.search-result li a {
    color: #000;
    text-decoration: none
}

header ul.search-result li a.tlink {
    font-family: 'MetaPro-Medium', Arial;
    font-size: 18px;
    color: #000
}

header ul.search-result li b {
    color: #1daeec
}

header .search-survey h1,
header .contact-us h1,
header #public-transport h1,
header h1.heading,
header .travel-info h1,
header h1.heading a,
header .faq-ask h1,
header .faq-landing h1,
header .faq-page h1,
header .detail-page h1 {
    color: #1daeec;
    font-size: 36px;
    margin: 0px;
    padding: 0px 0px 9px 0px
}

header .search-survey h3 {
    font-family: 'MetaPro-Light', Arial
}

header .search-survey button {
    margin-right: 15px
}

header .search-survey ul {
    font-size: 14px;
    padding: 25px 0px
}

header .search-survey ul li {
    padding: 10px 11px;
    color: #000;
    font-weight: bold;
    font-family: 'MetaPro-Light', Arial;
    background: url(../img/arrow-right.png) no-repeat left center
}

header .search-survey .sclose {
    cursor: pointer
}

header .search-survey .close-btn {
    display: block;
    width: 35px;
    height: 36px;
    background: url(../img/close.png) no-repeat center center;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1
}

header .search-survey .close-btn:hover {
    opacity: 0.8
}

header .search-survey textarea {
    background-color: #fff !important;
    height: 170px;
    margin: 0 0 10px
}

header #searchResultsLoader,
header .load-more,
header .load-more-services,
header .load-more-search {
    background: url(../img/loading.gif) no-repeat center center;
    padding: 25px 0px;
    cursor: pointer;
    display: block;
    overflow: hidden
}

header .load-more-services,
header .load-more-search,
header #searchResultsLoader {
    background-position: top center;
    padding: 25px 0px 50px 0px
}

header .main_nav_part_bg {
    background-color: #e00;
    border-bottom: solid 1px #fff
}

header #main_nav_part {
    height: 50px;
    z-index: 90;
    position: relative
}

header #main_nav_part ul.main_nav_bar {
    float: left
}

header #main_nav_part ul.main_nav_bar>li {
    float: left;
    width: 120px;
    height: 50px;
    border-right: solid 1px #c63436;
    color: #fff;
    display: table
}

header #main_nav_part ul.main_nav_bar>li>a {
    width: 120px;
    height: 50px;
    color: #fff !important;
    display: table
}

header #main_nav_part ul.main_nav_bar li ul li {
    width: 100% !important
}

header #main_nav_part ul.main_nav_bar>li:first-child {
    border-left: solid 1px #d7393b
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight {
    background: url(../img/dropdown.png) no-repeat 108px 37px #e00
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1 {
    background: url(../img/dropdown.png) no-repeat 108px 37px #e00
}

header #main_nav_part ul.main_nav_bar>li:hover,
header .menu_item_active {
    background: #fff;
    cursor: pointer
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
    background: url(../img/dropdown_over.png) no-repeat 108px 37px #fff
}

header #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 16px;
    color: #fff
}

header #main_nav_part ul.main_nav_bar>li:hover>a>p {
    color: #e00
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover a p,
header .menu_item_text_active {
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li:hover>a>span>img {
    display: none
}

header #main_nav_part ul.main_nav_bar>li:hover>a>span>img.img_over,
header .menu_item_icon_active {
    display: block
}

header #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu {
    display: block
}

header #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu img {
    padding-left: 10px;
    margin-top: -2px
}

header #main_nav_part ul.main_nav_bar>li>a>p,
header #main_nav_part ul.main_nav_bar>li>a>span {
    display: table-cell;
    vertical-align: middle
}

header #main_nav_part ul.main_nav_bar>li>a>span {
    text-align: right;
    padding: 0 6px 3px
}

header #main_nav_part ul.main_nav_bar>li>a>span>img.img_over {
    display: none;
    float: right;
    margin-top: 1px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu {
    display: none
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.expanded {
    height: 500px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
    position: absolute;
    width: 100%;
    background-color: #fff;
    left: 0;
    padding: 20px 0px;
    -moz-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    top: 50px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
    top: 0px;
    min-height: 250px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul {
    width: 25%;
    display: block;
    margin: 0px;
    padding: 0px;
    float: left
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li {
    padding: 0px 0px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    display: block;
    color: #646464;
    width: 100%;
    max-width: 155px;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 5px;
    background: url(../img/link.png) no-repeat right 9px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu a:hover,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:active,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:focus,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:visited {
    text-decoration: none
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(../img/link_over.gif) no-repeat right 9px;
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 a {
    color: #db383c;
    padding: 10px 0px;
    display: block
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back {
    float: left;
    padding: 5px 10px 0px 0px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover {
    background-image: none
}

header #main_nav_part .shortMenu {
    position: relative
}

header #main_nav_part .shortMenu .smenu {
    width: 350px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    padding: 25px;
    display: none;
    font-size: 16px;
    background: #fff;
    -moz-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1)
}

header #main_nav_part .small_menu {
    position: relative
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu_small {
    width: 140px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul {
    float: left;
    padding-right: 23px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul ul {
    position: absolute;
    display: none
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li {
    padding-right: 15px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu .site {
    position: relative
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover a,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li:hover a {
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li a {
    color: #646464
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover ul {
    display: block;
    left: 155px;
    top: 0;
    background-color: #fff;
    z-index: 999;
    padding: 0px 10px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    display: block;
    color: #646464;
    width: 150px;
    height: 30px;
    font-size: 14px;
    line-height: 28px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub {
    width: 100%
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover ul {
    display: inherit
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub a {
    background: url(../img/link.gif) no-repeat right 8px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover a {
    background: url(../img/link_over.gif) no-repeat right 8px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub li a,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover li a {
    background-image: none
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:hover,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:active {
    color: #ec4149
}

header #main_nav_part .main_nav_submenu_third {
    position: absolute;
    left: 155px;
    top: 0
}

header #main_nav_part .main_nav_submenu_third ul {
    position: relative !important;
    float: left;
    display: block;
    width: 155px;
    left: auto !important
}

header .site-control {
    float: right;
    width: 205px;
    margin-top: 12px
}

header .site-control li {
    float: left;
    width: 31px;
    height: 31px;
    margin-left: 3px;
    cursor: pointer
}

header .speech .rs_skip {
    position: absolute;
    top: 55px;
    width: 150px
}

header .speech {
    background: url(../img/control-icon-v2.png) no-repeat -10px top
}

header .view {
    background: url(../img/control-icon-v2.png) no-repeat -48px top
}

header .small-font {
    background: url(../img/control-icon-v2.png) no-repeat -86px top
}

header .normal-font {
    background: url(../img/control-icon-v2.png) no-repeat -120px top
}

header .medium-font {
    background: url(../img/control-icon-v2.png) no-repeat -155px top
}

header .large-font {
    background: url(../img/control-icon-v2.png) no-repeat -190px top
}

header .site-control li.active {
    cursor: default
}

header .speech.active {
    background: url(../img/control-icon-v2.png) no-repeat -10px bottom
}

header .view.active {
    background: url(../img/control-icon-v2.png) no-repeat -48px bottom
}

header .small-font.active {
    background: url(../img/control-icon-v2.png) no-repeat -86px bottom
}

header .normal-font.active {
    background: url(../img/control-icon-v2.png) no-repeat -120px bottom
}

header .medium-font.active {
    background: url(../img/control-icon-v2.png) no-repeat -155px bottom
}

header .large-font.active {
    background: url(../img/control-icon-v2.png) no-repeat -190px bottom
}

header #services_part {
    background: #ffffff;
    padding-top: 30px;
    padding-bottom: 50px
}

header .services-body {
    margin-top: 30px
}

header .services-body .services-top-bar {
    position: relative;
    margin-bottom: 52px
}

header .services-body-left {
    float: left;
    width: 460px
}

header .services-body-left .btn-group {
    position: absolute;
    bottom: 0;
    right: 0
}

header .services-body-left .btn-group.open button {
    border-bottom: none
}

header .service-dropdown,
header .dropdown {
    width: 220px;
    border: 0px;
    text-align: left;
    font-size: 14px;
    color: #9c9c9c;
    padding-left: 10px;
    padding-right: 30px;
    outline: none;
    border: solid 1px #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "MetaPro-Book", arial
}

header .dropdown-auto {
    width: inherit !important
}

header .form-control {
    width: 220px;
    font-family: "MetaPro-Medium", arial
}

header .service-dropdown {
    height: 33px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

header .dropdown-menu {
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-width: 60px
}

header .dropdown-menu>li>a {
    padding: 5px 10px;
    font-size: 14px;
    cursor: pointer
}

header .dropdown-menu>li>a:focus,
header .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #db383c
}

header .popular-services .btn-default,
header .popular-service .btn-default {
    width: 220px;
    height: 61px;
    text-align: left;
    float: left;
    margin-bottom: 13px;
    padding-left: 70px
}

header .popular-service .btn-grey {
    padding: 0px 15px;
    overflow: hidden;
    border-left: solid 5px #53bceb;
    color: #000
}

header .btn-services {
    background-image: url("../img/services-icon.png");
    background-repeat: no-repeat
}

header .btn-default.salik {
    background-position: left top
}

header .btn-default.metro-agency {
    background-position: left -61px
}

header .btn-default.licensing {
    background-position: left -122px
}

header .btn-default.corporate-technical {
    background-position: left -183px
}

header .btn-default.dubai-metro {
    background-position: left -244px
}

header .btn-default.dubai-taxi {
    background-position: left -305px
}

header .btn-default.rail-agency {
    background-position: left -366px
}

header .btn-default.taxi-agency {
    background-position: left -427px
}

header .popular-services .btn-default:nth-child(odd) {
    margin-right: 20px
}

header .popular-service .btn-default {
    margin-right: 15px
}

header .services-body-left .blue-link {
    font-size: 18px;
    line-height: 18px
}

header .services-body-right {
    width: 400px;
    margin-left: 80px;
    float: left
}

header .public-transport {
    width: 300px;
    padding: 0 10px 0 32px
}

header .public-transport h3 {
    margin-bottom: 2px
}

header .download-transport {
    margin-top: 23px
}

header .public-transport .download-transport h3 {
    display: inline-block;
    margin-right: 15px
}

header .download-transport a {
    margin-right: 10px
}

header .icons {
    padding-top: 35px
}

header .icons a {
    display: inline-block;
    margin-right: 8px;
    float: left;
    cursor: pointer
}

header .icons a:last-child {
    margin-right: 0
}

header .icons img {
    zoom: 1;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -webkit-transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -ms-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

header .icons img:hover,
header .icons .selected img {
    opacity: 1;
    filter: alpha(opacity=100)
}

header .form-control[disabled],
header .form-control[readonly],
header fieldset[disabled] .form-control {
    background-color: #fff
}

header .form {
    color: #9c9c9c
}

header .form h3 {
    color: #000;
    padding: 0px 0px 10px 0px
}

header .form .mm {
    font-family: "MetaPro-Medium", arial
}

header .form .red {
    padding: 15px 0px 0px 0px;
    color: #ec4149
}

header .form .lbl {
    padding: 30px 0px 5px 25px;
    color: #9c9c9c;
    font-family: "MetaPro-Medium", arial;
    font-weight: normal
}

header .form .field2 {
    padding: 0px 15px
}

header .form .radio2 {
    padding: 10px 15px
}

header .form .dropdown {
    height: 60px
}

header .form .dropdown-menu {
    top: 50px
}

header .form .dropdown-list {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-wrap: break-word;
    max-height: 150px;
    webkit-box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.125);
    padding-bottom: 15px
}

header .form .btn-group {
    width: 100%
}

header .form .dropdown-small {
    width: 74px;
    padding-right: 50px
}

header .form .dropdown-medium {
    width: 145px;
    padding-right: 50px
}

header .form .form-control {
    height: 60px;
    width: 100%
}

header .form .form-control2 {
    height: 45px
}

header .form .field {
    padding: 10px 10px 10px 0px
}

header .form .date {
    padding: 0px;
    margin: 10px 10px 10px 0px;
    border-radius: 4px
}

header .form .input-group-addon {
    background-color: #fff;
    border: none;
    color: #9c9c9c
}

header .form .glyphicon {
    font-size: 22px
}

header .form .reset {
    padding: 10px 0px 20px 0px
}

header .form a {
    color: #1daeec
}

header .form .msg {
    padding: 14px 0px 14px 28px
}

header .form .upsuccess {
    background: url(../img/success.png) no-repeat left center
}

header .form .upsuccess-grey {
    background: url(../img/success-grey.png) no-repeat left center
}

header .form .uperror {
    background: url(../img/error.png) no-repeat left center;
    color: #db383c
}

header .form .select {
    border: 0px;
    text-align: left;
    font-size: 14px;
    color: #9c9c9c;
    padding: 16px 0px;
    position: relative;
    background-color: #fff;
    outline: none;
    border: solid 1px #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "MetaPro-Book", arial;
    height: 60px
}

header .form .select select {
    background: transparent;
    width: 100%;
    padding: 5px;
    font-size: 14px;
    color: #9c9c9c;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none
}

header .form .select-services {
    background-color: #f6f6f7;
    color: #1daeec
}

header .select-services .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1daeec;
    font-family: "MetaPro-Light", arial;
    font-size: 18px
}

header .form .select select:focus {
    outline: none
}

header .services-bg {
    background: url(../img/bg-services.png) no-repeat top center;
    background-size: 100% auto
}

header ul.list-services {
    padding: 18px 0px 0px 0px;
    margin: 0px
}

header ul.list-services li {
    width: 24.5%;
    text-align: center;
    padding: 15px 0px
}

header ul.list-services li a {
    font-size: 18px;
    color: #1daeec;
    display: block;
    padding: 47px 10px 10px 10px;
    background-repeat: no-repeat;
    background-position: top center
}

header ul.list-services li.services-dco a {
    background-image: url(../img/services-dco.png)
}

header ul.list-services li.services-pt a {
    background-image: url(../img/services-pt.png)
}

header ul.list-services li.services-corp a {
    background-image: url(../img/services-corp.png)
}

header ul.list-services li.services-alpha a {
    background-image: url(../img/services-alpha.png)
}

header ul.list-services li:hover,
header ul.list-services li.active {
    background-color: #f6f6f7
}

header ul.list-alpha li {
    padding: 0px
}

header ul.list-alpha li:nth-child(even) {
    background: url(../img/dot.png) no-repeat center center
}

header ul.list-alpha li,
header ul.list-alpha li a {
    font-size: 18px;
    color: #1daeec
}

header ul.list-alpha li a {
    display: block;
    padding: 1px 8px;
    cursor: pointer;
    line-height: 24px;
    width: 26px;
    text-align: center
}

header ul.list-alpha li a:hover,
header ul.list-alpha li.active a {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    color: #fff;
    background-color: #1daeec
}

header ul.list-com li {
    padding: 2px 0px
}

header ul.list-docs {
    padding: 10px 0px
}

header ul.list-docs li {
    background: url(../img/arrow-grey.png) no-repeat left 6px;
    padding: 3px 5px 3px 15px;
    display: table
}

header ul.list-services-regn {
    padding: 10px 0px;
    margin: 0px;
    overflow: hidden
}

header ul.list-services-regn li {
    padding: 10px 0px;
    margin: 0px;
    width: 49%;
    float: left
}

header ul.list-services-regn li a {
    display: block;
    padding: 5px 0px 5px 40px;
    color: #1daeec;
    font-size: 14px
}

header .icon-salik {
    background: url(../img/icons/ico-salik.png) no-repeat left center
}

header .icon-metro-agency {
    background: url(../img/icons/ico-metro-agency.png) no-repeat left center
}

header .icon-licencing-agency {
    background: url(../img/icons/ico-licencing-agency.png) no-repeat left center
}

header .icon-dubai-taxi {
    background: url(../img/icons/ico-dubai-taxi.png) no-repeat left center
}

header .icon-dubai-metro {
    background: url(../img/icons/ico-dubai-metro.png) no-repeat left center
}

header .icon-taxi-agency {
    background: url(../img/icons/ico-taxi-agency-services.png) no-repeat left center
}

header .icon-rail-agency {
    background: url(../img/icons/ico-rail-agency-services.png) no-repeat left center
}

header .icon-corporate-support {
    background: url(../img/icons/ico-corporate-support.png) no-repeat left center
}

header .bootstrap-datetimepicker-widget {
    border: solid 1px red;
    padding: 0px;
    border-color: transparent;
    -moz-box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1)
}

header .bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: 225px
}

header .datepicker {
    margin: 0px;
    padding: 0px;
    bottom: 0
}

header .datepicker .picker-switch,
header .datepicker .prev,
header .datepicker .next {
    color: #fff;
    background-color: #e00;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px
}

header .bootstrap-datetimepicker-widget table th.disabled,
header .bootstrap-datetimepicker-widget table th.disabled:hover {
    background-color: #e00;
    color: #E26363
}

header .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #e00
}

header .bootstrap-datetimepicker-widget table td,
header .bootstrap-datetimepicker-widget table th {
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px
}

header .bootstrap-datetimepicker-widget table td span.active,
header .bootstrap-datetimepicker-widget table td span:hover {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px
}

header .bootstrap-datetimepicker-widget table td.day {
    color: #9c9c9c
}

header .bootstrap-datetimepicker-widget table td.today {
    background-color: #eee
}

header .bootstrap-datetimepicker-widget table td.old,
header .bootstrap-datetimepicker-widget table td.new,
header .bootstrap-datetimepicker-widget table td.disabled,
header .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #dadada
}

header .bootstrap-datetimepicker-widget table td.active,
header .bootstrap-datetimepicker-widget table td span.active {
    background-color: #e00;
    color: #fff
}

header footer {
    border-top: 1px solid #d5d5d5
}

header .footernav {
    font-size: 14px;
    background-color: #53565a;
    padding-top: 25px;
    padding-bottom: 40px
}

header .footernav ul {
    width: 175px;
    float: left;
    margin-right: 10px;
    padding: 0px
}

header .footernav a {
    color: #eeeeef
}

header .footernav a:hover {
    color: #fff
}

header .footernav ul:last-child {
    margin-right: 0
}

header .footernav ul li {
    margin-top: 9px
}

header .footer-copyright {
    padding-top: 50px;
    padding-bottom: 50px;
    background: #e6e6e6
}

header .footer-copyright .bottom-text {
    display: block;
    float: left;
    width: 450px;
    font-size: 14px;
    color: #8a8a8a
}

header .footer-copyright .bottom-text i {
    color: #ec4149;
    font-size: 11px
}

header .footer-copyright .bottom-image {
    display: block;
    float: right;
    width: 91px
}

header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 200px;
    padding: 20px
}

header .small h1 {
    font-size: 43px;
    line-height: 43px
}

header .small h2 {
    font-size: 32px;
    line-height: 32px
}

header .small h3 {
    font-size: 16px;
    line-height: 16px
}

header .small h4 {
    font-size: 12px;
    line-height: 12px
}

header .small p,
header .small table,
header .small .crumbTrail a,
header .small .errorMsgProcess,
header .small .download {
    font-size: 12px;
    line-height: 17px
}

header .small .form-row label {
    font-size: 16px
}

header .small p.num {
    font-size: 42px;
    line-height: 58px;
    text-align: center
}

header .small #leftnav_part ul li {
    font-size: 10px
}

header .small .login-bar a,
header .small .login-bar a:hover,
header .small .field-select,
header .small .main-holder p {
    font-size: 12px;
    line-height: 12px
}

header .small .main-holder h1,
header .small .info-head {
    font-size: 28px
}

header .small #main_nav_part ul.main_nav_bar>li>p,
header .small #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 12px;
    line-height: 17px
}

header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 14px;
    line-height: 30px
}

header .small input,
header .small input.form-control {
    font-size: 12px
}

header .small .search-text input {
    font-size: 16px
}

header .small .btn {
    font-size: 12px
}

header .small .service-dropdown {
    font-size: 12px
}

header .small .extra-item textarea.form-control {
    font-size: 12px;
    line-height: 16px
}

header .small #e_service_radio label {
    font-size: 12px;
    line-height: 18px
}

header .small .blue-link,
header .small .blue-link:hover {
    font-size: 13px;
    line-height: 13px
}

header .small .footernav ul li {
    font-size: 12px;
    line-height: 18px
}

header .small .footer-copyright .bottom-text {
    font-size: 12px
}

header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 30px
}

header .small #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 180px
}

header .small .footernav a {
    font-size: 11px
}

header .medium h1 {
    font-size: 47px;
    line-height: 47px
}

header .medium h2 {
    font-size: 38px;
    line-height: 38px
}

header .medium h3 {
    font-size: 20px;
    line-height: 20px
}

header .medium h4 {
    font-size: 16px;
    line-height: 16px
}

header .medium p,
header .medium table,
header .medium .crumbTrail a,
header .medium .errorMsgProcess,
header .medium .download {
    font-size: 16px;
    line-height: 21px
}

header .medium .form-row label {
    font-size: 20px
}

header .medium p.num {
    font-size: 50px;
    line-height: 62px
}

header .medium #leftnav_part ul li {
    font-size: 13px
}

header .medium .login-bar a,
header .medium .login-bar a:hover {
    font-size: 16px;
    line-height: 16px
}

header .medium #main_nav_part ul.main_nav_bar>li>p,
header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 15px;
    line-height: 20px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 175px
}

header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 18px;
    line-height: 18px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(../img/link.gif) no-repeat right 12px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(../img/link_over.gif) no-repeat right 12px
}

header .medium #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 250px
}

header .medium input,
header .medium input.form-control {
    font-size: 16px
}

header .medium .search-text input {
    font-size: 20px
}

header .medium .btn {
    font-size: 16px
}

header .medium .service-dropdown {
    font-size: 16px
}

header .medium .single-new .new-content {
    height: 205px
}

header .medium .extra-item {
    width: 216px;
    margin-right: 95px
}

header .medium .extra-middle,
header .medium textarea.form-control.extra-middle {
    height: 110px
}

header .medium .extra-item textarea.form-control {
    font-size: 17px;
    line-height: 20px
}

header .medium #e_service_radio label {
    font-size: 16px;
    line-height: 22px
}

header .medium .blue-link,
header .medium .blue-link:hover {
    font-size: 18px;
    line-height: 18px
}

header .medium .footernav ul li {
    font-size: 16px;
    line-height: 22px
}

header .medium .footer-copyright .bottom-text {
    font-size: 16px
}

header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 45px
}

header .medium .footernav a {
    font-size: 13px
}

header .medium .field-select,
header .medium .main-holder p {
    font-size: 16px;
    line-height: 16px
}

header .medium .main-holder h1,
header .medium .info-head {
    font-size: 40px
}

header .large h1 {
    font-size: 49px;
    line-height: 49px
}

header .large h2 {
    font-size: 42px;
    line-height: 42px
}

header .large h3 {
    font-size: 22px;
    line-height: 24px
}

header .large h4 {
    font-size: 18px;
    line-height: 18px
}

header .large p,
header .large table,
header .large .crumbTrail a,
header .large .errorMsgProcess,
header .large .download {
    font-size: 18px;
    line-height: 23px
}

header .large .form-row label {
    font-size: 22px
}

header .large p.num {
    font-size: 52px;
    line-height: 62px
}

header .large #leftnav_part ul li {
    font-size: 14px
}

header .large .login-bar a,
header .large .login-bar a:hover {
    font-size: 18px;
    line-height: 18px
}

header .large #main_nav_part ul.main_nav_bar>li>p {
    font-size: 16px;
    line-height: 20px
}

header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 20px;
    line-height: 22px
}

header .large #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 280px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 210px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(../img/link.png) no-repeat right 14px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(../img/link_over.png) no-repeat right 14px
}

header .large input,
header .large input.form-control {
    font-size: 18px
}

header .large .search-text input {
    font-size: 22px
}

header .large .btn {
    font-size: 18px
}

header .large .service-dropdown {
    font-size: 18px
}

header .large #news_part {
    height: 732px
}

header .large .single-new .new-content {
    height: 255px
}

header .large .extra-item {
    width: 236px;
    margin-right: 75px
}

header .large .extra-middle,
header .large textarea.form-control.extra-middle {
    height: 110px
}

header .large .extra-item h3 {
    height: 50px
}

header .large .extra-item textarea.form-control {
    font-size: 19px;
    line-height: 22px
}

header .large #e_service_radio label {
    font-size: 18px;
    line-height: 24px
}

header .large .blue-link,
header .large .blue-link:hover {
    font-size: 19px;
    line-height: 19px
}

header .large .footernav ul li {
    font-size: 18px;
    line-height: 24px
}

header .large .footer-copyright .bottom-text {
    font-size: 18px
}

header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 50px
}

header .large .footernav a {
    font-size: 18px !important
}

header .large .field-select,
header .large .main-holder p {
    font-size: 18px;
    line-height: 18px
}

header .large .main-holder h1,
header .large .info-head {
    font-size: 44px
}

header .list-inline>li {
    padding-right: 0;
    padding-left: 4px
}

header .list-inline.appIcons {
    display: inline-flex
}

header .app-data {
    min-height: 200px
}

@media screen and (max-width: 1298px) {
    header html {
        width: 100%
    }
    header .footer .site {
        padding-left: 0;
        padding-right: 0
    }
    header .footernav ul {
        width: 185px;
        margin-right: 0px
    }
}

header .smiley {
    z-index: 999;
    position: fixed;
    bottom: 0px;
    left: 15px;
    background-color: #c50408;
    padding: 10px
}

header .sticky {
    position: fixed;
    top: 0;
    z-index: 21;
    width: 100%;
    margin-left: -42px
}

header .list-icons li {
    padding: 8px 0px
}

header .icon {
    vertical-align: middle;
    display: block;
    color: #1daeec;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    -ms-transition: color 300ms linear;
    transition: color 300ms linear;
    font-weight: bold
}

header .icon:before {
    display: block;
    width: 35px;
    height: 28px;
    float: left;
    content: "";
    margin: -3px 5px 0px 0px;
    padding: 0px;
    background-image: url(../img/icons.png);
    background-position: right top
}

header .icon:hover {
    color: #5bcbfb
}

header .icon:hover:before {
    background-position: left top
}

header .icon-fines:before {
    background-position: right 28px
}

header .icon-fines:hover:before {
    background-position: left 28px
}

header .icon-nol-balance:before {
    background-position: right 142px
}

header .icon-nol-balance:hover:before {
    background-position: left 142px
}

header .icon-vehicle-test:before {
    background-position: right 84px
}

header .icon-vehicle-test:hover:before {
    background-position: left 84px
}

header .icon-parking-card:before {
    background-position: right 112px
}

header .icon-parking-card:hover:before {
    background-position: left 112px
}

header .icon-toll-free:before {
    background-position: right 56px
}

header .icon-toll-free:hover:before {
    background-position: left 56px
}

header .toll-free:before {
    display: block;
    width: 35px;
    height: 28px;
    float: left;
    content: "";
    margin: 10px 5px 0px 0px;
    padding: 0px;
    background-image: url(../img/icons.png);
    background-position: right 56px
}

header .fax:before {
    display: block;
    width: 35px;
    height: 28px;
    float: left;
    content: "";
    margin: 10px 5px 0px 0px;
    padding: 0px;
    background-image: url(../img/icons.png);
    background-position: right 196px
}

header .email:before {
    display: block;
    width: 35px;
    height: 28px;
    float: left;
    content: "";
    margin: 10px 5px 0px 0px;
    padding: 0px;
    background-image: url(../img/icons.png);
    background-position: right 168px
}

header .list-com .suggestion:before {
    display: block;
    width: 35px;
    height: 28px;
    float: left;
    content: "";
    margin: 5px 5px 0px 0px;
    padding: 0px;
    background-image: url(../img/icons.png);
    background-position: right 224px
}

header .backmenu {
    background: url(../img/back.png) no-repeat center 10px;
    cursor: pointer
}

header #cboxOverlay {
    background-color: rgba(0, 0, 0, 0.6)
}

header #foo {
    position: fixed;
    bottom: 0px;
    left: 15px;
    background-color: #c50408;
    padding: 10px;
    z-index: 1000
}

header #cboxClose {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -15px;
    right: -15px;
    background: url(../img/close.png) no-repeat 0 0;
    outline: none
}

header .samlColorbox #cboxClose {
    width: 35px !important;
    height: 35px !important;
    position: absolute;
    top: -15px !important;
    right: -15px !important;
    background: url(../img/close.png) no-repeat 0 0 !important;
    outline: none !important
}

header #cboxClose:hover {
    background-position: 0 0;
    opacity: 0.9
}

header #colorbox:not(.samlColorbox),
header #colorbox:not(.samlColorbox) #cboxWrapper,
header #colorbox:not(.samlColorbox) #cboxContent,
header #colorbox:not(.samlColorbox) #cboxLoadedContent,
header #colorbox:not(.samlColorbox) iframe.cboxIframe {
    width: 802px !important
}

header #colorbox:not(.samlColorbox) {
    left: 23% !important
}

header .samlColorbox #cboxContent {
    margin-top: 0px !important;
    overflow: visible !important
}

header .samlColorbox #cboxTitle {
    height: 0
}

header #cboxLoadedContent {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

header .popup {
    max-width: 800px;
    background-color: #fff;
    padding: 50px 25px;
    font-size: 14px
}

header .popup p {
    padding: 10px 0px
}

header .error {
    border: solid 1px #e00 !important
}

header .breadcrumb {
    background-color: #ffffff;
    margin: 0px;
    border-top: solid 1px #E8E8E8
}

header .breadcrumb p {
    padding: 0px 15px;
    color: #8a8a8a;
    font-weight: bold
}

header .breadcrumb p a {
    color: #8a8a8a;
    font-weight: normal
}

header .breadcrumb p a:hover {
    color: #ec4149
}

header .glyphicon-calendar {
    background: url(../img/cal.png) no-repeat center center;
    width: 25px;
    height: 25px
}

header .glyphicon-calendar:before {
    content: ""
}

header .select2-selection__rendered {
    font-family: "MetaPro-Medium", Arial
}

header .download {
    background: url(../img/download.png) no-repeat left center;
    padding: 1px 25px 1px 40px;
    z-index: 999;
    font-family: "MetaPro-Medium", Arial;
    float: right
}

header .doc-print,
header .doc-open {
    width: 27px;
    height: 22px;
    display: block;
    text-decoration: none
}

header .doc-print {
    background: url(../img/print.png) no-repeat left center
}

header .doc-open {
    background: url(../img/open.png) no-repeat left center
}

header .service-container .gen-padding {
    padding: 35px 0px
}

header .service-container h2 {
    padding-bottom: 10px
}

header .service-container h3 {
    color: #1daeec;
    font-family: "MetaPro-Medium", Arial
}

header .service-container h4 {
    color: #000;
    font-family: "MetaPro-Medium", Arial;
    padding: 10px 10px 0px 0px
}

header .service-container p {
    padding: 5px 0px
}

header .border-bottom {
    border-bottom: solid 1px #e8e8e8
}

header .channel-callcenter a,
header .channel-visitbranch a,
header .channel-smartappps a {
    display: block;
    padding: 25px 25px 25px 40px;
    font-size: 18px;
    color: #1daeec;
    font-family: "MetaPro-Medium", Arial
}

header .channel-tollfree a {
    font-size: 48px;
    display: block;
    color: #1daeec;
    font-weight: normal
}

header .channel-callcenter {
    background: url(../img/channel-tollfree.png) no-repeat left center
}

header .channel-visitbranch {
    background: url(../img/channel-visitbranch.png) no-repeat left center
}

header .channel-smartappps {
    background: url(../img/channel-smartapps.png) no-repeat left center
}

header .selservice .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../img/dd-arrow-blue.png) no-repeat left center
}

header .wizards {
    padding: 10px 0px;
    overflow: hidden
}

header .wizards ul {
    margin: 0px;
    padding: 15px 0px;
    background: url(../img/bg-line.png) repeat-x center center;
    overflow: hidden;
    display: inline-block
}

header .wizards ul li {
    float: left;
    margin: 0px 0 0px 0px;
    padding: 0px
}

header .wizards ul li.first {
    margin-right: 125px
}

header .wizards ul li a {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #9c9c9c;
    background-color: #f4f4f4;
    font-size: 18px;
    text-align: center;
    border: solid 2px #9c9c9c;
    line-height: 1.65em
}

header .wizards ul li.active a,
header .wizards ul li.completed a {
    color: #fff;
    text-align: center;
    background-color: #1daeec;
    border: solid 1px #1daeec
}

header .wizards ul li.completed a {
    background: #fff url(../img/completed.png) no-repeat center center;
    background-size: 100% 100%
}

header #wizards-step-03 h2,
header #wizards-ind-02 h2 {
    padding: 10px 0px;
    color: #1daeec
}

header .sub-title {
    padding-left: 10px
}

header .txt-grey {
    background-color: #f6f6f7
}

header .services-top-bar .select {
    padding: 5px;
    height: 40px
}

header .error-messages-div {
    color: #E00724;
    padding: 10px;
    margin: 0px 0px 30px 0px;
    background-color: #FCE1E1;
    border: 1px solid;
    border-radius: 5px;
    width: 100%
}

header .search_home_services {
    position: relative
}

header .search_home {
    text-align: left;
    font-size: 14px;
    color: #9c9c9c;
    position: relative;
    background-color: #fff;
    outline: none;
    border: solid 1px #eee;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "MetaPro-Book", arial;
    overflow: hidden;
    background-size: auto 50%
}

header .search_home:hover {
    background: url("../img/search-services-hover.png") no-repeat 10px center transparent;
    background-size: auto 50%
}

header .search_home input {
    width: 83%;
    box-sizing: border-box;
    outline: none;
    float: right;
    font-size: 16px;
    padding: 10px 0px 0px 5px;
    background-color: transparent;
    border-color: transparent !important
}

header .search_home:hover input {
    color: #e00
}

header .search_home_services ul {
    position: absolute;
    top: 40px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    display: none
}

header .search_home_services ul {
    z-index: 999;
    background-color: #fff;
    border: solid 1px #eee
}

header .search_home_services:hover .search_home {
    background: url("../img/search-services-hover.png") no-repeat 10px center transparent;
    background-size: auto 50%
}

header .search_home_services ul li:hover {
    background-color: #e00;
    color: #fff
}

header .search_home_services ul li {
    padding: 0px
}

header .search_home_services ul li a {
    display: block;
    padding: 5px 10px
}

header .search_home_services ul li:hover a {
    color: #fff
}

header h3.wizard-title {
    color: #1daeec
}

header .btn-group.field:focus select,
header .btn-group.field input:focus {
    border: solid 1px #ddd !important
}

header .icon-water-taxi {
    background: url(../img/popular_services/1.png) no-repeat left center
}

header .icon-nol-services {
    background: url(../img/popular_services/2.png) no-repeat left center
}

header .icon-fines-inq {
    background: url(../img/popular_services/3.png) no-repeat left center
}

header .icon-enoc {
    background: url(../img/popular_services/4.png) no-repeat left center
}

header .icon-seasonal-parking {
    background: url(../img/popular_services/5.png) no-repeat left center
}

header .icon-transfer-driving {
    background: url(../img/popular_services/6.png) no-repeat left center
}

header .icon-vhl-testing {
    background: url(../img/popular_services/7.png) no-repeat left center
}

header .icon-mparking {
    background: url(../img/popular_services/8.png) no-repeat left center
}

header h3.wizard-title {
    color: #1daeec
}

header .vp-greyBox {
    background: #fafafa;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
    padding: 15px
}

header .vehiclePortal {
    margin: 15px 0
}

header .vehiclePortal h3 {
    color: #db383c
}

header .vehiclePortal p {
    padding: 10px 0
}

header .vehiclePortal a {
    padding: 3px 0;
    color: #676767 !important;
    font: bold 12px "MetaPro-Light", Arial !important
}

header .vehiclePortal a:hover {
    text-decoration: underline !important;
    color: #e00 !important
}

header .popularServices h3 {
    color: #db383c
}

header .popularServices h3 {
    padding-bottom: 10px
}

header .popularServices a {
    padding: 3px 0;
    color: #676767 !important;
    font: bold 12px "MetaPro-Light", Arial !important
}

header .popularServices a:hover {
    text-decoration: underline !important;
    color: #e00 !important
}

header .faqPadding {
    padding-left: 20px
}

header .extra-item .btn-grey:hover,
header .extra-item .btn-grey:visited,
header .extra-item .btn-grey:focus,
header .extra-item .btn-grey.active {
    background-color: #5bcbfb;
    color: #fff;
    outline: none;
    border: solid 1px #5bcbfb
}

header li.has_submenu.highlight.highlight1.shortMenu ul {
    width: 100% !important
}

header .agencyBtn {
    margin: 0 0 5px 0
}

header .aboutLvl1 {
    font-size: 13px
}

header .aboutNavContainer {
    direction: rtl
}

header #aboutNav {
    border: 1px solid #e8e8e8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    list-style: none;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
    background-color: #fafafa
}

header ul.aboutSub,
header ul.aboutSub>li>a,
header li.aboutLvl2 {
    list-style-image: url("img/tree-sub-bullet-tranparent.gif");
    background-color: #fafafa;
    color: #676767 !important;
    font: bold 12px "MetaPro-Light", Arial !important
}

header li.aboutLvl2:hover {
    text-decoration: underline !important;
    color: #e00 !important
}

header li.aboutLvl1,
header li.aboutLvl2 {
    padding: 10px 0 10px 0
}

header #aboutNav li a {
    width: 80%;
    background: #fafafa;
    text-decoration: none;
    color: #000;
    font: bold 13px "MetaPro-Light", Arial
}

header #aboutNav li ul {
    display: none;
    padding-left: 31px
}

header #aboutNav li ul li {
    background: #fafafa;
    font-size: 12px;
    color: #676767;
    font-weight: normal
}

header #aboutNav li ul li a:hover {
    color: red !important;
    text-decoration: underline;
    padding-left: 0
}

header .aboutPlus {
    background: url("img/plus.gif") left no-repeat;
    padding-right: 1em;
    margin: 0 0 0 10px;
    vertical-align: top;
    float: left
}

header .aboutMinus {
    background: url("img/minus.gif") left no-repeat;
    padding-right: 1em;
    margin: 0 0 0 10px;
    vertical-align: top;
    float: left
}

header .aboutNoPlus {
    padding-right: 18px;
    margin: 0 0 0 10px;
    vertical-align: top;
    height: 25px;
    float: left
}

header .aboutMinus:hover,
header .aboutPlus:hover {
    cursor: pointer
}

header .aboutList-heading-red {
    display: inline-block;
    vertical-align: bottom;
    background-color: #e00;
    width: 100%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

header .aboutList-heading-red span {
    float: left;
    font: bold 14px "MetaPro-Light", Arial;
    color: #FFFFFF;
    padding: 6px 5px 7px 8px
}

header .aboutNavImg {
    display: inherit;
    margin-bottom: .7em
}

header .wpthemeOverflowAuto {
    overflow: visible
}

header .aboutNavContainer hr {
    margin: 0
}

header .showNavBtn {
    display: none;
    position: absolute;
    cursor: pointer;
    background-color: #e00;
    height: 34px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

header .showNavBtn img {
    margin: 7px 0px 0px 20px
}

@media (max-width: 767px) {
    header .showNavBtn {
        right: -38px;
        display: inherit
    }
    header .aboutNavContainer {
        z-index: 5;
        position: absolute;
        left: -250px;
        margin-top: -60px;
        width: 235px
    }
}

header .how-box a {
    text-decoration: none
}

header .go-btn {
    vertical-align: middle
}

header .social-network {
    padding: 4px
}

header .social-network img {
    margin: 0 5px
}

header .how-do-i-search {
    padding-left: 8px
}

header .how-do-i-search input {
    width: 160px;
    border: solid 1px #ccc;
    color: black
}

header .how-box {
    background-color: white;
    width: 222px;
    height: 75px;
    border-radius: 10px;
    border: solid 1px #e8e8e8;
    display: inline-block;
    margin: 0px 0px 5px 0px
}

header .read-more a {
    float: right
}

header .landing {
    padding: 0px 20px;
    text-align: justify
}

header .landing-box {
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8
}

header .landing-box img {
    float: left;
    padding-right: 10px
}

header .landing-box-item {
    padding: 10px 0px;
    display: inline-block;
    width: 100%;
    min-height: 100px
}

header .agencies-box {
    float: left;
    background: url("/wps/mycontenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/agencies-box-bg.gif") repeat-y 0 0
}

header .agencies-box-top {
    background: url("/wps/mycontenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/agencies-box-top.gif") no-repeat left top
}

header .agencies-box-bottom {
    background: url("/wps/mycontenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/agencies-box-bottom.gif") no-repeat left bottom;
    padding: 7px 10px
}

header .agencies-heading {
    color: #bd0d17;
    font: bold 16px "MetaPro-Light", Arial, sans-serif
}

header .agencies-content {
    width: 240px;
    padding: 15px 0 0 0;
    min-height: 132px;
    height: 140px;
    _height: 132px
}

header .read {
    height: 12px;
    width: 240px;
    text-align: right
}

header .agencies-content p {
    margin: 0;
    text-align: justify
}

header .read a {
    color: #ffffff;
    text-decoration: none;
    font-size: 10px
}

header .agencies-content img {
    margin: 0 10px 0px 0;
    float: left
}

header .crumbTrail {
    padding: 20px 0px;
    border-top: 1px solid #d5d5d5;
    margin-top: 20px
}

header .crumbTrail a {
    color: #8a8a8a;
    font-family: "MetaPro-Light", arial;
    font-size: 14px
}

header .wpthemeCrumbTrail {
    margin: 0px !important
}

header #polls a {
    padding-top: 12px
}

header .content {
    padding: 0 4rem 3rem 3rem;
    text-align: justify
}

@media (max-width: 768px) {
    header .content {
        padding: 0 1rem 1rem 1rem
    }
}

header .content img {
    max-width: 100%;
    height: auto
}

header .contentItem {
    margin: 25px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

header .bottomBorder {
    border-bottom: solid #e8e8e8 1px;
    padding-bottom: 15px
}

header .summaryBody img {
    max-width: 100%;
    height: auto;
    margin: 1rem 0
}

header .dast_content {
    padding: 0 0rem 1rem 2rem
}

header .content h2 {
    line-height: 36px;
    color: #9c9c9c;
    margin: 0 0 2rem 0
}

header .content p {
    padding: .5rem 0 .5rem 0;
    text-align: justify !important
}

header .dastBanner {
    padding: 0 0 20px 25px
}

header #tab-component ul.tab-component-tab-dummy {
    height: auto !important
}

header #tab-component .landing-box-item {
    padding: 10px 0 !important;
    margin-bottom: 10px !important
}

header #tab-component .landing-box-item img {
    margin-right: 10px !important
}

header .contentItem img {
    margin-bottom: 10px
}

header .lawTable td {
    border: solid 1px #e8e8e8
}

header .bpBanner {
    margin-bottom: 25px
}

header .bpSideBanner {
    margin-top: 25px;
    text-align: center
}

header .imageBlock {
    text-align: center
}

header .imageBlock>div {
    display: inline-block;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 24%;
    min-width: 200px
}

header .sideAds {
    padding-left: 0px
}

header #tab-component * {
    margin: 0;
    padding: 0
}

header #tab-component {
    font-size: 90%;
    margin: 0px
}

header #tab-component ul.tab-component-tab-dummy {
    padding-top: 4px;
    text-align: center;
    height: 48px
}

header #tab-component ul.tab-component-tab-dummy li.tab-component-tab-dummy {
    margin-right: 0px;
    margin-left: 0px;
    display: inline;
    height: 48px
}

header #tab-component ul.tab-component-tab-dummy li.tab-component-tab-dummy a.tab-component-tab-dummy {
    display: inline-block;
    text-decoration: none;
    padding: 2px;
    color: #FFF;
    font-weight: bold;
    width: 85px;
    height: 48px;
    text-align: center;
    position: relative
}

header #tab-component ul.tab-component-tab-dummy li.tab-component-tab-dummy a.tab-component-tab-dummy p.tab-component-tab-dummy {
    display: table-cell;
    font-weight: bold;
    height: 48px;
    vertical-align: middle;
    width: 85px;
    line-height: 13px;
    cursor: pointer
}

header #tab-component div.tab-component-content-dummy {
    background: #FFF;
    clear: both;
    padding: 15px;
    min-height: 200px;
    border-width: 2px;
    border-color: gray;
    border-top-style: solid;
    margin-top: -4px
}

header .tab-bg-image-red {
    background-color: #e00;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

header .tab-bg-image-black {
    background-size: 83px 48px;
    background-color: #808080;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

header .tab-bg-image-gray {
    background-color: #aaa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

header .form-row-buttons {
    text-align: center
}

header .result {
    padding: 5px 5px 5px 5px;
    margin: 5px;
    display: inline-block;
    font-weight: bold;
    color: #800000;
    font-size: 14px;
    font-weight: bold
}

header .space {
    width: 180px
}

header .inputtext {
    border-style: inset;
    border-width: 2px;
    font-size: 14px;
    font-family: monospace;
    width: 200px;
    padding: 1px 1px 1px 1px;
    background-color: white
}

header .childDiv {
    height: 45px
}

header .warning {
    background: #f3f4f4;
    padding: 3px 22px 3px 3px;
    color: #d33127;
    margin: 8px 0 15px;
    display: inline-block;
    font-weight: bold
}

header .hint {
    color: #800000;
    font-style: italic;
    font-size: 12px;
    height: 20;
    width: 200px !important
}

header .form-basic {
    max-width: 640px;
    margin: 0 auto;
    padding: 55px;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    font: bold 14px sans-serif;
    text-align: center
}

header .box-content {
    margin-left: 25px
}

header .box-content img {
    max-width: 100%
}

header .form-row {
    text-align: left;
    margin-bottom: 12px
}

header .form-title-row {
    text-align: center;
    margin-bottom: 55px
}

header .box-content h1 {
    display: inline-block;
    box-sizing: border-box;
    color: #4c565e;
    font-size: 24px;
    padding: 0 10px 15px;
    border-bottom: 2px solid #6caee0;
    margin: 0
}

header .box-content .form-row>label span {
    display: inline-block;
    box-sizing: border-box;
    color: #5F5F5F;
    width: 260px;
    text-align: left;
    vertical-align: top
}

header .box-content input[type=text] {
    color: #d7393b;
    font-weight: bold;
    box-sizing: border-box;
    width: 200px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 5px;
    border: 1px solid #dbdbdb
}

header .box-content input[type=radio],
header input[type=checkbox] {
    box-shadow: none;
    width: auto
}

header .box-content input[type=checkbox] {
    margin-top: 13px
}

header .box-content select {
    background-color: #ffffff;
    color: #5f5f5f;
    box-sizing: border-box;
    width: 200px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    padding: 5px 8px;
    border: 1px solid #dbdbdb;
    font-size: 12px
}

header .contact-form {
    width: 100% !important
}

header .box-content textarea {
    color: #5f5f5f;
    box-sizing: border-box;
    width: 240px;
    height: 80px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    font: normal 13px sans-serif;
    padding: 12px;
    border: 1px solid #dbdbdb;
    resize: vertical
}

header .box-content .form-radio-buttons {
    display: inline-block;
    vertical-align: top
}

header .box-content .form-radio-buttons>div {
    margin-top: 10px
}

header .box-content .form-radio-buttons label span {
    margin-left: 8px;
    color: #5f5f5f;
    font-weight: normal
}

header .box-content .form-radio-buttons input {
    width: auto
}

header .box-content .button,
header #confirmAndProceedButton,
header .normalBtn,
header .normalTableStyle .buttonStyleWide,
header .submit-red,
header .buttonStyle {
    border-radius: 2px;
    background-color: #6caee0;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: 0;
    margin-left: 5px
}

header input[value=Submit],
header input[value=Reset],
header input[value=Next] {
    border-radius: 2px;
    background-color: #6caee0;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: 0 !important
}

header .contact-form span#chassisNumberLabelId {
    width: 100%
}

@media (max-width: 600px) {
    header .box-content input[type=text] {
        width: 100%
    }
    header .box-content {
        margin-left: 0px
    }
    header .box-content {
        margin-left: 0
    }
    header .box-content .form-basic {
        padding: 30px;
        max-width: 480px
    }
    header .box-content .form-row {
        text-align: left
    }
    header .box-content .form-title-row {
        margin-bottom: 50px
    }
    header .box-content .form-row>label span {
        display: block;
        padding: 0 0 5px
    }
    header .box-content select {
        width: 100% !important
    }
    header .box-content input[type=checkbox] {
        margin-top: 0
    }
    header .box-content .form-radio-buttons>div {
        margin: 0 0 10px
    }
    header .box-content button {
        margin: 0
    }
}

header #resultMessageSpan {
    font-size: 11px;
    color: #800000
}

header #topUpYourNolTdId {
    font-weight: bold;
    font-size: 12px;
    color: #800000
}

header #personalizeCardTdId {
    font-size: 12px;
    color: #800000
}

header .result {
    padding: 37px
}

header #googleChartRowId {
    text-align: center
}

header .googleChartDiv {
    max-width: 100% !important;
    text-align: left
}

header .form-row h6 {
    float: left
}

header .form-row textarea {
    color: #5f5f5f;
    box-sizing: border-box;
    width: 240px;
    height: 80px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    font: normal 13px sans-serif;
    padding: 12px;
    border: 1px solid #dbdbdb;
    resize: vertical
}

header .contact-form {
    margin-left: 10px
}

header .address-panel {
    float: left;
    padding: 10px 0 0 0
}

header .address-box {
    float: left;
    width: 200px;
    padding: 0 0 10px 8px
}

header .address-box p {
    color: #333333;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-align: left
}

header .address-box h3 {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #c00e15;
    margin: 0
}

header .contact-head h2 {
    margin: 0;
    padding: 7px 30px 5px 7px;
    color: #be0d13;
    font: bold 11px Arial, Helvetica, sans-serif
}

header .contact-form>label span {
    padding: 0px
}

header button#btnServicesSendFeedback {
    margin: 0
}

header #servicesSurvey .field p {
    padding: 0
}

header #servicesSurvey img[src*='reset.png'] {
    padding: 10px 0
}

@media screen and (max-width: 768px) and (min-width: 450px) {
    header #servicesSurvey img#securityCodeImg {
        max-width: 45%
    }
    header #servicesSurvey input#securityCode {
        width: 45%
    }
}

header #myFormID input {
    border-color: #e8e8e8 !important
}

header .normalTableStyle input {
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08)
}

header .normalTableStyle {
    width: 100%
}

header #loginButtonTD {
    text-align: center
}

header #loginButtonTD .button {
    border-radius: 2px;
    background-color: #5bcbfb;
    color: #ffffff;
    font-weight: bold;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.08);
    width: 80px !important;
    font-family: Arial, Helvetica, sans-serif
}

header #main_nav_part #loginsection {
    display: none
}

header #main_nav_part #manageaccount,
header #main_nav_part #logout {
    display: none
}

header .site-control {
    width: auto;
    float: left
}

header .sticky {
    margin-left: 0px
}

@media screen and (max-width: 1045px) {
    header .small-font {
        display: none
    }
}

@media screen and (max-width: 1011px) {
    header .medium-font {
        display: none
    }
}

@media screen and (max-width: 977px) {
    header .normal-font,
    header .large-font {
        display: none
    }
}

@media screen and (min-width: 769px) and (max-width: 909px) {
    header .speech,
    header .view {
        display: none
    }
}

header body#content {
    background-color: white
}

header .label {
    color: black !important
}

header li.tooltip {
    opacity: 100 !important
}

header #toll_free p.num {
    font-size: 40px \9
}

header .channel-tollfree a {
    font-size: 40px \9
}

header a.toll-free {
    font-size: 30px \9
}

@media screen and (max-width: 1046px) {
    header .services-body-right {
        width: 400px;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    header .services-body-left {
        float: none;
        width: 460px;
        margin-left: auto;
        margin-right: auto
    }
}

header .small .aboutList-heading-red span {
    font-size: 12px !important
}

header .small #aboutNav li a {
    font-size: 11px !important
}

header .small #aboutNav li ul li a {
    font-size: 10px !important
}

header .medium .aboutList-heading-red span {
    font-size: 16px !important
}

header .medium #aboutNav li a {
    font-size: 15px !important
}

header .medium #aboutNav li ul li a {
    font-size: 14px !important
}

header .medium .aboutPlus,
header .medium .aboutMinus,
header .medium .aboutNoPlus {
    height: 26px
}

header .large .aboutList-heading-red span {
    font-size: 18px !important
}

header .large #aboutNav li a {
    font-size: 17px !important
}

header .large #aboutNav li ul li a {
    font-size: 16px !important
}

header .large .aboutPlus,
header .large .aboutMinus,
header .large .aboutNoPlus {
    height: 26px
}

header body *[style] {
    font-family: inherit !important
}

header .content img[src*="white.jpg"] {
    display: none
}

header #arrowicon {
    background: url("../img/linkArrow.gif") no-repeat center;
    width: 10px !important;
    display: inline-block;
    height: 5px;
    vertical-align: middle
}

header .tableHeaderLeftStyle {
    font-size: 25px;
    color: #9c9c9c
}

header #goSmartDivId {
    margin-left: 20px
}

header #main_nav_part ul.main_nav_bar {
    float: left
}

header .site-control {
    float: right;
    width: 210px;
    margin-top: 12px
}

header .dubaiLogo {
    padding: 15px 0px;
    text-align: center;
    border-bottom: solid 1px #eee
}

header #main_nav_part ul.main_nav_bar>li.shortHome,
header #main_nav_part ul.main_nav_bar>li.shortHome>a {
    width: 70px
}

header #main_nav_part ul.main_nav_bar>li.short,
header #main_nav_part ul.main_nav_bar>li.short>a {
    width: 85px
}

header #main_nav_part ul.main_nav_bar>li {
    float: left;
    width: 157px;
    height: 50px;
    border-right: solid 1px #c63436;
    color: #fff;
    display: table
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight {
    background: url(../img/dropdown.png) no-repeat 145px 36px #e00
}

header li.short.has_submenu.highlight2 {
    background: url(../img/dropdown.png) no-repeat 72px 36px #e00
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1 {
    background: url(../img/dropdown.png) no-repeat 72px 36px #e00
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
    background: url(../img/dropdown_over.png) no-repeat 72px 36px #fff
}

header #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 16px
}

header #main_nav_part ul.main_nav_bar>li>a {
    width: 157px;
    height: 50px;
    color: #fff;
    display: table
}

header #main_nav_part .shortMenu ul {
    width: 100% !important
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover {
    background-image: none
}

header #main_nav_part .shortMenu {
    position: relative
}

header #main_nav_part .shortMenu .smenu {
    width: 350px
}

header .print-page {
    background: url(../img/control-icon-v4.png) no-repeat -3px top
}

header .medium-font {
    background: url(../img/control-icon-v4.png) no-repeat -187px top
}

header a:focus {
    outline: 5px auto -webkit-focus-ring-color
}

header #pageRedirect {
    width: 100%;
    padding: 50px;
    background-color: #fff;
    text-align: center;
    overflow: hidden
}

header .pageTitleStyle {
    font-size: 45px;
    line-height: 45px;
    color: #9c9c9c;
    margin-bottom: 30px
}

header .search-survey h1,
header .contact-us h1,
header #public-transport h1,
header h1.heading,
header .travel-info h1,
header h1.heading a {
    color: #1daeec;
    font-size: 36px;
    margin: 0px;
    padding: 0px 0px 9px 0px
}

header h1.heading {
    padding: 10px 0 10px
}

header h1.heading a {
    font-weight: 600;
    display: inline-block;
    padding: 15px 0px 0px
}

header h1.heading a:hover {
    color: #5bcbfb
}

header .no-mrg .row {
    margin-left: 0;
    margin-right: 0
}

header p.extra-large {
    font-size: 24px;
    line-height: 26px
}

header .about-us-header {
    padding-bottom: 50px
}

header .download-header {
    padding-bottom: 25px
}

header .mission-vision {
    padding: 20px 0 10px;
    border-bottom: 1px solid #dcdcdc
}

header .mission-vision h1.heading,
header .policy-list li h1.heading {
    padding-top: 0
}

header .policy-list h1.heading a {
    font-weight: normal
}

header .our-value-list li {
    padding: 10px 0
}

header .our-value-list h4 {
    color: #1daeec;
    font-size: 18px;
    padding-bottom: 5px
}

header .explore h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding: 10px 0
}

header .explore h3 a {
    color: #000
}

header .explore h3 a:hover {
    color: #666
}

header .explore p {
    width: 80%
}

header .explore .links li a {
    color: #1daeec;
    font-weight: 600
}

header .policy-list {
    padding: 50px 0px;
    overflow: hidden
}

header .policy-list li {
    width: 49%;
    float: left;
    padding-bottom: 30px
}

header .policy-list li p {
    width: 81%;
    min-height: 100px
}

header .explore-rta-div {
    padding-bottom: 50px;
    overflow: hidden
}

header .explore-rta-div .explore-rta {
    background-color: #fff;
    margin-top: 40px;
    overflow: hidden
}

header .explore-rta-div .explore-rta:nth-child(2) {
    margin-top: 15px
}

header .explore-rta-content {
    padding: 0 40px;
    overflow: hidden
}

header .explore-rta-content .explore-list {
    padding-top: 15px
}

header .explore-rta-content .explore-list li {
    padding-bottom: 7px
}

header .explore-rta-content .explore-list2 {
    padding-top: 10px
}

header .explore-rta-content .explore-list2 li {
    padding-bottom: 0px
}

header .explore-rta-content .explore-list li a {
    color: #1DAEEC;
    font-weight: 600;
    padding-left: 30px;
    line-height: 30px;
    display: block
}

header .explore-rta-content .explore-list li a:hover,
header .explore .links li a:hover {
    color: #5bcbfb
}

header .explore-rta-content .explore-list li a.mission-icon {
    background: url("../img/about-us/mission-vision-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.mission-icon:hover {
    background: url("../img/about-us/mission-vision-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.our-values-icon {
    background: url("../img/about-us/our-values-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.our-goals-icon {
    background: url("../img/about-us/our-goals-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.our-values-icon:hover {
    background: url("../img/about-us/our-values-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.our-goals-icon:hover {
    background: url("../img/about-us/our-goals-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.quality-icon {
    background: url("../img/about-us/quality-policy-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.quality-icon:hover {
    background: url("../img/about-us/quality-policy-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.safety-icon {
    background: url("../img/about-us/safety-policy-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.safety-icon:hover {
    background: url("../img/about-us/safety-policy-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.security-icon {
    background: url("../img/about-us/security-n-privacy-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.security-icon:hover {
    background: url("../img/about-us/security-n-privacy-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.asset-icon {
    background: url("../img/about-us/aboutus-am-icon.png") no-repeat -2px center transparent
}

header .explore-rta-content .explore-list li a.asset-icon:hover {
    background: url("../img/about-us/aboutus-am-icon-hover.png") no-repeat -2px center transparent
}

header .explore-rta-content .explore-list li a.assesibility-icon {
    background: url("../img/about-us/aboutus-ap-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.assesibility-icon:hover {
    background: url("../img/about-us/aboutus-ap-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.tnc-icon {
    background: url("../img/about-us/aboutus-tc-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.tnc-icon:hover {
    background: url("../img/about-us/aboutus-tc-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.photo-icon {
    background: url("../img/about-us/aboutus-photo.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.photo-icon:hover {
    background: url("../img/about-us/aboutus-photo-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.video-icon {
    background: url("../img/about-us/aboutus-video.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.video-icon:hover {
    background: url("../img/about-us/aboutus-video-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.activities-icon {
    background: url("../img/about-us/aboutus-activities.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.activities-icon:hover {
    background: url("../img/about-us/aboutus-activities-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.branch-icon {
    background: url("../img/about-us/branch.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.branch-icon:hover {
    background: url("../img/about-us/branch-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.customer-icon {
    background: url("../img/about-us/customer-goal.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.customer-icon:hover {
    background: url("../img/about-us/customer-goal-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.complaint-icon {
    background: url("../img/about-us/complaints.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.complaint-icon:hover {
    background: url("../img/about-us/complaints-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.press-icon {
    background: url("../img/about-us/press-release.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.press-icon:hover {
    background: url("../img/about-us/press-release-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.announcements-icon {
    background: url("../img/about-us/announcements.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.announcements-icon:hover {
    background: url("../img/about-us/announcements-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.archives-icon {
    background: url("../img/about-us/archives-icon.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.archives-icon:hover {
    background: url("../img/about-us/archives-icon-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.author-icon {
    background: url("../img/about-us/ico-author.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.author-icon:hover {
    background: url("../img/about-us/ico-author-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.chair-icon {
    background: url("../img/about-us/ico-chair.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.chair-icon:hover {
    background: url("../img/about-us/ico-chair-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.international-icon {
    background: url("../img/about-us/ico-international.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.international-icon:hover {
    background: url("../img/about-us/ico-international-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.local-icon {
    background: url("../img/about-us/ico-local.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.local-icon:hover {
    background: url("../img/about-us/ico-local-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.educational-icon {
    background: url("../img/about-us/icon-educational.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.educational-icon:hover {
    background: url("../img/about-us/icon-educational-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.environmental-icon {
    background: url("../img/about-us/icon-environmental.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.environmental-icon:hover {
    background: url("../img/about-us/icon-environmental-hover.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.social-icon {
    background: url("../img/about-us/icon-social.png") no-repeat left center transparent
}

header .explore-rta-content .explore-list li a.social-icon:hover {
    background: url("../img/about-us/icon-social-hover.png") no-repeat left center transparent
}

header .list-numbered {
    list-style: decimal;
    margin: 0px 0px;
    padding: 5px 20px
}

header .list-numbered li {
    list-style-type: decimal;
    list-style-position: outside
}

header .list-alpha li {
    list-style: lower-alpha
}

header .list-general li {
    padding: 10px 0px
}

header .list-general li li {
    padding: 5px 0px
}

header .titleh4 {
    color: #1daeec;
    padding: 15px 0px 10px 0px !important
}

header .titleh4Grey {
    color: #333
}

header .img-padding {
    padding: 10px
}

header a.get-started {
    background: url("../img/arrow-right.png") no-repeat right center transparent;
    padding-right: 12px
}

header a.get-started:hover,
header .pagrah-link:hover {
    color: #5BCBFB
}

header .pagrah-link {
    margin: 5px 0 0;
    font-size: 14px;
    display: block;
    font-weight: bold;
    color: #1daeec
}

header a.read-more {
    background: url("../img/arrow-right.png") no-repeat right center transparent;
    padding-right: 12px;
    display: inline-block
}

header .med-padding {
    padding: 10px 0 !important
}

header p.eq-icon {
    height: 41px;
    vertical-align: bottom;
    display: table-cell
}

header .buttonStyleWide {
    margin-right: 5px
}

header #pagetitle {
    font-size: 45px;
    line-height: 45px;
    color: #9c9c9c;
    margin-bottom: 30px
}

header .blue-box {
    background-color: #30b4ed
}

header #search_part.search-service:hover .search-box {
    background: url("../img/search-hover.png") no-repeat left 10px transparent
}

header .board-member-info a.link {
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px 10px 0px;
    background: url(../img/arrow-right.png) no-repeat right center;
    color: #1daeec;
    font-weight: bold
}

header h2.subheading {
    color: #1daeec;
    font-size: 28px
}

header h1.heading {
    padding: 10px 0 10px;
    line-height: 36px
}

header h1.heading a {
    font-weight: 600;
    display: inline-block;
    padding: 15px 0px 0px
}

header h1.heading a:hover {
    color: #5bcbfb
}

@media screen and (max-width: 768px) {
    header .mob-pad-top-med {
        padding-bottom: 20px
    }
    header .content h2,
    header h1.heading,
    header p.extra-large,
    header h1 {
        text-align: -webkit-auto
    }
    header .travel-content .site.brd-none,
    header .mission-vision.brd-none {
        border-bottom: none
    }
    header .list-com .print:before {
        display: block;
        width: 35px;
        height: 28px;
        float: left;
        content: "";
        margin: 5px 5px 0px 0px;
        padding: 0px;
        background-image: url(../img/icons.png);
        background-position: right 252px
    }
    header .visit-branch::before {
        display: block;
        width: 35px;
        height: 28px;
        float: left;
        content: "";
        margin: 10px 5px 0px 0px;
        padding: 0px;
        background-image: url("../img/channel-visitbranch.png");
        background-position: center -2px;
        background-size: 75%;
        background-repeat: no-repeat
    }
    header .noborder-top {
        border-top: none !important
    }
    header .popular-footer {
        clear: both;
        position: relative
    }
    header .service-content {
        padding: 0px 15px
    }
    header .popular-footer .search_home input {
        width: 78%
    }
    header .popular-footer .btn-see-all {
        padding-top: 12px;
        padding-bottom: 12px;
        display: inline-block;
        float: right
    }
    header .map {
        padding-bottom: 45px;
        border-bottom: 1px solid #D5D5D5
    }
    header .contact-us #map {
        height: 346px
    }
    header .contact-us-faq,
    header .suport-faq {
        padding: 85px 0 0;
        clear: both;
        color: #fff;
        position: relative;
        height: auto
    }
    header .contact-us a {
        color: #1DAEEC
    }
    header .contact-us .form .select {
        background: #f4f4f4
    }
    header .contact-us h3.small {
        font-size: 14px;
        padding-bottom: 15px
    }
    header .contact-us .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #333
    }
    header .contact-us-faq h2,
    header .suport-faq h2 {
        color: #fff
    }
    header .contact-us-faq .search_home {
        background: url("../img/search.png") no-repeat 98% center #fff
    }
    header .contact-us-faq .search_home:hover {
        background: url("../img/search-hover.png") no-repeat 98% center #fff
    }
    header .contact-us-faq .search_home input {
        width: 90%;
        float: left
    }
    header .faq-topics-tabs {
        margin: 0px
    }
    header .contact-us-faq .faq-topics,
    header .suport-faq .faq-topics {
        margin: 35px auto 0;
        padding-bottom: 85px;
        overflow: hidden
    }
    header .contact-us-faq .faq-topics li,
    header .suport-faq .faq-topics li {
        width: 50%;
        float: left
    }
    header .contact-us-faq .faq-topics li a,
    header .contact-us-faq .faq-topics li a:hover,
    header .contact-us-faq .faq-topics li a:focus,
    header .suport-faq .faq-topics li a,
    header .suport-faq .faq-topics li a:hover,
    header .suport-faq .faq-topics li a:focus {
        border-bottom: 1px solid #fff;
        padding: 20px 0;
        color: #fff;
        display: block;
        margin: 0 15px 0 0;
        font-size: 28px;
        background: url("../img/arrow-white-right.png") no-repeat 98% center transparent
    }
    header .contact-us-faq .faq-topics li:first-child a,
    header .contact-us-faq .faq-topics li:nth-child(2) a,
    header .suport-faq .faq-topics li:first-child a,
    header .suport-faq .faq-topics li:nth-child(2) a {
        border-top: 1px solid #fff
    }
    header .faq-topic-content {
        display: none;
        background: #f4f4f4;
        padding-top: 20px;
        border-top: 20px solid #1DAEEC;
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 99999;
        border-bottom: 2px solid #fff
    }
    header .faq-topic-content h1 {
        font-weight: bold;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 0px
    }
    header .faq-topic-content h4 {
        color: #1DAEEC
    }
    header .faq-topic-content div.close-faq {
        background: url("../img/back.png") no-repeat center top;
        display: block;
        width: 100%;
        height: 30px;
        cursor: pointer
    }
    header .faq-content {
        padding: 25px 0;
        color: #333
    }
    header .faq-content li {
        padding: 10px 0
    }
    header .faq-content li a {
        font-size: 24px;
        background: url("../img/vr/expand.png") no-repeat left 10px;
        padding-left: 30px;
        line-height: 24px;
        background-size: auto 55%;
        cursor: pointer
    }
    header .faq-content li a.active {
        background: url("../img/vr/collapse.png") no-repeat left 10px;
        background-size: auto 55%
    }
    header .faq-content .question li p {
        font-size: 14px;
        padding-bottom: 6px
    }
    header .faq-content .question li p.bold {
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 10px
    }
    header .faq-content li .question {
        display: none
    }
    header #servicesSurvey .row {
        margin-left: 0;
        margin-right: 0
    }
    header .about-us-header {
        padding-bottom: 50px
    }
    header .download-header {
        padding-bottom: 25px
    }
    header .mission-vision {
        padding: 20px 0 10px;
        border-bottom: 1px solid #dcdcdc
    }
    header .mission-vision h1.heading,
    header .policy-list li h1.heading {
        padding-top: 0
    }
    header .policy-list h1.heading a {
        font-weight: normal
    }
    header .our-value-list li {
        padding: 10px 0
    }
    header .our-value-list h4 {
        color: #1daeec;
        font-size: 18px;
        padding-bottom: 5px
    }
    header .explore h3 {
        font-size: 18px;
        font-weight: 500;
        color: #000;
        padding: 10px 0
    }
    header .explore h3 a {
        color: #000
    }
    header .explore h3 a:hover {
        color: #666
    }
    header .explore p {
        width: 80%
    }
    header .explore .links li a {
        color: #1daeec;
        font-weight: 600
    }
    header .policy-list {
        padding: 50px 0px;
        overflow: hidden
    }
    header .policy-list li {
        width: 49%;
        float: left;
        padding-bottom: 30px
    }
    header .explore-rta-div {
        padding-bottom: 50px;
        overflow: hidden
    }
    header .explore-rta-div .explore-rta {
        background-color: #fff;
        margin-top: 40px;
        overflow: hidden
    }
    header .explore-rta-div .explore-rta:nth-child(2) {
        margin-top: 15px
    }
    header .explore-rta-content {
        padding: 0 40px;
        overflow: hidden
    }
    header .explore-rta-content .explore-list {
        padding-top: 15px
    }
    header .explore-rta-content .explore-list li {
        padding-bottom: 7px
    }
    header .explore-rta-content .explore-list2 {
        padding-top: 10px
    }
    header .explore-rta-content .explore-list2 li {
        padding-bottom: 0px
    }
    header .explore-rta-content .explore-list li a {
        color: #1DAEEC;
        font-weight: 600;
        padding-left: 30px;
        line-height: 30px;
        display: block
    }
    header .explore-rta-content .explore-list li a:hover,
    header .explore .links li a:hover {
        color: #5bcbfb
    }
    header .explore-rta-content .explore-list li a.mission-icon {
        background: url("../img/about-us/mission-vision-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.mission-icon:hover {
        background: url("../img/about-us/mission-vision-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.our-values-icon {
        background: url("../img/about-us/our-values-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.our-goals-icon {
        background: url("../img/about-us/our-goals-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.our-values-icon:hover {
        background: url("../img/about-us/our-values-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.our-goals-icon:hover {
        background: url("../img/about-us/our-goals-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.quality-icon {
        background: url("../img/about-us/quality-policy-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.quality-icon:hover {
        background: url("../img/about-us/quality-policy-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.safety-icon {
        background: url("../img/about-us/safety-policy-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.safety-icon:hover {
        background: url("../img/about-us/safety-policy-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.security-icon {
        background: url("../img/about-us/security-n-privacy-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.security-icon:hover {
        background: url("../img/about-us/security-n-privacy-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.asset-icon {
        background: url("../img/about-us/aboutus-am-icon.png") no-repeat -2px center transparent
    }
    header .explore-rta-content .explore-list li a.asset-icon:hover {
        background: url("../img/about-us/aboutus-am-icon-hover.png") no-repeat -2px center transparent
    }
    header .explore-rta-content .explore-list li a.assesibility-icon {
        background: url("../img/about-us/aboutus-ap-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.assesibility-icon:hover {
        background: url("../img/about-us/aboutus-ap-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.tnc-icon {
        background: url("../img/about-us/aboutus-tc-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.tnc-icon:hover {
        background: url("../img/about-us/aboutus-tc-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.photo-icon {
        background: url("../img/about-us/aboutus-photo.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.photo-icon:hover {
        background: url("../img/about-us/aboutus-photo-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.video-icon {
        background: url("../img/about-us/aboutus-video.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.video-icon:hover {
        background: url("../img/about-us/aboutus-video-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.activities-icon {
        background: url("../img/about-us/aboutus-activities.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.activities-icon:hover {
        background: url("../img/about-us/aboutus-activities-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.branch-icon {
        background: url("../img/about-us/branch.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.branch-icon:hover {
        background: url("../img/about-us/branch-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.customer-icon {
        background: url("../img/about-us/customer-goal.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.customer-icon:hover {
        background: url("../img/about-us/customer-goal-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.complaint-icon {
        background: url("../img/about-us/complaints.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.complaint-icon:hover {
        background: url("../img/about-us/complaints-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.press-icon {
        background: url("../img/about-us/press-release.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.press-icon:hover {
        background: url("../img/about-us/press-release-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.announcements-icon {
        background: url("../img/about-us/announcements.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.announcements-icon:hover {
        background: url("../img/about-us/announcements-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.archives-icon {
        background: url("../img/about-us/archives-icon.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.archives-icon:hover {
        background: url("../img/about-us/archives-icon-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.author-icon {
        background: url("../img/about-us/ico-author.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.author-icon:hover {
        background: url("../img/about-us/ico-author-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.chair-icon {
        background: url("../img/about-us/ico-chair.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.chair-icon:hover {
        background: url("../img/about-us/ico-chair-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.international-icon {
        background: url("../img/about-us/ico-international.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.international-icon:hover {
        background: url("../img/about-us/ico-international-hover.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.local-icon {
        background: url("../img/about-us/ico-local.png") no-repeat left center transparent
    }
    header .explore-rta-content .explore-list li a.local-icon:hover {
        background: url("../img/about-us/ico-local-hover.png") no-repeat left center transparent
    }
    header .list-numbered {
        list-style: decimal;
        margin: 0px 0px;
        padding: 5px 20px
    }
    header .list-numbered li {
        list-style-type: decimal;
        list-style-position: outside
    }
    header .list-alpha li {
        list-style: lower-alpha
    }
    header .list-general li {
        padding: 10px 0px
    }
    header .list-general li li {
        padding: 5px 0px
    }
    header .titleh4 {
        color: #1daeec;
        padding: 15px 0px 10px 0px !important
    }
    header .titleh4Grey {
        color: #333
    }
    header .img-padding {
        padding: 10px
    }
    header .gMap {
        padding: 10px 0px
    }
    header .gMapInner {
        border: solid 1px #eee;
        padding: 10px
    }
    header .gHeader {
        color: #e00
    }
    header .gMapInner td {
        padding: 3px
    }
    header .gFooter a {
        padding: 10px 0px 0px 0px;
        display: block
    }
    header #goSmartDivId {
        margin-left: 20px
    }
    header #main_nav_part ul.main_nav_bar {
        float: left;
        width: 890px
    }
    header .site-control {
        float: right;
        width: 210px;
        margin-top: 12px
    }
    header .dubaiLogo {
        padding: 15px 0px;
        text-align: center;
        border-bottom: solid 1px #eee
    }
    header #main_nav_part ul.main_nav_bar>li.shortHome,
    header #main_nav_part ul.main_nav_bar>li.shortHome>a {
        width: 70px
    }
    header #main_nav_part ul.main_nav_bar>li.short,
    header #main_nav_part ul.main_nav_bar>li.short>a {
        width: 85px
    }
    header #main_nav_part ul.main_nav_bar>li {
        float: left;
        width: 157px;
        height: 50px;
        border-right: solid 1px #c63436;
        color: #fff;
        display: table
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight {
        background: url(../img/dropdown.png) no-repeat 145px 36px #e00
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
        background: url(../img/dropdown_over.png) no-repeat 145px 36px #fff
    }
    header #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2:hover {
        background: url(../img/dropdown_over.png) no-repeat 72px 36px #fff
    }
    header #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2 {
        background: url(../img/dropdown.png) no-repeat 72px 36px #e00
    }
    header #main_nav_part ul.main_nav_bar>li.shortMenu {
        background: url(../img/dropdown.png) no-repeat 105px 36px #fff
    }
    header #main_nav_part ul.main_nav_bar>li.shortMenu:hover {
        background: url(../img/dropdown_over.png) no-repeat 105px 36px #fff
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1 {
        background: url(../img/dropdown.png) no-repeat 72px 36px #e00
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
        background: url(../img/dropdown_over.png) no-repeat 72px 36px #fff
    }
    header #main_nav_part ul.main_nav_bar>li>a>p {
        line-height: 16px
    }
    header #main_nav_part ul.main_nav_bar>li>a {
        width: 157px;
        height: 50px;
        color: #fff;
        display: table
    }
    header #main_nav_part .shortMenu ul {
        width: 100% !important
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
    header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
    header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover {
        background-image: none
    }
    header #main_nav_part .shortMenu {
        position: relative
    }
    header #main_nav_part .shortMenu .smenu {
        width: 350px
    }
    header .print-page {
        background: url(../img/control-icon-v4.png) no-repeat -3px top
    }
    header .medium-font {
        background: url(../img/control-icon-v4.png) no-repeat -187px top
    }
    header a:focus {
        outline: 5px auto -webkit-focus-ring-color
    }
    header #pageRedirect {
        width: 100%;
        padding: 50px;
        background-color: #fff;
        text-align: center;
        overflow: hidden
    }
    header #public-transport {
        overflow: hidden;
        margin: 0 auto;
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: 1px solid #d5d5d5
    }
    header #public-transport .row {
        margin-right: 0;
        margin-left: 0
    }
    header #public-transport h3 {
        font-size: 24px;
        color: #1daeec;
        line-height: 26px
    }
    header #public-transport p {
        font-size: 16px
    }
    header #public-transport .modes-of-travel {
        width: 80%
    }
    header #public-transport .modes-of-travel li {
        width: 45%;
        margin-left: 20px;
        float: left;
        margin-bottom: 20px
    }
    header #public-transport .modes-of-travel li:nth-child(odd) {
        margin-left: 0
    }
    header #public-transport .modes-of-travel li a {
        background-color: #f6f6f7;
        padding: 15px 20px;
        color: #1daeec;
        display: block;
        border-radius: 5px;
        text-align: center;
        height: 100 px
    }
    header #public-transport .modes-of-travel li a:hover {
        background-color: #1daeec;
        color: #fff
    }
    header #public-transport .modes-of-travel li a span {
        display: block;
        height: 30px;
        margin-bottom: 10px
    }
    header #public-transport .modes-of-travel li a.plan-your-journey span {
        background: url("../img/public-transport/plan-your-journey.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.plan-your-journey:hover span {
        background: url("../img/public-transport/plan-your-journey-hover.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.top-nol span {
        background: url("../img/public-transport/top-nol.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.top-nol:hover span {
        background: url("../img/public-transport/top-nol-hover.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.book-a-taxi span {
        background: url("../img/public-transport/book-a-taxi.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.book-a-taxi:hover span {
        background: url("../img/public-transport/book-a-taxi-hover.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.book-a-water-taxi span {
        background: url("../img/public-transport/book-a-water-taxi.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.book-a-water-taxi:hover span {
        background: url("../img/public-transport/book-a-water-taxi-hover.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.download-timetables span {
        background: url("../img/public-transport/download-timetables.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.download-timetables:hover span {
        background: url("../img/public-transport/download-timetables-hover.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.contact-us span {
        background: url("../img/public-transport/contact-us.png") no-repeat center center
    }
    header #public-transport .modes-of-travel li a.contact-us:hover span {
        background: url("../img/public-transport/contact-us-hover.png") no-repeat center center
    }
    header #public-transport .nol-card-faq li a {
        color: #1daeec;
        padding: 0 0 10px;
        font-weight: 700;
        display: block
    }
    header #public-transport .nol-card-faq li a:hover,
    header .travel-content ul li a:hover,
    header ul.support-listing li a.title:hover,
    header ul.support-listing li .support-content a:hover {
        color: #5BCBFB
    }
    header a.available-center {
        background-color: #1daeec;
        padding: 15px 25px;
        border-radius: 5px;
        color: #fff;
        font-size: 15px;
        margin: 15px 0 10px;
        display: inline-block;
        font-weight: bold
    }
    header p.support {
        color: #9c9c9c;
        margin-top: -7px;
        font-size: 18px;
        border-bottom: 1px solid #d5d5d5;
        padding-bottom: 30px
    }
    header ul.support-listing {
        margin: 0px 0 60px
    }
    header ul.support-listing li {
        border-bottom: 1px solid #d5d5d5;
        padding: 15px 0 10px
    }
    header ul.support-listing li a.title {
        color: #1daeec;
        font-size: 24px;
        padding-bottom: 10px;
        padding-left: 30px;
        background: transparent url("../img/vr/expand.png") no-repeat scroll left 7px;
        display: block;
        cursor: pointer
    }
    header ul.support-listing li a.title.active {
        background: transparent url("../img/vr/collapse.png") no-repeat scroll left 7px
    }
    header ul.support-listing li .support-content {
        padding-left: 30px;
        display: none
    }
    header ul.support-listing li .support-content p {
        padding-bottom: 10px
    }
    header ul.support-listing li .support-content a {
        color: #1daeec;
        cursor: pointer
    }
    header ul.support-listing li .support-content a span.arrow {
        display: inline-block;
        background: transparent url("../img/arrow-right.png") no-repeat scroll right center;
        width: 10px;
        height: 13px
    }
    header .travel-info {
        padding: 30px 0
    }
    header .travel-info p.heading-text {
        font-size: 24px
    }
    header .travel-option {
        text-align: center
    }
    header .travel-info-list {
        font-size: 0
    }
    header .travel-info-list.sticky {
        top: 50px;
        margin-left: -40px;
        background-color: #f6f6f7
    }
    header .travel-info .travel-info-list li {
        display: inline-block;
        *display: inline;
        padding: 0;
        margin: 0;
        border: none;
        background-color: #f6f6f7
    }
    header .travel-info .travel-info-list li a {
        width: 116px;
        display: inline-block;
        text-align: center;
        padding: 60px 0 24px;
        background-color: #f6f6f7;
        cursor: pointer;
        color: #000;
        border-right: 1px solid #fff;
        font-size: 14px
    }
    header .travel-info .travel-info-list li a.metro {
        background: url("../img/public-transport/travel-mode/metro.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.metro:hover,
    header .travel-info .travel-info-list li.active a.metro {
        background: url("../img/public-transport/travel-mode/metro-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.bus {
        background: url("../img/public-transport/travel-mode/bus.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.bus:hover,
    header .travel-info .travel-info-list li.active a.bus {
        background: url("../img/public-transport/travel-mode/bus-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.tram {
        background: url("../img/public-transport/travel-mode/tram.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.tram:hover,
    header .travel-info .travel-info-list li.active a.tram {
        background: url("../img/public-transport/travel-mode/tram-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.water-bus {
        background: url("../img/public-transport/travel-mode/water-bus.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.water-bus:hover,
    header .travel-info .travel-info-list li.active a.water-bus {
        background: url("../img/public-transport/travel-mode/water-bus-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.water-taxi {
        background: url("../img/public-transport/travel-mode/water-taxi.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.water-taxi:hover,
    header .travel-info .travel-info-list li.active a.water-taxi {
        background: url("../img/public-transport/travel-mode/water-taxi-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.ferry {
        background: url("../img/public-transport/travel-mode/ferry.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.ferry:hover,
    header .travel-info .travel-info-list li.active a.ferry {
        background: url("../img/public-transport/travel-mode/ferry-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.abra {
        background: url("../img/public-transport/travel-mode/abra.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.abra:hover,
    header .travel-info .travel-info-list li.active a.abra {
        background: url("../img/public-transport/travel-mode/abra-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.taxi {
        background: url("../img/public-transport/travel-mode/taxi.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info .travel-info-list li a.taxi:hover,
    header .travel-info .travel-info-list li.active a.taxi {
        background: url("../img/public-transport/travel-mode/taxi-hover.png") no-repeat center 24px #f6f6f7
    }
    header .travel-info-content {
        padding: 50px 0 0px
    }
    header .travel-info-content>div>img {
        padding-top: 50px
    }
    header .travel-info-content .travel-content {
        position: relative;
        top: 10px
    }
    header .travel-info-content .travel-content p {
        padding-bottom: 10px
    }
    header .travel-content .site {
        border-bottom: 1px solid #d5d5d5;
        padding: 50px 0 10px
    }
    header .travel-content .site.brd-none,
    header .mission-vision.brd-none {
        border-bottom: none
    }
    header .travel-content ul {
        padding-top: 20px
    }
    header .travel-content ul li {
        padding-bottom: 10px
    }
    header .travel-content ul li a {
        color: #1daeec;
        font-weight: 600
    }
    header .travel-content ul li a span.img-container {
        width: 40px;
        display: inline-block;
        padding-right: 50px
    }
    header .station {
        position: relative;
        left: -10px
    }
    header .channel-tollfree.med-padding.dig a {
        text-align: right
    }
    header .contact-info p.channel-tollfree {
        font-size: 48px;
        color: #1daeec
    }
    header .slider-area {
        border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #ccc;
        padding: 19px 0 38px;
        max-width: 1000px;
        margin: 0 auto 50px;
        position: relative
    }
    header .gallery-wrap {
        margin: 0 auto;
        overflow: hidden;
        height: 320px;
        max-width: 900px;
        padding: 30px 0
    }
    header .gallery {
        position: relative;
        left: 0;
        top: 0
    }
    header .gallery__item {
        float: left;
        list-style: none;
        margin: 0 8px
    }
    header .gallery__img {
        display: block;
        border: 0px solid #40331b;
        height: 289px;
        width: 164px
    }
    header .gallery__controls {
        position: absolute;
        top: 50%;
        left: 0;
        margin: -19px 0 0;
        width: 100%
    }
    header .gallery__controls-prev {
        cursor: pointer;
        float: left;
        position: absolute;
        left: 25px
    }
    header .gallery__controls-next {
        cursor: pointer;
        float: right;
        position: absolute;
        right: 25px
    }
    header .gallery__controls-prev,
    header .gallery__controls-next {
        opacity: 0.4
    }
    header .gallery__controls-prev:hover,
    header .gallery__controls-next:hover {
        opacity: 0.7
    }
    header .middle-image {
        display: block;
        float: right;
        width: 243px;
        margin-left: 78px;
        margin-right: 78px;
        margin-top: 42px
    }
    header .no-lg {
        display: none
    }
}

@media screen and (max-width: 768px) and (max-width: 768px) {
    header .no-lg {
        display: block
    }
}

@media screen and (max-width: 768px) {
    header .faq-landing h1,
    header .faq-page h1,
    header .detail-page h1 {
        color: #1daeec;
        font-size: 36px;
        margin: 0px;
        padding: 0px 0px 9px 0px
    }
    header .page-faq .heading p {
        font-size: 16px
    }
    header h2.blue {
        color: #1daeec;
        font-size: 36px;
        line-height: 1
    }
    header h3.blue {
        font-family: "MetaPro-Light", Arial;
        color: #1daeec;
        font-size: 24px
    }
    header .service-block {
        margin-top: 8px
    }
    header .faq-landing ul.our-service {
        overflow: hidden;
        margin: 0 -15px
    }
    header .faq-landing .our-service li {
        position: relative;
        text-align: center;
        padding: 0 15px;
        margin: 0 0 25px 0
    }
    header .smart-service-block {
        background: #f6f6f7
    }
    header .our-smart-services .row,
    header .bg-color .row {
        margin: 0 -2px
    }
    header .news-single {
        background-color: white;
        height: 20% !important;
        margin-bottom: 4px;
        padding: 2px
    }
    header .page-faq .suport-faq h2 {
        font-size: 36px;
        color: #ffffff
    }
    header .faq-topics-tabs {
        position: relative;
        background-color: #1DAEEC
    }
    header .suport-faq .row.faq-topics {
        margin-left: -8px;
        margin-right: -8px;
        padding-bottom: 60px
    }
    header .faq-topics li span {
        font-size: 14px;
        display: block;
        width: 80%
    }
    header .suport-faq .faq-topics li a,
    header .suport-faq .faq-topics li a:hover,
    header .suport-faq .faq-topics li a:focus {
        margin: 0 8px;
        padding: 13px 0;
        font-size: 24px
    }
    header .contact-us-faq .faq-topics,
    header .suport-faq .faq-topics {
        margin: 35px auto 0;
        padding-bottom: 85px
    }
    header .btn-read {
        padding: 20px 66px;
        font-weight: bold
    }
    header .suport-faq {
        background-color: #1DAEEC;
        padding: 20px 0 0;
        clear: both;
        color: #fff;
        position: relative;
        height: auto
    }
    header .suport-faq h2 {
        color: #fff
    }
    header .suport-faq .faq-topics {
        margin: 35px auto 0;
        padding-bottom: 85px
    }
    header .faq-topics li a,
    header .contact-us-faq .faq-topics li a:hover,
    header .faq-topics li a:focus,
    header .suport-faq .faq-topics li a,
    header .suport-faq .faq-topics li a:hover,
    header .suport-faq .faq-topics li a:focus {
        border-bottom: 1px solid #fff;
        padding: 20px 0;
        color: #fff;
        display: block;
        margin: 0 15px 0 0;
        font-size: 28px;
        background: url("../img/arrow-white-right.png") no-repeat 98% center transparent
    }
    header .faq-topics li:first-child a,
    header .faq-topics li:nth-child(2) a,
    header .suport-faq .faq-topics li:first-child a,
    header .suport-faq .faq-topics li:nth-child(2) a {
        border-top: 1px solid #fff
    }
    header .suport-faq a.see-more-link {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        font-weight: bold;
        background: url("../img/arrow-white-right.png") no-repeat right center;
        padding: 0 19px 0 0;
        margin: 18px 12px 0 0
    }
    header .comminity-list li a {
        display: block;
        font-size: 18px;
        font-weight: bold;
        color: #000000;
        padding: 13px 0 13px 0
    }
    header .comminity-list li div {
        display: block;
        clear: both;
        padding: 0px 40px !important;
        display: none
    }
    header .comminity-list li a p {
        font-size: 16px;
        max-width: 370px
    }
    header .comminity-list li a.ico {
        padding-left: 40px
    }
    header .comminity-list li a:hover {
        color: #888888
    }
    header .icon-social-twitter {
        background: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-twitter-black.png) no-repeat left center
    }
    header .icon-social-facebook {
        background: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-facebook-black.png) no-repeat left center
    }
    header .icon-social-instagram {
        background: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-instagram-black.png) no-repeat left center
    }
    header .comminity-list a.icon-social-twitter:hover {
        background-image: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-twitter-black-hover.png)
    }
    header .comminity-list a.icon-social-facebook:hover {
        background-image: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-facebook-black-hover.png)
    }
    header .comminity-list a.icon-social-instagram:hover {
        background-image: url(/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/social/ico-instagram-black-hover.png)
    }
    header .faq-topic-content {
        display: none;
        background: #f4f4f4;
        padding: 20px;
        border-top: 20px solid #1DAEEC;
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 99999;
        border-bottom: 2px solid #fff
    }
    header .faq-topic-content h1 {
        font-weight: bold;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 0px
    }
    header .faq-topic-content h4 {
        color: #1DAEEC
    }
    header .faq-topic-content div.close-faq {
        background: url("../img/back.png") no-repeat center top;
        display: block;
        width: 100%;
        height: 30px;
        cursor: pointer
    }
    header .faq-content {
        padding: 25px 0;
        color: #333
    }
    header .faq-content li {
        padding: 10px 0
    }
    header .faq-content li a {
        font-size: 24px;
        background: url("/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/vr/expand.png") no-repeat left 10px;
        padding-left: 30px;
        line-height: 24px;
        background-size: auto 55%;
        cursor: pointer
    }
    header .faq-content li a.active {
        background: url("/wps/contenthandler/dav/fs-type1/themes/RTA.Responsive.Theme/rta-assets/img/vr/collapse.png") no-repeat left 10px;
        background-size: auto 55%
    }
    header .faq-content li p {
        font-size: 14px;
        padding-bottom: 6px
    }
    header .faq-bold {
        font-weight: bold;
        font-size: 18px;
        padding-bottom: 10px
    }
    header .faq-content li .question {
        display: none
    }
    header .btn-see-all {
        font-size: 21px;
        font-weight: bold;
        text-align: right;
        text-transform: capitalize;
        background: url("../img/arrow-right.png") no-repeat right center !important;
        padding-right: 15px
    }
    header .btn-see-all a {
        color: #1daeec;
        font-size: 22px
    }
    header .main-holder {
        max-width: 942px;
        margin: 0 auto
    }
    header .main-holder h1,
    header .info-head {
        font: 36px/38px "MetaPro-Light", arial;
        color: #00adef;
        margin: 0 0 22px
    }
    header .main-holder p {
        margin: 0 0 20px;
        font: 14px/18px "MetaPro-Light", arial;
        color: #222
    }
    header .info-area {
        background: #f4f4f4;
        padding-top: 48px;
        padding-bottom: 80px;
        width: 100%
    }
    header .row-form {
        margin: 0 -15px 26px
    }
    header .row-form .col-md-4 {
        padding: 0 15px
    }
    header .row-form .col-md-3 {
        padding: 0 15px
    }
    header .row-form .col-md-5 {
        padding: 0 15px
    }
    header .row-form .col-md-12 {
        padding: 0 15px
    }
    header .row-form i {
        font-size: 12px;
        color: #9c9fa8
    }
    header .row-form select {
        border: 1px solid #e8e8e8;
        text-align: left;
        border-radius: 2px;
        height: 50px;
        color: #9c9fa8;
        font-size: 13px;
        padding: 5px 10px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #fff url("../img/select-icon.png") no-repeat scroll 95% center;
        font-style: normal;
        width: 100%
    }
    header .wrapp-f {
        position: relative
    }
    header .txt {
        width: 100%;
        border: 1px solid #e8e8e8;
        text-align: left;
        border-radius: 2px;
        height: 50px;
        color: #9c9fa8;
        font-size: 13px;
        padding: 5px 10px;
        margin-bottom: 0
    }
    header .wrapp-f span {
        right: 11px;
        top: 12px
    }
    header .captch-image {
        margin-top: -4px
    }
    header .row-form .col-md-5 .btn-green {
        margin-top: 10px
    }
    header .row-form .col-md-5 .btn-blue {
        margin-top: 10px
    }
    header .btn-green {
        background: #2dcc70;
        color: #fff;
        float: right;
        margin-left: 15px;
        min-width: 150px;
        height: 45px;
        margin-top: 60px
    }
    header .btn-blue {
        float: right;
        min-width: 150px;
        height: 45px
    }
    header .btn-blue {
        background-color: #1daeec;
        color: #fff;
        border: solid 1px #1daeec
    }
    header .btn-blue:hover,
    header .btn-blue:visited,
    header .btn-blue:focus,
    header .btn-blue.active {
        background-color: #5bcbfb;
        color: #fff;
        outline: none;
        border: solid 1px #5bcbfb
    }
    header .page-info {
        background: #fff none repeat scroll 0 0;
        padding-bottom: 50px;
        padding-top: 30px
    }
    header .page-info p {
        background: transparent url("../img/info.png") no-repeat scroll 0 0;
        padding: 6px 0 9px 41px
    }
    header .page-info p.one-img {
        background: transparent url("../img/img-one.png") no-repeat scroll 0 0;
        padding: 6px 0 9px 41px
    }
    header .page-info p.two-img {
        background: transparent url("../img/two-img.png") no-repeat scroll 0 0;
        padding: 6px 0 9px 41px
    }
    header .errorMsgProcess {
        margin-top: 0;
        color: #db383c;
        font-weight: bold;
        background: url("../img/error.png") no-repeat left 8px;
        padding: 8px 0px 8px 30px !important;
        display: block;
        clear: both;
        font-size: 14px
    }
    header .form-row input[type="radio"] {
        display: none
    }
    header .form-row input[type="radio"]+label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -1px 5px 0 0;
        vertical-align: middle;
        background: url(../img/check_radio_sheet2.png) left top no-repeat;
        cursor: pointer
    }
    header .form-row input[type="radio"]:checked+label span {
        background: url(../img/check_radio_sheet2.png) -19px top no-repeat
    }
    header .form-row {
        margin-bottom: 15px
    }
    header .form-row label {
        color: #818181;
        font-size: 18px
    }
    header .calendar-alignment {
        position: absolute;
        right: 30px;
        top: 30px
    }
    header #main .field-select {
        padding: 10px 5px;
        border: solid 1px #eeeeee;
        overflow: hidden;
        min-height: 50px;
        background-color: #ffffff;
        box-sizing: border-box;
        position: relative
    }
    header #main .field-select .select2-container--default.select2-container--disabled .select2-selection--single {
        background-color: transparent
    }
    header .select2-selection__rendered {
        font-family: inherit
    }
    header .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
    header .finePayment input.notAllowed {
        color: #9c9c9c !important
    }
    header .faq:before {
        display: block;
        width: 35px;
        height: 28px;
        float: left;
        content: "";
        margin: 10px 5px 0 0;
        padding: 0;
        background-position: center center;
        background-image: url(../img/vr/ico-faq.png)
    }
    header .txt-warning {
        color: red
    }
    header .active-shadow {
        -webkit-box-shadow: 0 0 15px #e0e0e0;
        box-shadow: 0 0 15px #e0e0e0
    }
}

header body {
    -webkit-font-smoothing: subpixel-antialiased
}

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

@font-face {
    header {
        font-family: 'RTA';
        src: url("../fonts/RTA-Black.eot");
        src: url("../fonts/RTA-Black.woff") format("woff"), url("../fonts/RTA-Black.ttf") format("truetype");
        font-weight: bold;
        font-style: normal
    }
}

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

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

header .main-wrapper {
    font-family: 'RTA', Arial !important
}

header .lang {
    float: right;
    font: bold 15px "Trebuchet MS";
    color: #58595b;
    padding: 0;
    margin: 4px 0 0 40px
}

header .lang:hover {
    color: #ee0000
}

header .main-wrapper #slider_banner .carousel-inner img {
    max-height: 100%
}

header .spotlight {
    float: left;
    width: 100%;
    background: #171c8f
}

header .spotlight img {
    width: 100%
}

header .spot-desk {
    display: block
}

header .spot-mob {
    display: none
}

header .rta {
    background: #ffffff
}

header .content-wrap {
    float: left;
    width: 100%;
    margin: 45px 0 45px
}

header .btn2 {
    float: left;
    font-size: 18px;
    margin: 5px 0 0 0
}

header .btn2 a {
    color: #ffffff;
    background: #e60202;
    padding: 8px 10px 8px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .btn2 a:hover {
    background: #171c8f;
    color: #ffffff;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .content-wrap h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold;
    line-height: normal
}

header .content-wrap h3 span {
    display: block;
    font-size: 20px;
    padding: 10px 0 0 0
}

header .rta-slider-wrapper {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    padding-bottom: 40px
}

header .rta-slider-wrapper .swiper-slide {
    margin-right: 19px
}

header .rta-slider-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 256px
}

header .rta-slider-col a {
    color: #ffffff
}

header .rta-slider-col img {
    opacity: 0.7;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

header .rta-slider-col img:hover {
    opacity: 1;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

header .swiper-pagination {
    position: relative !important;
    display: none
}

header .swiper-container-horizontal>.swiper-pagination-bullets,
header .swiper-pagination-custom,
header .swiper-pagination-fraction {
    bottom: 0px !important
}

header .slider-content-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #171c8f;
    width: 250px;
    height: 120px
}

header .slider-content {
    width: 170px;
    float: left;
    background: #171c8f;
    color: #ffffff;
    padding: 10px 15px 0 20px;
    font-size: 20px
}

header .slider-paly-btn {
    float: right
}

header .slider-content span {
    position: absolute;
    left: 20px;
    bottom: 8px
}

header .discover {
    background: #e5e6e6
}

header .discover-form {
    float: left;
    width: 100%;
    margin: 40px 0 0 0
}

header .discover-form fieldset {
    float: left;
    width: 32.66%;
    margin: 0 1% 0 0
}

header .discover-form fieldset:nth-child(3) {
    margin: 0 0 0 0
}

header .discover-form fieldset label {
    float: left;
    width: 100%;
    color: #373b40;
    font-size: 20px
}

header .discover-form fieldset select {
    float: left;
    border: 1px solid #ffffff;
    padding: 15px 3%;
    color: #ffffff;
    margin: 10px 0 0 0;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: url(../img/arrow-down.png) no-repeat 95% #53565a
}

header select::-ms-expand {
    display: none
}

header .populer-wrapper {
    float: left;
    width: 100%;
    margin: 40px 0 40px 0
}

header .populer-wrapper ul {
    float: left;
    width: 100%;
    margin: 25px 0 0 0
}

header .populer-wrapper ul li {
    float: left;
    padding: 15px 15px 0 0
}

header .populer-wrapper ul li:nth-child(4),
header .populer-wrapper ul li:nth-child(8) {
    padding: 15px 0 0 0
}

header .populer-wrapper ul li a {
    float: left;
    width: 100%;
    background: #53565b;
    padding: 15px 12px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s;
    height: 81px
}

header .populer-wrapper ul li a:hover {
    background: #ee0000;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .pop-services {
    color: #ffffff;
    font-size: 20px;
    padding: 0 15px 0 0;
    float: left;
    width: 199px
}

header .upd-feed {
    background: #ffffff
}

header .upd-feed-wrapper {
    float: left;
    width: 100%;
    margin: 45px 0 0
}

header .upd-feed-wrapper ul {
    float: left;
    width: 100%
}

header .upd-feed-wrapper ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    padding: 0 0 55px 0;
    margin-bottom: 45px
}

header .upd-feed-wrapper ul li:nth-child(1) {
    border-bottom: 6px solid #ff7100
}

header .upd-feed-wrapper ul li:nth-child(2) {
    border-bottom: 6px solid #025ee1
}

header .upd-feed-wrapper ul li:nth-child(3) {
    border-bottom: 6px solid #00b154;
    margin-right: 0
}

header .upd-feed-content {
    float: left;
    width: 100%;
    height: 410px;
    position: relative
}

header .upd-icon {
    color: #53565a;
    font-size: 20px
}

header .upd-icon span {
    padding: 0 15px 0 0
}

header .upd-feed-content h3 {
    padding: 25px 30px 0px 0px;
    font-size: 40px;
    line-height: 50px
}

header .upd-feed-content p {
    font-size: 16px;
    color: #53565a;
    padding: 25px 15px 0 0;
    line-height: 22px
}

header .upd-feed-wrapper .btn2 {
    position: absolute;
    bottom: 0;
    left: 0
}

header .mobile-app {
    background: #e6e6e6
}

header .mobile-app-wrapper {
    float: left;
    width: 100%
}

header .mobile-app-wrapper ul {
    float: left;
    width: 100%;
    margin: 15px 0 0 0
}

header .mobile-app-wrapper>ul>li {
    float: left;
    padding: 15px 15px 0 0;
    height: 97px
}

header .mobile-app-wrapper ul li:nth-child(5),
header .mobile-app-wrapper ul li:nth-child(10) {
    padding: 15px 0 0 0
}

header .mobile-app-wrapper ul li a {
    float: left;
    width: 100%;
    background: #cfd1d0;
    padding: 15px 12px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .mobile-app-wrapper ul li a:hover {
    background: #ffffff;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .mobile-services {
    float: left;
    width: 140px;
    color: #525357;
    font-size: 16px;
    padding: 0 15px 0 0
}

header .mob-ic {
    float: right
}

header .mobile-apps-detial-container {
    float: left;
    width: 99.8%
}

header .mob-ser-detail {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    background: #edeeee;
    padding: 1%;
    display: none
}

header .ser-detail-col-left {
    float: left;
    width: 59%;
    padding: 30px 1% 0 2%
}

header .app-icon {
    float: left
}

header .ser-detail-content {
    float: left;
    width: 87%;
    padding: 7px 0 0 3%
}

header .ser-detail-content h3 {
    font-size: 30px;
    color: #53565a
}

header .ser-detail-content h3 span {
    display: block;
    padding: 10px 0 0 0;
    font-weight: normal
}

header .ser-detail-content p {
    display: block;
    padding: 15px 0 0 0;
    font-size: 16px;
    line-height: normal
}

header .mob-store {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

header .mob-store span {
    float: left;
    color: #373b40;
    font-weight: bold;
    font-size: 20px;
    padding: 18px 0 0 0
}

header .mob-store ul {
    float: left
}

header .mob-store ul li {
    float: left;
    padding: 20px 0 0 0
}

header .ser-detail-col-right {
    float: right;
    width: 40%
}

header .ser-detail-vid {
    float: right;
    width: 100%;
    position: relative
}

header .ser-detail-vid img {
    width: 100%
}

header .ser-detail-vid span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../img/play-btn.png) no-repeat center center
}

header .location {
    background: #171c8f
}

header .location-wrapper {
    float: left;
    width: 100%
}

header .location-wrapper h3 {
    color: #ffffff
}

header .map-container {
    float: left;
    width: 100%;
    position: relative;
    margin: 30px 0 0 0
}

header .google-map {
    float: left;
    width: 100%;
    height: 480px
}

header .map-drop {
    width: 275px;
    position: absolute;
    top: 0;
    left: 0
}

header .map-btn-wrapper {
    width: 275px;
    position: absolute;
    bottom: 0;
    left: 0
}

header .map-btn {
    float: left;
    width: 275px;
    font-size: 18px;
    color: #171c8f;
    margin: 2px 0 0 0
}

header .map-btn a {
    color: #ffffff;
    background: #ee0000;
    padding: 15px 10px;
    display: block;
    font-weight: bold;
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .map-btn a:hover {
    background: #ffffff;
    color: #ee0000;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .map-btn a span {
    float: right;
    padding: 0 5px 0 0
}

header .map-btn-2 a {
    padding: 15px 10px 11px
}

header .latest {
    background: #ffffff
}

header .latest-slider-wrapper {
    float: left;
    width: 100%
}

header .latest-pane-wrap {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

header .latest-left-pane {
    float: left;
    width: 75%
}

header .latest-right-pane {
    float: left;
    width: 22.5%
}

header .slider2 {
    float: left;
    width: 100%
}

header .slide {
    float: left;
    width: 100%
}

header .reg-module {
    float: left;
    width: 100%
}

header .latest-slider-col {
    float: left;
    width: 256px;
    position: relative
}

header .latest-slider-container {
    float: left;
    width: 100%;
    position: relative
}

header .latest-slider-col img {
    width: 100%;
    opacity: 0.7;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

header .latest-slider-col img:hover {
    opacity: 1;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

header .latest-slider-content {
    float: left;
    background: #171c8f;
    color: #ffffff;
    padding: 10px 15px 0 20px;
    height: 210px;
    width: 100%;
    font-size: 20px
}

header .latest-slider-content span {
    padding: 20px 0 11px 0;
    display: block;
    position: absolute;
    bottom: 0
}

header .latest-slider-form {
    float: left;
    width: 100%;
    min-height: 401px;
    background: #171c8f;
    padding: 12px 12px 22px
}

header .latest-slider-form h3 {
    font-size: 28px;
    color: #ffffff
}

header .latest-slider-form p {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-top: 15px
}

header .latest-form {
    float: left;
    width: 100%
}

header .latest-form fieldset {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

header .latest-form fieldset input {
    float: left;
    border: none;
    padding: 10px 6% 8px;
    color: #58595b;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #fff;
    margin: 0
}

header .captcha-wrap {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

header .latest-sign-up a:hover {
    background: #fff;
    color: #ee0000
}

header .latest .latest-form .latest-sign-up {
    margin: 15px 0 0 0
}

header .latest .btn2 {
    margin: 40px 0 0 0
}

header .support-home {
    background: #ee0000
}

header .support-wrapper {
    float: left;
    width: 100%
}

header .support-wrapper h3 {
    color: #ffffff
}

header .support-wrapper ul {
    float: left;
    width: 100%;
    margin: 40px 0 0 0
}

header .support-wrapper ul li {
    float: left;
    width: 20%;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff
}

header .support-wrapper ul li:nth-child(1) {
    border-left: 1px solid #ffffff
}

header .support-wrapper ul li a {
    color: #ffffff;
    width: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    padding: 23px 15px;
    background: #ee0000;
    float: left;
    height: 78px
}

header .support-wrapper ul li a:hover {
    background: #ffffff;
    color: #ee0000;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .support-wrapper ul li:nth-child(1) a {
    background: url(../img/support-email.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(1) a:hover {
    color: #ee0000;
    background: url(../img/support-email-2.png) no-repeat 5px center #fff
}

header .support-wrapper ul li:nth-child(2) a {
    background: url(../img/support-feedback.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(2) a:hover {
    color: #ee0000;
    background: url(../img/support-feedback-2.png) no-repeat 5px center #fff
}

header .support-wrapper ul li:nth-child(3) a {
    background: url(../img/support-question.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(3) a:hover {
    color: #ee0000;
    background: url(../img/support-question-2.png) no-repeat 5px center #fff
}

header .support-wrapper ul li:nth-child(4) a {
    background: url(../img/support-poll.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(4) a:hover {
    color: #ee0000;
    background: url(../img/support-poll-2.png) no-repeat 5px center #fff
}

header .support-wrapper ul li:nth-child(5) a {
    background: url(../img/support-video.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(5) a:hover {
    color: #ee0000;
    background: url(../img/support-video-2.png) no-repeat 5px center #fff
}

header .support-wrapper ul li:nth-child(6) a {
    background: url(../img/support-video.png) no-repeat 5px center #e00
}

header .support-wrapper ul li:nth-child(6) a:hover {
    color: #ee0000;
    background: url(../img/support-video-2.png) no-repeat 5px center #fff
}

header .support-services {
    float: left;
    font-size: 18px;
    text-align: left;
    padding: 0px 0px 0px 60px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

header .support-services-ic {
    float: right
}

header .footer-sticky-nav {
    float: left;
    width: 100%
}

header .footer-sticky {
    float: left;
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 91
}

header .footer-sticky .container {
    width: 100%;
    padding: 0
}

header .footer-service-happy {
    float: left;
    width: 55px
}

header .footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%
}

header .footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

header .footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 29px 25px;
    background: url(../img/ft-ic1.png) no-repeat center center #e00
}

header .footer-service-happy {
    float: left;
    width: 55px;
    height: 55px
}

header .footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%
}

header .footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

header .footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 15px;
    background: url(../img/sticky-happy.png) no-repeat center center #e00
}

header .footer-service-happy ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000;
    background: url(../img/sticky-happy-2.png) no-repeat center center #fff
}

header .footer-service {
    float: right;
    width: 489px;
    margin-top: 25px
}

header .footer-service ul {
    display: table;
    position: relative;
    width: 100%
}

header .footer-service ul li {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #e5e6ea
}

header .footer-service ul li:last-child {
    border-right: none
}

header .footer-service ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 8px 18px;
    height: 30px
}

header .footer-service ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000
}

header .footer-service ul li:nth-child(1) a {
    background: url(../img/sticky-top.png) no-repeat center center #53565b;
    background-size: 50%
}

header .footer-service ul li:nth-child(1) a:hover {
    color: #ee0000;
    background: url(../img/sticky-top-2.png) no-repeat center center #fff;
    background-size: 50%
}

header #off-chat {
    display: none
}

header #off-chat .off-chat {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #53565b !important
}

header #off-chat .off-chat:hover {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #fff !important
}

header .footer-service ul li:nth-child(2) a {
    background: url(../img/sticky-chat-offline.png) no-repeat right 10px center #53565b;
    background-size: 6%
}

header .footer-service ul li:nth-child(2) a:hover {
    color: #ee0000;
    background: url(../img/sticky-chat-offline.png) no-repeat right 10px center #fff;
    background-size: 6%
}

header .footer-service ul li:nth-child(2) a.active,
header .footer-service ul li:nth-child(2) a.active:hover {
    color: #ee0000;
    background: url(../img/sticky-chat-online.png) no-repeat right 10px center #fff;
    background-size: 6%
}

header .footer-service ul li:nth-child(3) a {
    background: url(../img/ft-ic6.png) no-repeat right 10px center #53565b;
    background-size: 12%
}

header .footer-service ul li:nth-child(3) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic6-2.png) no-repeat right 10px center #fff;
    background-size: 12%
}

header .footer-service ul li:nth-child(4) a {
    background: url(../img/ft-ic5.png) no-repeat center center #53565b;
    background-size: 35%
}

header .footer-service ul li:nth-child(4) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic5-2.png) no-repeat center center #fff;
    background-size: 35%
}

header .footer-service ul li span {
    display: inline;
    float: left
}

header .footer-service ul li span:nth-child(1) {
    float: left;
    font-weight: bold;
    font-size: 15px
}

header .footer-service ul li span:nth-child(2) {
    float: right;
    font-weight: normal;
    font-size: 14px;
    padding: 0 20px 0 0px
}

header .service-sticky {
    float: left;
    width: 215px;
    position: fixed;
    left: -165px;
    top: 25%;
    z-index: 85;
    box-shadow: rgba(0, 0, 0, 0.5) 0 5px 15px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .service-sticky:hover {
    left: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .service-sticky-nav {
    float: left;
    width: 100%
}

header .service-sticky-nav ul {
    float: left;
    width: 100%
}

header .service-sticky-nav ul li {
    float: left;
    width: 100%;
    color: #ffffff;
    font-weight: normal;
    font-size: 13px
}

header .service-sticky-nav ul li a {
    padding: 15px 6% 15px 6%;
    display: inline-block;
    color: #ffffff;
    background: #53565b;
    width: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .service-sticky-nav ul li a:hover {
    background: #53565b;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header .service-sticky-nav ul li:nth-child(1) a {
    background: url(../img/sticky-pay.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(1) a:hover {
    background: url(../img/sticky-pay.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(2) a {
    background: url(../img/sticky-reg.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(2) a:hover {
    background: url(../img/sticky-reg.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(3) a {
    background: url(../img/sticky-salik.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(3) a:hover {
    background: url(../img/sticky-salik.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(4) a {
    background: url(../img/sticky-parking.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(4) a:hover {
    background: url(../img/sticky-parking.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(5) a {
    background: url(../img/sticky-nol.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(5) a:hover {
    background: url(../img/sticky-nol.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(6) a {
    background: url(../img/sticky-journey.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(6) a:hover {
    background: url(../img/sticky-journey.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li:nth-child(7) a {
    background: url(../img/sticky-license.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

header .service-sticky-nav ul li:nth-child(7) a:hover {
    background: url(../img/sticky-license.png) no-repeat right 14px center #171c8f
}

header .service-sticky-nav ul li a span {
    float: right
}

header .service-sticky-nav ul .view-all {
    display: none
}

header .overlay-sticky-wrapper {
    float: left;
    width: 100%
}

header .overlay-sticky {
    width: 40%;
    margin: 0 auto;
    background: #636669;
    padding: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none
}

header .overlay-sticky h3 {
    font-size: 46px;
    color: #ffffff
}

header .overlay-sticky fieldset {
    float: left;
    width: 45%;
    margin: 5% 5% 0 0
}

header .overlay-sticky fieldset select {
    float: left;
    border: none;
    padding: 15px 3%;
    color: #ffffff;
    width: 103%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: url(../img/arrow-down.png) no-repeat 95% #53565a
}

header .overlay-sticky fieldset input {
    float: left;
    border: none;
    padding: 13px 3%;
    color: #ffffff;
    width: 97%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: #53565a;
    margin-bottom: 0px
}

header .overlay-sticky fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

header .overlay-sticky fieldset input:-moz-placeholder {
    color: #ffffff
}

header .overlay-sticky fieldset input::-moz-placeholder {
    color: #ffffff
}

header .overlay-sticky fieldset input:-ms-input-placeholder {
    color: #ffffff
}

header .btn2.btn-sticky {
    float: left;
    font-size: 18px;
    margin: 50px 0 0 0;
    padding: 0
}

header .btn-sticky a {
    color: #ffffff;
    background: #e60202;
    padding: 15px 84px 13px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .mask {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 90;
    width: 100%;
    height: 100%;
    display: none
}

header .overlay-sticky:target,
header .overlay-sticky:target+.mask {
    display: block;
    opacity: 1
}

header .close-sticky {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    font-size: 35px;
    text-align: center
}

header .wrapper-dropdown-5 {
    position: relative;
    padding: 15px 24% 15px 3%;
    background: #53565a;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff
}

header .wrapper-dropdown-5:after {
    content: "";
    background: url(../img/arrow-down.png) no-repeat;
    width: 21px;
    height: 40px;
    position: absolute;
    top: 22px;
    right: 10px
}

header .wrapper-dropdown-5 .dropdown2 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #989a9c;
    list-style: none;
    transition: all 0.3s ease-out;
    max-height: 0;
    overflow: hidden
}

header .wrapper-dropdown-5 .dropdown2 li {
    border-bottom: 1px solid #adaeb0
}

header .wrapper-dropdown-5 .dropdown2 li:last-child {
    border-bottom: none
}

header .wrapper-dropdown-5 .dropdown2 li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 10px;
    transition: all 0.3s ease-out;
    font-size: 16px
}

header .wrapper-dropdown-5 .dropdown2 li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle
}

header .wrapper-dropdown-5 .dropdown2 li:hover a {
    background: #75787b
}

header .wrapper-dropdown-5.active {
    background: #53565a;
    box-shadow: none;
    color: white
}

header .wrapper-dropdown-5.active .dropdown2 {
    max-height: 400px
}

header .overlay-happy {
    width: 58%;
    margin: 0 auto;
    background: #636669;
    padding: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none
}

header .happy-logo-left {
    float: left
}

header .happy-logo-right {
    float: left;
    padding: 0 0 0 50px;
    width: 80%
}

header .happy-logo-right img {
    float: left
}

header .happy-meter {
    float: left;
    margin: 25px 0 0 0
}

header .happy-meter ul {
    float: left;
    width: 100%
}

header .happy-meter ul li {
    display: inline-block;
    padding: 0 25px 0 0
}

header .happy-meter ul li:last-child {
    padding: 0 0 0 0
}

header .happy-meter ul li a .hov-happy {
    display: none
}

header .happy-meter ul li a:hover img {
    display: none
}

header .happy-meter ul li a:hover .hov-happy {
    display: block
}

header .overlay-happy:target,
header .overlay-happy:target+.mask {
    display: block;
    opacity: 1
}

header .overlay-questions {
    width: 488px;
    margin: 0 auto;
    background: #ffffff;
    padding: 60px 30px;
    position: fixed;
    bottom: 30px;
    right: 0;
    z-index: 100;
    display: none
}

header .overlay-questions:target,
header .overlay-questions:target+.mask {
    display: block;
    opacity: 1
}

header .question-search {
    float: left;
    width: 100%
}

header .overlay-questions h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold
}

header .question-search fieldset {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

header .question-search fieldset input {
    float: left;
    border: none;
    padding: 18px 6% 14px;
    color: #ffffff;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #53565a
}

header .question-search fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

header .question-search fieldset input:-moz-placeholder {
    color: #ffffff
}

header .question-search fieldset input::-moz-placeholder {
    color: #ffffff
}

header .question-search fieldset input:-ms-input-placeholder {
    color: #ffffff
}

header .pop-ques {
    float: left;
    width: 100%;
    margin: 10px 0 15px 0
}

header .pop-ques span {
    float: left;
    color: #53565a;
    font-size: 30px
}

header .pop-ques-wrap {
    float: left;
    width: 100%;
    overflow: scroll;
    height: 150px;
    overflow-x: hidden
}

header .pop-ques-wrap ul {
    float: left
}

header .pop-ques-wrap ul li {
    float: left;
    padding: 15px 0 0 0;
    color: #333
}

header .pop-ques-wrap::-webkit-scrollbar {
    width: 0.25em
}

header .pop-ques-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

header .pop-ques-wrap::-webkit-scrollbar-thumb {
    background-color: #abacad;
    outline: 0px solid #e92434
}

header .close-question {
    color: #53565a
}

header .overlay-request {
    width: 30%;
    margin: 0 auto;
    background: #ffffff;
    padding: 30px;
    position: fixed;
    bottom: 58px;
    left: 47%;
    z-index: 100;
    display: none
}

header .overlay-request:target,
header .overlay-request:target+.mask {
    display: block;
    opacity: 1
}

header .overlay-request h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold
}

header .overlay-request h3 span {
    font-weight: normal;
    font-size: 16px;
    display: block;
    margin: 20px 0 0 0
}

header .request-form fieldset {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

header .request-form fieldset input {
    float: left;
    border: none;
    padding: 18px 6% 14px;
    color: #58595b;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #53565a;
    margin: 0
}

header .request-form fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

header .request-form fieldset input:-moz-placeholder {
    color: #ffffff
}

header .request-form fieldset input::-moz-placeholder {
    color: #ffffff
}

header .request-form fieldset input:-ms-input-placeholder {
    color: #ffffff
}

header .slider-paly-btn {
    display: block;
    padding: 30px 22px;
    background: url(../img/play.png) no-repeat center center
}

header .slider-paly-btn:hover {
    background: url(../img/play-2.png) no-repeat center center
}

header .slider-paly-btn img {
    opacity: 1
}

header .hov-img {
    display: none
}

header .slider-paly-btn:hover img,
header .map-btn:hover img,
header .support-wrapper ul li a:hover img,
header .footer-service ul li:hover img {
    display: none
}

header .slider-paly-btn:hover .hov-img,
header .map-btn:hover .hov-img,
header .support-wrapper ul li a:hover .hov-img,
header .footer-service ul li:hover .hov-img {
    display: block
}

header .bx-has-controls-direction {
    display: none
}

header #login-wrapper .col-2 {
    width: 100%;
    height: 40px;
    float: right;
    display: block
}

header #login-wrapper .col-2 ul li {
    width: 100%
}

header #set-1 ul li a {
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header #set-1 ul li a:hover {
    background: #ffffff;
    color: #ee0000
}

header #set-1 ul li a span {
    font-size: 16px;
    font-weight: 700
}

header #set-1 ul li:nth-child(1) a {
    float: right;
    color: #ee0000;
    line-height: 17px;
    padding: 10px 38px
}

header #set-1 ul li:nth-child(1) a:hover {
    background: url(../img/login-2.png) no-repeat 80px center;
    color: #989a9c
}

header #set-1 ul li:nth-child(2) a {
    float: right;
    color: #ee0000;
    background: url(../img/logo-dubai.png) no-repeat center center;
    padding: 15px 45px
}

header #set-1 ul li:nth-child(2) a:hover {
    background: url(../img/logo-dubai.png) no-repeat center center;
    color: #989a9c
}

header #set-2 ul li a {
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

header #set-2 ul li a:hover {
    background: #ffffff;
    color: #ee0000
}

header #set-2 ul li a span {
    font-size: 16px
}

header #set-2 ul li:nth-child(1) a {
    float: right;
    color: #ee0000;
    background: url(../img/login.png) no-repeat 95px center;
    line-height: 17px;
    padding: 10px 43px
}

header #set-2 ul li:nth-child(1) a:hover {
    color: #989a9c
}

header #set-2 ul li:nth-child(2) a {
    float: right;
    color: #ee0000;
    background: url(../img/logo-dubai.png) no-repeat center center;
    padding: 15px 45px
}

header #set-2 ul li:nth-child(2) a:hover {
    background: url(../img/logo-dubai.png) no-repeat center center;
    color: #989a9c
}

header .hide-btn {
    display: none
}

@-moz-document url-prefix() {
    header .latest-form fieldset input {
        line-height: 21px
    }
}

header .ui-helper-hidden {
    display: none
}

header .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

header .ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

header .ui-helper-clearfix:before,
header .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

header .ui-helper-clearfix:after {
    clear: both
}

header .ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

header .ui-front {
    z-index: 100
}

header .ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

header .ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

header .ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

header .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

header .ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

header .ui-menu .ui-menu {
    position: absolute
}

header .ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

header .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em
}

header .ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

header .ui-menu .ui-state-focus,
header .ui-menu .ui-state-active {
    margin: -1px
}

header .ui-menu-icons {
    position: relative
}

header .ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

header .ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

header .ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

header .ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible
}

header .ui-button,
header .ui-button:link,
header .ui-button:visited,
header .ui-button:hover,
header .ui-button:active {
    text-decoration: none
}

header .ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap
}

header input.ui-button.ui-button-icon-only {
    text-indent: 0
}

header .ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px
}

header .ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap
}

header input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em
}

header input.ui-button::-moz-focus-inner,
header button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

header .ui-controlgroup {
    vertical-align: middle;
    display: inline-block
}

header .ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0
}

header .ui-controlgroup>.ui-controlgroup-item:focus,
header .ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999
}

header .ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

header .ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box
}

header .ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em
}

header .ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%
}

header .ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none
}

header .ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none
}

header .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none
}

header .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none
}

header .ui-controlgroup-vertical .ui-spinner-input {
    width: 75%;
    width: calc(100% - 2.4em)
}

header .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid
}

header .ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none
}

header .ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none
}

header .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
header .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid
}

header .ui-checkboxradio-disabled {
    pointer-events: none
}

header .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

header .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

header .ui-datepicker .ui-datepicker-prev,
header .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

header .ui-datepicker .ui-datepicker-prev-hover,
header .ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

header .ui-datepicker .ui-datepicker-prev {
    left: 2px
}

header .ui-datepicker .ui-datepicker-next {
    right: 2px
}

header .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

header .ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

header .ui-datepicker .ui-datepicker-prev span,
header .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

header .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

header .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

header .ui-datepicker select.ui-datepicker-month,
header .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

header .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

header .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

header .ui-datepicker td {
    border: 0;
    padding: 1px
}

header .ui-datepicker td span,
header .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

header .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

header .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

header .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

header .ui-datepicker.ui-datepicker-multi {
    width: auto
}

header .ui-datepicker-multi .ui-datepicker-group {
    float: left
}

header .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

header .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

header .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

header .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

header .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
header .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

header .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

header .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

header .ui-datepicker-rtl {
    direction: rtl
}

header .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

header .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

header .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

header .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

header .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

header .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

header .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
header .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

header .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
header .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

header .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

header .ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

header .ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

header .ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

header .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

header .ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

header .ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

header .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

header .ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

header .ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0
}

header .ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0
}

header .ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0
}

header .ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0
}

header .ui-dialog .ui-resizable-se,
header .ui-dialog .ui-resizable-sw,
header .ui-dialog .ui-resizable-ne,
header .ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px
}

header .ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0
}

header .ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0
}

header .ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0
}

header .ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0
}

header .ui-draggable .ui-dialog-titlebar {
    cursor: move
}

header .ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

header .ui-resizable {
    position: relative
}

header .ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

header .ui-resizable-disabled .ui-resizable-handle,
header .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

header .ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

header .ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

header .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

header .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

header .ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

header .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

header .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

header .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

header .ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

header .ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

header .ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    opacity: 0.25
}

header .ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

header .ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

header .ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

header .ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

header .ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

header .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0
}

header .ui-selectmenu-open {
    display: block
}

header .ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

header .ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em
}

header .ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0
}

header .ui-slider {
    position: relative;
    text-align: left
}

header .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

header .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

header .ui-slider.ui-state-disabled .ui-slider-handle,
header .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

header .ui-slider-horizontal {
    height: .8em
}

header .ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

header .ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

header .ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

header .ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

header .ui-slider-vertical {
    width: .8em;
    height: 100px
}

header .ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

header .ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

header .ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

header .ui-slider-vertical .ui-slider-range-max {
    top: 0
}

header .ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

header .ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

header .ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em
}

header .ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

header .ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none
}

header .ui-spinner-up {
    top: 0
}

header .ui-spinner-down {
    bottom: 0
}

header .ui-tabs {
    position: relative;
    padding: .2em
}

header .ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

header .ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

header .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

header .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

header .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
header .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
header .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

header .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

header .ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

header .ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px
}

header body .ui-tooltip {
    border-width: 2px
}

header .ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

header .ui-widget .ui-widget {
    font-size: 1em
}

header .ui-widget input,
header .ui-widget select,
header .ui-widget textarea,
header .ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em
}

header .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5
}

header .ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333
}

header .ui-widget-content a {
    color: #333333
}

header .ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold
}

header .ui-widget-header a {
    color: #333333
}

header .ui-widget-content .ui-state-default,
header .ui-widget-header .ui-state-default,
header .ui-button,
header html .ui-button.ui-state-disabled:hover,
header html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545
}

header .ui-state-default a,
header .ui-state-default a:link,
header .ui-state-default a:visited,
header a.ui-button,
header a:link.ui-button,
header a:visited.ui-button,
header .ui-button {
    color: #454545;
    text-decoration: none
}

header .ui-state-hover,
header .ui-widget-content .ui-state-hover,
header .ui-widget-header .ui-state-hover,
header .ui-state-focus,
header .ui-widget-content .ui-state-focus,
header .ui-widget-header .ui-state-focus,
header .ui-button:hover,
header .ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b
}

header .ui-state-hover a,
header .ui-state-hover a:hover,
header .ui-state-hover a:link,
header .ui-state-hover a:visited,
header .ui-state-focus a,
header .ui-state-focus a:hover,
header .ui-state-focus a:link,
header .ui-state-focus a:visited,
header a.ui-button:hover,
header a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none
}

header .ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

header .ui-widget-content .ui-state-active,
header .ui-widget-header .ui-state-active,
header a.ui-button:active,
header .ui-button:active,
header .ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff
}

header .ui-icon-background,
header .ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff
}

header .ui-state-active a,
header .ui-state-active a:link,
header .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

header .ui-state-highlight,
header .ui-widget-content .ui-state-highlight,
header .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

header .ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

header .ui-state-highlight a,
header .ui-widget-content .ui-state-highlight a,
header .ui-widget-header .ui-state-highlight a {
    color: #777620
}

header .ui-state-error,
header .ui-widget-content .ui-state-error,
header .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

header .ui-state-error a,
header .ui-widget-content .ui-state-error a,
header .ui-widget-header .ui-state-error a {
    color: #5f3f3f
}

header .ui-state-error-text,
header .ui-widget-content .ui-state-error-text,
header .ui-widget-header .ui-state-error-text {
    color: #5f3f3f
}

header .ui-priority-primary,
header .ui-widget-content .ui-priority-primary,
header .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

header .ui-priority-secondary,
header .ui-widget-content .ui-priority-secondary,
header .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

header .ui-state-disabled,
header .ui-widget-content .ui-state-disabled,
header .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

header .ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

header .ui-icon {
    width: 16px;
    height: 16px
}

header .ui-icon-blank {
    background-position: 16px 16px
}

header .ui-icon-caret-1-n {
    background-position: 0 0
}

header .ui-icon-caret-1-ne {
    background-position: -16px 0
}

header .ui-icon-caret-1-e {
    background-position: -32px 0
}

header .ui-icon-caret-1-se {
    background-position: -48px 0
}

header .ui-icon-caret-1-s {
    background-position: -65px 0
}

header .ui-icon-caret-1-sw {
    background-position: -80px 0
}

header .ui-icon-caret-1-w {
    background-position: -96px 0
}

header .ui-icon-caret-1-nw {
    background-position: -112px 0
}

header .ui-icon-caret-2-n-s {
    background-position: -128px 0
}

header .ui-icon-caret-2-e-w {
    background-position: -144px 0
}

header .ui-icon-triangle-1-n {
    background-position: 0 -16px
}

header .ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

header .ui-icon-triangle-1-e {
    background-position: -32px -16px
}

header .ui-icon-triangle-1-se {
    background-position: -48px -16px
}

header .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

header .ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

header .ui-icon-triangle-1-w {
    background-position: -96px -16px
}

header .ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

header .ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

header .ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

header .ui-icon-arrow-1-n {
    background-position: 0 -32px
}

header .ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

header .ui-icon-arrow-1-e {
    background-position: -32px -32px
}

header .ui-icon-arrow-1-se {
    background-position: -48px -32px
}

header .ui-icon-arrow-1-s {
    background-position: -65px -32px
}

header .ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

header .ui-icon-arrow-1-w {
    background-position: -96px -32px
}

header .ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

header .ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

header .ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

header .ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

header .ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

header .ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

header .ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

header .ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

header .ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

header .ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

header .ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

header .ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

header .ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

header .ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

header .ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

header .ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

header .ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

header .ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

header .ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

header .ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

header .ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

header .ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

header .ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

header .ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

header .ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

header .ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

header .ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

header .ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

header .ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

header .ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

header .ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

header .ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

header .ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

header .ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

header .ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

header .ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

header .ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

header .ui-icon-arrow-4 {
    background-position: 0 -80px
}

header .ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

header .ui-icon-extlink {
    background-position: -32px -80px
}

header .ui-icon-newwin {
    background-position: -48px -80px
}

header .ui-icon-refresh {
    background-position: -64px -80px
}

header .ui-icon-shuffle {
    background-position: -80px -80px
}

header .ui-icon-transfer-e-w {
    background-position: -96px -80px
}

header .ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

header .ui-icon-folder-collapsed {
    background-position: 0 -96px
}

header .ui-icon-folder-open {
    background-position: -16px -96px
}

header .ui-icon-document {
    background-position: -32px -96px
}

header .ui-icon-document-b {
    background-position: -48px -96px
}

header .ui-icon-note {
    background-position: -64px -96px
}

header .ui-icon-mail-closed {
    background-position: -80px -96px
}

header .ui-icon-mail-open {
    background-position: -96px -96px
}

header .ui-icon-suitcase {
    background-position: -112px -96px
}

header .ui-icon-comment {
    background-position: -128px -96px
}

header .ui-icon-person {
    background-position: -144px -96px
}

header .ui-icon-print {
    background-position: -160px -96px
}

header .ui-icon-trash {
    background-position: -176px -96px
}

header .ui-icon-locked {
    background-position: -192px -96px
}

header .ui-icon-unlocked {
    background-position: -208px -96px
}

header .ui-icon-bookmark {
    background-position: -224px -96px
}

header .ui-icon-tag {
    background-position: -240px -96px
}

header .ui-icon-home {
    background-position: 0 -112px
}

header .ui-icon-flag {
    background-position: -16px -112px
}

header .ui-icon-calendar {
    background-position: -32px -112px
}

header .ui-icon-cart {
    background-position: -48px -112px
}

header .ui-icon-pencil {
    background-position: -64px -112px
}

header .ui-icon-clock {
    background-position: -80px -112px
}

header .ui-icon-disk {
    background-position: -96px -112px
}

header .ui-icon-calculator {
    background-position: -112px -112px
}

header .ui-icon-zoomin {
    background-position: -128px -112px
}

header .ui-icon-zoomout {
    background-position: -144px -112px
}

header .ui-icon-search {
    background-position: -160px -112px
}

header .ui-icon-wrench {
    background-position: -176px -112px
}

header .ui-icon-gear {
    background-position: -192px -112px
}

header .ui-icon-heart {
    background-position: -208px -112px
}

header .ui-icon-star {
    background-position: -224px -112px
}

header .ui-icon-link {
    background-position: -240px -112px
}

header .ui-icon-cancel {
    background-position: 0 -128px
}

header .ui-icon-plus {
    background-position: -16px -128px
}

header .ui-icon-plusthick {
    background-position: -32px -128px
}

header .ui-icon-minus {
    background-position: -48px -128px
}

header .ui-icon-minusthick {
    background-position: -64px -128px
}

header .ui-icon-close {
    background-position: -80px -128px
}

header .ui-icon-closethick {
    background-position: -96px -128px
}

header .ui-icon-key {
    background-position: -112px -128px
}

header .ui-icon-lightbulb {
    background-position: -128px -128px
}

header .ui-icon-scissors {
    background-position: -144px -128px
}

header .ui-icon-clipboard {
    background-position: -160px -128px
}

header .ui-icon-copy {
    background-position: -176px -128px
}

header .ui-icon-contact {
    background-position: -192px -128px
}

header .ui-icon-image {
    background-position: -208px -128px
}

header .ui-icon-video {
    background-position: -224px -128px
}

header .ui-icon-script {
    background-position: -240px -128px
}

header .ui-icon-alert {
    background-position: 0 -144px
}

header .ui-icon-info {
    background-position: -16px -144px
}

header .ui-icon-notice {
    background-position: -32px -144px
}

header .ui-icon-help {
    background-position: -48px -144px
}

header .ui-icon-check {
    background-position: -64px -144px
}

header .ui-icon-bullet {
    background-position: -80px -144px
}

header .ui-icon-radio-on {
    background-position: -96px -144px
}

header .ui-icon-radio-off {
    background-position: -112px -144px
}

header .ui-icon-pin-w {
    background-position: -128px -144px
}

header .ui-icon-pin-s {
    background-position: -144px -144px
}

header .ui-icon-play {
    background-position: 0 -160px
}

header .ui-icon-pause {
    background-position: -16px -160px
}

header .ui-icon-seek-next {
    background-position: -32px -160px
}

header .ui-icon-seek-prev {
    background-position: -48px -160px
}

header .ui-icon-seek-end {
    background-position: -64px -160px
}

header .ui-icon-seek-start {
    background-position: -80px -160px
}

header .ui-icon-seek-first {
    background-position: -80px -160px
}

header .ui-icon-stop {
    background-position: -96px -160px
}

header .ui-icon-eject {
    background-position: -112px -160px
}

header .ui-icon-volume-off {
    background-position: -128px -160px
}

header .ui-icon-volume-on {
    background-position: -144px -160px
}

header .ui-icon-power {
    background-position: 0 -176px
}

header .ui-icon-signal-diag {
    background-position: -16px -176px
}

header .ui-icon-signal {
    background-position: -32px -176px
}

header .ui-icon-battery-0 {
    background-position: -48px -176px
}

header .ui-icon-battery-1 {
    background-position: -64px -176px
}

header .ui-icon-battery-2 {
    background-position: -80px -176px
}

header .ui-icon-battery-3 {
    background-position: -96px -176px
}

header .ui-icon-circle-plus {
    background-position: 0 -192px
}

header .ui-icon-circle-minus {
    background-position: -16px -192px
}

header .ui-icon-circle-close {
    background-position: -32px -192px
}

header .ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

header .ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

header .ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

header .ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

header .ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

header .ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

header .ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

header .ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

header .ui-icon-circle-zoomin {
    background-position: -176px -192px
}

header .ui-icon-circle-zoomout {
    background-position: -192px -192px
}

header .ui-icon-circle-check {
    background-position: -208px -192px
}

header .ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

header .ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

header .ui-icon-circlesmall-close {
    background-position: -32px -208px
}

header .ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

header .ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

header .ui-icon-squaresmall-close {
    background-position: -80px -208px
}

header .ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

header .ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

header .ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

header .ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

header .ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

header .ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

header .ui-corner-all,
header .ui-corner-top,
header .ui-corner-left,
header .ui-corner-tl {
    border-top-left-radius: 3px
}

header .ui-corner-all,
header .ui-corner-top,
header .ui-corner-right,
header .ui-corner-tr {
    border-top-right-radius: 3px
}

header .ui-corner-all,
header .ui-corner-bottom,
header .ui-corner-left,
header .ui-corner-bl {
    border-bottom-left-radius: 3px
}

header .ui-corner-all,
header .ui-corner-bottom,
header .ui-corner-right,
header .ui-corner-br {
    border-bottom-right-radius: 3px
}

header .ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

header .ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666
}

header .btn-view-all {
    display: inline-block;
    background: #ee0000;
    padding: 7px 10px 2px;
    color: #fff;
    margin: 25px 0;
    font: bold 18px 'RTA'
}

header .btn-view-all:hover {
    color: #fff;
    background: #9b9b9d
}

header .breadcrumb-rta {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ebeaea;
    padding: 0 0 20px;
    margin: 20px 0 90px
}

header .breadcrumb-rta li {
    position: relative;
    float: left;
    font: normal 14px 'RTA';
    color: #53565a;
    padding: 0 13px 0 0;
    margin: 0 6px 0 0
}

header .breadcrumb-rta li a {
    text-decoration: none;
    color: inherit
}

header .breadcrumb-rta li a:hover {
    color: #ee0000
}

header .breadcrumb-rta li:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 1px;
    width: 1px;
    height: 12px;
    background: #53565a;
    transform: rotate(30deg)
}

header .breadcrumb-rta li:last-child {
    font-weight: bold;
    padding: 0;
    margin: 0
}

header .breadcrumb-rta li:last-child a {
    cursor: default
}

header .breadcrumb-rta li:last-child a:hover {
    color: #53565a
}

header .breadcrumb-rta li:last-child:after {
    display: none
}

header .our-services {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

header .our-services .most-popular {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

header .our-services .most-popular h2 {
    display: block;
    font: bold 46px 'RTA';
    color: #53565a;
    padding: 0;
    margin: 0 0 40px 0
}

header .our-services .most-popular h3 {
    display: block;
    font: bold 30px 'RTA';
    color: #53565a;
    padding: 0;
    margin: 0 0 40px 0
}

header .our-services .most-popular fieldset {
    display: block;
    width: 100%;
    background: #f2f2f2;
    padding: 18px 0;
    margin: 0 0 55px 0
}

header .our-services .most-popular fieldset input[type=search] {
    display: block;
    width: 95%;
    font: normal 20px 'RTA';
    color: #53565a;
    border: none;
    border-left: 1px solid #626468;
    outline: none;
    background: transparent url("../img/search-red.png") no-repeat right center;
    padding: 5px 0 5px 22px;
    margin: 0 auto
}

header .our-services .most-popular fieldset input[type=search]::-webkit-input-placeholder {
    color: #53565a
}

header .our-services .most-popular fieldset input[type=search]::-moz-placeholder {
    color: #53565a
}

header .our-services .most-popular fieldset input[type=search]:-ms-input-placeholder {
    color: #53565a
}

header .our-services .most-popular fieldset input[type=search]:-moz-placeholder {
    color: #53565a
}

header .categories-list {
    padding: 0
}

header .categories-list .col-grid25 {
    display: table;
    width: 31.8%;
    float: left;
    margin: 0 20px 20px 0
}

header .categories-list .col-grid25:nth-of-type(3n+3) {
    margin-right: 0
}

header .categories-list .col-grid25 .category-item {
    display: table-cell;
    background: #989a9c;
    width: 100%;
    vertical-align: middle;
    padding: 20px 20px;
    overflow: hidden;
    color: #fff;
    margin: 0;
    max-width: 50%
}

header .categories-list .col-grid25 .category-item.red-hover:hover {
    background: #ee0000
}

header .categories-list .col-grid25 .category-item.blue-hover:hover {
    background: #171c8f
}

header .categories-list .col-grid25 .category-item h4 {
    float: left;
    color: inherit;
    font: normal 20px 'RTA';
    width: 65%;
    display: inline-block
}

header .categories-list .col-grid25 .category-item img {
    float: right
}

header .custom-select-dropdown {
    position: relative;
    cursor: pointer;
    background-color: #53565a;
    width: 100%;
    overflow: hidden;
    color: #fff;
    display: inline-block;
    font: normal 20px 'RTA';
    max-width: 100%;
    float: left;
    margin-bottom: 20px
}

header .custom-select-dropdown:after {
    background: #53565a url("../img/icon-select-dropdown-white.png") no-repeat center right;
    width: 40px;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    content: " ";
    pointer-events: none
}

header .custom-select-dropdown select {
    background: transparent;
    font-family: inherit;
    padding: 0 60px 0 10px;
    line-height: 140%;
    border: 0;
    border-radius: 0;
    height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer;
    color: inherit;
    font-size: inherit;
    width: 100%
}

header .custom-select-dropdown option {
    background: #53565a;
    border: none;
    line-height: 20px
}

header .left-menu {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

header .left-menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}

header .left-menu ul li {
    display: block;
    width: 100%;
    color: #53565a;
    font: bold 16px 'RTA';
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 15px;
    margin: 0 0 15px 0
}

header .left-menu ul li strong {
    float: left;
    width: 100%;
    font-size: 20px
}

header .left-menu ul li:last-child {
    margin-bottom: 0;
    border: none
}

header .left-menu ul li a {
    text-decoration: none;
    color: inherit
}

header .left-menu ul li a:hover {
    color: #ee0000
}

header .left-menu ul li a.active {
    color: #ee0000
}

header .left-menu ul li.edit {
    background: url("../img/edit-icon.jpg") no-repeat right top
}

header .left-menu ul li.check {
    background: url("../img/check-icon.png") no-repeat right top
}

header .left-menu ul li.check a:hover {
    color: #53565a;
    cursor: default
}

header .categories-list .row {
    border-top: 1px solid #f1f1f1;
    padding: 60px 0 20px;
    margin: 0
}

header .by-categories {
    display: block;
    padding: 0;
    margin: 0 0 30px
}

header .by-categories ul {
    display: table
}

header .by-categories ul li {
    display: table-cell;
    font: bold 20px 'RTA';
    color: #53565a;
    vertical-align: middle;
    padding: 0 70px 0 0;
    margin: 0
}

header .by-categories ul li a {
    text-decoration: none;
    color: inherit
}

header .by-categories ul li a:hover {
    text-decoration: none;
    color: #ee0000
}

header .by-categories ul li a.active {
    text-decoration: none;
    color: #ee0000
}

header .by-alph {
    display: inline-block;
    padding: 0;
    margin: 0 0 30px;
    width: 100%
}

header .by-alph ul {
    display: table
}

header .by-alph ul li {
    display: table-cell;
    font: bold 16px 'RTA';
    width: 3.8%;
    text-transform: uppercase;
    color: #53565a;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

header .by-alph ul li:last-child {
    padding: 0
}

header .by-alph ul li a {
    text-decoration: none;
    color: inherit
}

header .by-alph ul li a:hover {
    text-decoration: none;
    color: #ee0000
}

header .by-alph ul li a.active {
    text-decoration: none;
    color: #ee0000
}

header .drive-n-car {
    display: block;
    padding: 0;
    margin: 0
}

header .drive-n-car h1,
header .drive-n-car h2 {
    display: block;
    font: bold 46px 'RTA';
    color: #53565a;
    padding: 0;
    margin: 0 0 40px 0
}

header .car-services {
    display: table;
    width: 100%;
    padding: 0;
    margin: 0 0 79px
}

header .car-services li {
    position: relative;
    display: table-cell;
    font: bold 16px 'RTA';
    width: 14.2%;
    color: #fff;
    vertical-align: middle;
    border: 1px solid #fff;
    background: #53565a;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

header .car-services li:hover {
    background: #cfd1d1
}

header .car-services li em {
    position: absolute;
    right: 0;
    top: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -40%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

header .car-services li em img:nth-of-type(2) {
    display: none
}

header .car-services li:hover em img:nth-of-type(1) {
    display: none
}

header .car-services li:hover em img:nth-of-type(2) {
    display: block
}

header .car-services li span {
    width: 48%;
    display: inline-block
}

header .car-services li a {
    width: 100%;
    display: inline-block;
    color: inherit;
    padding: 10px 15px
}

header .car-services li a:hover {
    color: #53565a
}

header .drive-n-car-service {
    display: block;
    padding: 0;
    margin: 0 0 50px
}

header .drive-n-car-service .em {
    display: block;
    position: relative
}

header .drive-n-car-service .em img {
    width: 100%
}

header .drive-n-car-service .img-outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 43%;
    height: 100%;
    min-height: 100%
}

header .drive-n-car-service .img-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 312px;
    padding: 35px;
    box-sizing: border-box;
    background: #ff7100
}

header .drive-n-car-service .img-title h2 {
    color: #fff;
    margin-bottom: 10px
}

header .drive-n-car-service .img-title p {
    font: normal 20px 'RTA';
    color: #fff;
    padding: 0;
    margin: 0
}

header .drive-n-car-service .car-service-content {
    display: inline-block;
    width: 100%;
    background: #f6f6f7;
    padding: 35px;
    margin: 0
}

header .drive-n-car-service .car-service-content ul {
    float: left;
    padding: 0;
    margin: 0
}

header .drive-n-car-service .car-service-content ul li {
    float: left;
    clear: left;
    width: 100%;
    font: bold 18px 'RTA';
    color: #fff;
    padding: 5px 10px 0 27px;
    background: #e00 url("../img/arrow-white.png") no-repeat 10px 7px;
    margin: 0 0 10px
}

header .drive-n-car-service .car-service-content ul li a {
    text-decoration: none;
    color: inherit
}

header .drive-n-car-service .car-service-content ul li:hover {
    background-color: #9b9b9d
}

header .drive-n-car-service .car-service-text {
    float: right;
    width: 55%;
    padding: 0;
    margin: 0
}

header .drive-n-car-service .car-service-text h3 {
    font: bold 30px 'RTA';
    color: #53565a;
    padding: 0;
    margin: 0 0 20px
}

header .drive-n-car-service .car-service-text p {
    position: relative;
    font: normal 13px 'RTA';
    color: #53565a;
    padding: 0 0 0 0;
    margin: 0 0 15px
}

header .drive-n-car-service .car-service-text .accordion h4 {
    position: relative;
    font: bold 16px/16px 'RTA';
    color: #53565a;
    padding: 20px 42px 20px 0;
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #ebeaea;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

header .drive-n-car-service .car-service-text .accordion h4:first-child {
    border-top: 1px solid #ebeaea
}

header .drive-n-car-service .car-service-text .accordion h4 span.ui-icon {
    display: none
}

header .drive-n-car-service .car-service-text .accordion .ui-widget-content {
    border: none;
    background: none;
    color: inherit;
    border-bottom: 1px solid #ebeaea
}

header .drive-n-car-service .car-service-text .accordion .ui-state-active {
    border-bottom: 1px solid transparent
}

header .drive-n-car-service .car-service-text .accordion .ui-state-hover,
header .drive-n-car-service .car-service-text .accordion .ui-state-focus {
    background-color: transparent;
    border-left: none;
    border-right: none;
    border-top: none
}

header .drive-n-car-service .car-service-text .accordion h4:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 20px;
    width: 19px;
    height: 19px;
    background: url("../img/faq-icon.png") no-repeat 0 0
}

header .drive-n-car-service .car-service-text .accordion h4.ui-state-active:after {
    background-position: 0 -25px
}

header .drive-n-car-service .car-service-text .custom-panel .panel-heading {
    font-size: 16px;
    line-height: 19px
}

header .drive-n-car-service .car-service-text .custom-panel .panel-body {
    padding: 0
}

header .drive-n-car-service .car-service-text .btn-view-all {
    color: #ee0000;
    background-color: transparent;
    position: relative;
    padding: 0 0 0 25px
}

header .drive-n-car-service .car-service-text .btn-view-all:hover {
    color: #9b9b9d
}

header .drive-n-car-service .car-service-text .btn-view-all:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 9px;
    height: 13px;
    background: url(../img/arrow-red.png) no-repeat 0 0
}

header .drive-n-car-service .orange {
    background: #ff7100
}

header .icon-label {
    position: absolute;
    bottom: 0;
    left: 312px;
    width: 108px;
    height: 115px;
    box-sizing: border-box;
    text-align: center;
    background: #ee0000;
    padding: 10px;
    margin: 0
}

header .icon-label.blue {
    background-color: #171c8f
}

header .icon-label p {
    font: normal 16px 'RTA';
    color: #fff
}

header .icon-label em {
    position: absolute;
    left: 50%;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    -o-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    -ms-transform: translate(-50%, -30%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

header .smart-app {
    display: block;
    background: #171c8f;
    padding: 80px 0;
    margin: 0
}

header .smart-app h2 {
    display: block;
    font: bold 46px 'RTA';
    color: #fff;
    padding: 0;
    margin: 0 0 40px 0
}

header .smart-app .swiper-wrapper .swiper-slide {
    background: #ffffff;
    padding: 20px;
    box-sizing: border-box;
    min-height: 227px
}

header .smart-app .swiper-wrapper .swiper-slide .slide-text {
    float: left;
    width: 58%
}

header .smart-app .swiper-wrapper .swiper-slide h3 {
    font: bold 30px 'RTA';
    color: #373b40;
    min-height: 72px;
    padding: 0;
    margin: 0 0 20px
}

header .smart-app .swiper-wrapper .swiper-slide p {
    position: relative;
    font: normal 16px 'RTA';
    color: #373b40;
    padding: 0;
    margin: 0
}

header .smart-app .swiper-wrapper .swiper-slide img {
    float: right
}

header .smart-app .swiper-button-prev,
header .smart-app .swiper-button-next {
    width: 24px;
    height: 37px;
    margin-top: 35px
}

header .smart-app .swiper-button-next,
header .smart-app .swiper-container-rtl .swiper-button-prev {
    background: url("../img/bx-arrow.png") no-repeat right 0;
    right: -40px
}

header .smart-app .swiper-button-prev,
header .smart-app .swiper-container-rtl .swiper-button-next {
    background: url("../img/bx-arrow.png") no-repeat left 0;
    left: -40px
}

header .smart-app .swiper-pagination {
    width: 100%
}

header body input.form-control,
header body input {
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

header ol.large-number-list {
    margin: 35px 0;
    padding: 0 0 0 40px;
    display: block;
    font-size: 50px;
    color: #53565a;
    list-style: decimal outside
}

header ol.large-number-list li {
    color: #53565a;
    margin-top: 0;
    font: normal 46px 'RTA light';
    line-height: 0;
    display: list-item;
    margin-bottom: 45px;
    position: relative;
    list-style: decimal outside
}

header ol.large-number-list li .item-content {
    display: inline-block;
    height: 65px;
    vertical-align: middle
}

header ol.large-number-list li h4 {
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 20px;
    font-family: 'RTA';
    padding: 0;
    font-weight: bold;
    color: #53565a
}

header ol.large-number-list li p {
    font-size: 16px;
    color: #53565a;
    font-weight: normal;
    font-style: normal;
    line-height: 20px
}

header .left-menu {
    max-width: 210px
}

header .section-service-detail-license h2 {
    color: #53565a;
    margin-bottom: 30px
}

header .section-service-detail-license p {
    color: #373b40;
    font-size: 16px;
    line-height: 20px
}

header .color-red {
    color: #ee0000
}

header .half-grid-list {
    display: block;
    margin: 0 -15px;
    padding: 0;
    overflow: hidden;
    width: 100%
}

header .half-grid-list .col-grid {
    display: block;
    margin: 0 0 15px 15px;
    padding: 0;
    width: calc(50% - 15px);
    background: #989a9c;
    vertical-align: middle;
    overflow: hidden;
    color: #fff;
    float: left
}

header .half-grid-list .col-item h5 {
    float: left;
    color: inherit;
    margin-bottom: 10px;
    font: normal 20px 'RTA';
    width: 100%;
    display: inline-block
}

header .half-grid-list .col-item img {
    float: right
}

header .half-grid-list .col-item p {
    color: #fff;
    font: normal 16px/22px 'RTA';
    display: block;
    float: left;
    clear: both;
    max-width: 60%
}

header .half-grid-list .col-item .short-info {
    display: block;
    clear: both;
    float: none;
    padding: 15px 15px 15px;
    border-top: 1px solid #ccc;
    margin: 0;
    overflow: hidden
}

header .half-grid-list .col-item .short-info .left,
header .half-grid-list .col-item .short-info .right {
    display: table-cell;
    float: left;
    padding: 15px;
    margin: -15px 0
}

header .half-grid-list .col-item .short-info .left {
    border-right: 1px solid #ccc;
    width: 40%
}

header .half-grid-list .col-item .short-info .days,
header .half-grid-list .col-item .short-info .price {
    font: bold 46px/46px 'RTA'
}

header .half-grid-list .col-item .short-info .tag {
    font: bold 20px/20px 'RTA'
}

header .half-grid-list .col-item .short-info .right {
    width: 60%
}

header .half-grid-list .col-item .short-info .age-factor {
    font: bold 46px 'RTA';
    display: inline-block;
    text-align: right;
    float: right
}

header .half-grid-list .col-item .top-info {
    display: block;
    clear: both;
    float: none;
    padding: 15px 15px 15px;
    margin: 0 0;
    overflow: hidden
}

header .section-defaults {
    padding: 80px 0
}

header .section-defaults h2 {
    font: bold 46px 'RTA';
    color: #53565a;
    margin: 20px 0 30px
}

header .section-defaults h3 {
    font: bold 30px/30px 'RTA';
    color: #53565a;
    margin: 0 0 15px
}

header .section-defaults h4 {
    font: bold 20px 'RTA';
    color: #53565a;
    margin: 0 0 20px;
    display: block;
    overflow: hidden;
    float: none
}

header .section-defaults h5 {
    font: bold 20px 'RTA';
    color: #53565a;
    margin: 0 0 10px
}

header .section-defaults p {
    color: #53565a;
    font: normal 16px 'RTA';
    line-height: 20px;
    margin: 0 0 15px
}

header .section-defaults ul.list,
header .section-defaults ol.list {
    margin: 0 0 20px;
    display: block;
    overflow: hidden;
    padding: 0
}

header .section-defaults ol.list li {
    list-style: decimal inside;
    margin-bottom: 15px;
    display: list-item
}

header .section-defaults .btn-link {
    font-weight: bold;
    font-size: 18px;
    color: #ee0000
}

header .section-defaults .btn-link:hover,
header .section-defaults .btn-link:focus {
    color: #171c8f
}

header .section-defaults .list-inline>li {
    padding-right: 10px;
    padding-left: 0;
    width: 49.6%
}

header .section-defaults .list-inline>li a {
    margin-bottom: 0
}

header .section-defaults .list>li {
    margin-bottom: 10px
}

header .btn-custom {
    color: #ffffff;
    background: #e60202;
    font-weight: bold;
    font-size: 18px;
    padding: 8px 10px 5px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s;
    display: inline-block;
    margin-bottom: 20px
}

header .btn-custom:hover,
header .btn-custom:focus {
    color: #fff;
    background-color: #171c8f
}

header .section-gray-bg {
    background: #f6f6f7
}

header .video-box {
    max-width: 100%
}

header .video-box img {
    max-width: 100%
}

header textarea.form-control.submit-feedback {
    background: #f6f6f7;
    box-shadow: none;
    display: block;
    height: 100px;
    resize: none;
    border: none;
    width: 100%;
    border-radius: 0
}

header .inline-heading {
    display: inline-block;
    margin-left: 50px
}

header .like-unlike-box {
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 50px
}

header .like-unlike-box .like,
header .like-unlike-box .unlike {
    width: 56px;
    height: 56px;
    display: inline-block;
    margin-right: 40px
}

header .like-unlike-box .thank-msg {
    display: inline-block;
    margin-right: 40px;
    font: bold 20px 'RTA';
    color: #53565a;
    position: relative;
    top: -15px
}

header .like-unlike-box .like {
    background: url("../img/icon-thumbs-up.png") 0 0 no-repeat
}

header .like-unlike-box .unlike {
    background: url("../img/icon-thumbs-down.png") 0 0 no-repeat;
    position: relative;
    top: 20px
}

header .like-unlike-box .like:hover,
header .like-unlike-box .unlike:hover {
    background-position: 0 -56px
}

header .like-unlike-box .like.active,
header .like-unlike-box .unlike.active {
    background-position: 0 -56px
}

header .gray-bg {
    background: #ebeaea
}

header .blue-bg {
    background: #171c8f
}

header .section-defaults .blue-bg * {
    color: #fff
}

header .sm-block-box {
    display: block;
    width: 100%;
    float: right;
    clear: both;
    padding: 30px 20px;
    box-sizing: border-box;
    margin-bottom: 20px
}

header a.btn-link-download {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    display: inline-block
}

header .custom-panel .panel-heading {
    font: bold 20px/20px 'RTA';
    color: #53565a;
    border-top: 1px solid #ebeaea;
    padding: 20px 0;
    position: relative;
    cursor: pointer
}

header .custom-panel .panel-body {
    padding: 15px 0
}

header .custom-panel {
    border-bottom: 1px solid #ebeaea
}

header .custom-panel .panel-heading[data-toggle="collapse"]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 20px;
    width: 19px;
    height: 19px;
    background: url("../img/faq-icon.png") no-repeat 0 -25px
}

header .custom-panel .panel-heading[data-toggle="collapse"].collapsed:after {
    background-position: 0 0
}

header .section-defaults .list.updates-list {
    display: block;
    margin-top: 30px;
    clear: none
}

header .section-service-detail-before-apply p {
    margin-bottom: 40px
}

header .section-service-detail-before-apply h2 {
    margin-bottom: 20px
}

header .half-grid-price-list .col-item h5 {
    margin-bottom: 0
}

header .half-grid-price-list .col-item .short-info {
    padding-right: 0;
    padding-left: 0
}

header .before-apply-list {
    padding-left: 20px
}

header .before-apply-list li {
    list-style: disc outside;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal
}

header .form-eligibility {
    margin: 30px 0 0
}

header .form-eligibility .form-group label {
    margin: 30px 0 15px
}

header .form-eligibility .form-control.large {
    height: 60px
}

header .custom-select-dropdown.large {
    height: 60px
}

header .form-eligibility .captcha-wrap {
    margin: 0 0 15px
}

header .form-eligibility .captcha-wrap .form-control {
    margin: 15px 0 0
}

header .section-defaults .large-btn-group {
    display: block;
    margin: 20px 0 30px;
    clear: both;
    float: none
}

header .section-defaults .large-btn-group li:last-child {
    padding-right: 0
}

header .section-defaults .large-btn-group .btn-custom {
    padding: 15px 50px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center
}

header .section-defaults .large-btn-group .btn-custom.dark {
    background-color: #53565a
}

header input.date-icon {
    color: #fff;
    height: 60px;
    background: #53565a url(../img/date-icon.png) no-repeat 95% center;
    padding: 0 15px;
    cursor: pointer
}

header .ui-widget.ui-widget-content {
    width: 323px
}

header .form-eligibility .form-group {
    margin-bottom: 5px;
    display: block;
    clear: both;
    float: none;
    overflow: hidden
}

header body input.form-control.dark {
    background: #53565a;
    color: #fff
}

header body input.form-control.invert {
    background: #f6f6f7
}

header .captcha-wrap img {
    max-width: 100%
}

header .row.nopadding {
    padding-top: 20px
}

header .table-responsive {
    overflow-x: visible !important
}

header .step2 .large-btn-group {
    width: 50%
}

header .step2 .list-inline>li {
    width: 45.5%
}

header .step2 .large-btn-group .btn-custom {
    padding: 15px 10px
}

header .steps .control input:checked ~ .control__indicator {
    background: #53565a
}

header .step2 .form-eligibility .col-md-5 {
    width: 45.666667%
}

header .step3 table p {
    margin-bottom: 0
}

header .step3 .large-btn-group {
    width: 50%
}

header .step3 .row {
    padding-top: 40px;
    padding-bottom: 0
}

header .step3 .table {
    margin-bottom: 0
}

header .step3 .table>thead>tr>th {
    border-top: 1px solid #ddd !important;
    border-bottom: none !important
}

header .step3 .payment-method-select>li {
    width: 15.6%
}

header .step4 .form-eligibility {
    margin-top: 0
}

header .step4 .list-inline>li {
    width: auto
}

header .step4 .form-eligibility .row p {
    font-size: 20px
}

header .step4 .list-inline {
    margin-left: 0
}

header .control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px
}

header .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    line-height: 28px;
    font-weight: normal
}

header .control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

header .control__indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background: #c6c5c5
}

header .control--radio .control__indicator {
    border-radius: 50%
}

header .control:hover input ~ .control__indicator,
header .control input:focus ~ .control__indicator {
    background: #ccc
}

header .control input:checked ~ .control__indicator {
    background: #53565a
}

header .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none
}

header .control__indicator:after {
    content: '';
    position: absolute;
    display: none
}

header .control input:checked ~ .control__indicator:after {
    display: block
}

header .control--checkbox .control__indicator:after {
    left: 8px;
    top: 3px;
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

header .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b
}

header .control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #fff
}

header .control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b
}

header .select {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 100%
}

header .select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

header .select select::-ms-expand {
    display: none
}

header .select select:hover,
header .select select:focus {
    color: #000;
    background: #ccc
}

header .select select:disabled {
    opacity: 0.5;
    pointer-events: none
}

header .select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent
}

header .select select:hover ~ .select__arrow,
header .select select:focus ~ .select__arrow {
    border-top-color: #000
}

header .select select:disabled ~ .select__arrow {
    border-top-color: #ccc
}

header .table th .control {
    position: relative;
    top: -8px;
    float: right
}

header .table th:last-child .control,
header .table td:last-child .control {
    text-align: right;
    float: right
}

header .table>tbody>tr>td,
header .table>tbody>tr>th,
header .table>tfoot>tr>td,
header .table>tfoot>tr>th,
header .table>thead>tr>td,
header .table>thead>tr>th {
    padding: 30px 0 !important
}

header tfoot td {
    font-size: 18px;
    color: #ec0000;
    font-weight: bold
}

header .total-fines .highlight {
    color: #515558
}

header .payment-method-select li {
    padding: 30px 0;
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle
}

header .payment-method-select li img {
    margin-left: 10px;
    -webkit-box-shadow: 1px 1px 8px 1px #ccc;
    -moz-box-shadow: 1px 1px 8px 1px #ccc;
    box-shadow: 1px 1px 8px 1px #ccc;
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

header .step4 .form-eligibility {
    background-color: #ee0000;
    color: #fff
}

header .step4 .form-eligibility .row {
    color: #fff;
    padding: 30px 60px
}

header .step4 .form-eligibility .row h2,
header .step4 .form-eligibility .row p {
    color: #fff
}

header .happiness-large-box {
    text-align: center
}

header .happiness-large-box h4 {
    margin: 20px auto;
    color: #fff;
    text-align: center
}

header .step4 .form-eligibility .row h2 {
    margin: 30px 0
}

header .step4 .form-eligibility .row p {
    margin: 0 0 30px
}

header .small h3,
header .small h1,
header .small h2 {
    font-size: 32px
}

header .small .latest-slider-form h3,
header .small .drive-n-car-service .car-service-text h3,
header .small .smart-app .swiper-wrapper .swiper-slide h3 {
    font-size: 22px
}

header .small .content-wrap h3 span,
header .small .slider-content,
header .small .discover-form fieldset label,
header .small select,
header .small .pop-services,
header .small .upd-icon,
header .small .latest-slider-content,
header .small .latest-slider-form p,
header .small .latest-slider-form p,
header label,
header .small .overlay-questions .chat-start li h2,
header .small .overlay-questions .chat-start li p,
header textarea,
header .small .overlay-questions .start-typing input[type="submit"],
header .small .drive-n-car-service .img-title p {
    font-size: 16px
}

header .small .btn2,
header .small .support-services,
header .small .drive-n-car-service .car-service-content ul li,
header .small .btn-view-all {
    font-size: 14px
}

header .small .upd-feed-content p,
header .small .mobile-services,
header .small .footer-service ul li span:nth-child(1),
header .small .footer-service ul li span:nth-child(2),
header .small .footer-service ul li a,
header .small .car-services li,
header .small .icon-label p,
header .small .drive-n-car-service .car-service-text .accordion h4,
header .small .smart-app .swiper-wrapper .swiper-slide p {
    font-size: 12px
}

header .small .support-services,
header .small .footer-copyright .bottom-text p,
header .small .service-sticky-nav ul li,
header .small .drive-n-car-service .car-service-text p,
header .small .breadcrumb-rta li {
    font-size: 10px
}

header .small .drive-n-car-service .car-service-content ul li {
    background-position: 10px 4px
}

header .small .drive-n-car-service .car-service-text .btn-view-all:before {
    top: 0px
}

header .small .icon-label {
    height: 99px
}

header .medium h3,
header .medium .smart-app h2 {
    font-size: 50px !important
}

header .medium h3 span,
header .medium .discover-form fieldset label,
header .medium .discover-form fieldset select,
header .medium .pop-services,
header .medium .mobile-services,
header .medium .latest-slider-content,
header .medium .latest-form fieldset input,
header .medium .support-services,
header .medium .footer-service ul li span:nth-child(1) {
    font-size: 21px
}

header .medium .slider-content {
    font-size: 21px
}

header .medium .btn2 {
    font-size: 21px
}

header .medium .mobile-app-wrapper>ul>li {
    height: 130px
}

header .medium .mobile-app-wrapper ul li a {
    height: 115px
}

header .medium .support-wrapper ul li a {
    height: 112px
}

header .medium .latest-slider-content {
    height: 330px;
    padding: 90px 15px 0 20px
}

header .medium .service-sticky-nav ul li {
    font-size: 19px
}

header .medium .service-sticky {
    width: 265px;
    left: -215px
}

header .medium .service-sticky:hover {
    left: 0
}

header .medium .footer-service {
    width: 540px;
    margin-top: 20px
}

header .medium .footer-service ul li a {
    height: 38px
}

header .medium .breadcrumb-rta li {
    font-size: 19px
}

header .medium .drive-n-car h2,
header .medium .drive-n-car h1,
header .medium .drive-n-car-service .car-service-text h3 {
    font-size: 50px
}

header .medium .car-services li,
header .medium .drive-n-car-service .car-service-text .accordion h4,
header .medium .drive-n-car-service .car-service-content ul li,
header .medium .btn-view-all {
    font-size: 19px
}

header .medium p,
header .medium table,
header .medium .crumbTrail a,
header .medium .errorMsgProcess,
header .medium .download {
    font-size: 16px !important;
    line-height: 16px !important
}

header .medium .smart-app .swiper-wrapper .swiper-slide p {
    font-size: 18px !important
}

header .medium .smart-app .swiper-wrapper .swiper-slide {
    min-height: 407px
}

header .large h3,
header .large .drive-n-car-service .car-service-text h3,
header .large .smart-app h2 {
    font-size: 56px !important
}

header .large h3 span,
header .large .main-wrapper p,
header .large .discover-form fieldset label,
header .large .discover-form fieldset select,
header .large .pop-services,
header .large .mobile-services,
header .large .latest-slider-content,
header .large .latest-form fieldset input,
header .large .support-services,
header .large .footer-service ul li span:nth-child(1),
header .large .service-sticky-nav ul li {
    font-size: 26px !important;
    line-height: 26px !important
}

header .large .service-sticky {
    width: 315px;
    left: -265px
}

header .large .service-sticky:hover {
    left: 0
}

header .large .latest-slider-content {
    padding: 80px 15px 0 20px;
    height: 355px
}

header .large .slider-content {
    font-size: 26px
}

header .large .btn2 {
    font-size: 26px
}

header .large .slider-content-wrap {
    height: 230px
}

header .large .upd-feed-content {
    float: left;
    width: 100%;
    height: 480px;
    position: relative
}

header .large .support-wrapper ul li a {
    height: 128px
}

header .large .footer-service {
    width: 610px;
    margin-top: 17px
}

header .large .footer-service ul li a {
    height: 41px;
    padding: 12px 18px
}

header .large .mobile-app-wrapper>ul>li {
    height: 147px
}

header .large .mobile-app-wrapper ul li a {
    height: 129px
}

header .large .car-services li,
header .large .breadcrumb-rta li,
header .large .drive-n-car-service .car-service-content ul li,
header .large .drive-n-car-service .car-service-text .accordion h4,
header .large .drive-n-car-service .car-service-text .btn-view-all {
    font-size: 21px;
    line-height: 21px
}

header .large .icon-label {
    width: 168px
}

header .large .drive-n-car h2,
header .large .drive-n-car h1 {
    font-size: 48px
}

header .large .car-services li em {
    right: -13px
}

header .large .smart-app .swiper-wrapper .swiper-slide {
    min-height: 507px
}

header #online h3 {
    line-height: normal;
    margin: 0 0 20px
}

header .online-chat input {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    outline: none;
    border: none;
    background: #53565a;
    box-sizing: border-box;
    padding: 15px;
    margin: 0 0 20px
}

header .online-chat label {
    float: left;
    clear: left;
    font-size: 20px;
    color: #53565a;
    margin-bottom: 10px;
    width: 100%
}

header .online-chat .custom-select-dropdown select {
    padding: 15px
}

header .online-chat .custom-select-dropdown:after {
    right: 0
}

header .online-chat fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

header .online-chatfieldset input:-moz-placeholder {
    color: #ffffff
}

header .online-chat fieldset input::-moz-placeholder {
    color: #ffffff
}

header .online-chat fieldset input:-ms-input-placeholder {
    color: #ffffff
}

header .overlay-questions .btn2 a {
    padding: 15px 70px
}

header .overlay-questions .btn2 {
    margin: 15px 0 0 0
}

header .overlay-questions .chat-start {
    display: none
}

header .overlay-questions .chat-start ul {
    margin-bottom: 100px
}

header .overlay-questions .chat-start li {
    padding: 5px 0 0 50px;
    position: relative;
    margin-bottom: 20px
}

header .overlay-questions .chat-start li:last-child {
    margin-bottom: 0
}

header .overlay-questions .chat-start li:nth-of-type(2n+2) h2 {
    color: #22b200
}

header .overlay-questions .chat-start li em {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    background: #53565a url("../img/car-services-drive.png") no-repeat center;
    background-size: 40%;
    padding: 0;
    margin: 0
}

header .overlay-questions .chat-start li h2 {
    font-size: 20px;
    font-weight: bold;
    color: #ee0000
}

header .overlay-questions .chat-start li p {
    font: normal 20px "RTA";
    color: #53565a
}

header .overlay-questions .chat-start li em img {
    width: 100%;
    height: 100%
}

header .overlay-questions .start-typing {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1px;
    padding: 15px 15px 10px;
    box-sizing: border-box;
    background: #53565a
}

header .overlay-questions .start-typing textarea {
    font-size: 20px;
    height: 55px;
    padding: 15px 15px 0px;
    border: none;
    outline: none;
    width: 358px
}

header .overlay-questions .start-typing input[type="submit"] {
    float: right;
    width: 100px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ee0000;
    padding: 15.5px 0;
    margin: 0;
    border: none;
    outline: none;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

header .overlay-questions .start-typing input[type="submit"]:hover {
    background: #171c8f
}

header .overlay-questions .status {
    display: inline-block;
    padding: 0;
    margin: 0 0 50px
}

header .overlay-questions .status p {
    float: left;
    font-size: 14px;
    color: #53565a;
    background: #e5e6e6;
    padding: 10px 15px 5px;
    margin: 0 1px 1px 0
}

header .overlay-questions .status p span {
    color: #22b200;
    padding: 0 0 0 2px
}

header .overlay-questions .status p span img {
    margin: 0 10px 0 0
}

header .overlay-questions .status .email-n-print {
    position: absolute;
    top: 20px
}

header .overlay-questions .status .email-chat {
    float: left;
    width: 35px;
    height: 24px;
    background: url("../img/email-chat.png") no-repeat 0 0;
    padding: 0;
    margin: 0 15px 0 0
}

header .overlay-questions .status .print-chat {
    float: left;
    width: 36px;
    height: 33px;
    background: url("../img/print-chat.png") no-repeat 0 0;
    padding: 0;
    margin: -3px 15px 0 0
}

header .car-sticky {
    position: fixed;
    top: 50px;
    z-index: 10;
    max-width: 1170px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

@media screen and (max-width: 1298px) {
    header #main_nav_part ul.main_nav_bar {
        width: 727px
    }
}

@media screen and (min-width: 768px) and (max-width: 1266px) {
    header .smart-app .swiper-button-prev,
    header .smart-app .swiper-button-next {
        top: 12px
    }
    header .smart-app .swiper-button-next,
    header .smart-app .swiper-container-rtl .swiper-button-prev {
        right: 10px
    }
    header .smart-app .swiper-button-prev,
    header .smart-app .swiper-container-rtl .swiper-button-next {
        left: auto;
        right: 60px
    }
}

@media screen and (max-width: 1024px) {
    header .swiper-pagination {
        display: block
    }
    header .rta-slider-col img {
        width: 100%
    }
    header .pop-services {
        width: 149px
    }
    header .upd-feed-wrapper ul li {
        margin: 30px 0 35px 0;
        width: 100%
    }
    header .upd-feed-content {
        height: auto
    }
    header .upd-feed-wrapper .btn2 {
        margin: 55px 0 0 0;
        float: left;
        position: relative
    }
    header .mobile-app-wrapper ul li:nth-child(5),
    header .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 15px 0 0
    }
    header .mobile-app-wrapper ul li:nth-child(3),
    header .mobile-app-wrapper ul li:nth-child(6),
    header .mobile-app-wrapper ul li:nth-child(9) {
        padding: 15px 0 0 0
    }
    header .mobile-services {
        width: 227px
    }
    header .latest-left-pane {
        width: 100%
    }
    header .latest-slider-col {
        width: 300px
    }
    header .latest-right-pane {
        width: 100%;
        margin-top: 50px
    }
    header div.footer-sticky .container {
        padding: 0
    }
    header .overlay-happy {
        width: 100%;
        padding: 4%;
        top: 50%;
        left: 50%
    }
    header .happy-logo-left {
        width: 30%
    }
    header .happy-logo-right {
        width: 63%;
        padding: 0 0 0 7%
    }
    header .overlay-happy img {
        width: 100%
    }
    header .happy-meter ul li {
        padding: 10px 0px 0 0;
        width: 30%
    }
    header .overlay-request h3,
    header .overlay-questions h3 {
        font-size: 36px
    }
    header .overlay-questions {
        width: 100%;
        padding: 6%;
        bottom: 45px;
        left: 0
    }
    header .overlay-request {
        width: 100%;
        padding: 6%;
        bottom: 45px;
        left: 0
    }
    header .support-services {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
    header .breadcrumb-rta .container,
    header .smart-app .container {
        width: 85%
    }
}

@media screen and (max-width: 1199px) {
    header .categories-list .col-grid25 {
        width: 31%
    }
    header .categories-list .col-grid25 .category-item img {
        width: 40px
    }
    header .car-services li em {
        width: 24%
    }
    header .car-services li em img {
        width: 100%
    }
    header .car-services li {
        font-size: 12px
    }
    header .smart-app .swiper-wrapper .swiper-slide img {
        width: 25%
    }
    header .smart-app .swiper-wrapper .swiper-slide h3 {
        font-size: 24px
    }
    header .smart-app .swiper-wrapper .swiper-slide .slide-text {
        float: left;
        width: 63%
    }
    header .mobile-app-wrapper ul li:nth-child(5),
    header .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 15px 0 0
    }
    header .populer-wrapper ul li:nth-child(4),
    header .populer-wrapper ul li:nth-child(8) {
        padding: 15px 15px 0 0
    }
}

@media screen and (max-width: 990px) {
    header .categories-list .col-grid25:nth-of-type(3n+3) {
        margin-right: 20px
    }
    header .categories-list .col-grid25:nth-of-type(2n+2) {
        margin-right: 0
    }
    header .categories-list .col-grid25 {
        width: 48%
    }
    header .car-services li em {
        width: 24%
    }
    header .car-services li em img {
        width: 100%
    }
    header .car-services li {
        font-size: 12px
    }
    header .drive-n-car-service .car-service-content ul {
        width: 100%;
        margin-bottom: 20px
    }
    header .drive-n-car-service .car-service-content ul li {
        clear: none;
        margin: 0 10px 10px 0
    }
    header .drive-n-car-service .car-service-text {
        float: left;
        width: 100%
    }
    header .mobile-app-wrapper ul li:nth-child(3),
    header .mobile-app-wrapper ul li:nth-child(6),
    header .mobile-app-wrapper ul li:nth-child(9) {
        padding: 15px 15px 0 0
    }
}

@media screen and (max-width: 954px) {
    header .site-control {
        width: 136px
    }
    header #main_nav_part ul.main_nav_bar {
        width: 620px
    }
    header #main_nav_part ul.main_nav_bar>li {
        width: 115px
    }
    header #main_nav_part ul.main_nav_bar>li>a {
        width: 115px
    }
}

@media screen and (max-width: 768px) {
    header .overlay-sticky {
        width: 100%;
        height: 100vh;
        margin: 0;
        float: left;
        background: #636669;
        padding: 10px
    }
    header .close-sticky {
        display: block;
        position: absolute;
        top: 12px;
        right: 5px
    }
    header .overlay-sticky h3 {
        font-size: 26px;
        color: #ffffff;
        line-height: 50px
    }
    header .overlay-sticky fieldset {
        float: left;
        width: 97%;
        margin: 5% 5% 0 0
    }
    header .overlay-sticky fieldset input {
        width: 103%
    }
    header .content-wrap h3 {
        font-size: 36px
    }
    header .populer-wrapper ul li:nth-child(4),
    header .populer-wrapper ul li:nth-child(8) {
        padding: 15px 15px 0 0
    }
    header .populer-wrapper ul li:nth-child(3),
    header .populer-wrapper ul li:nth-child(6) {
        padding: 15px 15px 0 0
    }
    header .pop-services {
        width: 156px;
        font-size: 16px
    }
    header .mobile-services {
        width: 154px
    }
    header .ser-detail-col-left {
        width: 100%
    }
    header .ser-detail-content {
        width: 80%
    }
    header .ser-detail-col-right {
        width: 100%;
        margin: 25px 0 0 0
    }
    header .ser-detail-content h3 {
        font-size: 26px
    }
    header .latest-slider-col {
        width: 340px
    }
    header .support-wrapper ul li {
        width: 50%
    }
    header .support-wrapper ul li:nth-child(1),
    header .support-wrapper ul li:nth-child(2),
    header .support-wrapper ul li:nth-child(3) {
        border-bottom: none
    }
    header .support-wrapper ul li:nth-child(3),
    header .support-wrapper ul li:nth-child(5) {
        border-left: 1px solid #ffffff
    }
    header div.footer-sticky .container {
        padding: 0
    }
    header .service-sticky {
        display: none;
        float: left;
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }
    header .service-sticky-nav ul li {
        width: 50%;
        border: 1px solid #fff;
        border-width: 0px 0px 1px 1px
    }
    header .service-sticky-nav ul li a {
        line-height: 40px
    }
    header .service-sticky-nav ul .view-all {
        display: block;
        background-color: #ee0000
    }
    header .service-sticky-nav ul li:nth-child(8) a {
        display: block;
        background-color: #ee0000;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700
    }
    header .service-sticky-nav ul li:nth-child(8) a:hover {
        background-color: #636669;
        color: #ffffff
    }
    header #main_nav_part ul.main_nav_bar {
        width: auto
    }
    header #main_nav_part ul.main_nav_bar>li {
        width: 50%
    }
    header .site-control {
        top: 5px
    }
    header .footer-service ul li:nth-child(3) a {
        background-position: 90% center
    }
    header #main_nav_part ul.main_nav_bar>li,
    header #main_nav_part ul.main_nav_bar>li.shortHome,
    header #main_nav_part ul.main_nav_bar>li.short {
        width: 50%
    }
    header .populer-wrapper ul li {
        width: 50%
    }
    header .mobile-app-wrapper ul li {
        width: 50%
    }
    header .car-sticky {
        top: 40px
    }
    header .drive-n-car-service .img-title {
        padding: 25px
    }
}

@media screen and (max-width: 767px) {
    header .categories-list .col-grid25:nth-of-type(3n+3) {
        margin-right: 0
    }
    header .categories-list .col-grid25:nth-of-type(2n+2) {
        margin-right: 0
    }
    header .categories-list .col-grid25 {
        width: 100%
    }
    header .left-menu {
        max-width: 100% !important;
        margin-bottom: 25px
    }
    header .breadcrumb-rta {
        margin: 20px 0 25px
    }
    header .our-services .most-popular h2 {
        font-size: 24px
    }
    header .categories-list .col-grid25 .category-item h4 {
        width: 73%
    }
    header .by-categories ul li {
        padding: 0 15px 0 0;
        font-size: 14px
    }
    header .categories-list .row {
        padding: 30px 0 20px
    }
    header .by-alph ul li {
        display: inline-block;
        margin: 0 30px 10px 0
    }
    header .drive-n-car h2,
    header .smart-app h2 {
        font-size: 22px;
        margin-bottom: 20px
    }
    header .car-services {
        margin: 0 0 20px
    }
    header .car-services li {
        display: inline-block;
        width: 50%;
        min-height: 55px
    }
    header .drive-n-car-service .img-outer {
        position: static;
        width: 100%
    }
    header .drive-n-car-service .img-title {
        position: static;
        width: 100%;
        padding: 15px
    }
    header .drive-n-car-service .car-service-content {
        padding: 15px
    }
    header .car-services li em {
        width: 15%
    }
    header .car-services li span {
        width: 52%
    }
    header .drive-n-car-service {
        margin: 0 0 20px
    }
    header .swiper-button-prev,
    header .swiper-button-next {
        display: none
    }
    header .smart-app {
        padding: 20px 0
    }
    header .smart-app .swiper-wrapper .swiper-slide .slide-text {
        float: left;
        width: 71%
    }
    header .smart-app .swiper-wrapper .swiper-slide img {
        width: 25%
    }
    header .section-defaults {
        padding: 20px 0
    }
    header .sm-block-box {
        display: none
    }
    header .half-grid-list .col-grid {
        width: 100%;
        margin: 0 0 15px 0
    }
    header .half-grid-list {
        margin: 0
    }
    header ol.large-number-list li {
        font-size: 33px
    }
    header .section-defaults h2 {
        font-size: 25px
    }
    header .custom-panel .panel-heading {
        font-size: 15px;
        line-height: 15px
    }
    header .custom-panel .panel-heading {
        padding: 20px 34px 20px 0
    }
    header .like-unlike-box {
        margin-left: 0;
        margin-bottom: 30px
    }
    header .section-defaults h2 {
        margin: 20px 0 10px
    }
    header .like-unlike-box .thank-msg {
        top: 27px
    }
    header .drive-n-car-service .img-title p {
        font-size: 14px
    }
    header .icon-label {
        width: 80px;
        height: 86px;
        bottom: auto;
        top: 49px;
        left: 0 !important
    }
    header .icon-label p {
        font: normal 12px 'RTA'
    }
    header .icon-label em img {
        width: 65%
    }
    header .smart-app .swiper-wrapper .swiper-slide h3 {
        font-size: 18px
    }
    header .smart-app .swiper-wrapper .swiper-slide {
        min-height: 165px
    }
    header .smart-app .swiper-wrapper .swiper-slide p {
        font-size: 12px;
        width: 155px
    }
    header .slider-content-wrap {
        width: 100%
    }
    header .table-responsive {
        border: none
    }
    header .overlay-questions {
        bottom: 42px
    }
    header .overlay-request h3,
    header .overlay-questions h3 {
        font-size: 20px;
        margin: 0 0 10px
    }
    header .online-chat input {
        font-size: 14px;
        padding: 10px;
        margin: 0 0 10px
    }
    header .online-chat label {
        float: left;
        font-size: 14px;
        color: #53565a;
        margin-bottom: 10px
    }
    header .online-chat .custom-select-dropdown {
        margin-bottom: 10px
    }
    header .online-chat .custom-select-dropdown select {
        padding: 10px;
        font-size: 14px
    }
    header .overlay-questions .btn2 a {
        font-size: 14px;
        padding: 10px
    }
    header .overlay-questions .btn2 {
        margin: 10px 0 0
    }
    header .overlay-questions {
        position: absolute
    }
    header .footer-sticky {
        z-index: 101
    }
    header .overlay-questions .start-typing textarea {
        width: 228px
    }
    header .overlay-questions .chat-start li h2,
    header .overlay-questions .chat-start li p {
        font-size: 16px
    }
    header .overlay-happy {
        width: 90%
    }
    header .swiper-slide {
        width: 100% !important
    }
    header .populer-wrapper ul li {
        width: 50%
    }
    header .populer-wrapper ul li:nth-child(3),
    header .populer-wrapper ul li:nth-child(6) {
        padding: 15px 15px 0 0
    }
    header .populer-wrapper ul li:nth-of-type(2n+2) {
        padding: 15px 0 0 0
    }
    header .mobile-app-wrapper>ul>li {
        width: 50%
    }
    header .overlay-questions .status .email-n-print {
        position: static;
        margin-bottom: 3px;
        display: inline-block
    }
    header .car-sticky {
        position: static
    }
}

@media screen and (max-height: 690px) {
    header .overlay-questions {
        padding: 30px 30px
    }
    header #online h3 {
        margin: 0 0 10px
    }
    header .online-chat input {
        margin: 0 0 10px
    }
    header .custom-select-dropdown {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 667px) {
    header .pop-services {
        width: 128px
    }
    header .mobile-services {
        width: 126px
    }
    header .latest-slider-col {
        width: 298px
    }
    header .support-services {
        width: 115px
    }
}

@media screen and (max-width: 640px) {
    header .footer-service-happy ul li a {
        padding: 9px;
        margin-top: 10px;
        background: url(../img/sticky-happy-1x.png) no-repeat center 5px #e00
    }
    header .footer-service-happy ul li a:hover {
        padding: 9px;
        margin-top: 0px;
        background: url(../img/sticky-happy-1x.png) no-repeat center 5px #e00
    }
    header .content-wrap {
        margin: 35px 0
    }
    header .rta {
        background: #e6e6e6
    }
    header .rta .btn2 {
        margin: 30px 0 0 0
    }
    header .rta-slider-wrapper {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        padding-bottom: 0px
    }
    header .discover-form {
        display: none
    }
    header .discover {
        display: none
    }
    header .upd-feed-wrapper {
        margin: 0 0
    }
    header .mobile-services {
        width: 80px;
        font-size: 13px
    }
    header .mobile-app-wrapper ul li:nth-child(5),
    header .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 15px 0 0
    }
    header .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 0 0 0
    }
    header .mobile-app-wrapper ul li:nth-child(3),
    header .mobile-app-wrapper ul li:nth-child(6),
    header .mobile-app-wrapper ul li:nth-child(9) {
        padding: 15px 15px 0 0
    }
    header .mobile-app-wrapper>ul>li:nth-child(2),
    header .mobile-app-wrapper>ul>li:nth-child(4),
    header .mobile-app-wrapper>ul>li:nth-child(6),
    header .mobile-app-wrapper>ul>li:nth-child(8) {
        padding: 15px 0 0 0
    }
    header .map-drop {
        width: 100%
    }
    header .map-btn-wrapper,
    header .map-btn {
        width: 100%
    }
    header .latest-slider-col {
        width: 100%
    }
    header .support-wrapper ul {
        margin: 30px 0 0 0
    }
    header .support-services {
        font-size: 14px;
        width: 80px;
        margin: -10px 0 0 0
    }
    header .footer-service-happy ul li a {
        margin-top: 0
    }
    header .footer-sticky {
        height: 42px;
        background: #53565b
    }
    header .footer-service {
        width: 89%;
        margin-top: 0
    }
    header .footer-service ul {
        float: right;
        width: auto
    }
    header .footer-service ul li {
        display: inline-block;
        width: auto;
        float: left
    }
    header .footer-service ul li span:nth-child(2) {
        margin: 0 0 0 5px
    }
    header .footer-service ul li span:nth-child(1) {
        right: 10px
    }
    header .footer-service ul li a {
        padding: 21px 17px;
        width: auto !important
    }
    header .footer-service ul li span:nth-child(1),
    header .footer-service ul li span:nth-child(2) {
        top: -7px;
        position: relative
    }
}

@media screen and (min-width: 376px) and (max-width: 540px) {
    header .mobile-app-wrapper>ul>li {
        width: 50%
    }
}

@media screen and (max-width: 420px) {
    header .footer-service-happy {
        width: 45px;
        height: 55px;
        position: absolute
    }
    header .footer-service ul li:nth-child(2) a {
        background: url(../img/sticky-chat-online.png) no-repeat 98% 13px #53565b;
        background-size: 12%;
        width: 150px
    }
    header .footer-service ul li:nth-child(2) a:hover {
        background: url(../img/sticky-chat-online.png) no-repeat 98% 17px #fff;
        background-size: 12%;
        width: 150px
    }
    header .footer-service ul li span:nth-child(1) {
        float: left;
        font-size: 12px;
        position: relative;
        right: 10px
    }
    header .footer-service ul li span:nth-child(2) {
        float: right;
        font-weight: normal;
        font-size: 10px;
        padding: 0px;
        position: relative;
        right: 10px;
        top: -5px
    }
    header .footer-service ul li:nth-child(3) a {
        background-size: 16%;
        min-width: 94px;
        width: auto
    }
    header .footer-service ul li:nth-child(4) a {
        background: url(../img/ft-ic5.png) no-repeat center center #53565b;
        background-size: 45%
    }
    header .footer-service ul li:nth-child(1) a {
        background: url(../img/ft-ic2.png) no-repeat center center #53565b;
        background-size: 45%
    }
    header #set-2 ul li a span {
        margin-right: 15px !important
    }
    header #set-2 ul li:nth-child(1) a {
        padding: 10px 20px !important
    }
    header #set-1 ul li:nth-child(1) a {
        padding: 10px 38px
    }
    header #set-1 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 80px center !important;
        color: #989a9c
    }
    header .footer-service ul li:nth-child(1) a:hover {
        background: url(../img/ft-ic2.png) no-repeat center center #53565b;
        background-size: 50%
    }
    header .mobile-app-wrapper>ul>li {
        width: auto
    }
}

@media screen and (max-width: 360px) {
    header .icon-label {
        top: 43px
    }
    header .footer-service ul li a {
        padding: 21px 15px
    }
}

@media screen and (max-width: 320px) {
    header .footer-service ul li:nth-child(3) a {
        min-width: inherit
    }
    header .mobile-services {
        width: 61px;
        font-size: 9px
    }
    header .support-services {
        font-size: 12px;
        width: 59px
    }
    header .footer-service ul li span:nth-child(1) {
        float: left;
        font-size: 8px;
        top: -3px
    }
    header #set-2 ul li a span {
        margin-right: 15px !important;
        font-size: 14px !important
    }
    header #set-2 ul li:nth-child(1) a {
        padding: 10px 10px !important
    }
    header #set-1 ul li:nth-child(1) a {
        background: url(../img/login-1x.png) no-repeat 80px center !important;
        padding: 10px 38px
    }
    header #set-1 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 80px center !important;
        color: #989a9c
    }
    header .service-sticky-nav ul li:nth-child(1) a {
        background: url(../img/sticky-pay.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(2) a {
        background: url(../img/sticky-reg.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(3) a {
        background: url(../img/sticky-salik.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(4) a {
        background: url(../img/sticky-parking.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(5) a {
        background: url(../img/sticky-nol.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(6) a {
        background: url(../img/sticky-journey.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(7) a {
        background: url(../img/sticky-license.png) no-repeat 123px center #53565b
    }
    header .service-sticky-nav ul li:nth-child(8) a {
        font-size: 14px
    }
    header .icon-label {
        top: 27px
    }
    header .footer-service ul li span:nth-child(1),
    header .footer-service ul li span:nth-child(2) {
        top: -5px
    }
    header .overlay-questions .start-typing textarea {
        width: 190px
    }
}

@media screen and (max-width: 768px) {
    header .policy-list li {
        width: 100%;
        padding: 10px 10px 30px 10px
    }
    header .mob-pad-top-med {
        padding-bottom: 20px
    }
    header .buttonStyleWide {
        margin-right: 5px
    }
    header .board-member-info a.link {
        display: inline-block;
        text-decoration: none;
        padding: 10px 15px 10px 0px;
        background: url(../img/arrow-right.png) no-repeat right center;
        color: #1daeec;
        font-weight: bold
    }
    header .footernav ul:first-child {
        padding-top: 0
    }
    header .footernav ul:last-child {
        border-bottom: none;
        padding-bottom: 0
    }
    header .list-inline.list-icons .icon {
        padding-right: 45px;
        padding-bottom: 5px
    }
    header .explore-rta-content {
        padding: 0 10px
    }
    header .explore-rta-content .explore-list li:last-child {
        padding-bottom: 0px
    }
    header .explore-rta-div .explore-rta {
        padding-bottom: 20px
    }
    header .breadcrumb p {
        padding: 0px
    }
    header .contact-us-faq .faq-topics li,
    header .suport-faq .faq-topics li {
        width: 100%
    }
    header .nav-btn {
        cursor: pointer;
        background: url(../img/toggle.png) no-repeat center center;
        display: block;
        float: left;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 5px;
        left: 5px
    }
    header #main_nav_part #loginsection {
        display: block;
        height: auto
    }
    header #main_nav_part #manageaccount,
    header #main_nav_part #logout {
        display: block;
        padding: 0px;
        height: auto;
        padding: 40px 0
    }
    header #show_logout_account_mobile span {
        background: url("../img/logout_over.png") no-repeat center transparent;
        height: 40px
    }
    header #show_manage_account_mobile span {
        background: url("../img/my-account-white.png") no-repeat center;
        height: 40px
    }
    header #show_logout_account_mobile span:hover {
        background: url("../img/logout.png") no-repeat center transparent;
        height: 40px
    }
    header #show_manage_account_mobile span:hover {
        background: url("../img/my-account-grey.png") no-repeat center;
        height: 40px
    }
    header li#loginsection {
        width: 100% !important;
        margin: 0px;
        padding: 10px 5px !important;
        background-color: #EF3D42 !important
    }
    header .login_control {
        border-color: transparent;
        margin-bottom: 10px;
        box-shadow: none;
        font-size: 14px;
        color: #9c9c9c;
        font-family: "MetaPro-Medium", arial;
        display: block;
        float: left;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        margin: 0px 0px 2px 0px
    }
    header .login_btn {
        height: auto;
        font-size: 15px;
        width: 100%;
        background-color: #5bcbfb;
        color: #fff;
        outline: none;
        border: solid 1px #5bcbfb;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px
    }
    header h2 {
        font-size: 22px;
        line-height: 22px
    }
    header .popular-services .btn-default,
    header .popular-service .btn-default,
    header .extra-item {
        width: 100%
    }
    header .popular-services .btn-default br,
    header .popular-service .btn-default br,
    header .services-body .services-top-bar h2 br {
        display: none
    }
    header #left_section {
        display: none
    }
    header .main-page,
    header #services_part {
        padding: 0px
    }
    header .site,
    header .footernav,
    header .footer,
    header #services_part h1,
    header #services_part .services-body {
        padding: 10px
    }
    header .services-body-right,
    header .services-body-left,
    header .footer-copyright .bottom-text,
    header .single-new,
    header .single-new.middle {
        width: 100%
    }
    header .services-body-right,
    header .extra-item {
        margin: 0
    }
    header #news_part {
        height: auto;
        padding-bottom: 30px
    }
    header #news_part .carousel-indicators {
        bottom: -27px
    }
    header .social-midea li {
        width: 30px
    }
    header .header-right li {
        margin-left: 5px
    }
    header #logos {
        height: auto
    }
    header #logos img {
        height: 30px
    }
    header #nav {
        height: 40px;
        padding-top: 40px
    }
    header #main_nav_part {
        height: 100%
    }
    header #main_nav_part .site {
        padding: 0px
    }
    header #main_nav_part ul.main_nav_bar {
        display: none;
        float: none;
        width: 100%;
        background: #EF3D42
    }
    header #mobileLogin {
        display: none
    }
    header #main_nav_part ul.main_nav_bar>li {
        width: 50%;
        padding: 40px 0px;
        border-right: solid 1px #c63436;
        border-top: solid 1px #c63436
    }
    header #main_nav_part ul.main_nav_bar>li:first-child {
        border-left: none
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
        background-position: 93% 70%
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
        background-position: 93% 70%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        padding: 0px
    }
    header #main_nav_part ul.main_nav_bar>li>a {
        display: block;
        width: 100%;
        text-align: center
    }
    header #main_nav_part ul.main_nav_bar>li>a>p,
    header #main_nav_part ul.main_nav_bar>li>a>span {
        display: block
    }
    header #main_nav_part ul.main_nav_bar>li>a>span {
        text-align: center
    }
    header #main_nav_part ul.main_nav_bar>li:hover>a {
        margin-top: 4px;
        height: 46px
    }
    header #main_nav_part ul.main_nav_bar>li>a>span>img,
    header #main_nav_part ul.main_nav_bar>li>a>span>img.img_over {
        float: none;
        margin: 0px auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        height: 100%;
        position: absolute;
        left: 0;
        top: 40px;
        z-index: 999;
        padding: 0px 15px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        position: relative;
        top: 0px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul {
        float: none;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
        max-width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a.down-arrow {
        background: url(../img/dropdown_over.png) no-repeat right 9px #fff
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        min-height: auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        padding: 0px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li {
        padding: 3px 10px;
        border-bottom: solid 1px #eee;
        position: relative;
        background-color: #fff;
        height: auto
    }
    header #main_nav_part .shortMenu {
        position: initial;
        width: 100%;
        height: 100%
    }
    header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
        width: 100%;
        padding: 0px
    }
    header #main_nav_part .third-menu h3 {
        font-size: 16px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 {
        display: none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu ul>li:last-child {
        border-bottom: none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back {
        padding: 5px 10px 0px 10px
    }
    header .sticky {
        margin: 0px;
        top: 0
    }
    header .site-control {
        position: absolute;
        top: 9px;
        right: 5px;
        margin: 0px;
        width: auto
    }
    header .site-control .reset-font {
        display: none
    }
    header .absolute-container .site {
        padding: 5px
    }
    header .search-box {
        background: url("../img/search.png") no-repeat left 0px transparent;
        padding: 0px 0px 0 40px;
        height: 30px
    }
    header .search-container:hover .search-icon,
    header #search_part:hover .search-box,
    header #search_part.active .search-box {
        background: url("../img/search-hover.png") no-repeat left 0px transparent
    }
    header .search-text input,
    header .search-box input {
        font-size: 14px
    }
    header #services_part h2 {
        padding: 15px 10px
    }
    header .services-body {
        margin: 0
    }
    header .services-body-left .btn-group {
        position: relative;
        margin: 10px 0px;
        width: 100% !important
    }
    header .services-body .services-top-bar {
        margin-bottom: 10px
    }
    header .services-body .services-top-bar h2 {
        padding: 0px !important
    }
    header .services-body-left .blue-link {
        clear: both;
        margin: 10px 0px 25px 0px;
        display: block
    }
    header #rtaApps .carousel-inner {
        height: 290px;
        padding-bottom: 15px
    }
    header #rtaApps-thumbs {
        padding: 10px 0px 10px 0px;
        text-align: center
    }
    header #rtaApps-thumbs ul {
        display: inline-block;
        margin: 0px auto
    }
    header .app-data .pull-left {
        width: 100%;
        text-align: center
    }
    header .pull-left.public-transport {
        padding: 10px 0;
        text-align: left
    }
    header .icons img {
        zoom: 0.6;
        float: left
    }
    header #search_part .sugclose {
        top: 5px
    }
    header #search_part ul {
        padding-left: 40px;
        margin-left: 0
    }
    header #search_part ul li a {
        font-size: 13px;
        color: #9c9c9c
    }
    header .carousel-indicators {
        bottom: 0
    }
    header .carousel-indicators li {
        width: 12px;
        height: 12px;
        border: 3px solid #fff;
        border-radius: 12px;
        background-color: #ffffff;
        margin: 1px
    }
    header .carousel-indicators .active {
        background-color: #ef3d42;
        width: 12px;
        height: 12px;
        border-radius: 12px;
        margin: 1px
    }
    header .single-new .new-content,
    header .single-new.middle .new-content {
        margin: 0px;
        padding: 10px;
        border-right: none;
        height: auto
    }
    header .single-new.middle {
        padding: 0
    }
    header .footernav ul {
        width: 100%;
        margin-right: 0px;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
        padding-top: 5px
    }
    header .footernav ul li {
        margin-top: 5px;
        width: 49%;
        display: inline-block;
        float: left
    }
    header .footernav a {
        padding-right: 10px;
        font-size: 12px
    }
    header .footer-copyright .bottom-text,
    header .red {
        font-size: 12px
    }
    header .row {
        margin: 0
    }
    header .gen-padding,
    header .title-padding {
        padding: 10px 0px
    }
    header #searchResults .suggestions {
        overflow: hidden;
        padding-bottom: 15px
    }
    header #searchResults .suggestions li {
        float: left;
        display: inline-block;
        margin-right: 5px
    }
    header ul.search-result li {
        pading-bottom: 15px
    }
    header .search-survey button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px
    }
    header .mob-clearfix {
        float: none;
        clear: both;
        width: 100%
    }
    header .hide-mobile {
        display: none
    }
    header .breadcrumb {
        padding: 8px 0px
    }
    header .search-survey h1 {
        font-size: 32px;
        line-height: 32px
    }
    header .search-service .search-box,
    header .search-service .search-container:hover .search-icon,
    header #search_part.search-service:hover .search-box,
    header #search_part.search-service.active .search-box {
        background-size: auto 70%;
        background-position: left 5px
    }
    header ul.list-services li {
        width: 48%;
        padding: 10px 0px;
        height: 100px;
        border: solid 1px #eee;
        margin-bottom: 5px
    }
    header ul.list-services li a {
        font-size: 13px
    }
    header .form .select {
        font-size: 12px
    }
    header .form .field {
        padding: 10px 2px
    }
    header .form .field2 {
        padding: 0
    }
    header .form .download {
        width: 32px;
        height: 25px;
        display: block;
        overflow: hidden;
        text-indent: 50px;
        padding: 0;
        display: none
    }
    header .extra-item ul {
        margin: 0px
    }
    header .extra-item h3 {
        padding-top: 10px;
        height: auto
    }
    header .vrDeliveryOption {
        width: 100%;
        float: none;
        margin: 0px auto
    }
    header .vrFeeSummary h3,
    header .vrFeeSummary .tabFeeExpanded .tabFirst p,
    header .vrFeeSummary .tabFeeExpanded .tabLast h3,
    header .vrFeeSummary .tabFeeExpanded p {
        padding: 10px
    }
    header .radio2 .sub-title {
        padding-left: 0
    }
    header .single-new {
        text-align: center;
        float: none
    }
    header .single-new.middle .new-content {
        width: 100% !important;
        height: auto !important
    }
    header .single-new .new-content {
        text-align: left
    }
    header .vehicleRenewal ul.vrSteps {
        background-size: 83% 1%
    }
    header .form .field.captcha img {
        width: 98%
    }
    header .form .field.captcha p {
        float: left
    }
    header .form .field.captcha p.reset {
        float: right
    }
    header .gen-padding .pull-right {
        float: none !important
    }
    header .search-survey button {
        width: 45%;
        min-width: 45%;
        margin-left: 2.5%
    }
    header .service-box:first-child p,
    header .service-box h3,
    header .service-box h2,
    header .process-para h2,
    header .process-para p {
        float: left;
        padding-top: 0 !important
    }
    header .service-box h3,
    header .service-box h2,
    header .process-para h2 {
        padding-left: 10px
    }
    header .process-para h2 {
        max-width: 70%
    }
    header .service-box ul,
    header .service-box h3+p,
    header .service-box h2+p {
        clear: left;
        padding: 0 0 10px !important
    }
    header .vehicleRenewal .minHeight h3 {
        min-height: 60px
    }
    header .vehicleRenewal button.btn-start-process {
        margin: 20px 0 0
    }
    header #main_nav_part ul.main_nav_bar>li,
    header #main_nav_part ul.main_nav_bar>li.shortHome,
    header #main_nav_part ul.main_nav_bar>li.short {
        width: 49%;
        padding: 40px 0px;
        border-right: solid 1px #c63436;
        border-top: solid 1px #c63436
    }
    header #main_nav_part ul.main_nav_bar>li a,
    header #main_nav_part ul.main_nav_bar>li.shortHome a,
    header #main_nav_part ul.main_nav_bar>li.short a {
        width: 100%
    }
    header li.short.has_submenu.highlight2 {
        background: url(../img/dropdown.png) no-repeat 72px 36px #ef3d42;
        background-position: 93% 70%
    }
}

@media screen and (min-width: 468px) and (max-width: 768px) {
    header .popular-services .btn-default,
    header .popular-service .btn-default,
    header #extra_part .btn-default {
        width: 48%;
        float: left;
        margin: 5px 0px
    }
    header .popular-services .btn-default:nth-child(odd) {
        margin-right: 10px
    }
    header .popular-services .btn-default:nth-child(even),
    header #extra_part .suggestion,
    header #extra_part .btn-grey {
        float: right
    }
    header #extra_part .complaints {
        float: left
    }
    header .services-body-right,
    header .extra-item {
        padding: 15px 0px;
        overflow: hidden
    }
    header .public-transport {
        width: 75%;
        padding: 10px
    }
    header .single-new a img,
    header .single-new.middle a img {
        height: auto
    }
    header .icons img {
        zoom: 1
    }
    header .search-survey .btn-mob-last {
        float: right;
        margin-right: 0
    }
    header .vehicleRenewal .vrRow p {
        padding-left: 5px
    }
    header #main_nav_part #manageaccount,
    header #main_nav_part #logout {
        display: block;
        padding: 0px;
        height: auto;
        padding: 40px 0
    }
    header #main_nav_part #loginsection {
        display: block;
        height: auto
    }
    header .login_control {
        border-color: transparent;
        margin-bottom: 10px;
        box-shadow: none;
        font-size: 14px;
        color: #9c9c9c;
        font-family: "MetaPro-Medium", arial;
        display: block;
        float: left;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        margin: 0px 0px 2px 0px
    }
    header #show_logout_account_mobile span {
        background: url("../img/logout_over.png") no-repeat center transparent;
        height: 40px
    }
    header #show_manage_account_mobile span {
        background: url("../img/my-account-white.png") no-repeat center;
        height: 40px
    }
    header #show_logout_account_mobile span:hover {
        background: url("../img/logout.png") no-repeat center transparent;
        height: 40px
    }
    header #show_manage_account_mobile span:hover {
        background: url("../img/my-account-grey.png") no-repeat center;
        height: 40px
    }
    header .login_btn {
        height: auto;
        font-size: 15px;
        background-color: #5bcbfb;
        color: #fff;
        outline: none;
        border: solid 1px #5bcbfb;
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    header .single-new.middle {
        margin-left: .5%;
        margin-right: .5%
    }
}

@media screen and (max-width: 768px) and (min-width: 468px) {
    header .single-new a img,
    header .single-new.middle a img {
        width: 50%;
        padding-top: 10px
    }
}

@media screen and (max-width: 1250px) and (min-width: 909px) {
    header .speech .rs_skip {
        right: 5px
    }
    header .speech .rs_skip:not(.rsexpanded) {
        width: 150px !important
    }
}

@media screen and (max-width: 768px) {
    header .speech .rs_skip {
        right: 5px;
        top: 38px
    }
    header .speech .rs_skip:not(.rsexpanded) {
        width: 150px !important
    }
}

@media screen and (max-width: 1031px) {
    header .footernav ul {
        padding-bottom: 10px
    }
    header .footernav ul {
        padding-left: 10px
    }
}

@media screen and (max-width: 1031px) and (min-width: 770px) {
    header .footernav ul {
        margin-right: 0px;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #ededed;
        padding-top: 5px;
        width: 100%
    }
    header .footernav ul li {
        display: inline-block;
        float: left;
        margin-top: 5px;
        width: 49%
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    header .policy-list li {
        width: 100%
    }
    header .policy-list li p {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    header #public-transport .modes-of-travel {
        width: 100%
    }
    header #public-transport .modes-of-travel li {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 5px
    }
    header #public-transport .modes-of-travel li a {
        min-height: 130px
    }
    header .travel-info-content .travel-content {
        padding: 0px 10px 0;
        width: 100%;
        clear: both;
        top: -20px
    }
    header .travel-info .travel-info-list li a {
        width: 170px;
        border-bottom: 2px solid #fff
    }
    header .travel-info-content>div>img {
        width: 80%;
        padding-top: 0
    }
    header #public-transport h3 {
        margin-top: 10px
    }
    header #public-transport .modes-of-travel {
        padding-bottom: 20px;
        overflow: hidden
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    header .travel-info .travel-info-list {
        padding: 0 10px
    }
    header .travel-info .travel-info-list li {
        width: 50%
    }
    header .travel-info .travel-info-list li a {
        width: 100%
    }
    header .policy-list li {
        width: 100%
    }
    header .policy-list li p {
        width: 100%
    }
}

@media screen and (max-width: 1300px) {
    header .slider-area {
        max-width: 820px;
        padding: 0 0 30px
    }
    header .gallery-wrap {
        margin: 0 auto;
        max-width: 643px;
        padding: 30px 0;
        width: inherit;
        height: 289px
    }
    header .gallery__item {
        margin: 0 8px
    }
    header .gallery__img {
        height: 259px;
        width: 144px
    }
    header .gallery__controls-prev {
        left: 65px;
        top: 0
    }
    header .gallery__controls-next {
        right: 65px;
        top: 0
    }
}

@media screen and (max-width: 1022px) {
    header .slider-area {
        max-width: 620px;
        padding: 0 0 30px
    }
    header .gallery-wrap {
        margin: 0 auto;
        max-width: 462px;
        padding: 30px 0;
        width: inherit;
        height: 290px
    }
    header .gallery__item {
        margin: 0 6px
    }
    header .gallery__img {
        height: 259px;
        width: 144px
    }
    header .gallery__controls-prev {
        left: 65px;
        top: 0
    }
    header .gallery__controls-next {
        right: 59px;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    header .slider-area {
        padding: 19px 0;
        max-width: 280px;
        margin: 0 auto 50px
    }
    header .gallery-wrap {
        width: 169px;
        padding: 30px 0;
        margin: 0 auto;
        overflow: hidden;
        height: 280px
    }
    header .gallery-wrap {
        width: 144px;
        padding: 5px 0 0;
        height: 256px
    }
    header .gallery__item {
        margin: 0
    }
    header .gallery__img {
        height: 250px;
        margin: 0 auto
    }
    header .gallery__controls-prev {
        top: 7px;
        left: 48px
    }
    header .gallery__controls-next {
        right: 48px;
        top: 7px
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.expanded {
        height: auto
    }
}

@media (max-width: 768px) {
    header .site-control {
        top: 5px
    }
}

header html,
header body,
header div,
header span,
header object,
header iframe,
header h1,
header h2,
header h3,
header h4,
header h5,
header h6,
header p,
header blockquote,
header pre,
header abbr,
header address,
header cite,
header code,
header del,
header dfn,
header em,
header img,
header ins,
header kbd,
header q,
header samp,
header small,
header strong,
header sub,
header sup,
header var,
header b,
header i,
header dl,
header dt,
header dd,
header ol,
header ul,
header li,
header fieldset,
header form,
header label,
header legend,
header table,
header caption,
header tbody,
header tfoot,
header thead,
header tr,
header th,
header td,
header article,
header aside,
header canvas,
header details,
header figcaption,
header figure,
header footer,
header header,
header hgroup,
header menu,
header nav,
header section,
header summary,
header time,
header mark,
header audio,
header video,
footer html,
footer body,
footer div,
footer span,
footer object,
footer iframe,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer blockquote,
footer pre,
footer abbr,
footer address,
footer cite,
footer code,
footer del,
footer dfn,
footer em,
footer img,
footer ins,
footer kbd,
footer q,
footer samp,
footer small,
footer strong,
footer sub,
footer sup,
footer var,
footer b,
footer i,
footer dl,
footer dt,
footer dd,
footer ol,
footer ul,
footer li,
footer fieldset,
footer form,
footer label,
footer legend,
footer table,
footer caption,
footer tbody,
footer tfoot,
footer thead,
footer tr,
footer th,
footer td,
footer article,
footer aside,
footer canvas,
footer details,
footer figcaption,
footer figure,
footer footer,
footer header,
footer hgroup,
footer menu,
footer nav,
footer section,
footer summary,
footer time,
footer mark,
footer audio,
footer video {
    margin: 0;
    outline: medium none
}

header body,
header .mplight,
header p,
header a,
footer body,
footer .mplight,
footer p,
footer a {
    font-family: "MetaPro-Light", arial
}

header h3,
header .mpmedium,
footer h3,
footer .mpmedium {
    font-family: "MetaPro-Medium", arial
}

header a:focus,
header a:hover,
footer a:focus,
footer a:hover {
    outline: medium none;
    text-decoration: none
}

header html,
footer html {
    width: 100%
}

header .nav-btn,
footer .nav-btn {
    display: none
}

header .site,
footer .site {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%
}

header body,
footer body {
    margin: 0;
    min-height: 900px;
    padding: 0;
    position: relative;
    width: 100%
}

header input,
header input.form-control,
footer input,
footer input.form-control {
    border-color: transparent;
    box-shadow: none;
    color: #9c9c9c;
    font-size: 14px;
    margin-bottom: 10px
}

header .btn.active.focus,
header .btn.active:focus,
header .btn.focus,
header .btn.focus:active,
header .btn:active:focus,
header .btn:focus,
footer .btn.active.focus,
footer .btn.active:focus,
footer .btn.focus,
footer .btn.focus:active,
footer .btn:active:focus,
footer .btn:focus {
    outline: medium none
}

header .form-control:focus,
footer .form-control:focus {
    border-color: transparent;
    box-shadow: none;
    outline: medium none
}

header .btn-blue,
footer .btn-blue {
    background-color: #1daeec;
    border: 1px solid #1daeec;
    color: #fff
}

header .btn-blue:hover,
header .btn-blue:visited,
header .btn-blue:focus,
header .btn-blue.active,
footer .btn-blue:hover,
footer .btn-blue:visited,
footer .btn-blue:focus,
footer .btn-blue.active {
    background-color: #171c8f;
    border: 1px solid #171c8f;
    color: #fff;
    outline: medium none
}

header .btn-grey,
footer .btn-grey {
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    color: #1daeec
}

header .btn-grey-dark,
footer .btn-grey-dark {
    background-color: #c9c9c9;
    border: 1px solid #c9c9c9;
    color: #fff
}

header .btn-grey:hover,
header .btn-grey:visited,
header .btn-grey:focus,
header .btn-grey.active,
footer .btn-grey:hover,
footer .btn-grey:visited,
footer .btn-grey:focus,
footer .btn-grey.active {
    background-color: #f4f4f4;
    border: medium none;
    color: #fff !important;
    outline: medium none
}

header .btn-grey-dark:hover,
header .btn-grey-dark:visited,
header .btn-grey-dark.active,
footer .btn-grey-dark:hover,
footer .btn-grey-dark:visited,
footer .btn-grey-dark.active {
    background-color: #ec4149;
    border: 1px solid #ec4149;
    color: #fff;
    outline: medium none
}

header .btn-big,
footer .btn-big {
    font-size: 15px;
    min-width: 205px;
    padding: 9px 25px
}

header .btn-file,
footer .btn-file {
    overflow: hidden;
    position: relative
}

header .btn-file input[type="file"],
footer .btn-file input[type="file"] {
    background: white none repeat scroll 0 0;
    cursor: inherit;
    display: block;
    font-size: 100px;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    outline: medium none;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

header .btn-default,
footer .btn-default {
    white-space: normal !important
}

header .animate-bg,
footer .animate-bg {
    transition: background-color 300ms linear 0s
}

header .shadow,
footer .shadow {
    box-shadow: 0 -15px 72px rgba(0, 0, 0, 0.1) inset
}

header button.suggestion,
footer button.suggestion {
    background-image: url("../img/suggestion_hover.png");
    background-position: 40px center;
    background-repeat: no-repeat
}

header button.complaints,
footer button.complaints {
    background-image: url("../img/complaints.png");
    background-position: 40px center;
    background-repeat: no-repeat
}

header button.complaints:hover,
footer button.complaints:hover {
    background-image: url("../img/complaints_hover.png");
    background-position: 40px center;
    background-repeat: no-repeat
}

header ul,
header li,
footer ul,
footer li {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

header a,
header a:hover,
footer a,
footer a:hover {
    text-decoration: none
}

header .no-wrape,
footer .no-wrape {
    white-space: nowrap
}

header .grey-box,
footer .grey-box {
    background-color: #f4f4f4
}

header .red,
footer .red {
    color: #ec4149
}

header h1,
footer h1 {
    color: #9c9c9c;
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 30px
}

header h2,
footer h2 {
    color: #9c9c9c;
    font-size: 36px;
    line-height: 36px
}

header h2 span,
footer h2 span {
    color: #000000
}

header h3,
footer h3 {
    font-size: 18px;
    line-height: 18px
}

header h4,
footer h4 {
    font-size: 14px;
    line-height: 14px
}

header p,
footer p {
    font-size: 14px;
    line-height: 19px;
    color: #000
}

header .gen-padding,
footer .gen-padding {
    padding: 25px 0
}

header .title-padding,
footer .title-padding {
    padding-bottom: 40px
}

header .col-lg-1,
header .col-lg-10,
header .col-lg-11,
header .col-lg-12,
header .col-lg-2,
header .col-lg-3,
header .col-lg-4,
header .col-lg-5,
header .col-lg-6,
header .col-lg-7,
header .col-lg-8,
header .col-lg-9,
header .col-md-1,
header .col-md-10,
header .col-md-11,
header .col-md-12,
header .col-md-2,
header .col-md-3,
header .col-md-4,
header .col-md-5,
header .col-md-6,
header .col-md-7,
header .col-md-8,
header .col-md-9,
header .col-sm-1,
header .col-sm-10,
header .col-sm-11,
header .col-sm-12,
header .col-sm-2,
header .col-sm-3,
header .col-sm-4,
header .col-sm-5,
header .col-sm-6,
header .col-sm-7,
header .col-sm-8,
header .col-sm-9,
header .col-xs-1,
header .col-xs-10,
header .col-xs-11,
header .col-xs-12,
header .col-xs-2,
header .col-xs-3,
header .col-xs-4,
header .col-xs-5,
header .col-xs-6,
header .col-xs-7,
header .col-xs-8,
header .col-xs-9,
footer .col-lg-1,
footer .col-lg-10,
footer .col-lg-11,
footer .col-lg-12,
footer .col-lg-2,
footer .col-lg-3,
footer .col-lg-4,
footer .col-lg-5,
footer .col-lg-6,
footer .col-lg-7,
footer .col-lg-8,
footer .col-lg-9,
footer .col-md-1,
footer .col-md-10,
footer .col-md-11,
footer .col-md-12,
footer .col-md-2,
footer .col-md-3,
footer .col-md-4,
footer .col-md-5,
footer .col-md-6,
footer .col-md-7,
footer .col-md-8,
footer .col-md-9,
footer .col-sm-1,
footer .col-sm-10,
footer .col-sm-11,
footer .col-sm-12,
footer .col-sm-2,
footer .col-sm-3,
footer .col-sm-4,
footer .col-sm-5,
footer .col-sm-6,
footer .col-sm-7,
footer .col-sm-8,
footer .col-sm-9,
footer .col-xs-1,
footer .col-xs-10,
footer .col-xs-11,
footer .col-xs-12,
footer .col-xs-2,
footer .col-xs-3,
footer .col-xs-4,
footer .col-xs-5,
footer .col-xs-6,
footer .col-xs-7,
footer .col-xs-8,
footer .col-xs-9 {
    padding-left: 0;
    padding-right: 0
}

header #left_section,
footer #left_section {
    box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    display: block;
    left: 0;
    margin-left: -257px;
    position: fixed;
    top: 0;
    width: 347px;
    z-index: 100
}

header #left_section.active,
footer #left_section.active {
    display: block;
    width: 347px
}

header #left_section.active #show_login,
header #show_login:hover,
footer #left_section.active #show_login,
footer #show_login:hover {
    background-color: #eb3c41;
    color: #ffffff
}

header #left_section .left-bar,
footer #left_section .left-bar {
    display: block
}

header #left_section #login_part,
footer #left_section #login_part {
    display: block
}

header .right-bar,
footer .right-bar {
    background-color: #f6f6f7;
    float: right;
    height: 100%;
    width: 90px
}

header .left-bar,
footer .left-bar {
    background-color: #f1f1f1;
    float: right;
    height: 100%;
    width: 257px
}

header #left_section .main-content,
footer #left_section .main-content {
    left: 0;
    position: absolute;
    top: 0
}

header #left_section .top-bar,
footer #left_section .top-bar {
    background-color: #eb3c41;
    height: 100px;
    width: 100%
}

header #show_login,
footer #show_login {
    background-color: transparent;
    border-bottom: 1px solid #e9e8e9;
    color: #eb3c41;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding: 43px 0;
    text-align: center;
    width: 100%
}

header #show_manage_account,
footer #show_manage_account {
    background-color: transparent;
    border-bottom: 1px solid #e9e8e9;
    color: #eb3c41;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 101px;
    padding-top: 40px;
    text-align: center;
    width: 100%
}

header #leftnav_part,
footer #leftnav_part {
    background-color: #f6f6f7;
    float: right;
    width: 90px
}

header #leftnav_part ul li,
footer #leftnav_part ul li {
    background: transparent url("../img/left-nav.png") repeat scroll left top;
    border-bottom: 1px solid #e9e8e9;
    color: #959595;
    cursor: pointer;
    font-size: 12px;
    height: 74px;
    line-height: 15px;
    padding: 0;
    text-align: center;
    width: 100%
}

header #leftnav_part ul li a,
footer #leftnav_part ul li a {
    color: #959595;
    text-decoration: none
}

header #leftnav_part ul li span,
footer #leftnav_part ul li span {
    display: block;
    padding-top: 38px
}

header #leftnav_part ul li:hover,
footer #leftnav_part ul li:hover {
    background: #ef3d42 url("../img/left-nav.png") repeat scroll right top;
    color: #ffffff
}

header #leftnav_part ul li a:hover,
header #leftnav_part ul li:hover a,
footer #leftnav_part ul li a:hover,
footer #leftnav_part ul li:hover a {
    color: #ffffff
}

header #leftnav_part ul .leftnav-1,
footer #leftnav_part ul .leftnav-1 {
    background-position: left top
}

header #leftnav_part ul .leftnav-2,
footer #leftnav_part ul .leftnav-2 {
    background-position: left -222px
}

header #leftnav_part ul .leftnav-3,
footer #leftnav_part ul .leftnav-3 {
    background-position: left -148px
}

header #leftnav_part ul .leftnav-4,
footer #leftnav_part ul .leftnav-4 {
    background-position: left -296px
}

header #leftnav_part ul .leftnav-5,
footer #leftnav_part ul .leftnav-5 {
    background-position: left -74px
}

header #leftnav_part ul .leftnav-6,
footer #leftnav_part ul .leftnav-6 {
    background-position: left -370px
}

header #leftnav_part ul .leftnav-7,
footer #leftnav_part ul .leftnav-7 {
    background-position: left -444px
}

header #leftnav_part ul .leftnav-8,
footer #leftnav_part ul .leftnav-8 {
    background-position: left bottom
}

header #leftnav_part ul .leftnav-1:hover,
footer #leftnav_part ul .leftnav-1:hover {
    background-position: right top
}

header #leftnav_part ul .leftnav-2:hover,
footer #leftnav_part ul .leftnav-2:hover {
    background-position: right -222px
}

header #leftnav_part ul .leftnav-3:hover,
footer #leftnav_part ul .leftnav-3:hover {
    background-position: right -148px
}

header #leftnav_part ul .leftnav-4:hover,
footer #leftnav_part ul .leftnav-4:hover {
    background-position: right -296px
}

header #leftnav_part ul .leftnav-5:hover,
footer #leftnav_part ul .leftnav-5:hover {
    background-position: right -74px
}

header #leftnav_part ul .leftnav-6:hover,
footer #leftnav_part ul .leftnav-6:hover {
    background-position: right -370px
}

header #leftnav_part ul .leftnav-7:hover,
footer #leftnav_part ul .leftnav-7:hover {
    background-position: right -444px
}

header #leftnav_part ul .leftnav-8:hover,
footer #leftnav_part ul .leftnav-8:hover {
    background-position: right bottom
}

header #login_part,
footer #login_part {
    display: none;
    float: right;
    width: 257px
}

header .login-bar,
footer .login-bar {
    padding: 32px 29px 0 22px
}

header .login-bar a,
footer .login-bar a {
    color: #9c9c9c;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin: 10px 0 5px;
    text-decoration: none
}

header .login-bar a:hover,
footer .login-bar a:hover {
    color: #eb3c41
}

header .btn-default,
footer .btn-default {
    font-size: 18px;
    height: 45px;
    margin-top: 18px
}

header .main-page,
footer .main-page {
    width: 100%
}

header #header,
footer #header {
    height: 30px;
    padding-top: 3px
}

header header,
footer header {
    transition: transform 300ms ease 150ms
}

header .social-midea li,
footer .social-midea li {
    width: 40px
}

header .header-right li,
footer .header-right li {
    margin-left: 20px
}

header #logos,
footer #logos {
    height: 70px;
    padding-top: 12px
}

header #slider_banner.site,
footer #slider_banner.site {
    padding: 0
}

header #slider_banner .carousel-inner img,
footer #slider_banner .carousel-inner img {
    max-height: 316px;
    width: 100%
}

header div#slider_banner,
footer div#slider_banner {
    max-height: 316px;
    padding: 0;
    width: 100%
}

header .carousel-indicators li,
footer .carousel-indicators li {
    background-color: #ffffff;
    border: 3px solid #fff;
    border-radius: 17px;
    height: 17px;
    margin: 6px;
    width: 17px
}

header .carousel-indicators .active,
footer .carousel-indicators .active {
    background-color: #ef3d42;
    border-radius: 17px;
    height: 17px;
    margin: 6px;
    width: 17px
}

header .search_part_bg,
footer .search_part_bg {
    background-color: #f6f6f7
}

header #search_part,
footer #search_part {
    background-color: #f6f6f7;
    border-bottom: 1px solid #e8e8e8;
    position: relative
}

header #search_part .absolute-container,
footer #search_part .absolute-container {
    height: 100%;
    width: 100%;
    z-index: 50
}

header .search-text,
header .search-box,
footer .search-text,
footer .search-box {
    font-family: "MetaPro-Medium", Arial;
    padding: 12px 5px 0
}

header .search-text input,
header .search-box input,
footer .search-text input,
footer .search-box input {
    background-color: transparent;
    border: medium none;
    font-size: 18px
}

header .search-icon,
footer .search-icon {
    background: transparent url("../img/search.png") repeat scroll left top;
    float: left;
    height: 29px;
    margin: 10px 30px 0 0;
    width: 30px
}

header .search-box,
footer .search-box {
    background: transparent url("../img/search.png") no-repeat scroll left 10px;
    height: 50px;
    padding: 10px 0 0 60px
}

header .search-box input,
footer .search-box input {
    margin: 0;
    width: 100%
}

header .search-service .search-box,
footer .search-service .search-box {
    background: transparent url("../img/search-services.png") no-repeat scroll left 10px
}

header .search-autosuggest,
footer .search-autosuggest {
    background: #f6f6f7 none repeat scroll 0 0;
    border-bottom: 1px solid #e8e8e8;
    display: none;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 9999
}

header #search_part ul,
footer #search_part ul {
    float: left;
    margin-left: 60px
}

header #search_part .sugclose,
footer #search_part .sugclose {
    background: transparent url("../img/close-red.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 35px;
    outline: medium none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px
}

header #search_part ul li,
footer #search_part ul li {
    color: #9c9c9c;
    font-size: 17px;
    line-height: 30px
}

header #search_part ul li a,
footer #search_part ul li a {
    color: #9c9c9c
}

header #search_part ul li a:hover,
footer #search_part ul li a:hover {
    color: #ef3d42
}

header .search-container:hover input,
header #search_part:hover input,
header #search_part.active input,
footer .search-container:hover input,
footer #search_part:hover input,
footer #search_part.active input {
    color: #ef3d42
}

header .search-container:hover .search-icon,
header #search_part:hover .search-box,
header #search_part.active .search-box,
footer .search-container:hover .search-icon,
footer #search_part:hover .search-box,
footer #search_part.active .search-box {
    background: transparent url("../img/search-hover.png") no-repeat scroll left 10px
}

header .search-service .search-container:hover .search-icon,
header #search_part.search-service:hover .search-box,
header #search_part.search-service.active .search-box,
footer .search-service .search-container:hover .search-icon,
footer #search_part.search-service:hover .search-box,
footer #search_part.search-service.active .search-box {
    background: transparent url("../img/search-services.png") no-repeat scroll left 10px
}

header .search-hidden,
footer .search-hidden {
    display: none
}

header .searchTxt,
footer .searchTxt {
    background-color: #f6f6f7;
    border: 1px solid #f6f6f7;
    height: 30px;
    outline: medium none;
    overflow: hidden
}

header #news_part,
footer #news_part {
    background-color: #f4f4f4;
    height: 615px;
    padding-top: 15px
}

header #news_part .carousel-inner,
footer #news_part .carousel-inner {
    background-color: #ffffff
}

header #news_part .carousel-indicators,
footer #news_part .carousel-indicators {
    bottom: -50px
}

header .single-new,
footer .single-new {
    float: left;
    width: 320px
}

header .single-new a img,
footer .single-new a img {
    width: 100%
}

header .single-new.middle,
footer .single-new.middle {
    padding-left: 5px;
    padding-right: 5px;
    width: 300px
}

header .single-new.middle a img,
footer .single-new.middle a img {
    width: 100%
}

header .single-new .new-content,
footer .single-new .new-content {
    border-right: 1px solid #e5e5e5;
    height: 175px;
    margin: 20px 0 30px;
    padding: 0 30px
}

header .single-new.middle .new-content,
footer .single-new.middle .new-content {
    padding: 0 20px
}

header .item .single-new:last-child .new-content,
footer .item .single-new:last-child .new-content {
    border: medium none
}

header .single-new h3,
footer .single-new h3 {
    color: #000000;
    line-height: 19px;
    margin-bottom: 4px;
    padding-right: 30px
}

header #extra_part,
footer #extra_part {
    padding-bottom: 20px;
    padding-top: 35px
}

header #extra_part .btn-grey:hover,
header #extra_part .btn-grey:visited,
header #extra_part .btn-grey:focus,
header #extra_part .btn-grey.active,
footer #extra_part .btn-grey:hover,
footer #extra_part .btn-grey:visited,
footer #extra_part .btn-grey:focus,
footer #extra_part .btn-grey.active {
    background-color: #5bcbfb;
    border: 1px solid #5bcbfb;
    color: #fff;
    outline: medium none
}

header .extra-item,
footer .extra-item {
    float: left;
    margin-right: 105px;
    width: 206px
}

header .extra-item-large,
footer .extra-item-large {
    width: 300px
}

header .extra-middle,
header textarea.form-control.extra-middle,
footer .extra-middle,
footer textarea.form-control.extra-middle {
    height: 100px;
    margin: 0 0 26px
}

header textarea,
footer textarea {
    resize: none
}

header .extra-item h3,
footer .extra-item h3 {
    height: 25px
}

header #toll_free,
footer #toll_free {
    padding-top: 25px
}

header #toll_free h4,
footer #toll_free h4 {
    color: #9c9c9c
}

header p.num,
footer p.num {
    font-size: 48px;
    line-height: 60px
}

header .toll-free,
header .fax,
header .email,
header .list-com .suggestion,
footer .toll-free,
footer .fax,
footer .email,
footer .list-com .suggestion {
    color: #1daeec;
    font-family: "MetaPro-Light", Arial;
    font-size: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0
}

header .toll-free:hover,
header .fax:hover,
header .email:hover,
header .list-com .suggestion:hover,
footer .toll-free:hover,
footer .fax:hover,
footer .email:hover,
footer .list-com .suggestion:hover {
    color: #1daeec
}

header .fax,
header .email,
footer .fax,
footer .email {
    font-size: 23px
}

header .list-com .suggestion,
footer .list-com .suggestion {
    font-size: 21px
}

header .extra-item .btn-default,
footer .extra-item .btn-default {
    height: 50px;
    margin-bottom: 20px
}

header .extra-item1 .btn-default,
footer .extra-item1 .btn-default {
    height: 50px;
    margin-bottom: 20px
}

header .extra-item .btn-app,
footer .extra-item .btn-app {
    height: 62px
}

header .blue-link,
header .blue-link:hover,
footer .blue-link,
footer .blue-link:hover {
    color: #1daeec;
    cursor: pointer;
    font-size: 15px;
    line-height: 15px
}

header .blue-link.rain-icon,
footer .blue-link.rain-icon {
    background: transparent url("../img/complaints_hover.png") no-repeat scroll left center;
    margin-left: -30px;
    padding-left: 18px
}

header .blue-link.triangle-icon,
footer .blue-link.triangle-icon {
    background: transparent url("../img/icon-triangle.png") no-repeat scroll right 55%;
    padding-right: 17px
}

header .extra-item textarea.form-control,
footer .extra-item textarea.form-control {
    background-color: #f4f4f4;
    border-color: transparent;
    box-shadow: none;
    color: #9c9c9c;
    font-size: 15px;
    line-height: 18px;
    width: 100%
}

header #e_service_radio,
footer #e_service_radio {
    padding-left: 13px;
    padding-top: 25px
}

header .checkbox,
header .radio,
footer .checkbox,
footer .radio {
    margin-top: 0
}

header #e_service_radio label,
footer #e_service_radio label {
    color: #9c9c9c;
    font-size: 14px;
    line-height: 22px
}

header ul.suggestions li,
footer ul.suggestions li {
    margin-right: 15px;
    padding: 5px 0
}

header ul.suggestions li a,
header .suggestions-all a,
footer ul.suggestions li a,
footer .suggestions-all a {
    background-color: #f4f4f4;
    border-radius: 5px;
    color: #9c9c9c;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 6px 12px
}

header ul.suggestions li a.active,
footer ul.suggestions li a.active {
    background: #1daeec url("../img/close2.png") no-repeat scroll right center;
    color: #fff;
    padding-right: 25px
}

header .suggestions-all a.active,
footer .suggestions-all a.active {
    background-color: #1daeec;
    color: #fff
}

header ul.search-result li,
footer ul.search-result li {
    color: #000;
    overflow: hidden;
    padding-bottom: 45px
}

header ul.search-result span,
footer ul.search-result span {
    display: block;
    max-width: 85%
}

header ul.search-result li img,
footer ul.search-result li img {
    float: right
}

header ul.search-result li a,
footer ul.search-result li a {
    color: #000;
    text-decoration: none
}

header ul.search-result li a.tlink,
footer ul.search-result li a.tlink {
    color: #000;
    font-family: "MetaPro-Medium", Arial;
    font-size: 18px
}

header ul.search-result li b,
footer ul.search-result li b {
    color: #1daeec
}

header .search-survey h1,
footer .search-survey h1 {
    color: #1daeec;
    font-size: 36px;
    margin: 0;
    padding: 0 0 9px
}

header .search-survey h3,
footer .search-survey h3 {
    font-family: "MetaPro-Light", Arial
}

header .search-survey button,
footer .search-survey button {
    margin-right: 15px
}

header .search-survey ul,
footer .search-survey ul {
    font-size: 14px;
    padding: 25px 0
}

header .search-survey ul li,
footer .search-survey ul li {
    background: transparent url("../img/arrow-right.png") no-repeat scroll left center;
    color: #000;
    font-family: "MetaPro-Light", Arial;
    font-weight: bold;
    padding: 10px 11px
}

header .search-survey .sclose,
footer .search-survey .sclose {
    cursor: pointer
}

header .search-survey .close-btn,
footer .search-survey .close-btn {
    background: transparent url("../img/close.png") no-repeat scroll center center;
    display: block;
    height: 36px;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px
}

header .search-survey .close-btn:hover,
footer .search-survey .close-btn:hover {
    opacity: 0.8
}

header .search-survey textarea,
footer .search-survey textarea {
    background-color: #fff !important;
    height: 170px;
    margin: 0 0 10px
}

header #searchResultsLoader,
header .load-more,
header .load-more-services,
header .load-more-search,
footer #searchResultsLoader,
footer .load-more,
footer .load-more-services,
footer .load-more-search {
    background: transparent url("../img/loading.gif") no-repeat scroll center center;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 25px 0
}

header .load-more-services,
header .load-more-search,
header #searchResultsLoader,
footer .load-more-services,
footer .load-more-search,
footer #searchResultsLoader {
    background-position: center top;
    padding: 25px 0 50px
}

header #main_nav_part,
footer #main_nav_part {
    height: 50px;
    position: relative;
    z-index: 90
}

header #main_nav_part ul.main_nav_bar>li,
footer #main_nav_part ul.main_nav_bar>li {
    border-right: 1px solid #c63436;
    color: #fff;
    display: table;
    float: left;
    height: 50px;
    width: 120px
}

header #main_nav_part ul.main_nav_bar>li>a,
footer #main_nav_part ul.main_nav_bar>li>a {
    color: #fff;
    display: table;
    height: 50px;
    width: 120px
}

header #main_nav_part ul.main_nav_bar li ul li,
footer #main_nav_part ul.main_nav_bar li ul li {
    width: 100% !important
}

header #main_nav_part ul.main_nav_bar>li:first-child,
footer #main_nav_part ul.main_nav_bar>li:first-child {
    border-left: 1px solid #d7393b
}

header #main_nav_part ul.main_nav_bar>li.highlight,
footer #main_nav_part ul.main_nav_bar>li.highlight {
    background: #db383c none repeat scroll 0 0
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight {
    background: #db383c url("../img/dropdown.png") no-repeat scroll 108px 37px
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1 {
    background: #eb3c41 url("../img/dropdown.png") no-repeat scroll 108px 37px
}

header #main_nav_part ul.main_nav_bar>li:hover,
footer #main_nav_part ul.main_nav_bar>li:hover {
    background: #fff none repeat scroll 0 0;
    cursor: pointer
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
    background: #fff url("../img/dropdown_over.png") no-repeat scroll 108px 37px
}

header #main_nav_part ul.main_nav_bar>li>a>p,
footer #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 16px
}

header #main_nav_part ul.main_nav_bar>li:hover>a>p,
footer #main_nav_part ul.main_nav_bar>li:hover>a>p {
    color: #ef3d42
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover a p,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover a p {
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li:hover>a>span>img,
footer #main_nav_part ul.main_nav_bar>li:hover>a>span>img {
    display: none
}

header #main_nav_part ul.main_nav_bar>li:hover>a>span>img.img_over,
footer #main_nav_part ul.main_nav_bar>li:hover>a>span>img.img_over {
    display: block
}

header #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu,
footer #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu {
    display: block
}

header #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu img,
footer #main_nav_part ul.main_nav_bar>li:hover>div.main_nav_submenu img {
    margin-top: -2px;
    padding-left: 10px
}

header #main_nav_part ul.main_nav_bar>li>a>p,
header #main_nav_part ul.main_nav_bar>li>a>span,
footer #main_nav_part ul.main_nav_bar>li>a>p,
footer #main_nav_part ul.main_nav_bar>li>a>span {
    display: table-cell;
    vertical-align: middle
}

header #main_nav_part ul.main_nav_bar>li>a>span,
footer #main_nav_part ul.main_nav_bar>li>a>span {
    padding: 0 6px 3px;
    text-align: right
}

header #main_nav_part ul.main_nav_bar>li>a>span>img.img_over,
footer #main_nav_part ul.main_nav_bar>li>a>span>img.img_over {
    display: none;
    float: right;
    margin-top: 1px
}

header #main_nav_part ul.main_nav_bar>li>.second-menu,
footer #main_nav_part ul.main_nav_bar>li>.second-menu {
    display: none
}

header #main_nav_part ul.main_nav_bar>li:hover>.second-menu,
footer #main_nav_part ul.main_nav_bar>li:hover>.second-menu {
    display: block
}

header #main_nav_part ul.main_nav_bar>li>.second-menu,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
footer #main_nav_part ul.main_nav_bar>li>.second-menu,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
    background-color: #fff;
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 20px 0;
    position: absolute;
    top: 50px;
    width: 100%
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
    min-height: 250px;
    top: 0
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul,
footer #main_nav_part ul.main_nav_bar>li>.second-menu ul {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 25%
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li,
footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li {
    padding: 0
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: transparent url("../img/link.png") no-repeat scroll right 9px;
    color: #646464;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    max-width: 220px;
    padding: 6px 0;
    width: 100%
}

header #main_nav_part ul.main_nav_bar>li>.second-menu a:hover,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:active,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:focus,
header #main_nav_part ul.main_nav_bar>li>.second-menu a:visited,
footer #main_nav_part ul.main_nav_bar>li>.second-menu a:hover,
footer #main_nav_part ul.main_nav_bar>li>.second-menu a:active,
footer #main_nav_part ul.main_nav_bar>li>.second-menu a:focus,
footer #main_nav_part ul.main_nav_bar>li>.second-menu a:visited {
    text-decoration: none
}

header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a,
footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: transparent url("../img/link_over.gif") no-repeat scroll right 9px;
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 a,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 a {
    color: #db383c;
    display: block;
    padding: 10px 0
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back {
    float: left;
    padding: 5px 10px 0 0
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover {
    background-image: none
}

header #main_nav_part .shortMenu,
footer #main_nav_part .shortMenu {
    position: relative
}

header #main_nav_part .shortMenu .smenu,
footer #main_nav_part .shortMenu .smenu {
    width: 350px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1);
    display: none;
    font-size: 16px;
    left: 0;
    padding: 25px;
    position: absolute;
    top: 50px;
    width: 100%
}

header #main_nav_part .small_menu,
footer #main_nav_part .small_menu {
    position: relative
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu_small,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu_small {
    width: 140px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul {
    float: left;
    padding-right: 23px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul ul,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul ul {
    display: none;
    position: absolute
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li {
    padding-right: 15px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu .site,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu .site {
    position: relative
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover a,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li:hover a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li:hover a {
    color: #db383c
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li:hover li a {
    color: #646464
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    color: #646464;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 28px;
    width: 150px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub {
    width: 100%
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover ul,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover ul {
    display: inherit
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub a {
    background: transparent url("../img/link.gif") no-repeat scroll right 8px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover a {
    background: transparent url("../img/link_over.gif") no-repeat scroll right 8px
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub li a,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover li a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub li a,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul li.havsub:hover li a {
    background-image: none
}

header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:hover,
header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:active,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:hover,
footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:active {
    color: #ec4149
}

header #main_nav_part .main_nav_submenu_third,
footer #main_nav_part .main_nav_submenu_third {
    left: 155px;
    position: absolute;
    top: 0
}

header #main_nav_part .main_nav_submenu_third ul,
footer #main_nav_part .main_nav_submenu_third ul {
    display: block;
    float: left;
    left: auto !important;
    position: relative !important;
    width: 155px
}

header .site-control,
footer .site-control {
    float: right;
    margin-top: 12px;
    width: 205px
}

header .site-control li,
footer .site-control li {
    cursor: pointer;
    float: left;
    height: 31px;
    line-height: 31px;
    margin-left: 3px;
    width: 31px
}

header .speech .rs_skip,
footer .speech .rs_skip {
    position: absolute;
    top: 55px;
    width: 150px
}

header .speech,
footer .speech {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -10px top
}

header .view,
footer .view {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -48px top
}

header .small-font,
footer .small-font {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -86px top
}

header .normal-font,
footer .normal-font {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -120px top
}

header .medium-font,
footer .medium-font {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -155px top
}

header .large-font,
footer .large-font {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -190px top
}

header .site-control li.active,
footer .site-control li.active {
    cursor: default
}

header .speech.active,
footer .speech.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -10px bottom
}

header .view.active,
footer .view.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -48px bottom
}

header .small-font.active,
footer .small-font.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -86px bottom
}

header .normal-font.active,
footer .normal-font.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -120px bottom
}

header .medium-font.active,
footer .medium-font.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -155px bottom
}

header .large-font.active,
footer .large-font.active {
    background: transparent url("../img/control-icon-v2.png") no-repeat scroll -190px bottom
}

header #services_part,
footer #services_part {
    background: #ffffff none repeat scroll 0 0;
    padding-bottom: 50px;
    padding-top: 30px
}

header .services-body,
footer .services-body {
    margin-top: 30px
}

header .services-body .services-top-bar,
footer .services-body .services-top-bar {
    margin-bottom: 52px;
    position: relative
}

header .services-body-left,
footer .services-body-left {
    float: left;
    width: 460px
}

header .services-body-left .btn-group,
footer .services-body-left .btn-group {
    bottom: 0;
    position: absolute;
    right: 0
}

header .services-body-left .btn-group.open button,
footer .services-body-left .btn-group.open button {
    border-bottom: medium none
}

header .service-dropdown,
header .dropdown,
footer .service-dropdown,
footer .dropdown {
    background: #fff url("../img/search-services.png") no-repeat scroll right center;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #9c9c9c;
    font-family: "MetaPro-Light", arial;
    font-size: 14px;
    outline: medium none;
    padding-left: 10px;
    padding-right: 30px;
    text-align: left;
    width: 220px
}

header .dropdown-auto,
footer .dropdown-auto {
    width: inherit !important
}

header .form-control,
footer .form-control {
    font-family: "MetaPro-Medium", arial;
    width: 220px
}

header .service-dropdown,
footer .service-dropdown {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 33px
}

header .dropdown-menu,
footer .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #eee #eee;
    border-image: none;
    border-style: none solid solid;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-width: medium 1px 1px;
    box-shadow: none;
    margin: 0;
    min-width: 60px
}

header .dropdown-menu>li>a,
footer .dropdown-menu>li>a {
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px
}

header .dropdown-menu>li>a:focus,
header .dropdown-menu>li>a:hover,
footer .dropdown-menu>li>a:focus,
footer .dropdown-menu>li>a:hover {
    background-color: transparent;
    color: #eb3c41
}

header .popular-services .btn-default,
header .popular-service .btn-default,
footer .popular-services .btn-default,
footer .popular-service .btn-default {
    float: left;
    height: 61px;
    margin-bottom: 13px;
    padding-left: 70px;
    text-align: left;
    width: 220px
}

header .popular-service .btn-grey,
footer .popular-service .btn-grey {
    border-left: 5px solid #53bceb;
    color: #000;
    overflow: hidden;
    padding: 0 15px
}

header .btn-services,
footer .btn-services {
    background-image: url("../img/services-icon.png");
    background-repeat: no-repeat
}

header .btn-default.salik,
footer .btn-default.salik {
    background-position: left top
}

header .btn-default.metro-agency,
footer .btn-default.metro-agency {
    background-position: left -61px
}

header .btn-default.licensing,
footer .btn-default.licensing {
    background-position: left -122px
}

header .btn-default.corporate-technical,
footer .btn-default.corporate-technical {
    background-position: left -183px
}

header .btn-default.dubai-metro,
footer .btn-default.dubai-metro {
    background-position: left -244px
}

header .btn-default.dubai-taxi,
footer .btn-default.dubai-taxi {
    background-position: left -305px
}

header .btn-default.rail-agency,
footer .btn-default.rail-agency {
    background-position: left -366px
}

header .btn-default.taxi-agency,
footer .btn-default.taxi-agency {
    background-position: left -427px
}

header .popular-services .btn-default:nth-child(2n+1),
footer .popular-services .btn-default:nth-child(2n+1) {
    margin-right: 20px
}

header .popular-service .btn-default,
footer .popular-service .btn-default {
    margin-right: 15px
}

header .services-body-left .blue-link,
footer .services-body-left .blue-link {
    font-size: 18px;
    line-height: 18px
}

header .services-body-right,
footer .services-body-right {
    float: left;
    margin-left: 80px;
    width: 400px
}

header .public-transport,
footer .public-transport {
    padding: 0 10px 0 32px;
    width: 300px
}

header .public-transport h3,
footer .public-transport h3 {
    margin-bottom: 2px
}

header .download-transport,
footer .download-transport {
    margin-top: 23px
}

header .public-transport .download-transport h3,
footer .public-transport .download-transport h3 {
    display: inline-block;
    margin-right: 15px
}

header .download-transport a,
footer .download-transport a {
    margin-right: 10px
}

header .icons,
footer .icons {
    padding-top: 35px
}

header .icons a,
footer .icons a {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-right: 8px
}

header .icons a:last-child,
footer .icons a:last-child {
    margin-right: 0
}

header .icons img,
footer .icons img {
    opacity: 0.3;
    transition: opacity 0.25s ease-in-out 0s
}

header .icons img:hover,
header .icons .selected img,
footer .icons img:hover,
footer .icons .selected img {
    opacity: 1
}

header .form-control[disabled],
header .form-control[readonly],
header fieldset[disabled] .form-control,
footer .form-control[disabled],
footer .form-control[readonly],
footer fieldset[disabled] .form-control {
    background-color: #fff
}

header .form,
footer .form {
    color: #9c9c9c
}

header .form h3,
footer .form h3 {
    color: #000;
    padding: 0 0 10px
}

header .form .mm,
footer .form .mm {
    font-family: "MetaPro-Medium", arial
}

header .form .red,
footer .form .red {
    color: #ec4149;
    padding: 15px 0 0
}

header .form .lbl,
footer .form .lbl {
    color: #9c9c9c;
    font-family: "MetaPro-Medium", arial;
    font-weight: normal;
    padding: 30px 0 5px 25px
}

header .form .field2,
footer .form .field2 {
    padding: 0 15px
}

header .form .radio2,
footer .form .radio2 {
    padding: 10px 15px
}

header .form .dropdown,
footer .form .dropdown {
    height: 60px
}

header .form .dropdown-menu,
footer .form .dropdown-menu {
    top: 50px
}

header .form .dropdown-list,
footer .form .dropdown-list {
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.125) inset;
    max-height: 150px;
    overflow-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 15px
}

header .form .btn-group,
footer .form .btn-group {
    width: 100%
}

header .form .dropdown-small,
footer .form .dropdown-small {
    padding-right: 50px;
    width: 74px
}

header .form .dropdown-medium,
footer .form .dropdown-medium {
    padding-right: 50px;
    width: 145px
}

header .form .form-control,
footer .form .form-control {
    height: 60px;
    width: 100%
}

header .form .form-control2,
footer .form .form-control2 {
    height: 45px
}

header .form .field,
footer .form .field {
    padding: 10px 10px 10px 0
}

header .form .date,
footer .form .date {
    border-radius: 4px;
    margin: 10px 10px 10px 0;
    padding: 0
}

header .form .input-group-addon,
footer .form .input-group-addon {
    background-color: #fff;
    border: medium none;
    color: #9c9c9c
}

header .form .glyphicon,
footer .form .glyphicon {
    font-size: 22px
}

header .form .reset,
footer .form .reset {
    padding: 10px 0 20px
}

header .form a,
footer .form a {
    color: #1daeec
}

header .form .msg,
footer .form .msg {
    padding: 14px 0 14px 28px
}

header .form .upsuccess,
footer .form .upsuccess {
    background: transparent url("../img/success.png") no-repeat scroll left center
}

header .form .upsuccess-grey,
footer .form .upsuccess-grey {
    background: transparent url("../img/success-grey.png") no-repeat scroll left center
}

header .form .uperror,
footer .form .uperror {
    background: transparent url("../img/error.png") no-repeat scroll left center;
    color: #db383c
}

header .form .select,
footer .form .select {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #9c9c9c;
    font-size: 14px;
    outline: medium none;
    padding: 16px 0;
    position: relative;
    text-align: left
}

header .form .select select,
footer .form .select select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #9c9c9c;
    font-size: 14px;
    outline: medium none;
    padding: 5px;
    width: 100%
}

header .form .select-services,
footer .form .select-services {
    background-color: #f6f6f7;
    color: #1daeec
}

header .select-services .select2-container--default .select2-selection--single .select2-selection__rendered,
footer .select-services .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #1daeec;
    font-family: "MetaPro-Light", arial;
    font-size: 18px
}

header .form .select select:focus,
footer .form .select select:focus {
    outline: medium none
}

header .services-bg,
footer .services-bg {
    background: transparent url("../img/bg-services.png") no-repeat scroll center top/100% auto
}

header ul.list-services,
footer ul.list-services {
    margin: 0;
    padding: 18px 0 0
}

header ul.list-services li,
footer ul.list-services li {
    padding: 15px 0;
    text-align: center;
    width: 24.5%
}

header ul.list-services li a,
footer ul.list-services li a {
    background-position: center top;
    background-repeat: no-repeat;
    color: #1daeec;
    display: block;
    font-size: 18px;
    padding: 47px 10px 10px
}

header ul.list-services li.services-dco a,
footer ul.list-services li.services-dco a {
    background-image: url("../img/services-dco.png")
}

header ul.list-services li.services-pt a,
footer ul.list-services li.services-pt a {
    background-image: url("../img/services-pt.png")
}

header ul.list-services li.services-corp a,
footer ul.list-services li.services-corp a {
    background-image: url("../img/services-corp.png")
}

header ul.list-services li.services-alpha a,
footer ul.list-services li.services-alpha a {
    background-image: url("../img/services-alpha.png")
}

header ul.list-services li:hover,
header ul.list-services li.active,
footer ul.list-services li:hover,
footer ul.list-services li.active {
    background-color: #f6f6f7
}

header ul.list-alpha li,
footer ul.list-alpha li {
    padding: 0
}

header ul.list-alpha li:nth-child(2n),
footer ul.list-alpha li:nth-child(2n) {
    background: transparent url("../img/dot.png") no-repeat scroll center center
}

header ul.list-alpha li,
header ul.list-alpha li a,
footer ul.list-alpha li,
footer ul.list-alpha li a {
    color: #1daeec;
    font-size: 18px
}

header ul.list-alpha li a,
footer ul.list-alpha li a {
    cursor: pointer;
    display: block;
    line-height: 24px;
    padding: 1px 8px;
    text-align: center;
    width: 26px
}

header ul.list-alpha li a:hover,
header ul.list-alpha li.active a,
footer ul.list-alpha li a:hover,
footer ul.list-alpha li.active a {
    background-color: #1daeec;
    border-radius: 15px;
    color: #fff
}

header ul.list-com li,
footer ul.list-com li {
    padding: 2px 0
}

header ul.list-docs,
footer ul.list-docs {
    padding: 10px 0
}

header ul.list-docs li,
footer ul.list-docs li {
    background: transparent url("../img/arrow-grey.png") no-repeat scroll left 6px;
    padding: 4px 5px 4px 15px
}

header ul.list-services-regn,
footer ul.list-services-regn {
    margin: 0;
    overflow: hidden;
    padding: 10px 0
}

header ul.list-services-regn li,
footer ul.list-services-regn li {
    float: left;
    margin: 0;
    padding: 10px 0;
    width: 49%
}

header ul.list-services-regn li a,
footer ul.list-services-regn li a {
    color: #1daeec;
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 30px
}

header .icon-salik,
footer .icon-salik {
    background: transparent url("../img/icons/ico-salik.png") no-repeat scroll left center
}

header .icon-metro-agency,
footer .icon-metro-agency {
    background: transparent url("../img/icons/ico-metro-agency.png") no-repeat scroll left center
}

header .icon-licencing-agency,
footer .icon-licencing-agency {
    background: transparent url("../img/icons/ico-licencing-agency.png") no-repeat scroll left center
}

header .icon-dubai-taxi,
footer .icon-dubai-taxi {
    background: transparent url("../img/icons/ico-dubai-taxi.png") no-repeat scroll left center
}

header .icon-dubai-metro,
footer .icon-dubai-metro {
    background: transparent url("../img/icons/ico-dubai-metro.png") no-repeat scroll left center
}

header .icon-taxi-agency,
footer .icon-taxi-agency {
    background: transparent url("../img/icons/ico-taxi-agency-services.png") no-repeat scroll left center
}

header .icon-rail-agency,
footer .icon-rail-agency {
    background: transparent url("../img/icons/ico-rail-agency-services.png") no-repeat scroll left center
}

header .icon-corporate-support,
footer .icon-corporate-support {
    background: transparent url("../img/icons/ico-corporate-support.png") no-repeat scroll left center
}

header .bootstrap-datetimepicker-widget,
footer .bootstrap-datetimepicker-widget {
    border: 1px solid transparent;
    box-shadow: 0 -5px 32px rgba(0, 0, 0, 0.1);
    padding: 0
}

header .bootstrap-datetimepicker-widget.dropdown-menu,
footer .bootstrap-datetimepicker-widget.dropdown-menu {
    max-width: 225px
}

header .datepicker,
footer .datepicker {
    bottom: 0;
    margin: 0;
    padding: 0
}

header .datepicker .picker-switch,
header .datepicker .prev,
header .datepicker .next,
footer .datepicker .picker-switch,
footer .datepicker .prev,
footer .datepicker .next {
    background-color: #ef3d42;
    border-radius: 0;
    color: #fff
}

header .bootstrap-datetimepicker-widget table th.disabled,
header .bootstrap-datetimepicker-widget table th.disabled:hover,
footer .bootstrap-datetimepicker-widget table th.disabled,
footer .bootstrap-datetimepicker-widget table th.disabled:hover {
    background-color: #ef3d42;
    color: #e26363
}

header .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
footer .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: #ef3d42
}

header .bootstrap-datetimepicker-widget table td,
header .bootstrap-datetimepicker-widget table th,
footer .bootstrap-datetimepicker-widget table td,
footer .bootstrap-datetimepicker-widget table th {
    border-radius: 16px
}

header .bootstrap-datetimepicker-widget table td span.active,
header .bootstrap-datetimepicker-widget table td span:hover,
footer .bootstrap-datetimepicker-widget table td span.active,
footer .bootstrap-datetimepicker-widget table td span:hover {
    border-radius: 30px
}

header .bootstrap-datetimepicker-widget table td.day,
footer .bootstrap-datetimepicker-widget table td.day {
    color: #9c9c9c
}

header .bootstrap-datetimepicker-widget table td.today,
footer .bootstrap-datetimepicker-widget table td.today {
    background-color: #eee
}

header .bootstrap-datetimepicker-widget table td.old,
header .bootstrap-datetimepicker-widget table td.new,
header .bootstrap-datetimepicker-widget table td.disabled,
header .bootstrap-datetimepicker-widget table td.disabled:hover,
footer .bootstrap-datetimepicker-widget table td.old,
footer .bootstrap-datetimepicker-widget table td.new,
footer .bootstrap-datetimepicker-widget table td.disabled,
footer .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #dadada
}

header .bootstrap-datetimepicker-widget table td.active,
header .bootstrap-datetimepicker-widget table td span.active,
footer .bootstrap-datetimepicker-widget table td.active,
footer .bootstrap-datetimepicker-widget table td span.active {
    background-color: #ef3d42;
    color: #fff
}

header .footer,
footer .footer {
    border-top: 1px solid #d5d5d5
}

header .footernav,
footer .footernav {
    background-color: #53565a;
    color: #53565a;
    font-size: 14px;
    padding-bottom: 40px;
    padding-top: 25px
}

header .footernav ul,
footer .footernav ul {
    float: left;
    margin-right: 10px;
    padding: 0;
    width: 175px
}

header .footernav a,
footer .footernav a {
    color: #ffffff
}

header .footernav a:hover,
footer .footernav a:hover {
    color: #ffffff;
    font-weight: bold
}

header .footernav ul:last-child,
footer .footernav ul:last-child {
    margin-right: 0
}

header .footernav ul li,
footer .footernav ul li {
    margin-top: 10px
}

header .footer-copyright,
footer .footer-copyright {
    padding-bottom: 50px;
    padding-top: 50px
}

header .footer-copyright .bottom-text,
footer .footer-copyright .bottom-text {
    color: #8a8a8a;
    display: block;
    float: left;
    font-size: 14px;
    width: 450px
}

header .footer-copyright .bottom-text i,
footer .footer-copyright .bottom-text i {
    color: #e00;
    font-size: 11px
}

header .footer-copyright .bottom-image,
footer .footer-copyright .bottom-image {
    display: block;
    float: right;
    width: 91px
}

header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    padding: 20px;
    width: 200px
}

header .small h1,
footer .small h1 {
    font-size: 43px;
    line-height: 43px
}

header .small h2,
footer .small h2 {
    font-size: 32px;
    line-height: 32px
}

header .small h3,
footer .small h3 {
    font-size: 16px;
    line-height: 16px
}

header .small h4,
footer .small h4 {
    font-size: 12px;
    line-height: 12px
}

header .small p,
footer .small p {
    font-size: 12px;
    line-height: 17px
}

header .small p.num,
footer .small p.num {
    font-size: 42px;
    line-height: 58px;
    text-align: center
}

header .small #leftnav_part ul li,
footer .small #leftnav_part ul li {
    font-size: 10px
}

header .small .login-bar a,
header .small .login-bar a:hover,
footer .small .login-bar a,
footer .small .login-bar a:hover {
    font-size: 12px;
    line-height: 12px
}

header .small #main_nav_part ul.main_nav_bar>li>p,
header .small #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .small #main_nav_part ul.main_nav_bar>li>p,
footer .small #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 12px;
    line-height: 17px
}

header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 14px;
    line-height: 30px
}

header .small input,
header .small input.form-control,
footer .small input,
footer .small input.form-control {
    font-size: 12px
}

header .small .search-text input,
footer .small .search-text input {
    font-size: 16px
}

header .small .btn,
footer .small .btn {
    font-size: 12px
}

header .small .service-dropdown,
footer .small .service-dropdown {
    font-size: 12px
}

header .small .extra-item textarea.form-control,
footer .small .extra-item textarea.form-control {
    font-size: 12px;
    line-height: 16px
}

header .small #e_service_radio label,
footer .small #e_service_radio label {
    font-size: 12px;
    line-height: 18px
}

header .small .blue-link,
header .small .blue-link:hover,
footer .small .blue-link,
footer .small .blue-link:hover {
    font-size: 13px;
    line-height: 13px
}

header .small .footernav ul li,
footer .small .footernav ul li {
    font-size: 12px;
    line-height: 18px
}

header .small .footer-copyright .bottom-text,
footer .small .footer-copyright .bottom-text {
    font-size: 12px
}

header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .small #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 30px
}

header .small #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
footer .small #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 180px
}

header .small .footernav a,
footer .small .footernav a {
    font-size: 11px
}

header .medium h1,
footer .medium h1 {
    font-size: 47px;
    line-height: 47px
}

header .medium h2,
footer .medium h2 {
    font-size: 38px;
    line-height: 38px
}

header .medium h3,
footer .medium h3 {
    font-size: 20px;
    line-height: 20px
}

header .medium h4,
footer .medium h4 {
    font-size: 16px;
    line-height: 16px
}

header .medium p,
footer .medium p {
    font-size: 16px;
    line-height: 21px
}

header .medium p.num,
footer .medium p.num {
    font-size: 50px;
    line-height: 62px
}

header .medium #leftnav_part ul li,
footer .medium #leftnav_part ul li {
    font-size: 13px
}

header .medium .login-bar a,
header .medium .login-bar a:hover,
footer .medium .login-bar a,
footer .medium .login-bar a:hover {
    font-size: 16px;
    line-height: 16px
}

header .medium #main_nav_part ul.main_nav_bar>li>p,
header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .medium #main_nav_part ul.main_nav_bar>li>p,
footer .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 15px;
    line-height: 20px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 175px
}

header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 18px;
    line-height: 18px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: transparent url("../img/link.gif") no-repeat scroll right 12px
}

header .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a,
footer .medium #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: transparent url("../img/link_over.gif") no-repeat scroll right 12px
}

header .medium #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
footer .medium #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 250px
}

header .medium input,
header .medium input.form-control,
footer .medium input,
footer .medium input.form-control {
    font-size: 16px
}

header .medium .search-text input,
footer .medium .search-text input {
    font-size: 20px
}

header .medium .btn,
footer .medium .btn {
    font-size: 16px
}

header .medium .service-dropdown,
footer .medium .service-dropdown {
    font-size: 16px
}

header .medium .single-new .new-content,
footer .medium .single-new .new-content {
    height: 205px
}

header .medium .extra-item,
footer .medium .extra-item {
    margin-right: 95px;
    width: 216px
}

header .medium .extra-middle,
header .medium textarea.form-control.extra-middle,
footer .medium .extra-middle,
footer .medium textarea.form-control.extra-middle {
    height: 110px
}

header .medium .extra-item textarea.form-control,
footer .medium .extra-item textarea.form-control {
    font-size: 17px;
    line-height: 20px
}

header .medium #e_service_radio label,
footer .medium #e_service_radio label {
    font-size: 16px;
    line-height: 22px
}

header .medium .blue-link,
header .medium .blue-link:hover,
footer .medium .blue-link,
footer .medium .blue-link:hover {
    font-size: 18px;
    line-height: 18px
}

header .medium .footernav ul li,
footer .medium .footernav ul li {
    font-size: 16px;
    line-height: 22px
}

header .medium .footer-copyright .bottom-text,
footer .medium .footer-copyright .bottom-text {
    font-size: 16px
}

header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .medium #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 45px
}

header .medium .footernav a,
footer .medium .footernav a {
    font-size: 13px
}

header .large h1,
footer .large h1 {
    font-size: 49px;
    line-height: 49px
}

header .large h2,
footer .large h2 {
    font-size: 42px;
    line-height: 42px
}

header .large h3,
footer .large h3 {
    font-size: 22px;
    line-height: 24px
}

header .large h4,
footer .large h4 {
    font-size: 18px;
    line-height: 18px
}

header .large p,
footer .large p {
    font-size: 18px;
    line-height: 23px
}

header .large p.num,
footer .large p.num {
    font-size: 52px;
    line-height: 62px
}

header .large #leftnav_part ul li,
footer .large #leftnav_part ul li {
    font-size: 14px
}

header .large .login-bar a,
header .large .login-bar a:hover,
footer .large .login-bar a,
footer .large .login-bar a:hover {
    font-size: 18px;
    line-height: 18px
}

header .large #main_nav_part ul.main_nav_bar>li>p,
footer .large #main_nav_part ul.main_nav_bar>li>p {
    font-size: 16px;
    line-height: 20px
}

header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 20px;
    line-height: 22px
}

header .large #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
footer .large #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 280px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 210px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
footer .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: transparent url("../img/link.png") no-repeat scroll right 14px
}

header .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a,
footer .large #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: transparent url("../img/link_over.png") no-repeat scroll right 14px
}

header .large input,
header .large input.form-control,
footer .large input,
footer .large input.form-control {
    font-size: 18px
}

header .large .search-text input,
footer .large .search-text input {
    font-size: 22px
}

header .large .btn,
footer .large .btn {
    font-size: 18px
}

header .large .service-dropdown,
footer .large .service-dropdown {
    font-size: 18px
}

header .large #news_part,
footer .large #news_part {
    height: 732px
}

header .large .single-new .new-content,
footer .large .single-new .new-content {
    height: 255px
}

header .large .extra-item,
footer .large .extra-item {
    margin-right: 75px;
    width: 236px
}

header .large .extra-middle,
header .large textarea.form-control.extra-middle,
footer .large .extra-middle,
footer .large textarea.form-control.extra-middle {
    height: 110px
}

header .large .extra-item h3,
footer .large .extra-item h3 {
    height: 50px
}

header .large .extra-item textarea.form-control,
footer .large .extra-item textarea.form-control {
    font-size: 19px;
    line-height: 22px
}

header .large #e_service_radio label,
footer .large #e_service_radio label {
    font-size: 18px;
    line-height: 24px
}

header .large .blue-link,
header .large .blue-link:hover,
footer .large .blue-link,
footer .large .blue-link:hover {
    font-size: 19px;
    line-height: 19px
}

header .large .footernav ul li,
footer .large .footernav ul li {
    font-size: 18px;
    line-height: 24px
}

header .large .footer-copyright .bottom-text,
footer .large .footer-copyright .bottom-text {
    font-size: 18px
}

header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
header .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
footer .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
footer .large #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 50px
}

header .large .footernav a,
footer .large .footernav a {
    font-size: 16px !important
}

header .list-inline>li,
footer .list-inline>li {
    padding-left: 0;
    padding-right: 0
}

header .app-data,
footer .app-data {
    min-height: 200px
}

@media screen and (max-width: 1298px) {
    header html,
    footer html {
        width: 100%
    }
    header .footernav ul,
    footer .footernav ul {
        margin-right: 0;
        width: 185px
    }
}

header .smiley,
footer .smiley {
    background-color: #c50408;
    bottom: 0;
    left: 15px;
    padding: 10px;
    position: fixed;
    z-index: 999
}

header .sticky,
footer .sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21
}

header .list-icons li,
footer .list-icons li {
    padding: 8px 0
}

header .icon,
footer .icon {
    color: #1daeec;
    display: block;
    font-weight: bold;
    transition: color 300ms linear 0s;
    vertical-align: middle
}

header .icon::before,
footer .icon::before {
    background-image: url("../img/icons.png");
    background-position: right top;
    content: "";
    display: block;
    float: left;
    height: 28px;
    margin: -3px 5px 0 0;
    padding: 0;
    width: 35px
}

header .icon:hover,
footer .icon:hover {
    color: #5bcbfb
}

header .icon:hover::before,
footer .icon:hover::before {
    background-position: left top
}

header .icon-fines::before,
footer .icon-fines::before {
    background-position: right 28px
}

header .icon-fines:hover::before,
footer .icon-fines:hover::before {
    background-position: left 28px
}

header .icon-nol-balance::before,
footer .icon-nol-balance::before {
    background-position: right 142px
}

header .icon-nol-balance:hover::before,
footer .icon-nol-balance:hover::before {
    background-position: left 142px
}

header .icon-vehicle-test::before,
footer .icon-vehicle-test::before {
    background-position: right 84px
}

header .icon-vehicle-test:hover::before,
footer .icon-vehicle-test:hover::before {
    background-position: left 84px
}

header .icon-parking-card::before,
footer .icon-parking-card::before {
    background-position: right 112px
}

header .icon-parking-card:hover::before,
footer .icon-parking-card:hover::before {
    background-position: left 112px
}

header .icon-toll-free::before,
footer .icon-toll-free::before {
    background-position: right 56px
}

header .icon-toll-free:hover::before,
footer .icon-toll-free:hover::before {
    background-position: left 56px
}

header .toll-free::before,
footer .toll-free::before {
    background-image: url("../img/icons.png");
    background-position: right 56px;
    content: "";
    display: block;
    float: left;
    height: 28px;
    margin: 10px 5px 0 0;
    padding: 0;
    width: 35px
}

header .fax::before,
footer .fax::before {
    background-image: url("../img/icons.png");
    background-position: right 196px;
    content: "";
    display: block;
    float: left;
    height: 28px;
    margin: 10px 5px 0 0;
    padding: 0;
    width: 35px
}

header .email::before,
footer .email::before {
    background-image: url("../img/icons.png");
    background-position: right 168px;
    content: "";
    display: block;
    float: left;
    height: 28px;
    margin: 10px 5px 0 0;
    padding: 0;
    width: 35px
}

header .list-com .suggestion::before,
footer .list-com .suggestion::before {
    background-image: url("../img/icons.png");
    background-position: right 224px;
    content: "";
    display: block;
    float: left;
    height: 28px;
    margin: 5px 5px 0 0;
    padding: 0;
    width: 35px
}

header .backmenu,
footer .backmenu {
    background: transparent url("../img/back.png") no-repeat scroll center 10px;
    cursor: pointer
}

header #cboxOverlay,
footer #cboxOverlay {
    background-color: rgba(0, 0, 0, 0.6)
}

header #foo,
footer #foo {
    z-index: 2000
}

header #cboxClose,
footer #cboxClose {
    background: transparent url("../img/close.png") no-repeat scroll 0 0;
    height: 35px;
    outline: medium none;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 35px
}

header #cboxClose:hover,
footer #cboxClose:hover {
    background-position: 0 0;
    opacity: 0.9
}

header #colorbox,
header #cboxWrapper,
header #cboxContent,
header #cboxLoadedContent,
header iframe.cboxIframe,
footer #colorbox,
footer #cboxWrapper,
footer #cboxContent,
footer #cboxLoadedContent,
footer iframe.cboxIframe {
    width: 802px !important
}

header #colorbox,
footer #colorbox {
    left: 23% !important
}

header #cboxLoadedContent,
footer #cboxLoadedContent {
    border-radius: 10px
}

header .popup,
footer .popup {
    background-color: #fff;
    font-size: 14px;
    max-width: 800px;
    padding: 50px 25px
}

header .popup p,
footer .popup p {
    padding: 10px 0
}

header .error,
footer .error {
    border: 1px solid #ef3d42 !important
}

header .breadcrumb,
footer .breadcrumb {
    background-color: #ffffff;
    border-top: 1px solid #e8e8e8;
    margin: 0
}

header .breadcrumb p,
footer .breadcrumb p {
    color: #8a8a8a;
    font-weight: bold;
    padding: 0 15px
}

header .breadcrumb p a,
footer .breadcrumb p a {
    color: #8a8a8a;
    font-weight: normal
}

header .breadcrumb p a:hover,
footer .breadcrumb p a:hover {
    color: #ec4149
}

header .glyphicon-calendar,
footer .glyphicon-calendar {
    background: transparent url("../img/cal.png") no-repeat scroll center center;
    height: 25px;
    width: 25px
}

header .glyphicon-calendar::before,
footer .glyphicon-calendar::before {
    content: ""
}

header .select2-selection__rendered,
footer .select2-selection__rendered {
    font-family: "MetaPro-Medium", Arial
}

header .download,
footer .download {
    background: transparent url("../img/download.png") no-repeat scroll left center;
    float: right;
    font-family: "MetaPro-Medium", Arial;
    padding: 1px 25px 1px 40px;
    z-index: 999
}

header .doc-print,
header .doc-open,
footer .doc-print,
footer .doc-open {
    display: block;
    height: 22px;
    text-decoration: none;
    width: 27px
}

header .doc-print,
footer .doc-print {
    background: transparent url("../img/print.png") no-repeat scroll left center
}

header .doc-open,
footer .doc-open {
    background: transparent url("../img/open.png") no-repeat scroll left center
}

header .service-container .gen-padding,
footer .service-container .gen-padding {
    padding: 35px 0
}

header .service-container h2,
footer .service-container h2 {
    padding-bottom: 10px
}

header .service-container h3,
footer .service-container h3 {
    color: #1daeec;
    font-family: "MetaPro-Medium", Arial
}

header .service-container h4,
footer .service-container h4 {
    color: #000;
    font-family: "MetaPro-Medium", Arial;
    padding: 10px 10px 0 0
}

header .service-container p,
footer .service-container p {
    padding: 5px 0
}

header .border-bottom,
footer .border-bottom {
    border-bottom: 1px solid #e8e8e8
}

header .channel-callcenter a,
header .channel-visitbranch a,
header .channel-smartappps a,
footer .channel-callcenter a,
footer .channel-visitbranch a,
footer .channel-smartappps a {
    color: #1daeec;
    display: block;
    font-family: "MetaPro-Medium", Arial;
    font-size: 18px;
    padding: 25px 25px 25px 40px
}

header .channel-tollfree a,
footer .channel-tollfree a {
    color: #1daeec;
    display: block;
    font-size: 48px
}

header .channel-callcenter,
footer .channel-callcenter {
    background: transparent url("../img/channel-tollfree.png") no-repeat scroll left center
}

header .channel-visitbranch,
footer .channel-visitbranch {
    background: transparent url("../img/channel-visitbranch.png") no-repeat scroll left center
}

header .channel-smartappps,
footer .channel-smartappps {
    background: transparent url("../img/channel-smartapps.png") no-repeat scroll left center
}

header .selservice .select2-container--default .select2-selection--single .select2-selection__arrow b,
footer .selservice .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: transparent url("../img/dd-arrow-blue.png") no-repeat scroll left center
}

header .wizards,
footer .wizards {
    overflow: hidden;
    padding: 10px 0
}

header .wizards ul,
footer .wizards ul {
    background: transparent url("../img/bg-line.png") repeat-x scroll center center;
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 15px 0
}

header .wizards ul li,
footer .wizards ul li {
    float: left;
    margin: 0;
    padding: 0
}

header .wizards ul li.first,
footer .wizards ul li.first {
    margin-right: 125px
}

header .wizards ul li a,
footer .wizards ul li a {
    background-color: #f4f4f4;
    border: 2px solid #9c9c9c;
    border-radius: 20px;
    color: #9c9c9c;
    display: block;
    font-size: 18px;
    height: 34px;
    line-height: 1.65em;
    text-align: center;
    width: 34px
}

header .wizards ul li.active a,
header .wizards ul li.completed a,
footer .wizards ul li.active a,
footer .wizards ul li.completed a {
    background-color: #1daeec;
    border: 1px solid #1daeec;
    color: #fff;
    text-align: center
}

header .wizards ul li.completed a,
footer .wizards ul li.completed a {
    background: #fff url("../img/completed.png") no-repeat scroll center center/100% 100%
}

header #wizards-step-03 h2,
header #wizards-ind-02 h2,
footer #wizards-step-03 h2,
footer #wizards-ind-02 h2 {
    color: #1daeec;
    padding: 10px 0
}

header .sub-title,
footer .sub-title {
    padding-left: 10px
}

header .txt-grey,
footer .txt-grey {
    background-color: #f6f6f7
}

header .services-top-bar .select,
footer .services-top-bar .select {
    height: 40px;
    padding: 5px
}

header .error-messages-div,
footer .error-messages-div {
    background-color: #fce1e1;
    border: 1px solid;
    border-radius: 5px;
    color: #e00724;
    margin: 0 0 30px;
    padding: 10px;
    width: 100%
}

header .search_home_services,
footer .search_home_services {
    position: relative
}

header .search_home,
footer .search_home {
    background: transparent url("../img/search-services.png") no-repeat scroll 10px center/auto 50%;
    border: 1px solid #eee;
    border-radius: 5px;
    color: #9c9c9c;
    font-size: 14px;
    outline: medium none;
    position: relative;
    text-align: left
}

header .search_home:hover,
footer .search_home:hover {
    background: transparent url("../img/search-services-hover.png") no-repeat scroll 10px center/auto 50%
}

header .search_home input,
footer .search_home input {
    background-color: transparent;
    box-sizing: border-box;
    float: right;
    font-size: 16px;
    outline: medium none;
    padding: 10px 0 0 5px;
    width: 83%
}

header .search_home:hover input,
footer .search_home:hover input {
    color: #ef3d42
}

header .search_home_services ul,
footer .search_home_services ul {
    box-sizing: border-box;
    display: none;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 100%
}

header .search_home_services ul,
footer .search_home_services ul {
    background-color: #fff;
    border: 1px solid #eee;
    z-index: 999
}

header .search_home_services:hover .search_home,
footer .search_home_services:hover .search_home {
    background: transparent url("../img/search-services-hover.png") no-repeat scroll 10px center/auto 50%
}

header .search_home_services ul li:hover,
footer .search_home_services ul li:hover {
    background-color: #ef3d42;
    color: #fff
}

header .search_home_services ul li,
footer .search_home_services ul li {
    padding: 0
}

header .search_home_services ul li a,
footer .search_home_services ul li a {
    display: block;
    padding: 5px 10px
}

header .search_home_services ul li:hover a,
footer .search_home_services ul li:hover a {
    color: #fff
}

header h3.wizard-title,
footer h3.wizard-title {
    color: #1daeec
}

header .btn-group.field:focus select,
header .btn-group.field input:focus,
footer .btn-group.field:focus select,
footer .btn-group.field input:focus {
    border: 1px solid #ddd !important
}

header .icon-water-taxi,
footer .icon-water-taxi {
    background: transparent url("../img/popular_services/1.png") no-repeat scroll left center
}

header .icon-nol-services,
footer .icon-nol-services {
    background: transparent url("../img/popular_services/2.png") no-repeat scroll left center
}

header .icon-fines-inq,
footer .icon-fines-inq {
    background: transparent url("../img/popular_services/3.png") no-repeat scroll left center
}

header .icon-enoc,
footer .icon-enoc {
    background: transparent url("../img/popular_services/4.png") no-repeat scroll left center
}

header .icon-seasonal-parking,
footer .icon-seasonal-parking {
    background: transparent url("../img/popular_services/5.png") no-repeat scroll left center
}

header .icon-transfer-driving,
footer .icon-transfer-driving {
    background: transparent url("../img/popular_services/6.png") no-repeat scroll left center
}

header .icon-vhl-testing,
footer .icon-vhl-testing {
    background: transparent url("../img/popular_services/7.png") no-repeat scroll left center
}

header .icon-mparking,
footer .icon-mparking {
    background: transparent url("../img/popular_services/8.png") no-repeat scroll left center
}

header h3.wizard-title,
footer h3.wizard-title {
    color: #1daeec
}

header #left_section,
footer #left_section {
    background: #eee url("../img/bg-left-nav.png") repeat-x scroll left top
}

header #main_nav_part ul.main_nav_bar,
footer #main_nav_part ul.main_nav_bar {
    float: left;
    width: 880px
}

header .site-control,
footer .site-control {
    float: right;
    margin-top: 12px;
    width: 210px
}

header .dubaiLogo,
footer .dubaiLogo {
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    text-align: center
}

header #main_nav_part ul.main_nav_bar>li.shortHome,
header #main_nav_part ul.main_nav_bar>li.shortHome>a,
footer #main_nav_part ul.main_nav_bar>li.shortHome,
footer #main_nav_part ul.main_nav_bar>li.shortHome>a {
    width: 70px
}

header #main_nav_part ul.main_nav_bar>li.short,
header #main_nav_part ul.main_nav_bar>li.short>a,
footer #main_nav_part ul.main_nav_bar>li.short,
footer #main_nav_part ul.main_nav_bar>li.short>a {
    width: 85px
}

header #main_nav_part ul.main_nav_bar>li,
footer #main_nav_part ul.main_nav_bar>li {
    border-right: 1px solid #c63436;
    color: #fff;
    display: table;
    float: left;
    height: 50px
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight {
    background: #e00 url("../img/dropdown.png") no-repeat scroll 145px 36px
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
    background: #fff url("../img/dropdown_over.png") no-repeat scroll 145px 36px
}

header #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2:hover,
footer #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2:hover {
    background: #fff url("../img/dropdown_over.png") no-repeat scroll 72px 36px
}

header li.short.has_submenu.highlight2,
footer li.short.has_submenu.highlight2 {
    background: #e00 url("../img/dropdown.png") no-repeat scroll 72px 36px
}

header #main_nav_part ul.main_nav_bar>li.shortMenu,
footer #main_nav_part ul.main_nav_bar>li.shortMenu {
    background: #fff url("../img/dropdown.png") no-repeat scroll 105px 36px
}

header #main_nav_part ul.main_nav_bar>li.shortMenu:hover,
footer #main_nav_part ul.main_nav_bar>li.shortMenu:hover {
    background: #fff url("../img/dropdown_over.png") no-repeat scroll 105px 36px
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1 {
    background: #e00 url("../img/dropdown.png") no-repeat scroll 72px 36px
}

header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover,
footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
    background: #fff url("../img/dropdown_over.png") no-repeat scroll 72px 36px
}

header #main_nav_part ul.main_nav_bar>li>a>p,
footer #main_nav_part ul.main_nav_bar>li>a>p {
    line-height: 16px;
    -webkit-font-smoothing: auto
}

header #main_nav_part ul.main_nav_bar>li>a,
footer #main_nav_part ul.main_nav_bar>li>a {
    color: #fff;
    display: table;
    height: 50px;
    width: 157px
}

@media (min-width: 1024px) {
    header #main_nav_part ul.main_nav_bar>li:nth-child(6)>a,
    footer #main_nav_part ul.main_nav_bar>li:nth-child(6)>a {
        width: 130px
    }
}

header #main_nav_part .shortMenu ul,
footer #main_nav_part .shortMenu ul {
    width: 100% !important
}

header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a,
footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu a:hover,
footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a,
footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu a:hover {
    background-image: none
}

header #main_nav_part .shortMenu,
footer #main_nav_part .shortMenu {
    position: relative
}

header #main_nav_part .shortMenu .smenu,
footer #main_nav_part .shortMenu .smenu {
    width: 350px
}

header .print-page,
footer .print-page {
    background: transparent url("../img/control-icon-v4.png") no-repeat scroll -3px top
}

header .medium-font,
footer .medium-font {
    background: transparent url("../img/control-icon-v4.png") no-repeat scroll -187px top
}

header #pageRedirect,
footer #pageRedirect {
    background-color: #fff;
    overflow: hidden;
    padding: 50px;
    text-align: center;
    width: 100%
}

header #main_nav_part #loginsection,
footer #main_nav_part #loginsection {
    display: none
}

header #main_nav_part #manageaccount,
header #main_nav_part #logout,
footer #main_nav_part #manageaccount,
footer #main_nav_part #logout {
    display: none
}

header .main-container,
footer .main-container {
    overflow: hidden
}

header .visual,
footer .visual {
    overflow: hidden;
    width: 100%
}

header .visual img,
footer .visual img {
    display: block;
    height: auto;
    width: 100%
}

header .services-holder,
footer .services-holder {
    margin: 40px auto;
    max-width: 1274px
}

header .services-holder::after,
footer .services-holder::after {
    clear: both;
    content: "";
    display: block
}

header .services-holder h1,
footer .services-holder h1 {
    color: #9c9c9c;
    font-size: 24px;
    font-weight: bold;
    line-height: 26px;
    margin: 0 0 10px;
    text-align: center
}

header .small .services-holder h1,
footer .small .services-holder h1 {
    font-size: 22px;
    line-height: 24px
}

header .medium .services-holder h1,
footer .medium .services-holder h1 {
    font-size: 26px;
    line-height: 28px
}

header .large .services-holder h1,
footer .large .services-holder h1 {
    font-size: 28px;
    line-height: 30px
}

header .services-holder .img-holder,
footer .services-holder .img-holder {
    background: #f6f6f7 none repeat scroll 0 0;
    border-radius: 100%;
    height: 130px;
    margin: 0 auto 5px;
    overflow: hidden;
    text-align: center;
    width: 130px
}

header .services-holder .img-holder img,
footer .services-holder .img-holder img {
    display: block;
    margin: 20px auto
}

header .services-holder .list-area,
footer .services-holder .list-area {
    margin: 0 auto;
    max-width: 1000px
}

header .services-holder .list-area h2,
footer .services-holder .list-area h2 {
    color: #9c9c9c;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 30px;
    text-align: center
}

header .small .services-holder .list-area h2,
footer .small .services-holder .list-area h2 {
    font-size: 16px;
    line-height: 18px
}

header .medium .services-holder .list-area h2,
footer .medium .services-holder .list-area h2 {
    font-size: 20px;
    line-height: 22px
}

header .large .services-holder .list-area h2,
footer .large .services-holder .list-area h2 {
    font-size: 22px;
    line-height: 24px
}

header .service-type,
footer .service-type {
    color: #4f4f4f;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 40px;
    padding: 20px 0 0;
    position: relative;
    width: 107%
}

header .small .service-type,
footer .small .service-type {
    font-size: 12px;
    line-height: 14px
}

header .medium .service-type,
footer .medium .service-type {
    font-size: 16px;
    line-height: 18px
}

header .large .service-type,
footer .large .service-type {
    font-size: 18px;
    line-height: 20px
}

header .service-type::after,
footer .service-type::after {
    background: #d9d9d9 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 9px;
    position: absolute;
    top: 0;
    width: 936px;
    z-index: 1
}

header .service-type li,
footer .service-type li {
    display: inline-block;
    margin: 0 1.8% 0 0;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 15.9%
}

header .service-type li:first-child,
footer .service-type li:first-child {
    margin: 0 0 0 -7%
}

header .service-type li span,
footer .service-type li span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 100%;
    color: #918b8b;
    font-size: 14px;
    height: 25px;
    line-height: 20px;
    margin: 0 0 0 -13px;
    position: absolute;
    text-align: center;
    top: -34px;
    width: 25px;
    z-index: 2
}

header .small .service-type li span,
footer .small .service-type li span {
    font-size: 12px;
    line-height: 14px
}

header .medium .service-type li span,
footer .medium .service-type li span {
    font-size: 16px;
    line-height: 18px
}

header .large .service-type li span,
footer .large .service-type li span {
    font-size: 18px;
    line-height: 20px
}

header .service-type li h3,
footer .service-type li h3 {
    color: #00adef;
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 5px
}

header .small .service-type li h3,
footer .small .service-type li h3 {
    font-size: 14px;
    line-height: 16px
}

header .medium .service-type li h3,
footer .medium .service-type li h3 {
    font-size: 18px;
    line-height: 20px
}

header .large .service-type li h3,
footer .large .service-type li h3 {
    font-size: 20px;
    line-height: 22px
}

header .service-type li a,
footer .service-type li a {
    color: #00adef
}

header .service-type li img,
footer .service-type li img {
    display: block;
    margin: 5px auto 0
}

header .video-holder,
footer .video-holder {
    margin: 0 auto 20px;
    max-width: 1170px;
    overflow: hidden
}

header .video-holder .block,
footer .video-holder .block {
    box-sizing: border-box;
    float: right;
    padding: 2%;
    width: 50%
}

header .video-holder .block h2,
footer .video-holder .block h2 {
    color: #9c9c9c;
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 10px
}

header .small .video-holder .block h2,
footer .small .video-holder .block h2 {
    font-size: 22px;
    line-height: 24px
}

header .medium .video-holder .block h2,
footer .medium .video-holder .block h2 {
    font-size: 26px;
    line-height: 28px
}

header .large .video-holder .block h2,
footer .large .video-holder .block h2 {
    font-size: 28px;
    line-height: 30px
}

header .video-holder .block iframe,
footer .video-holder .block iframe {
    margin: 0 auto
}

header .btn-guide,
footer .btn-guide {
    background: #1daeec url("../img/vehicle-renewal/img-guides.png") no-repeat scroll 25% 50%;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    height: 61px;
    line-height: 61px;
    margin: 0 0 0 67px;
    min-width: 220px;
    text-align: center;
    text-decoration: none;
    vertical-align: top
}

header .small .btn-guide,
footer .small .btn-guide {
    font-size: 12px;
    line-height: 61px
}

header .medium .btn-guide,
footer .medium .btn-guide {
    font-size: 16px;
    line-height: 61px
}

header .large .btn-guide,
footer .large .btn-guide {
    font-size: 18px;
    line-height: 61px
}

header .btn-guide:hover,
header .btn-guide:focus,
footer .btn-guide:hover,
footer .btn-guide:focus {
    color: #fff;
    opacity: 0.8;
    transition: all 1s ease-in-out 0s
}

header .main-holder,
footer .main-holder {
    margin: 0 auto;
    max-width: 942px;
    overflow: hidden;
    padding: 30px 0 0
}

header .main-holder .breadcrumb,
footer .main-holder .breadcrumb {
    background-color: inherit !important;
    border: medium none;
    margin-bottom: 39px;
    padding-left: 0
}

header .main-holder .breadcrumb li a,
footer .main-holder .breadcrumb li a {
    color: #8a8a8a !important;
    font-size: 14px
}

header .small .main-holder .breadcrumb li a,
footer .small .main-holder .breadcrumb li a {
    font-size: 12px;
    line-height: 14px
}

header .medium .main-holder .breadcrumb li a,
footer .medium .main-holder .breadcrumb li a {
    font-size: 16px;
    line-height: 18px
}

header .large .main-holder .breadcrumb li a,
footer .large .main-holder .breadcrumb li a {
    font-size: 18px;
    line-height: 20px
}

header .main-holder .breadcrumb li.active,
footer .main-holder .breadcrumb li.active {
    color: #222 !important
}

header .main-holder h1,
footer .main-holder h1 {
    color: #00adef;
    font: 36px/38px "RTA", arial;
    margin: 0 0 22px
}

header .small .main-holder h1,
footer .small .main-holder h1 {
    font-size: 32px;
    line-height: 34px
}

header .medium .main-holder h1,
footer .medium .main-holder h1 {
    font-size: 36px;
    line-height: 38px
}

header .large .main-holder h1,
footer .large .main-holder h1 {
    font-size: 38px;
    line-height: 40px
}

header .main-holder p,
footer .main-holder p {
    color: #222;
    font: 14px/18px "MetaPro-Light", arial;
    margin: 0 0 20px
}

header .small .main-holder p,
footer .small .main-holder p {
    font-size: 12px;
    line-height: 14px
}

header .medium .main-holder p,
footer .medium .main-holder p {
    font-size: 16px;
    line-height: 18px
}

header .large .main-holder p,
footer .large .main-holder p {
    font-size: 18px;
    line-height: 20px
}

header .info-area,
footer .info-area {
    background: #f4f4f4 none repeat scroll 0 0;
    padding-bottom: 80px;
    padding-top: 48px;
    width: 100%
}

header .info-section,
footer .info-section {
    margin: 0 auto;
    max-width: 942px;
    overflow: hidden
}

header .info-block,
footer .info-block {
    background: #fff none repeat scroll 0 0;
    margin: 0 0 39px;
    overflow: hidden;
    position: relative
}

header .info-section h2,
footer .info-section h2 {
    color: #00adef;
    font: 36px/38px "MetaPro-Light", arial;
    margin: 0 0 18px
}

header .small .info-section .wrap-text h2,
footer .small .info-section .wrap-text h2 {
    font-size: 32px;
    line-height: 34px
}

header .medium .info-section .wrap-text h2,
footer .medium .info-section .wrap-text h2 {
    font-size: 36px;
    line-height: 38px
}

header .large .info-section .wrap-text h2,
footer .large .info-section .wrap-text h2 {
    font-size: 38px;
    line-height: 40px
}

header .wrap-text,
footer .wrap-text {
    min-height: 100%;
    overflow: hidden;
    padding: 35px
}

header .info-section .wrap-text h2,
footer .info-section .wrap-text h2 {
    color: #00adef;
    font: 24px/26px "MetaPro-Light", arial;
    letter-spacing: -1px;
    margin: 0 0 5px
}

header .small .info-section .wrap-text h2,
footer .small .info-section .wrap-text h2 {
    font-size: 22px;
    line-height: 24px
}

header .medium .info-section .wrap-text h2,
footer .medium .info-section .wrap-text h2 {
    font-size: 26px;
    line-height: 28px
}

header .large .info-section .wrap-text h2,
footer .large .info-section .wrap-text h2 {
    font-size: 28px;
    line-height: 30px
}

header .wrap-text p,
footer .wrap-text p {
    color: #333;
    font: 14px/17px "MetaPro-Light", arial;
    margin: 0 0 20px
}

header .wrap-text p:last-child,
footer .wrap-text p:last-child {
    margin-bottom: 0
}

header .small .wrap-text p,
footer .small .wrap-text p {
    font-size: 12px;
    line-height: 14px
}

header .medium .wrap-text p,
footer .medium .wrap-text p {
    font-size: 16px;
    line-height: 18px
}

header .large .wrap-text p,
footer .large .wrap-text p {
    font-size: 18px;
    line-height: 20px
}

header .readMore li,
header .icoList li,
footer .readMore li,
footer .icoList li {
    margin: 0 0 12px
}

header .readMore li a,
footer .readMore li a {
    background: transparent url("../assets/img/csr/arrow-list.png") no-repeat scroll 0 5px;
    color: #1daeec;
    padding: 0 0 0 23px
}

header .readMore li a:hover,
header .icoList li a:hover,
footer .readMore li a:hover,
footer .icoList li a:hover {
    padding: 0 0 0 28px;
    transition: all 0.1s ease-in-out 0s
}

header .icoList li a,
footer .icoList li a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 28px
}

header .icoList li a:hover,
footer .icoList li a:hover {
    opacity: 0.6
}

header .icoList li.labor a,
footer .icoList li.labor a {
    background-image: url("../assets/img/csr/icon-labor.png")
}

header .icoList li.national a,
footer .icoList li.national a {
    background-image: url("../assets/img/csr/icon-national.png")
}

header .icoList li.glob a,
footer .icoList li.glob a {
    background-image: url("../assets/img/csr/icon-glob.png")
}

header .icoList li.flag a,
footer .icoList li.flag a {
    background-image: url("../assets/img/csr/icon-flag.png")
}

header .icoList li.orphans a,
footer .icoList li.orphans a {
    background-image: url("../assets/img/csr/icon-orphans.png")
}

header .icoList li.tabaq a,
footer .icoList li.tabaq a {
    background-image: url("../assets/img/csr/icon-tabaq.png")
}

header .icoList li.transport a,
footer .icoList li.transport a {
    background-image: url("../assets/img/csr/icon-transport.png")
}

header .icoList li.womens a,
footer .icoList li.womens a {
    background-image: url("../assets/img/csr/icon-womens.png")
}

header .icoList li.economy a,
footer .icoList li.economy a {
    background-image: url("../assets/img/csr/icon-economy.png")
}

header .icoList li.dast a,
footer .icoList li.dast a {
    background-image: url("../assets/img/csr/icon-dast.png")
}

header .icoList li.glob a,
footer .icoList li.glob a {
    background-image: url("../assets/img/csr/icon-glob.png")
}

header .icoList li.bus a,
footer .icoList li.bus a {
    background-image: url("../assets/img/csr/icon-bus.png")
}

header .icoList li.graph a,
footer .icoList li.graph a {
    background-image: url("../assets/img/csr/icon-graph.png")
}

header .icoList li.imags a,
footer .icoList li.imags a {
    background-image: url("../assets/img/csr/icon-img.png")
}

header .icoList li.news a,
footer .icoList li.news a {
    background-image: url("../assets/img/csr/icon-news.png")
}

header .icoList li.publish a,
footer .icoList li.publish a {
    background-image: url("../assets/img/csr/icon-publish.png")
}

header .icoList li.reader a,
footer .icoList li.reader a {
    background-image: url("../assets/img/csr/icon-read.png")
}

header .icoList li.task a,
footer .icoList li.task a {
    background-image: url("../assets/img/csr/icon-task.png")
}

header .icoList li.youth a,
footer .icoList li.youth a {
    background-image: url("../assets/img/csr/icon-youth.png")
}

header .icoList li.Martyr a,
footer .icoList li.Martyr a {
    background-image: url("../assets/img/csr/icon-martyrday.png")
}

header .icoList li.arabic a,
footer .icoList li.arabic a {
    background-image: url("../assets/img/csr/icons/arabic.png")
}

header .icoList li.kidzania a,
footer .icoList li.kidzania a {
    background-image: url("../assets/img/csr/icons/kidzania.png")
}

header .icoList li.wishes a,
footer .icoList li.wishes a {
    background-image: url("../assets/img/csr/icons/wishes.png")
}

header .icoList li.sni a,
footer .icoList li.sni a {
    background-image: url("../assets/img/csr/icons/special_needs_initiative.png")
}

header .icoList li.condolences a,
footer .icoList li.condolences a {
    background-image: url("../assets/img/csr/icons/condolences.png")
}

header .icoList li.awnak a,
footer .icoList li.awnak a {
    background-image: url("../assets/img/csr/icons/awnak.png")
}

header .icoList li.malls a,
footer .icoList li.malls a {
    background-image: url("../assets/img/csr/icons/malls.png")
}

header .icoList li.meals a,
footer .icoList li.meals a {
    background-image: url("../assets/img/csr/icons/meals.png")
}

header .icoList li.zayed a,
footer .icoList li.zayed a {
    background-image: url("../assets/img/csr/icons/zayed.png")
}

header .icoList li.wed a,
footer .icoList li.wed a {
    background-image: url("../assets/img/csr/icons/world_environment_day.png")
}

header .icoList li.wetex a,
footer .icoList li.wetex a {
    background-image: url("../assets/img/csr/icons/wetex.png")
}

header .icoList li.electric a,
footer .icoList li.electric a {
    background-image: url("../assets/img/csr/icons/electric_bus.png")
}

header .icoList li.dwv a,
footer .icoList li.dwv a {
    background-image: url("../assets/img/csr/icons/dwv.png")
}

header .icoList li.keep a,
footer .icoList li.keep a {
    background-image: url("../assets/img/csr/icons/keep.png")
}

header .icoList li.clinic a,
footer .icoList li.clinic a {
    background-image: url("../assets/img/csr/icons/clinic.png")
}

header .icoList li.watani a,
footer .icoList li.watani a {
    background-image: url("../assets/img/csr/icons/watani.png")
}

header .icoList li.quran a,
footer .icoList li.quran a {
    background-image: url("../assets/img/csr/icons/quran.png")
}

header .icoList li.cane a,
footer .icoList li.cane a {
    background-image: url("../assets/img/csr/icons/cane.png")
}

header .icoList li.ramadan a,
footer .icoList li.ramadan a {
    background-image: url("../assets/img/csr/icons/ramadan.png")
}

header .icoList li.engineers a,
footer .icoList li.engineers a {
    background-image: url("../assets/img/csr/icons/engineers.png")
}

header .icoList li.nol a,
footer .icoList li.nol a {
    background-image: url("../assets/img/csr/icons/nol-cards.png")
}

header .breadcrumb-holder,
footer .breadcrumb-holder {
    margin: 0 auto;
    max-width: 942px;
    overflow: hidden
}

header .breadcrumb-holder .breadcrumb,
footer .breadcrumb-holder .breadcrumb {
    background-color: inherit !important;
    border: medium none;
    padding-left: 0
}

header .breadcrumb-holder .breadcrumb li a,
footer .breadcrumb-holder .breadcrumb li a {
    color: #8a8a8a;
    font-size: 14px
}

header .small .breadcrumb-holder .breadcrumb li a,
footer .small .breadcrumb-holder .breadcrumb li a {
    font-size: 12px;
    line-height: 14px
}

header .medium .breadcrumb-holder .breadcrumb li a,
footer .medium .breadcrumb-holder .breadcrumb li a {
    font-size: 16px;
    line-height: 18px
}

header .large .breadcrumb-holder .breadcrumb li a,
footer .large .breadcrumb-holder .breadcrumb li a {
    font-size: 18px;
    line-height: 20px
}

header .breadcrumb-holder .breadcrumb li.active,
footer .breadcrumb-holder .breadcrumb li.active {
    color: #222
}

header .info-block img,
footer .info-block img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

header .text-features,
footer .text-features {
    color: #333;
    font-size: 14px
}

header .small .text-features,
footer .small .text-features {
    font-size: 12px;
    line-height: 16px
}

header .medium .text-features,
footer .medium .text-features {
    font-size: 16px;
    line-height: 18px
}

header .large .text-features,
footer .large .text-features {
    font-size: 18px;
    line-height: 20px
}

header .divheight,
footer .divheight {
    display: block;
    height: 80px;
    margin-top: -80px;
    visibility: hidden
}

header .wrap-cont,
footer .wrap-cont {
    padding: 0 15px
}

header .agenda,
footer .agenda {
    overflow: hidden
}

header .agenda h2,
footer .agenda h2 {
    color: #9c9c9c;
    font-size: 25px;
    font-weight: bold;
    line-height: 27px;
    margin: 0 0 20px
}

header .small .agenda h2,
footer .small .agenda h2 {
    font-size: 22px;
    line-height: 24px
}

header .medium .agenda h2,
footer .medium .agenda h2 {
    font-size: 27px;
    line-height: 29px
}

header .large .agenda h2,
footer .large .agenda h2 {
    font-size: 29px;
    line-height: 31px
}

header .agenda h2 span,
footer .agenda h2 span {
    color: #9c9c9c;
    display: block;
    margin-top: 8px
}

header .agenda h3,
footer .agenda h3 {
    color: #222;
    font-size: 18px !important;
    line-height: 20px;
    margin: 0 0 2px
}

header .small .agenda h3,
footer .small .agenda h3 {
    font-size: 16px;
    line-height: 18px
}

header .medium .agenda h3,
footer .medium .agenda h3 {
    font-size: 20px;
    line-height: 22px
}

header .large .agenda h3,
footer .large .agenda h3 {
    font-size: 22px;
    line-height: 24px
}

header .links,
footer .links {
    margin: 0 0 41px;
    overflow: hidden
}

header .links li,
footer .links li {
    display: block;
    margin: 0 0 18px
}

header .links li a,
footer .links li a {
    color: #8a8a8a
}

header .links li a:hover,
footer .links li a:hover {
    color: #ec4149
}

header .main-container,
footer .main-container {
    border-bottom: 1px solid #eee;
    padding: 0
}

header .explore-container,
footer .explore-container {
    padding: 30px 15px
}

header .explore-area,
footer .explore-area {
    border-top: 1px solid #eee;
    padding: 26px 0 0
}

header .explore-area h2,
footer .explore-area h2 {
    margin-bottom: 20px
}

header .explore-area ul,
footer .explore-area ul {
    font-size: 14px;
    list-style: outside none none;
    margin: 0
}

header .small .explore-area ul,
footer .small .explore-area ul {
    font-size: 12px;
    line-height: 14px
}

header .medium .explore-area ul,
footer .medium .explore-area ul {
    font-size: 16px;
    line-height: 18px
}

header .large .explore-area ul,
footer .large .explore-area ul {
    font-size: 18px;
    line-height: 20px
}

header .explore-area ul li,
footer .explore-area ul li {
    display: inline-block;
    margin: 0 0 0 2.7%;
    vertical-align: top
}

header .explore-area ul li:first-child,
footer .explore-area ul li:first-child {
    margin-left: -3px
}

header button.btn.btn-default.explore,
footer button.btn.btn-default.explore {
    background: #1daeec none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 14px;
    height: 44px;
    margin: 0 0 0 2.4%;
    width: 165px
}

header button.btn.btn-default.explore:hover,
header button.btn.btn-default.explore:focus,
footer button.btn.btn-default.explore:hover,
footer button.btn.btn-default.explore:focus {
    opacity: 0.8
}

header .small button.btn.btn-default.explore,
footer .small button.btn.btn-default.explore {
    font-size: 12px;
    line-height: 14px
}

header .medium button.btn.btn-default.explore,
footer .medium button.btn.btn-default.explore {
    font-size: 16px;
    line-height: 18px
}

header .large button.btn.btn-default.explore,
footer .large button.btn.btn-default.explore {
    font-size: 18px;
    line-height: 20px
}

header .explore-area .glyphicon-align-left::before,
footer .explore-area .glyphicon-align-left::before {
    background: transparent url("../assets/img/school%20images/bg-btn1.png") no-repeat scroll 0 0
}

header .explore-area .glyphicon-align-right::before,
footer .explore-area .glyphicon-align-right::before {
    background: transparent url("../assets/img/school%20images/bg-btn2.png") no-repeat scroll 0 0
}

header .explore-area .glyphicon-align-center::before,
footer .explore-area .glyphicon-align-center::before {
    background: transparent url("../assets/img/school%20images/bg-btn3.png") no-repeat scroll 0 0
}

header .explore-area .glyphicon-align-justify::before,
footer .explore-area .glyphicon-align-justify::before {
    background: transparent url("../assets/img/school%20images/bg-btn4.png") no-repeat scroll 0 0
}

header .explore-area .glyphicon-list::before,
footer .explore-area .glyphicon-list::before {
    background: transparent url("../assets/img/school%20images/bg-btn4.png") no-repeat scroll 0 0
}

header .agenda address,
footer .agenda address {
    font-size: 14px;
    margin: 0 0 20px;
    overflow: hidden
}

header .small .agenda address,
footer .small .agenda address {
    font-size: 12px;
    line-height: 14px
}

header .medium .agenda address,
footer .medium .agenda address {
    font-size: 16px;
    line-height: 18px
}

header .large .agenda address,
footer .large .agenda address {
    font-size: 18px;
    line-height: 20px
}

header .agenda address h3,
footer .agenda address h3 {
    margin: 0
}

header .agenda span,
footer .agenda span {
    display: block
}

header .agenda.add h3,
footer .agenda.add h3 {
    text-decoration: underline
}

header .agenda.add .links,
footer .agenda.add .links {
    padding-left: 10px
}

header .agenda.add .links li,
footer .agenda.add .links li {
    margin: 0 0 7px
}

header .RTA-icon,
footer .RTA-icon {
    display: block;
    margin: 0 0 35px
}

header .list-icon,
footer .list-icon {
    list-style: outside none none
}

header .list-icon li,
footer .list-icon li {
    margin: 0 0 11px
}

header .list-icon li a,
header .list-icon li a img,
footer .list-icon li a,
footer .list-icon li a img {
    display: block;
    height: inherit;
    max-width: 100%
}

header .list-icon li span a img.icon,
footer .list-icon li span a img.icon {
    display: block;
    margin: 0 auto 11px
}

header .content,
footer .content {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    padding: 0 35px
}

header .small .content,
footer .small .content {
    font-size: 12px;
    line-height: 14px
}

header .medium .content,
footer .medium .content {
    font-size: 16px;
    line-height: 18px
}

header .large .content,
footer .large .content {
    font-size: 18px;
    line-height: 20px
}

header .content header,
footer .content header {
    float: left;
    padding: 0 0 16px;
    width: 100%
}

header .content .first-para,
footer .content .first-para {
    margin: 0 0 15px
}

header .features li,
footer .features li {
    padding: 0 0 9px 9px;
    position: relative
}

header .features li::after,
footer .features li::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 5px;
    z-index: 1
}

header .about-RTA h1,
footer .about-RTA h1 {
    color: #000;
    margin: 0 0 10px
}

header .about-RTA h2,
footer .about-RTA h2 {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 10px
}

header .small .about-RTA h2,
footer .small .about-RTA h2 {
    font-size: 12px;
    line-height: 14px
}

header .medium .about-RTA h2,
footer .medium .about-RTA h2 {
    font-size: 16px;
    line-height: 18px
}

header .large .about-RTA h2,
footer .large .about-RTA h2 {
    font-size: 18px;
    line-height: 20px
}

header .rating-form,
footer .rating-form {
    margin: 0 0 12px;
    overflow: hidden;
    width: 140px
}

header .img-googleplus,
footer .img-googleplus {
    display: block;
    margin: 0 0 15px
}

header .slider-area,
footer .slider-area {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 0 auto 50px;
    max-width: 1000px;
    padding: 19px 0 38px;
    position: relative
}

header .gallery-wrap,
footer .gallery-wrap {
    height: 320px;
    margin: 0 auto;
    max-width: 900px;
    overflow: hidden;
    padding: 30px 0
}

header .gallery,
footer .gallery {
    left: 0;
    position: relative;
    top: 0
}

header .gallery__item,
footer .gallery__item {
    float: left;
    list-style: outside none none;
    margin: 0 8px
}

header .gallery__img,
footer .gallery__img {
    border: 0 solid #40331b;
    display: block;
    height: 289px;
    width: 164px
}

header .gallery__controls,
footer .gallery__controls {
    left: 0;
    margin: -19px 0 0;
    position: absolute;
    top: 50%;
    width: 100%
}

header .gallery__controls-prev,
footer .gallery__controls-prev {
    cursor: pointer;
    float: left;
    left: 25px;
    position: absolute
}

header .gallery__controls-next,
footer .gallery__controls-next {
    cursor: pointer;
    float: right;
    position: absolute;
    right: 25px
}

header .gallery__controls-prev,
header .gallery__controls-next,
footer .gallery__controls-prev,
footer .gallery__controls-next {
    opacity: 0.4
}

header .gallery__controls-prev:hover,
header .gallery__controls-next:hover,
footer .gallery__controls-prev:hover,
footer .gallery__controls-next:hover {
    opacity: 0.7
}

header p.extra-large,
footer p.extra-large {
    font-size: 24px;
    line-height: 26px
}

header .apps-list,
footer .apps-list {
    margin-bottom: 30px;
    text-align: left
}

header .apps-list img,
footer .apps-list img {
    max-width: 100%
}

header .app-grid,
footer .app-grid {
    margin-bottom: 50px;
    margin-right: 30px;
    min-height: 240px;
    padding-left: 125px;
    position: relative
}

header .app-icon,
footer .app-icon {
    left: 0;
    margin-bottom: 15px;
    position: absolute;
    top: 0
}

header .apps-list h3,
footer .apps-list h3 {
    margin-bottom: 7px
}

header .apps-list .app-grid p,
footer .apps-list .app-grid p {
    color: #767676
}

header .speakers,
footer .speakers {
    text-align: left
}

header .download-links,
footer .download-links {
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 20px;
    opacity: 0.7
}

header .download-links a,
header .download-links span,
footer .download-links a,
footer .download-links span {
    display: inline-block;
    vertical-align: top
}

header .download-links img,
footer .download-links img {
    vertical-align: top
}

header .apps-list .short-decp,
footer .apps-list .short-decp {
    min-height: 80px
}

header .app-list-head,
footer .app-list-head {
    margin-bottom: 35px
}

header .explore-links-wrap,
footer .explore-links-wrap {
    background-color: #ffffff;
    position: relative;
    z-index: 2
}

header .explore-links,
footer .explore-links {
    padding-bottom: 40px;
    padding-top: 20px
}

header .explore-links a,
footer .explore-links a {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    width: 16.8%
}

header .explore-links a[class*="btn"],
footer .explore-links a[class*="btn"] {
    background-color: #1daeec;
    padding: 10px 0
}

header .explore-links a img,
footer .explore-links a img {
    vertical-align: bottom
}

header .floating .explore-links a img,
footer .floating .explore-links a img {
    display: block;
    margin: 0 auto
}

header .index-top,
footer .index-top {
    z-index: 1
}

header .index-top.is_stuck,
footer .index-top.is_stuck {
    background-color: #1daeec
}

header .index-top.is_stuck .btn-blue,
header .index-top.is_stuck .btn-blue:hover,
footer .index-top.is_stuck .btn-blue,
footer .index-top.is_stuck .btn-blue:hover {
    border-radius: 0 !important;
    margin-bottom: 0 !important
}

header .floating .explore-links a,
footer .floating .explore-links a {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
    width: 20%
}

header .floating .explore-links a[class*="btn"],
footer .floating .explore-links a[class*="btn"] {
    background-color: #1daeec;
    border: medium none;
    border-radius: 0;
    font-size: 16px;
    padding: 15px 0
}

header .floating .explore-links a[class*="btn"]:first-child,
footer .floating .explore-links a[class*="btn"]:first-child {
    border-radius: 5px 0 0 5px
}

header .floating .explore-links a[class*="btn"]:last-child,
footer .floating .explore-links a[class*="btn"]:last-child {
    border-radius: 0 5px 5px 0
}

header .bg-light-gray,
footer .bg-light-gray {
    background-color: #f4f4f4
}

header .bg-white,
footer .bg-white {
    background-color: #ffffff
}

header .breadcrumb-wrap,
footer .breadcrumb-wrap {
    background-color: #ffffff;
    border-top: 1px solid #d5d5d5;
    padding: 10px 0;
    position: relative;
    z-index: 2
}

header .content-area h4,
footer .content-area h4 {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 10px;
    text-transform: capitalize
}

header .app-grid.speakers,
header .app-grid.sponsorship,
footer .app-grid.speakers,
footer .app-grid.sponsorship {
    margin-bottom: 30px;
    min-height: inherit
}

header .app-grid.sponsorship,
footer .app-grid.sponsorship {
    min-height: 165px;
    padding-left: 270px
}

header .app-grid.sponsorship .app-icon,
footer .app-grid.sponsorship .app-icon {
    border: 1px solid #d7d7d7;
    max-height: 260px
}

header .speakers h4.title,
footer .speakers h4.title {
    padding-top: 10px
}

header .sponsorship h4.title,
footer .sponsorship h4.title {
    padding-top: 20px
}

header .speakers .sub-title,
footer .speakers .sub-title {
    margin: 0 0 10px;
    padding-left: 0
}

header .sponsors img,
footer .sponsors img {
    color: #000;
    margin-bottom: 15px;
    max-width: 160px
}

header .sponsors,
footer .sponsors {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

header .link,
footer .link {
    color: #00adef;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.09em;
    margin-top: 15px
}

header a.read-more,
footer a.read-more {
    background: transparent url("../assets/img/arr1.png") no-repeat scroll right center;
    color: #1daeec;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0 0;
    padding-right: 15px
}

header .info-section .wrap-text [class*="col-"],
footer .info-section .wrap-text [class*="col-"] {
    padding-left: 15px;
    padding-right: 15px
}

header .info-section .app-grid,
footer .info-section .app-grid {
    margin: 15px 0
}

header .info-section.content-area .app-icon,
footer .info-section.content-area .app-icon {
    max-width: 105px
}

header .info-section.content-area h4,
footer .info-section.content-area h4 {
    font-size: 15px;
    line-height: 1.3em;
    margin-bottom: 0;
    padding-top: 30px
}

header .info-section .app-grid.speakers,
footer .info-section .app-grid.speakers {
    float: left;
    height: 105px;
    padding-left: 120px
}

header .info-block .img-circle,
footer .info-block .img-circle {
    border: 1px solid #d6d6d6
}

header img.icon,
footer img.icon {
    display: inline-block
}

header .explore-links.agenda a,
footer .explore-links.agenda a {
    width: 25%
}

header .is_stuck .explore-links,
footer .is_stuck .explore-links {
    padding-bottom: 0
}

header .info-block .head h2,
footer .info-block .head h2 {
    color: #9c9c9c;
    font-size: 25px
}

header .info-block .head h2 strong,
footer .info-block .head h2 strong {
    color: #1daeec
}

header .info-block h2 a,
footer .info-block h2 a {
    color: #00adef
}

header .table.style-1,
footer .table.style-1 {
    margin-bottom: 40px
}

header .table.style-1:last-child,
footer .table.style-1:last-child {
    margin-bottom: 0
}

header .table.style-1 th,
footer .table.style-1 th {
    background-color: #f3f3f3;
    vertical-align: middle
}

header .table.style-1 td,
header .table.style-1 th,
footer .table.style-1 td,
footer .table.style-1 th {
    padding: 10px 20px
}

header .table p,
footer .table p {
    margin: 15px 0
}

header ul.list li,
header ol.list li,
header ol.list,
footer ul.list li,
footer ol.list li,
footer ol.list {
    margin: 0;
    padding: 0
}

header ul.list,
header ol.list,
footer ul.list,
footer ol.list {
    margin-bottom: 15px;
    padding-left: 20px
}

header .style-disc.list li,
footer .style-disc.list li {
    list-style: outside none disc;
    padding-top: 5px
}

header .style-order.list li,
footer .style-order.list li {
    list-style: outside none lower-roman;
    padding-top: 5px
}

header .time-line,
footer .time-line {
    padding: 0 30px 30px;
    position: relative
}

header .time-line h2,
footer .time-line h2 {
    font-size: 28px !important
}

header .time-line h2::before,
header .time-line h2::after,
header a.video-play::after,
header a.video-play::before,
footer .time-line h2::before,
footer .time-line h2::after,
footer a.video-play::after,
footer a.video-play::before {
    content: "";
    display: block;
    position: absolute
}

header .time-line h2::before,
footer .time-line h2::before {
    background-color: #00adef;
    border-radius: 100%;
    height: 15px;
    left: -5px;
    top: 8px;
    transition: all 200ms ease 0s;
    width: 15px
}

header .time-line:hover h2::before,
footer .time-line:hover h2::before {
    transform: scale(1.2) translateX(0px) translateY(0px);
    transition: all 200ms ease 0s
}

header .time-line h2::after,
footer .time-line h2::after {
    background-color: #00adef;
    height: 100%;
    left: 2px;
    top: 15px;
    width: 1px
}

header .time-line:last-child h2::after,
footer .time-line:last-child h2::after {
    display: none
}

header a.video-play,
footer a.video-play {
    display: block;
    position: relative
}

header a.video-play::before,
footer a.video-play::before {
    height: 100%;
    transition: background 300ms linear 0s;
    width: 100%;
    z-index: 1
}

header a.video-play:hover::before,
footer a.video-play:hover::before {
    background-color: rgba(0, 0, 0, 0.2);
    transition: background 200ms linear 0s
}

header a.video-play::after,
footer a.video-play::after {
    content: url("../assets/img/play-video.png");
    height: 39px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    top: 50%;
    width: 39px;
    z-index: 2
}

header .wrap-text.carousel,
footer .wrap-text.carousel {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 35px !important;
    position: relative
}

header .motion-box,
footer .motion-box {
    cursor: default;
    min-height: 260px;
    position: relative
}

header .motion-box .img-icon,
footer .motion-box .img-icon {
    left: 0;
    position: absolute;
    top: 0
}

header .motion-box .body-txt,
footer .motion-box .body-txt {
    margin-left: 150px;
    max-width: 290px;
    position: relative
}

header .motion-box .body-txt>div,
footer .motion-box .body-txt>div {
    margin-bottom: 25px;
    padding-left: 35px;
    position: relative
}

header .motion-box .body-txt h3,
footer .motion-box .body-txt h3 {
    font-size: 26px !important;
    font-weight: 600;
    line-height: 1.1em;
    margin-bottom: 10px
}

header .motion-box .body-txt p,
footer .motion-box .body-txt p {
    color: #929292;
    font-size: 18px;
    line-height: 1.3em
}

header .motion-box .body-txt>div::before,
header .motion-box .body-txt>div::after,
footer .motion-box .body-txt>div::before,
footer .motion-box .body-txt>div::after {
    border-radius: 100%;
    content: "";
    display: block;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0
}

header .motion-box .body-txt>div.active::before,
header .motion-box .body-txt>div.active::after,
footer .motion-box .body-txt>div.active::before,
footer .motion-box .body-txt>div.active::after {
    opacity: 1
}

header .motion-box .body-txt>div::before,
header .motion-box .body-txt>div.active::before,
footer .motion-box .body-txt>div::before,
footer .motion-box .body-txt>div.active::before {
    border: 5px solid transparent;
    height: 32px;
    margin-left: -7px;
    margin-top: -2px;
    width: 32px
}

header .motion-box .body-txt>div::before,
footer .motion-box .body-txt>div::before {
    height: 28px;
    margin-left: -5px;
    margin-top: 0;
    width: 28px
}

header .motion-box .body-txt>div.active::after,
footer .motion-box .body-txt>div.active::after {
    height: 14px;
    margin-left: 2px;
    margin-top: 7px;
    width: 14px
}

header .big-title,
footer .big-title {
    margin: 10px auto 80px;
    max-width: 500px
}

header .red.motion-box .body-txt>div::before,
footer .red.motion-box .body-txt>div::before {
    border-color: #ef527d
}

header .red.motion-box .body-txt>div::after,
footer .red.motion-box .body-txt>div::after {
    background: #ed5377 none repeat scroll 0 0
}

header .red.motion-box h3,
footer .red.motion-box h3 {
    color: #c13454
}

header .yellow.motion-box .body-txt>div::before,
footer .yellow.motion-box .body-txt>div::before {
    border-color: #facc04
}

header .yellow.motion-box .body-txt>div::after,
footer .yellow.motion-box .body-txt>div::after {
    background: #facc04 none repeat scroll 0 0
}

header .yellow.motion-box h3,
footer .yellow.motion-box h3 {
    color: #facc04
}

header .orange.motion-box .body-txt>div::before,
footer .orange.motion-box .body-txt>div::before {
    border-color: #ee6835
}

header .orange.motion-box .body-txt>div::after,
footer .orange.motion-box .body-txt>div::after {
    background: #ee6835 none repeat scroll 0 0
}

header .orange.motion-box h3,
footer .orange.motion-box h3 {
    color: #f26537
}

header .purple.motion-box .body-txt>div::before,
footer .purple.motion-box .body-txt>div::before {
    border-color: #6c4a9e
}

header .purple.motion-box .body-txt>div::after,
footer .purple.motion-box .body-txt>div::after {
    background: #6c4a9e none repeat scroll 0 0
}

header .purple.motion-box h3,
footer .purple.motion-box h3 {
    color: #6b499f
}

header .green.motion-box .body-txt>div::before,
footer .green.motion-box .body-txt>div::before {
    border-color: #4ab28f
}

header .green.motion-box .body-txt>div::after,
footer .green.motion-box .body-txt>div::after {
    background: #4ab28f none repeat scroll 0 0
}

header .green.motion-box h3,
footer .green.motion-box h3 {
    color: #47b38f
}

header .blue.motion-box .body-txt>div::before,
footer .blue.motion-box .body-txt>div::before {
    border-color: #3fbff0
}

header .blue.motion-box .body-txt>div::after,
footer .blue.motion-box .body-txt>div::after {
    background: #3fbff0 none repeat scroll 0 0
}

header .blue.motion-box h3,
footer .blue.motion-box h3 {
    color: #43c2ed
}

header .motion-box .crows,
header .motion-box .sun,
header .motion-box .bus,
header .motion-box .tram,
header .motion-box .fish,
header .motion-box .ferry,
footer .motion-box .crows,
footer .motion-box .sun,
footer .motion-box .bus,
footer .motion-box .tram,
footer .motion-box .fish,
footer .motion-box .ferry {
    position: absolute
}

header .motion-box .crows,
footer .motion-box .crows {
    left: 100px;
    top: -25px
}

header .motion-box .sun,
footer .motion-box .sun {
    right: 12%;
    top: -10px
}

header .motion-box .bus,
footer .motion-box .bus {
    bottom: 0;
    left: 100px
}

header .motion-box .fish,
footer .motion-box .fish {
    right: 20%;
    top: 60px
}

header .motion-box .tram,
footer .motion-box .tram {
    bottom: -30px;
    left: 8%
}

header .motion-box .ferry,
footer .motion-box .ferry {
    bottom: 50px;
    right: 0
}

header .btn-see-all,
footer .btn-see-all {
    background: transparent url("../assets/img/arrow-right.png") no-repeat scroll 98% center;
    font-size: 21px;
    font-weight: bold;
    padding-right: 30px;
    text-align: right;
    text-transform: capitalize
}

header .btn-see-all a,
footer .btn-see-all a {
    color: #1daeec;
    font-size: 22px
}

header .news-single,
footer .news-single {
    padding: 2px
}

header .news-single .caption,
footer .news-single .caption {
    margin: 20px 0;
    padding: 20px
}

header .news-single .caption-mid,
footer .news-single .caption-mid {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee
}

header #news-media-part .col-thumbnail img,
header #news-media-part .col-mid-thumbnail img,
header .col-mid-thumbnail .btn-video img,
footer #news-media-part .col-thumbnail img,
footer #news-media-part .col-mid-thumbnail img,
footer .col-mid-thumbnail .btn-video img {
    height: 235px;
    width: 100%
}

header #promotions-part .block,
footer #promotions-part .block {
    color: #9d9d9d;
    display: block
}

header .yt-video,
footer .yt-video {
    display: block
}

header .yt-video::before,
footer .yt-video::before {
    content: url("../img/ico-video.png");
    left: 44%;
    position: absolute;
    top: 20%
}

header .yt-video2::before,
footer .yt-video2::before {
    top: 40%
}

header .media-contact-block,
footer .media-contact-block {
    background-color: #1daeec;
    padding: 44px 0
}

header .media-contact-block h2,
header .media-info-content,
header .media-info-link,
footer .media-contact-block h2,
footer .media-info-content,
footer .media-info-link {
    color: white
}

header .media-contact-block h2,
footer .media-contact-block h2 {
    margin-bottom: 30px
}

header .media-contact-block h4,
footer .media-contact-block h4 {
    font-weight: bold;
    text-transform: capitalize
}

header #article-content img,
footer #article-content img {
    margin: 10px 0;
    width: 50%
}

header .article p,
footer .article p {
    font-family: "MetaPro-Light", arial;
    font-size: 14px;
    margin-top: 20px
}

header .article-btn-content,
footer .article-btn-content {
    margin: 78px 0 50px
}

header .article-btn-content a,
footer .article-btn-content a {
    float: left;
    margin-right: 10px
}

header #article-content .article-btn-content img,
header .news-single img,
footer #article-content .article-btn-content img,
footer .news-single img {
    width: 100%
}

header .panel-heading .glyphicon,
footer .panel-heading .glyphicon {
    margin-right: 8px;
    top: 2px
}

header .panel,
footer .panel {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none
}

header .panel-default>.panel-heading,
footer .panel-default>.panel-heading {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 10px 2px
}

header .panel-group .panel+.panel,
footer .panel-group .panel+.panel {
    margin-top: 10px
}

header .panel-heading .accordion-toggle span::after,
footer .panel-heading .accordion-toggle span::after {
    background: transparent url("../assets/img/minus-close.png") no-repeat scroll 0 0;
    content: "";
    float: right;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    width: 16px
}

header .panel-heading .accordion-toggle.collapsed span::after,
footer .panel-heading .accordion-toggle.collapsed span::after {
    background: transparent url("../assets/img/plus-open.png") no-repeat scroll 0 0;
    content: "";
    height: 18px;
    margin-left: -2px;
    margin-top: -2px;
    width: 18px
}

header .panel-title,
footer .panel-title {
    font: 700 17px/19px "Roboto", sans-serif;
    margin: 0
}

header .panel-title a,
footer .panel-title a {
    color: #000;
    display: block
}

header .panel-group .panel-heading+.panel-collapse>.panel-body,
footer .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: medium none;
    padding: 0
}

header .lastCol,
footer .lastCol {
    width: 55%
}

header .timeTable tr th,
footer .timeTable tr th {
    border: medium none;
    color: #4dbfd7;
    font: 500 18px/20px "robot", sans-serif;
    padding: 15px 20px 5px
}

header .timeTable tr td,
header .timeTable tr th,
footer .timeTable tr td,
footer .timeTable tr th {
    border-bottom: 1px solid #e6e6e6;
    color: #b6b6b6;
    font: 14px/1.4em "Roboto", sans-serif;
    padding: 10px 15px;
    text-align: left;
    vertical-align: top
}

header .timeTable h3,
footer .timeTable h3 {
    color: #494848;
    font: 700 18px/20px "Roboto", sans-serif;
    margin: 0
}

header .ta-box,
footer .ta-box {
    min-height: 220px;
    padding: 10px 20px;
    text-align: center
}

header .ta-icon,
footer .ta-icon {
    background-color: #00adef;
    border: 1px solid #00adef;
    border-radius: 100%;
    display: inline-block;
    height: 80px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    width: 80px
}

header .ta-icon::before,
footer .ta-icon::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

header .ta-icon img,
footer .ta-icon img {
    display: inline-block;
    max-height: 50px;
    max-width: 50px;
    vertical-align: middle
}

header .ta-text-1,
footer .ta-text-1 {
    color: #00adef;
    margin: 10px 0
}

header .google-maps,
footer .google-maps {
    overflow: hidden;
    padding-bottom: 45%;
    position: relative
}

header .google-maps iframe,
footer .google-maps iframe {
    height: 450px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

header .blue-box,
footer .blue-box {
    background-color: #171c91
}

header .lightgrey-box,
footer .lightgrey-box {
    background-color: #94d6d8
}

header .white-box,
footer .white-box {
    background-color: #ffffff
}

header .main-holder h5,
footer .main-holder h5 {
    color: #171c8e;
    font: bold 28px/32px "RTABeta-Bold", arial
}

header .tabs,
footer .tabs {
    display: inline-block;
    width: 100%
}

header .tab-links::after,
footer .tab-links::after {
    clear: both;
    content: "";
    display: block
}

header .tab-links li,
footer .tab-links li {
    float: left;
    list-style: outside none none;
    margin: 0 5px
}

header .tab-links a,
footer .tab-links a {
    background: #7fb5da none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: #4c4c4c;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 15px;
    transition: all 0.15s linear 0s
}

header .tab-links a:hover,
footer .tab-links a:hover {
    background: #a7cce5 none repeat scroll 0 0;
    text-decoration: none
}

header li.active a,
header li.active a:hover,
footer li.active a,
footer li.active a:hover {
    background: #fff none repeat scroll 0 0;
    color: #4c4c4c
}

header .tab-content,
footer .tab-content {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    padding: 15px
}

header .tab,
footer .tab {
    display: none
}

header .tab.active,
footer .tab.active {
    display: block
}

header .tabs,
footer .tabs {
    display: inline-block;
    width: 100%
}

header .tab-links li,
footer .tab-links li {
    float: left;
    list-style: outside none none;
    margin: 0 5px
}

header .tab-links a,
footer .tab-links a {
    background: #7fb5da none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    color: #4c4c4c;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 9px 15px;
    transition: all 0.15s linear 0s
}

header .tab-links a:hover,
footer .tab-links a:hover {
    background: #a7cce5 none repeat scroll 0 0;
    text-decoration: none
}

header li.active a,
header li.active a:hover,
footer li.active a,
footer li.active a:hover {
    background: #fff none repeat scroll 0 0;
    color: #4c4c4c
}

header .tab-content,
footer .tab-content {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    padding: 15px
}

header .tab,
footer .tab {
    display: none
}

header .tab.active,
footer .tab.active {
    display: block
}

header .watercanal,
footer .watercanal {
    max-width: 1100px
}

header #map-part:hover,
footer #map-part:hover {
    background-color: yellow;
    opacity: 0.2
}

header .newblue-box,
footer .newblue-box {
    background-color: #263692
}

@media screen and (max-width: 768px) {
    header .nav-btn,
    footer .nav-btn {
        background: transparent url("../img/toggle.png") no-repeat scroll center center;
        cursor: pointer;
        display: block;
        float: left;
        height: 30px;
        left: 5px;
        position: absolute;
        top: 5px;
        width: 30px
    }
    header #main_nav_part #loginsection,
    footer #main_nav_part #loginsection {
        display: block;
        height: auto
    }
    header #main_nav_part #manageaccount,
    header #main_nav_part #logout,
    footer #main_nav_part #manageaccount,
    footer #main_nav_part #logout {
        display: block;
        height: auto;
        padding: 40px 0
    }
    header #show_logout_account_mobile span,
    footer #show_logout_account_mobile span {
        background: transparent url("../img/logout_over.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_manage_account_mobile span,
    footer #show_manage_account_mobile span {
        background: transparent url("../img/my-account-white.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_logout_account_mobile span:hover,
    footer #show_logout_account_mobile span:hover {
        background: transparent url("../img/logout.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_manage_account_mobile span:hover,
    footer #show_manage_account_mobile span:hover {
        background: transparent url("../img/my-account-grey.png") no-repeat scroll center center;
        height: 40px
    }
    header li#loginsection,
    footer li#loginsection {
        background-color: #ef3d42 !important;
        margin: 0;
        padding: 10px 5px !important;
        width: 100% !important
    }
    header .login_control,
    footer .login_control {
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        display: block;
        float: left;
        font-family: "MetaPro-Medium", arial;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        margin: 0 0 2px;
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%
    }
    header .login_btn,
    footer .login_btn {
        -moz-user-select: none;
        background-color: #5bcbfb;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        line-height: 1.42857;
        margin-bottom: 0;
        outline: medium none;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%
    }
    header h2,
    footer h2 {
        font-size: 22px;
        line-height: 22px
    }
    header .popular-services .btn-default,
    header .popular-service .btn-default,
    header .extra-item,
    footer .popular-services .btn-default,
    footer .popular-service .btn-default,
    footer .extra-item {
        width: 100%
    }
    header .popular-services .btn-default br,
    header .popular-service .btn-default br,
    header .services-body .services-top-bar h2 br,
    footer .popular-services .btn-default br,
    footer .popular-service .btn-default br,
    footer .services-body .services-top-bar h2 br {
        display: none
    }
    header #left_section,
    footer #left_section {
        display: none
    }
    header .main-page,
    header #services_part,
    footer .main-page,
    footer #services_part {
        padding: 0
    }
    header .services-body-right,
    header .services-body-left,
    header .footer-copyright .bottom-text,
    header .single-new,
    header .single-new.middle,
    footer .services-body-right,
    footer .services-body-left,
    footer .footer-copyright .bottom-text,
    footer .single-new,
    footer .single-new.middle {
        width: 100%
    }
    header .services-body-right,
    header .extra-item,
    footer .services-body-right,
    footer .extra-item {
        margin: 0
    }
    header #news_part,
    footer #news_part {
        height: auto;
        padding-bottom: 30px
    }
    header #news_part .carousel-indicators,
    footer #news_part .carousel-indicators {
        bottom: -27px
    }
    header .social-midea li,
    footer .social-midea li {
        width: 30px
    }
    header .header-right li,
    footer .header-right li {
        margin-left: 5px
    }
    header #logos,
    footer #logos {
        height: auto
    }
    header #logos img,
    footer #logos img {
        height: 30px
    }
    header #nav,
    footer #nav {
        height: 40px;
        padding-top: 40px
    }
    header #main_nav_part,
    footer #main_nav_part {
        height: 100%
    }
    header #main_nav_part .site,
    footer #main_nav_part .site {
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar,
    footer #main_nav_part ul.main_nav_bar {
        background: #ef3d42 none repeat scroll 0 0;
        display: none;
        float: none;
        width: 100%
    }
    header #mobileLogin,
    footer #mobileLogin {
        display: none
    }
    header #main_nav_part ul.main_nav_bar>li,
    footer #main_nav_part ul.main_nav_bar>li {
        border-right: 1px solid #c63436;
        border-top: 1px solid #c63436;
        padding: 40px 0;
        width: 50%
    }
    header #main_nav_part ul.main_nav_bar>li:first-child,
    footer #main_nav_part ul.main_nav_bar>li:first-child {
        border-left: medium none
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
        background-position: 93% 70%
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
        background-position: 93% 70%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar>li>a,
    footer #main_nav_part ul.main_nav_bar>li>a {
        display: block;
        text-align: center;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>a>p,
    header #main_nav_part ul.main_nav_bar>li>a>span,
    footer #main_nav_part ul.main_nav_bar>li>a>p,
    footer #main_nav_part ul.main_nav_bar>li>a>span {
        display: block
    }
    header #main_nav_part ul.main_nav_bar>li>a>span,
    footer #main_nav_part ul.main_nav_bar>li>a>span {
        text-align: center
    }
    header #main_nav_part ul.main_nav_bar>li:hover>a,
    footer #main_nav_part ul.main_nav_bar>li:hover>a {
        height: 46px;
        margin-top: 4px
    }
    header #main_nav_part ul.main_nav_bar>li>a>span>img,
    header #main_nav_part ul.main_nav_bar>li>a>span>img.img_over,
    footer #main_nav_part ul.main_nav_bar>li>a>span>img,
    footer #main_nav_part ul.main_nav_bar>li>a>span>img.img_over {
        float: none;
        margin: 0 auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        height: 100%;
        left: 0;
        padding: 0 15px;
        position: absolute;
        top: 40px;
        z-index: 999
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        position: relative;
        top: 0
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul {
        float: none;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
        max-width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a.down-arrow,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a.down-arrow {
        background: #fff url("../img/dropdown_over.png") no-repeat scroll right 9px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        min-height: auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        box-shadow: none;
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li {
        border-bottom: 1px solid #eee;
        height: auto;
        padding: 2px 10px;
        position: relative
    }
    header #main_nav_part .shortMenu,
    footer #main_nav_part .shortMenu {
        height: 100%;
        position: initial;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
        padding: 0;
        width: 100%
    }
    header #main_nav_part .third-menu h3,
    footer #main_nav_part .third-menu h3 {
        font-size: 16px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 {
        display: none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu ul>li:last-child,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu ul>li:last-child {
        border-bottom: medium none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back {
        padding: 5px 10px 0
    }
    header .sticky,
    footer .sticky {
        margin: 0;
        position: relative;
        top: 0
    }
    header .site-control,
    footer .site-control {
        margin: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        width: auto
    }
    header .site-control .reset-font,
    footer .site-control .reset-font {
        display: none
    }
    header .absolute-container .site,
    footer .absolute-container .site {
        padding: 5px
    }
    header .search-box,
    footer .search-box {
        background: transparent url("../img/search.png") no-repeat scroll left 0;
        height: 30px;
        padding: 0 0 0 40px
    }
    header .search-container:hover .search-icon,
    header #search_part:hover .search-box,
    header #search_part.active .search-box,
    footer .search-container:hover .search-icon,
    footer #search_part:hover .search-box,
    footer #search_part.active .search-box {
        background: transparent url("../img/search-hover.png") no-repeat scroll left 0
    }
    header .search-text input,
    header .search-box input,
    footer .search-text input,
    footer .search-box input {
        font-size: 14px
    }
    header #services_part h2,
    footer #services_part h2 {
        padding: 15px 10px
    }
    header .services-body,
    footer .services-body {
        margin: 0
    }
    header .services-body-left .btn-group,
    footer .services-body-left .btn-group {
        margin: 10px 0;
        position: relative;
        width: 100% !important
    }
    header .services-body .services-top-bar,
    footer .services-body .services-top-bar {
        margin-bottom: 10px
    }
    header .services-body .services-top-bar h2,
    footer .services-body .services-top-bar h2 {
        padding: 0 !important
    }
    header .services-body-left .blue-link,
    footer .services-body-left .blue-link {
        clear: both;
        display: block;
        margin: 10px 0 25px
    }
    header #rtaApps .carousel-inner,
    footer #rtaApps .carousel-inner {
        height: 290px;
        padding-bottom: 15px
    }
    header #rtaApps-thumbs,
    footer #rtaApps-thumbs {
        padding: 10px 0;
        text-align: center
    }
    header #rtaApps-thumbs ul,
    footer #rtaApps-thumbs ul {
        display: inline-block;
        margin: 0 auto
    }
    header .app-data .pull-left,
    footer .app-data .pull-left {
        text-align: center;
        width: 100%
    }
    header .pull-left.public-transport,
    footer .pull-left.public-transport {
        padding: 10px 0;
        text-align: left
    }
    header .icons img,
    footer .icons img {
        float: left
    }
    header #search_part .sugclose,
    footer #search_part .sugclose {
        top: 5px
    }
    header #search_part ul,
    footer #search_part ul {
        margin-left: 0;
        padding-left: 40px
    }
    header #search_part ul li a,
    footer #search_part ul li a {
        color: #9c9c9c;
        font-size: 13px
    }
    header .carousel-indicators,
    footer .carousel-indicators {
        bottom: 0
    }
    header .carousel-indicators li,
    footer .carousel-indicators li {
        background-color: #ffffff;
        border: 3px solid #fff;
        border-radius: 12px;
        height: 12px;
        margin: 1px;
        width: 12px
    }
    header .carousel-indicators .active,
    footer .carousel-indicators .active {
        background-color: #ef3d42;
        border-radius: 12px;
        height: 12px;
        margin: 1px;
        width: 12px
    }
    header .single-new .new-content,
    header .single-new.middle .new-content,
    footer .single-new .new-content,
    footer .single-new.middle .new-content {
        border-right: medium none;
        height: auto;
        margin: 0;
        padding: 10px
    }
    header .single-new.middle,
    footer .single-new.middle {
        padding: 0
    }
    header .footernav ul,
    footer .footernav ul {
        border-bottom: 1px solid #ededed;
        margin-right: 0;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 5px;
        width: 100%
    }
    header .footernav ul li,
    footer .footernav ul li {
        display: inline-block;
        float: left;
        margin-top: 5px;
        width: 49%
    }
    header .footernav a,
    footer .footernav a {
        font-size: 12px;
        padding-right: 10px
    }
    header .footer-copyright .bottom-text,
    header .red,
    footer .footer-copyright .bottom-text,
    footer .red {
        font-size: 12px
    }
    header .row,
    footer .row {
        margin: 0
    }
    header .gen-padding,
    header .title-padding,
    footer .gen-padding,
    footer .title-padding {
        padding: 10px 0
    }
    header #searchResults .suggestions,
    footer #searchResults .suggestions {
        overflow: hidden;
        padding-bottom: 15px
    }
    header #searchResults .suggestions li,
    footer #searchResults .suggestions li {
        display: inline-block;
        float: left;
        margin-right: 5px
    }
    header .search-survey button,
    footer .search-survey button {
        margin-bottom: 10px;
        margin-right: 0;
        width: 100%
    }
    header .mob-clearfix,
    footer .mob-clearfix {
        clear: both;
        float: none;
        width: 100%
    }
    header .hide-mobile,
    footer .hide-mobile {
        display: none
    }
    header .breadcrumb,
    footer .breadcrumb {
        padding: 8px 0
    }
    header .search-survey h1,
    footer .search-survey h1 {
        font-size: 32px;
        line-height: 32px
    }
    header .search-service .search-box,
    header .search-service .search-container:hover .search-icon,
    header #search_part.search-service:hover .search-box,
    header #search_part.search-service.active .search-box,
    footer .search-service .search-box,
    footer .search-service .search-container:hover .search-icon,
    footer #search_part.search-service:hover .search-box,
    footer #search_part.search-service.active .search-box {
        background: transparent url("../img/search-services.png") no-repeat scroll left 5px/auto 70%
    }
    header ul.list-services li,
    footer ul.list-services li {
        border: 1px solid #eee;
        height: 100px;
        margin-bottom: 5px;
        padding: 10px 0;
        width: 48%
    }
    header ul.list-services li a,
    footer ul.list-services li a {
        font-size: 13px
    }
    header .form .select,
    footer .form .select {
        font-size: 12px
    }
    header .form .field,
    footer .form .field {
        padding: 10px 2px
    }
    header .form .field2,
    footer .form .field2 {
        padding: 0
    }
    header .form .download,
    footer .form .download {
        display: none;
        height: 25px;
        overflow: hidden;
        padding: 0;
        text-indent: 50px;
        width: 32px
    }
    header .extra-item ul,
    footer .extra-item ul {
        margin: 0
    }
    header .extra-item h3,
    footer .extra-item h3 {
        height: auto;
        padding-top: 10px
    }
    header .vrDeliveryOption,
    footer .vrDeliveryOption {
        float: none;
        margin: 0 auto;
        width: 100%
    }
    header .vrFeeSummary h3,
    header .vrFeeSummary .tabFeeExpanded .tabFirst p,
    header .vrFeeSummary .tabFeeExpanded .tabLast h3,
    header .vrFeeSummary .tabFeeExpanded p,
    footer .vrFeeSummary h3,
    footer .vrFeeSummary .tabFeeExpanded .tabFirst p,
    footer .vrFeeSummary .tabFeeExpanded .tabLast h3,
    footer .vrFeeSummary .tabFeeExpanded p {
        padding: 10px
    }
    header .radio2 .sub-title,
    footer .radio2 .sub-title {
        padding-left: 0
    }
    header .single-new,
    footer .single-new {
        float: none;
        text-align: center
    }
    header .single-new.middle .new-content,
    footer .single-new.middle .new-content {
        height: auto !important;
        width: 100% !important
    }
    header .single-new .new-content,
    footer .single-new .new-content {
        text-align: left
    }
    header .vehicleRenewal ul.vrSteps,
    footer .vehicleRenewal ul.vrSteps {
        background-size: 83% 1%
    }
    header .form .field.captcha img,
    footer .form .field.captcha img {
        width: 98%
    }
    header .form .field.captcha p,
    footer .form .field.captcha p {
        float: left
    }
    header .form .field.captcha p.reset,
    footer .form .field.captcha p.reset {
        float: right
    }
    header .gen-padding .pull-right,
    footer .gen-padding .pull-right {
        float: none !important
    }
    header .search-survey button,
    footer .search-survey button {
        margin-left: 2.5%;
        min-width: 45%;
        width: 45%
    }
    header .service-box:first-child p,
    header .service-box h3,
    header .service-box h2,
    header .process-para h2,
    header .process-para p,
    footer .service-box:first-child p,
    footer .service-box h3,
    footer .service-box h2,
    footer .process-para h2,
    footer .process-para p {
        float: left;
        padding-top: 0 !important
    }
    header .service-box h3,
    header .service-box h2,
    header .process-para h2,
    footer .service-box h3,
    footer .service-box h2,
    footer .process-para h2 {
        padding-left: 10px
    }
    header .process-para h2,
    footer .process-para h2 {
        max-width: 70%
    }
    header .service-box ul,
    header .service-box h3+p,
    header .service-box h2+p,
    footer .service-box ul,
    footer .service-box h3+p,
    footer .service-box h2+p {
        clear: left;
        padding: 0 0 10px !important
    }
    header .vehicleRenewal .minHeight h3,
    footer .vehicleRenewal .minHeight h3 {
        min-height: 60px
    }
    header .vehicleRenewal button.btn-start-process,
    footer .vehicleRenewal button.btn-start-process {
        margin: 20px 0 0
    }
    header #main_nav_part ul.main_nav_bar>li,
    header #main_nav_part ul.main_nav_bar>li.shortHome,
    header #main_nav_part ul.main_nav_bar>li.short,
    footer #main_nav_part ul.main_nav_bar>li,
    footer #main_nav_part ul.main_nav_bar>li.shortHome,
    footer #main_nav_part ul.main_nav_bar>li.short {
        border-right: 1px solid #c63436;
        border-top: 1px solid #c63436;
        padding: 40px 0;
        width: 50%
    }
    header #main_nav_part ul.main_nav_bar>li a,
    header #main_nav_part ul.main_nav_bar>li.shortHome a,
    header #main_nav_part ul.main_nav_bar>li.short a,
    footer #main_nav_part ul.main_nav_bar>li a,
    footer #main_nav_part ul.main_nav_bar>li.shortHome a,
    footer #main_nav_part ul.main_nav_bar>li.short a {
        width: 100%
    }
    header li.short.has_submenu.highlight2,
    footer li.short.has_submenu.highlight2 {
        background: #ef3d42 url("../img/dropdown.png") no-repeat scroll 93% 70%
    }
    header #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2:hover,
    footer #main_nav_part ul.main_nav_bar>li.short.has_submenu.highlight2:hover {
        background: #fff url("../img/dropdown_over.png") no-repeat scroll 93% 70%
    }
    header h3,
    footer h3 {
        font-size: 13px !important;
        line-height: 18px
    }
}

@media screen and (min-width: 468px) and (max-width: 768px) {
    header .popular-services .btn-default,
    header .popular-service .btn-default,
    header #extra_part .btn-default,
    footer .popular-services .btn-default,
    footer .popular-service .btn-default,
    footer #extra_part .btn-default {
        float: left;
        margin: 5px 0;
        width: 48%
    }
    header .popular-services .btn-default:nth-child(2n+1),
    footer .popular-services .btn-default:nth-child(2n+1) {
        margin-right: 10px
    }
    header .popular-services .btn-default:nth-child(2n),
    header #extra_part .suggestion,
    header #extra_part .btn-grey,
    footer .popular-services .btn-default:nth-child(2n),
    footer #extra_part .suggestion,
    footer #extra_part .btn-grey {
        float: right
    }
    header #extra_part .complaints,
    footer #extra_part .complaints {
        float: left
    }
    header .services-body-right,
    header .extra-item,
    footer .services-body-right,
    footer .extra-item {
        overflow: hidden;
        padding: 15px 0
    }
    header .public-transport,
    footer .public-transport {
        padding: 10px;
        width: 75%
    }
    header .single-new a img,
    header .single-new.middle a img,
    footer .single-new a img,
    footer .single-new.middle a img {
        height: auto
    }
    header .search-survey .btn-mob-last,
    footer .search-survey .btn-mob-last {
        float: right;
        margin-right: 0
    }
    header .vehicleRenewal .vrRow p,
    footer .vehicleRenewal .vrRow p {
        padding-left: 5px
    }
    header #main_nav_part #manageaccount,
    header #main_nav_part #logout,
    footer #main_nav_part #manageaccount,
    footer #main_nav_part #logout {
        display: block;
        height: auto;
        padding: 40px 0
    }
    header #main_nav_part #loginsection,
    footer #main_nav_part #loginsection {
        display: block;
        height: auto
    }
    header .login_control,
    footer .login_control {
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #555;
        display: block;
        float: left;
        font-family: "MetaPro-Medium", arial;
        font-size: 14px;
        height: 34px;
        line-height: 1.42857;
        margin: 0 0 2px;
        padding: 6px 12px;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%
    }
    header #show_logout_account_mobile span,
    footer #show_logout_account_mobile span {
        background: transparent url("../img/logout_over.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_manage_account_mobile span,
    footer #show_manage_account_mobile span {
        background: transparent url("../img/my-account-white.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_logout_account_mobile span:hover,
    footer #show_logout_account_mobile span:hover {
        background: transparent url("../img/logout.png") no-repeat scroll center center;
        height: 40px
    }
    header #show_manage_account_mobile span:hover,
    footer #show_manage_account_mobile span:hover {
        background: transparent url("../img/my-account-grey.png") no-repeat scroll center center;
        height: 40px
    }
    header .login_btn,
    footer .login_btn {
        -moz-user-select: none;
        background-color: #5bcbfb;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        line-height: 1.42857;
        margin-bottom: 0;
        outline: medium none;
        padding: 6px 12px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%
    }
}

@media screen and (min-width: 769px) {
    header .single-new.middle,
    footer .single-new.middle {
        margin-left: 0.5%;
        margin-right: 0.5%
    }
}

@media screen and (max-width: 768px) and (min-width: 468px) {
    header .single-new a img,
    header .single-new.middle a img,
    footer .single-new a img,
    footer .single-new.middle a img {
        padding-top: 10px;
        width: 50%
    }
}

@media screen and (max-width: 1250px) and (min-width: 909px) {
    header .speech .rs_skip,
    footer .speech .rs_skip {
        right: 5px
    }
    header .speech .rs_skip:not(.rsexpanded),
    footer .speech .rs_skip:not(.rsexpanded) {
        width: 150px !important
    }
}

@media screen and (max-width: 768px) {
    header .speech .rs_skip,
    footer .speech .rs_skip {
        right: 5px;
        top: 38px
    }
    header .speech .rs_skip:not(.rsexpanded),
    footer .speech .rs_skip:not(.rsexpanded) {
        width: 150px !important
    }
}

@media screen and (max-width: 1031px) {
    header .footernav ul,
    footer .footernav ul {
        padding-bottom: 10px
    }
    header .footernav ul,
    footer .footernav ul {
        padding-left: 10px
    }
    header .footernav ul,
    footer .footernav ul {
        border-bottom: 1px solid #ededed;
        margin-right: 0;
        overflow: hidden;
        padding-bottom: 10px;
        padding-top: 5px;
        width: 100%
    }
    header .footernav ul li,
    footer .footernav ul li {
        display: inline-block;
        float: left;
        margin-top: 5px;
        width: 49%
    }
    header .explore-area ul,
    footer .explore-area ul {
        text-align: center
    }
    header .explore-area ul li,
    footer .explore-area ul li {
        display: inline-block;
        margin: 0 0 20px 2.2%;
        vertical-align: top
    }
}

@media screen and (min-width: 320px) {
    header h3,
    footer h3 {
        font-size: 13px !important;
        line-height: 18px
    }
    header ul.suggestions li a,
    header .suggestions-all a,
    footer ul.suggestions li a,
    footer .suggestions-all a {
        padding: 6px
    }
    header .speech .rs_skip:not(.rsexpanded),
    footer .speech .rs_skip:not(.rsexpanded) {
        width: 150px !important
    }
}

@media screen and (max-width: 1300px) {
    header body,
    footer body {
        min-width: 320px
    }
    header .service-type li:first-child,
    footer .service-type li:first-child {
        margin: 0 0 0 0.7%
    }
    header .service-type li,
    footer .service-type li {
        margin: 0
    }
    header .service-type::after,
    footer .service-type::after {
        left: 90px;
        width: 725px
    }
    header .service-type,
    footer .service-type {
        margin: 0 auto 40px;
        width: 917px
    }
    header .video-holder .block iframe,
    footer .video-holder .block iframe {
        height: 250px;
        width: 420px
    }
    header .video-holder .block h2,
    footer .video-holder .block h2 {
        font-size: 20px
    }
    header #main_nav_part ul.main_nav_bar>li.short,
    header #main_nav_part ul.main_nav_bar>li.short>a,
    footer #main_nav_part ul.main_nav_bar>li.short,
    footer #main_nav_part ul.main_nav_bar>li.short>a {
        width: 74px
    }
    header #main_nav_part ul.main_nav_bar>li>a>p,
    footer #main_nav_part ul.main_nav_bar>li>a>p {
        font-size: 13px
    }
    header .btn-guide,
    footer .btn-guide {
        margin: 0 0 0 23px
    }
    header .explore-area ul li,
    footer .explore-area ul li {
        margin: 0 0 20px 1.5%
    }
    header .slider-area,
    footer .slider-area {
        max-width: 820px;
        padding: 0 0 30px
    }
    header .gallery-wrap,
    footer .gallery-wrap {
        height: 289px;
        margin: 0 auto;
        max-width: 643px;
        padding: 30px 0;
        width: inherit
    }
    header .gallery__item,
    footer .gallery__item {
        margin: 0 8px
    }
    header .gallery__img,
    footer .gallery__img {
        height: 259px;
        width: 144px
    }
    header .gallery__controls-prev,
    footer .gallery__controls-prev {
        left: 65px;
        top: 0
    }
    header .gallery__controls-next,
    footer .gallery__controls-next {
        right: 65px;
        top: 0
    }
}

@media only screen and (max-width: 1023px) {
    header .service-type,
    footer .service-type {
        width: 667px
    }
    header .service-type::after,
    footer .service-type::after {
        left: 60px;
        width: 535px
    }
    header .video-holder .block iframe,
    footer .video-holder .block iframe {
        height: 200px;
        width: 320px
    }
    header .video-holder .block h2,
    footer .video-holder .block h2 {
        font-size: 16px
    }
}

@media screen and (max-width: 1022px) {
    header .nav-btn,
    footer .nav-btn {
        background: transparent url("../img/toggle.png") no-repeat scroll center center;
        cursor: pointer;
        display: block;
        float: left;
        height: 30px;
        left: 5px;
        position: absolute;
        top: 5px;
        width: 30px
    }
    header #main_nav_part ul.main_nav_bar,
    footer #main_nav_part ul.main_nav_bar {
        background: #ef3d42 none repeat scroll 0 0;
        display: none;
        float: none;
        width: 100%
    }
    header #nav,
    footer #nav {
        height: 40px;
        padding-top: 40px
    }
    header #main_nav_part,
    footer #main_nav_part {
        height: 100%
    }
    header #main_nav_part .site,
    footer #main_nav_part .site {
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar,
    footer #main_nav_part ul.main_nav_bar {
        background: #ef3d42 none repeat scroll 0 0;
        display: none;
        float: none;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li,
    header #main_nav_part ul.main_nav_bar>li.shortHome,
    header #main_nav_part ul.main_nav_bar>li.short,
    footer #main_nav_part ul.main_nav_bar>li,
    footer #main_nav_part ul.main_nav_bar>li.shortHome,
    footer #main_nav_part ul.main_nav_bar>li.short {
        border-right: 1px solid #c63436;
        border-top: 1px solid #c63436;
        padding: 40px 0;
        width: 50%
    }
    header #main_nav_part ul.main_nav_bar>li a,
    header #main_nav_part ul.main_nav_bar>li.shortHome a,
    header #main_nav_part ul.main_nav_bar>li.short a,
    footer #main_nav_part ul.main_nav_bar>li a,
    footer #main_nav_part ul.main_nav_bar>li.shortHome a,
    footer #main_nav_part ul.main_nav_bar>li.short a {
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li:first-child,
    footer #main_nav_part ul.main_nav_bar>li:first-child {
        border-left: medium none
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:hover {
        background-position: 223px 93px
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
    header #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu.highlight1:hover {
        background-position: 225px 78px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar>li>a,
    footer #main_nav_part ul.main_nav_bar>li>a {
        display: block;
        text-align: center;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>a>p,
    header #main_nav_part ul.main_nav_bar>li>a>span,
    footer #main_nav_part ul.main_nav_bar>li>a>p,
    footer #main_nav_part ul.main_nav_bar>li>a>span {
        display: block
    }
    header #main_nav_part ul.main_nav_bar>li>a>span,
    footer #main_nav_part ul.main_nav_bar>li>a>span {
        text-align: center
    }
    header #main_nav_part ul.main_nav_bar>li:hover>a,
    footer #main_nav_part ul.main_nav_bar>li:hover>a {
        height: 46px;
        margin-top: 4px
    }
    header #main_nav_part ul.main_nav_bar>li>a>span>img,
    header #main_nav_part ul.main_nav_bar>li>a>span>img.img_over,
    footer #main_nav_part ul.main_nav_bar>li>a>span>img,
    footer #main_nav_part ul.main_nav_bar>li>a>span>img.img_over {
        float: none;
        margin: 0 auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        height: 100%;
        left: 0;
        padding: 0 15px;
        position: absolute;
        top: 40px;
        z-index: 999
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        position: relative;
        top: 0
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul {
        float: none;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
        max-width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a.down-arrow,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a.down-arrow {
        background: #fff url("../img/dropdown_over.png") no-repeat scroll right 9px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        min-height: auto
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu,
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu {
        box-shadow: none;
        padding: 0
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li {
        border-bottom: 1px solid #eee;
        height: auto;
        padding: 3px 10px;
        position: relative
    }
    header #main_nav_part .shortMenu,
    footer #main_nav_part .shortMenu {
        height: 100%;
        position: initial;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu,
    footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
        padding: 0;
        width: 100%
    }
    header #main_nav_part ul.main_nav_bar>li.has_submenu:hover,
    footer #main_nav_part ul.main_nav_bar>li.has_submenu:hover {
        height: 50px
    }
    header #main_nav_part .third-menu h3,
    footer #main_nav_part .third-menu h3 {
        font-size: 16px
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu h3 {
        display: none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu ul>li:last-child,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu ul>li:last-child {
        border-bottom: medium none
    }
    header #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back,
    footer #main_nav_part ul.main_nav_bar>li>.second-menu .third-menu .back {
        padding: 5px 10px 0
    }
    header .sticky,
    footer .sticky {
        margin-left: 0
    }
    header .site-control,
    footer .site-control {
        margin: 0;
        position: absolute;
        right: 5px;
        top: 5px;
        width: auto
    }
    header .sticky .site-control,
    footer .sticky .site-control {
        margin: 0;
        position: absolute;
        right: 105px;
        top: 4px;
        width: auto
    }
    header .site-control .reset-font,
    footer .site-control .reset-font {
        display: none
    }
    header .list-icon li,
    footer .list-icon li {
        display: inline-block;
        margin: 0 0 11px;
        max-width: 170px;
        vertical-align: middle
    }
    header .list-icon li:first-child,
    footer .list-icon li:first-child {
        max-width: 150px
    }
    header .list-icon li a img,
    footer .list-icon li a img {
        display: block;
        height: auto;
        margin: 0 auto 2px;
        max-width: 80%;
        width: inherit
    }
    header .slider-area,
    footer .slider-area {
        max-width: 620px;
        padding: 0 0 30px
    }
    header .gallery-wrap,
    footer .gallery-wrap {
        height: 290px;
        margin: 0 auto;
        max-width: 462px;
        padding: 30px 0;
        width: inherit
    }
    header .gallery__item,
    footer .gallery__item {
        margin: 0 6px
    }
    header .gallery__img,
    footer .gallery__img {
        height: 259px;
        width: 144px
    }
    header .gallery__controls-prev,
    footer .gallery__controls-prev {
        left: 65px;
        top: 0
    }
    header .gallery__controls-next,
    footer .gallery__controls-next {
        right: 59px;
        top: 0
    }
}

@media only screen and (max-width: 767px) {
    header .services-holder h1,
    footer .services-holder h1 {
        font-size: 16px
    }
    header .service-type,
    footer .service-type {
        font-size: 14px;
        margin: 0 auto 40px;
        width: 190px
    }
    header .service-type::after,
    footer .service-type::after {
        display: none
    }
    header .service-type li:first-child,
    header .service-type li,
    footer .service-type li:first-child,
    footer .service-type li {
        display: block;
        margin: 0 0 10px;
        width: 100%
    }
    header .service-type li span,
    footer .service-type li span {
        display: block;
        margin: 0 auto 5px;
        position: inherit;
        top: 0
    }
    header .video-holder .block,
    footer .video-holder .block {
        box-sizing: border-box;
        float: none;
        margin: 0 auto 20px;
        overflow: hidden;
        padding: 0 5px;
        width: 300px
    }
    header .video-holder .block iframe,
    footer .video-holder .block iframe {
        height: 220px;
        width: 300px
    }
    header .video-holder .block h2,
    footer .video-holder .block h2 {
        text-align: center
    }
    header .btn-guide,
    footer .btn-guide {
        background: #1daeec url("../images/img-guides.png") no-repeat scroll 11% 50%;
        display: block;
        height: 41px;
        line-height: 41px;
        margin: 0 auto;
        min-width: inherit;
        width: 150px
    }
    header .readMore,
    footer .readMore {
        text-align: left
    }
    header .wrap-text,
    footer .wrap-text {
        padding: 20px 15px
    }
    header .text-features,
    footer .text-features {
        text-align: left
    }
    header .list-icon,
    footer .list-icon {
        list-style: outside none none;
        margin: 40px 30px 0;
        max-width: 320px
    }
    header .list-icon li,
    footer .list-icon li {
        display: inline-block;
        margin: 0 0 11px 2px;
        max-width: inherit;
        vertical-align: middle;
        width: 235px
    }
    header .list-icon li:first-child,
    footer .list-icon li:first-child {
        float: left;
        width: 79px
    }
    header .list-icon li span,
    footer .list-icon li span {
        display: inline-block;
        margin: 0 5px 2px 3px;
        vertical-align: top;
        width: 106px
    }
    header .list-icon li a,
    footer .list-icon li a {
        display: inline-block
    }
    header .list-icon li a img,
    footer .list-icon li a img {
        margin: 0;
        max-width: inherit;
        width: 79px
    }
    header .list-icon li span a img.icon,
    footer .list-icon li span a img.icon {
        display: inline-block;
        height: auto;
        margin: 0 0 2px;
        max-width: 100%;
        vertical-align: top;
        width: 114px
    }
    header #services_part h2,
    footer #services_part h2 {
        padding: 0
    }
    header #services_part h1,
    footer #services_part h1 {
        font-size: 28px;
        line-height: 30px;
        padding: 0
    }
    header .content .first-para,
    header .features,
    footer .content .first-para,
    footer .features {
        font-size: 12px
    }
    header .slider-area,
    footer .slider-area {
        margin: 0 auto 50px;
        max-width: 280px;
        padding: 19px 0
    }
    header .gallery-wrap,
    footer .gallery-wrap {
        height: 280px;
        margin: 0 auto;
        overflow: hidden;
        padding: 30px 0;
        width: 169px
    }
    header .gallery__controls-prev,
    footer .gallery__controls-prev {
        left: 48px;
        top: 7px
    }
    header .gallery__img,
    footer .gallery__img {
        height: 250px;
        margin: 0 auto
    }
    header .gallery__controls-next,
    footer .gallery__controls-next {
        right: 48px;
        top: 7px
    }
    header .gallery__item,
    footer .gallery__item {
        margin: 0
    }
    header .gallery-wrap,
    footer .gallery-wrap {
        height: 256px;
        padding: 5px 0 0;
        width: 144px
    }
    header .content,
    footer .content {
        padding: 0 30px 20px
    }
}

header .apps-list h3,
footer .apps-list h3 {
    font-size: 18px !important
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .explore-links,
    footer .explore-links {
        text-align: center
    }
    header .explore-links a,
    footer .explore-links a {
        display: inline-block;
        float: none;
        margin-left: 10px;
        margin-right: 10px
    }
    header .footernav ul:last-child,
    footer .footernav ul:last-child {
        border-bottom: medium none
    }
    header .footer-copyright,
    footer .footer-copyright {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 1005px) {
    header .floating .explore-links a img,
    footer .floating .explore-links a img {
        display: inline-block
    }
    header .floating .explore-links,
    footer .floating .explore-links {
        padding-top: 10px
    }
}

@media only screen and (max-width: 991px) {
    header .app-grid,
    header .apps-list .short-decp,
    footer .app-grid,
    footer .apps-list .short-decp {
        min-height: inherit
    }
    header .row.explore-links,
    footer .row.explore-links {
        margin-left: 0;
        margin-right: 0
    }
    header .main-holder,
    footer .main-holder {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media only screen and (max-width: 767px) {
    header .breadcrumb,
    header .breadcrumb-wrap,
    footer .breadcrumb,
    footer .breadcrumb-wrap {
        display: none;
        visibility: hidden
    }
    header .explore-links a,
    footer .explore-links a {
        display: block;
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
    header .app-grid,
    footer .app-grid {
        margin: 25px 5px
    }
    header .speakers,
    header .sponsorship,
    footer .speakers,
    footer .sponsorship {
        text-align: center
    }
    header .app-grid.speakers,
    header .app-grid.sponsorship,
    footer .app-grid.speakers,
    footer .app-grid.sponsorship {
        padding-left: 0
    }
    header .speakers .app-icon,
    header .sponsorship .app-icon,
    footer .speakers .app-icon,
    footer .sponsorship .app-icon {
        position: inherit
    }
    header .info-section .app-grid.speakers,
    footer .info-section .app-grid.speakers {
        float: none;
        height: inherit;
        padding-left: 0
    }
    header .info-area,
    footer .info-area {
        padding-bottom: 0
    }
    header .bg-light-gray,
    footer .bg-light-gray {
        text-align: center
    }
    header .time-line h2::before,
    footer .time-line h2::before {
        left: 0
    }
    header .time-line h2::after,
    footer .time-line h2::after {
        left: 7px
    }
}

@media only screen and (max-width: 480px) {
    header .app-grid,
    footer .app-grid {
        margin-bottom: 50px;
        padding-left: 0
    }
    header .app-icon,
    footer .app-icon {
        position: inherit
    }
    header .sponsors img,
    footer .sponsors img {
        max-width: 100%
    }
}

#cboxOverlay {
    background-color: rgba(0, 0, 0, 0.6)
}

#foo {
    z-index: 2000
}

#cboxClose {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -15px;
    right: -15px;
    background: url(img/close.png) no-repeat 0 0;
    outline: none
}

#cboxClose:hover {
    background-position: 0 0;
    opacity: 0.9
}

#colorbox,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent,
iframe.cboxIframe {
    width: 802px !important
}

#colorbox {
    left: 23% !important
}

#cboxLoadedContent {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#pageRedirect {
    width: 100%;
    padding: 50px;
    background-color: #fff;
    text-align: center;
    overflow: hidden
}

.small header h1 {
    font-size: 43px;
    line-height: 43px
}

.small header h2 {
    font-size: 32px;
    line-height: 32px
}

.small header h3 {
    font-size: 16px;
    line-height: 16px
}

.small header h4 {
    font-size: 12px;
    line-height: 12px
}

.small header p {
    font-size: 12px;
    line-height: 17px
}

.small header p.num {
    font-size: 42px;
    line-height: 58px;
    text-align: center
}

.small header #leftnav_part ul li {
    font-size: 10px
}

.small header .login-bar a,
.small header .login-bar a:hover {
    font-size: 12px;
    line-height: 12px
}

.small header #main_nav_part ul.main_nav_bar>li>p,
.small header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 12px;
    line-height: 17px
}

.small header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.small header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 14px;
    line-height: 30px
}

.small header input,
.small header input.form-control {
    font-size: 12px
}

.small header .search-text input {
    font-size: 16px
}

.small header .btn {
    font-size: 12px
}

.small header .service-dropdown {
    font-size: 12px
}

.small header .extra-item textarea.form-control {
    font-size: 12px;
    line-height: 16px
}

.small header #e_service_radio label {
    font-size: 12px;
    line-height: 18px
}

.small header .blue-link,
.small header .blue-link:hover {
    font-size: 13px;
    line-height: 13px
}

.small header .footernav ul li {
    font-size: 12px;
    line-height: 18px
}

.small header .footer-copyright .bottom-text {
    font-size: 12px
}

.small header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.small header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 30px
}

.small header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 180px
}

.small header .footernav a {
    font-size: 11px
}

.medium header h1 {
    font-size: 47px;
    line-height: 47px
}

.medium header h2 {
    font-size: 38px;
    line-height: 38px
}

.medium header h3 {
    font-size: 20px;
    line-height: 20px
}

.medium header h4 {
    font-size: 16px;
    line-height: 16px
}

.medium header p {
    font-size: 16px;
    line-height: 21px
}

.medium header p.num {
    font-size: 50px;
    line-height: 62px
}

.medium header #leftnav_part ul li {
    font-size: 13px
}

.medium header .login-bar a,
.medium header .login-bar a:hover {
    font-size: 16px;
    line-height: 16px
}

.medium header #main_nav_part ul.main_nav_bar>li>p,
.medium header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 15px;
    line-height: 20px
}

.medium header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 175px
}

.medium header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.medium header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 18px;
    line-height: 18px
}

.medium header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(img/link.gif) no-repeat right 12px
}

.medium header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(img/link_over.gif) no-repeat right 12px
}

.medium header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 250px
}

.medium header input,
.medium header input.form-control {
    font-size: 16px
}

.medium header .search-text input {
    font-size: 20px
}

.medium header .btn {
    font-size: 16px
}

.medium header .service-dropdown {
    font-size: 16px
}

.medium header .single-new .new-content {
    height: 205px
}

.medium header .extra-item {
    width: 216px;
    margin-right: 95px
}

.medium header .extra-middle,
.medium header textarea.form-control.extra-middle {
    height: 110px
}

.medium header .extra-item textarea.form-control {
    font-size: 17px;
    line-height: 20px
}

.medium header #e_service_radio label {
    font-size: 16px;
    line-height: 22px
}

.medium header .blue-link,
.medium header .blue-link:hover {
    font-size: 18px;
    line-height: 18px
}

.medium header .footernav ul li {
    font-size: 16px;
    line-height: 22px
}

.medium header .footer-copyright .bottom-text {
    font-size: 16px
}

.medium header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.medium header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 45px
}

.medium header .footernav a {
    font-size: 13px
}

.large header h1 {
    font-size: 49px;
    line-height: 49px
}

.large header h2 {
    font-size: 42px;
    line-height: 42px
}

.large header h3 {
    font-size: 22px;
    line-height: 24px
}

.large header h4 {
    font-size: 18px;
    line-height: 18px
}

.large header p {
    font-size: 17px;
    line-height: 23px
}

.large header p.num {
    font-size: 52px;
    line-height: 62px
}

.large header #leftnav_part ul li {
    font-size: 14px
}

.large header .login-bar a,
.large header .login-bar a:hover {
    font-size: 18px;
    line-height: 18px
}

.large header #main_nav_part ul.main_nav_bar>li>p {
    font-size: 16px;
    line-height: 20px
}

.large header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.large header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
.large header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 20px;
    line-height: 22px
}

.large header #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 280px
}

.large header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 210px
}

.large header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(img/link.png) no-repeat right 14px
}

.large header #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(img/link_over.png) no-repeat right 14px
}

.large header input,
.large header input.form-control {
    font-size: 18px
}

.large header .search-text input {
    font-size: 22px
}

.large header .btn {
    font-size: 18px
}

.large header .service-dropdown {
    font-size: 18px
}

.large header #news_part {
    height: 732px
}

.large header .single-new .new-content {
    height: 255px
}

.large header .extra-item {
    width: 236px;
    margin-right: 75px
}

.large header .extra-middle,
.large header textarea.form-control.extra-middle {
    height: 110px
}

.large header .extra-item h3 {
    height: 50px
}

.large header .extra-item textarea.form-control {
    font-size: 19px;
    line-height: 22px
}

.large header #e_service_radio label {
    font-size: 18px;
    line-height: 24px
}

.large header .blue-link,
.large header .blue-link:hover {
    font-size: 19px;
    line-height: 19px
}

.large header .footernav ul li {
    font-size: 18px;
    line-height: 24px
}

.large header .footer-copyright .bottom-text {
    font-size: 18px
}

.large header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.large header #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 50px
}

.large header .footernav a {
    font-size: 16px !important
}

.small footer h1 {
    font-size: 43px;
    line-height: 43px
}

.small footer h2 {
    font-size: 32px;
    line-height: 32px
}

.small footer h3 {
    font-size: 16px;
    line-height: 16px
}

.small footer h4 {
    font-size: 12px;
    line-height: 12px
}

.small footer p {
    font-size: 12px;
    line-height: 17px
}

.small footer p.num {
    font-size: 42px;
    line-height: 58px;
    text-align: center
}

.small footer #leftnav_part ul li {
    font-size: 10px
}

.small footer .login-bar a,
.small footer .login-bar a:hover {
    font-size: 12px;
    line-height: 12px
}

.small footer #main_nav_part ul.main_nav_bar>li>p,
.small footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 12px;
    line-height: 17px
}

.small footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.small footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 14px;
    line-height: 30px
}

.small footer input,
.small footer input.form-control {
    font-size: 12px
}

.small footer .search-text input {
    font-size: 16px
}

.small footer .btn {
    font-size: 12px
}

.small footer .service-dropdown {
    font-size: 12px
}

.small footer .extra-item textarea.form-control {
    font-size: 12px;
    line-height: 16px
}

.small footer #e_service_radio label {
    font-size: 12px;
    line-height: 18px
}

.small footer .blue-link,
.small footer .blue-link:hover {
    font-size: 13px;
    line-height: 13px
}

.small footer .footernav ul li {
    font-size: 12px;
    line-height: 18px
}

.small footer .footer-copyright .bottom-text {
    font-size: 12px
}

.small footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.small footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 30px
}

.small footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 180px
}

.small footer .footernav a {
    font-size: 11px
}

.medium footer h1 {
    font-size: 47px;
    line-height: 47px
}

.medium footer h2 {
    font-size: 38px;
    line-height: 38px
}

.medium footer h3 {
    font-size: 20px;
    line-height: 20px
}

.medium footer h4 {
    font-size: 16px;
    line-height: 16px
}

.medium footer p {
    font-size: 16px;
    line-height: 21px
}

.medium footer p.num {
    font-size: 50px;
    line-height: 62px
}

.medium footer #leftnav_part ul li {
    font-size: 13px
}

.medium footer .login-bar a,
.medium footer .login-bar a:hover {
    font-size: 16px;
    line-height: 16px
}

.medium footer #main_nav_part ul.main_nav_bar>li>p,
.medium footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 15px;
    line-height: 20px
}

.medium footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 175px
}

.medium footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.medium footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    font-size: 18px;
    line-height: 18px
}

.medium footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(img/link.gif) no-repeat right 12px
}

.medium footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(img/link_over.gif) no-repeat right 12px
}

.medium footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 250px
}

.medium footer input,
.medium footer input.form-control {
    font-size: 16px
}

.medium footer .search-text input {
    font-size: 20px
}

.medium footer .btn {
    font-size: 16px
}

.medium footer .service-dropdown {
    font-size: 16px
}

.medium footer .single-new .new-content {
    height: 205px
}

.medium footer .extra-item {
    width: 216px;
    margin-right: 95px
}

.medium footer .extra-middle,
.medium footer textarea.form-control.extra-middle {
    height: 110px
}

.medium footer .extra-item textarea.form-control {
    font-size: 17px;
    line-height: 20px
}

.medium footer #e_service_radio label {
    font-size: 16px;
    line-height: 22px
}

.medium footer .blue-link,
.medium footer .blue-link:hover {
    font-size: 18px;
    line-height: 18px
}

.medium footer .footernav ul li {
    font-size: 16px;
    line-height: 22px
}

.medium footer .footer-copyright .bottom-text {
    font-size: 16px
}

.medium footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.medium footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 45px
}

.medium footer .footernav a {
    font-size: 13px
}

.large footer h1 {
    font-size: 49px;
    line-height: 49px
}

.large footer h2 {
    font-size: 42px;
    line-height: 42px
}

.large footer h3 {
    font-size: 22px;
    line-height: 24px
}

.large footer h4 {
    font-size: 18px;
    line-height: 18px
}

.large footer p {
    font-size: 18px;
    line-height: 23px
}

.large footer p.num {
    font-size: 52px;
    line-height: 62px
}

.large footer #leftnav_part ul li {
    font-size: 14px
}

.large footer .login-bar a,
.large footer .login-bar a:hover {
    font-size: 18px;
    line-height: 18px
}

.large footer #main_nav_part ul.main_nav_bar>li>p {
    font-size: 16px;
    line-height: 20px
}

.large footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.large footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited,
.large footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    font-size: 20px;
    line-height: 22px
}

.large footer #main_nav_part ul.main_nav_bar>li.shortMenu>.second-menu {
    width: 280px
}

.large footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    max-width: 210px
}

.large footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li>a {
    background: url(img/link.png) no-repeat right 14px
}

.large footer #main_nav_part ul.main_nav_bar>li>.second-menu ul>li:hover>a {
    background: url(img/link_over.png) no-repeat right 14px
}

.large footer input,
.large footer input.form-control {
    font-size: 18px
}

.large footer .search-text input {
    font-size: 22px
}

.large footer .btn {
    font-size: 18px
}

.large footer .service-dropdown {
    font-size: 18px
}

.large footer #news_part {
    height: 732px
}

.large footer .single-new .new-content {
    height: 255px
}

.large footer .extra-item {
    width: 236px;
    margin-right: 75px
}

.large footer .extra-middle,
.large footer textarea.form-control.extra-middle {
    height: 110px
}

.large footer .extra-item h3 {
    height: 50px
}

.large footer .extra-item textarea.form-control {
    font-size: 19px;
    line-height: 22px
}

.large footer #e_service_radio label {
    font-size: 18px;
    line-height: 24px
}

.large footer .blue-link,
.large footer .blue-link:hover {
    font-size: 19px;
    line-height: 19px
}

.large footer .footernav ul li {
    font-size: 18px;
    line-height: 24px
}

.large footer .footer-copyright .bottom-text {
    font-size: 18px
}

.large footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:link,
.large footer #main_nav_part ul.main_nav_bar>li>div.main_nav_submenu ul a:visited {
    height: 50px
}

.large footer .footernav a {
    font-size: 16px !important
}

.no-lg {
    display: none
}

.no-second-menu {
    background: none !important
}

footer .footer-copyright .middle-image,
footer .footer-copyright .bottom-image {
    padding-top: 25px
}

footer .footer-copyright .bottom-image {
    width: auto
}

@media (max-width: 991px) and (min-width: 768px) {
    footer .footer-copyright .bottom-text {
        width: 50%
    }
}

@media (max-width: 767px) {
    footer .footer .site {
        padding-left: 10px;
        padding-right: 10px
    }
    footer .footer-copyright .middle-image {
        clear: left
    }
    footer .footer-copyright .bottom-image {
        width: 100%;
        text-align: center;
        padding-bottom: 20px
    }
}

header .site {
    margin: auto
}

@media (max-width: 1200px) {
    header .site {
        width: 940px !important
    }
}

@media (max-width: 1000px) {
    header .site {
        width: 100% !important
    }
}

footer .site {
    margin: auto
}

@media (max-width: 1200px) {
    footer .site {
        width: 940px !important
    }
}

@media (max-width: 1000px) {
    footer .site {
        width: 100% !important
    }
}

.site {
    margin: auto
}

@media (max-width: 1200px) {
    .site {
        width: 940px !important
    }
}

@media (max-width: 1000px) {
    .site {
        width: 100% !important
    }
}

@media (min-width: 1024px) {
    [lang=en] #main_nav_part ul.main_nav_bar>li.has_submenu.highlight:nth-child(6) {
        background-position: 120px 36px
    }
}

.main-wrapper #slider_banner .carousel-inner img {
    max-height: 100%
}

.spotlight {
    float: left;
    width: 100%;
    background: #171c8f
}

.spotlight img {
    width: 100%
}

.spot-desk {
    display: block
}

.spot-mob {
    display: none
}

.rta {
    background: #ffffff
}

.content-wrap {
    float: left;
    width: 100%;
    margin: 35px 0 55px
}

.btn2 {
    float: left;
    font-size: 18px;
    margin: 5px 0 0 0
}

.btn2 a {
    color: #ffffff;
    background: #e60202;
    padding: 8px 10px 8px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

.btn2 a:hover {
    background: #171c8f;
    color: #ffffff;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

.content-wrap h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold;
    line-height: normal
}

.content-wrap h3 span {
    display: block;
    font-size: 20px;
    padding: 10px 0 0 0
}

.rta-slider-wrapper {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
    padding-bottom: 40px
}

.rta-slider-wrapper .swiper-slide {
    margin-right: 19px
}

.rta-slider-col {
    float: left;
    width: 100%;
    position: relative
}

.rta-slider-col a {
    color: #ffffff
}

.rta-slider-col img {
    opacity: 0.7;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

.rta-slider-col img:hover {
    opacity: 1;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

.swiper-pagination {
    position: relative !important;
    display: none
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important
}

.slider-content-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #171c8f;
    width: 250px;
    height: 120px
}

.slider-content {
    width: 170px;
    float: left;
    background: #171c8f;
    color: #ffffff;
    padding: 10px 15px 0 20px;
    font-size: 20px
}

.slider-paly-btn {
    float: right
}

.slider-content span {
    position: absolute;
    left: 20px;
    bottom: 8px
}

.discover {
    background: #e5e6e6
}

.discover-form {
    float: left;
    width: 100%;
    margin: 45px 0 0 0
}

.discover-form fieldset {
    float: left;
    width: 32.66%;
    margin: 0 1% 0 0
}

.discover-form fieldset:nth-child(3) {
    margin: 0 0 0 0
}

.discover-form fieldset label {
    float: left;
    width: 100%;
    color: #373b40;
    font-size: 20px
}

.discover-form fieldset select {
    float: left;
    border: 1px solid #ffffff;
    padding: 15px 3%;
    color: #ffffff;
    margin: 10px 0 0 0;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: url(../img/arrow-down.png) no-repeat 95% #53565a
}

select::-ms-expand {
    display: none
}

.populer-wrapper {
    float: left;
    width: 100%;
    margin: 60px 0 40px 0
}

.populer-wrapper ul {
    float: left;
    width: 100%;
    margin: 35px 0 0 0
}

.populer-wrapper ul li {
    float: left;
    padding: 15px 15px 0 0
}

.populer-wrapper ul li:nth-child(4),
.populer-wrapper ul li:nth-child(8) {
    padding: 15px 0 0 0
}

.populer-wrapper ul li a {
    float: left;
    width: 100%;
    background: #53565b;
    padding: 15px 12px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s;
    height: 81px
}

.populer-wrapper ul li a:hover {
    background: #ee0000;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

.pop-services {
    color: #ffffff;
    font-size: 20px;
    padding: 0 15px 0 0;
    float: left;
    width: 199px
}

.upd-feed {
    background: #ffffff
}

.upd-feed-wrapper {
    float: left;
    width: 100%;
    margin: 45px 0 0
}

.upd-feed-wrapper ul {
    float: left;
    width: 100%
}

.upd-feed-wrapper ul li {
    float: left;
    width: 30%;
    margin-right: 5%;
    padding: 0 0 55px 0;
    margin-bottom: 45px
}

.upd-feed-wrapper ul li:nth-child(1) {
    border-bottom: 6px solid #ff7100
}

.upd-feed-wrapper ul li:nth-child(2) {
    border-bottom: 6px solid #025ee1
}

.upd-feed-wrapper ul li:nth-child(3) {
    border-bottom: 6px solid #00b154;
    margin-right: 0
}

.upd-feed-content {
    float: left;
    width: 100%;
    height: 410px;
    position: relative
}

.upd-icon {
    color: #53565a;
    font-size: 20px
}

.upd-icon span {
    padding: 0 15px 0 0
}

.upd-feed-content h3 {
    padding: 25px 30px 0px 0px;
    font-size: 40px;
    line-height: 50px
}

.upd-feed-content p {
    font-size: 16px;
    color: #53565a;
    padding: 25px 15px 0 0;
    line-height: 22px
}

.upd-feed-wrapper .btn2 {
    position: absolute;
    bottom: 0;
    left: 0
}

.mobile-app {
    background: #e6e6e6
}

.mobile-app-wrapper {
    float: left;
    width: 100%
}

.mobile-app-wrapper ul {
    float: left;
    width: 100%;
    margin: 15px 0 0 0
}

.mobile-app-wrapper>ul>li {
    float: left;
    padding: 15px 15px 0 0;
    height: 97px
}

.mobile-app-wrapper ul li:nth-child(5),
.mobile-app-wrapper ul li:nth-child(10) {
    padding: 15px 0 0 0
}

.mobile-app-wrapper ul li a {
    float: left;
    width: 100%;
    background: #cfd1d0;
    padding: 15px 12px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

.mobile-app-wrapper ul li a:hover {
    background: #ffffff;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

.mobile-services {
    float: left;
    width: 140px;
    color: #525357;
    font-size: 16px;
    padding: 0 15px 0 0
}

.mob-ic {
    float: right
}

.mobile-apps-detial-container {
    float: left;
    width: 99.8%
}

.mob-ser-detail {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    background: #edeeee;
    padding: 1%;
    display: none
}

.ser-detail-col-left {
    float: left;
    width: 59%;
    padding: 30px 1% 0 2%
}

.app-icon {
    float: left
}

.ser-detail-content {
    float: left;
    width: 87%;
    padding: 7px 0 0 3%
}

.ser-detail-content h3 {
    font-size: 30px;
    color: #53565a
}

.ser-detail-content h3 span {
    display: block;
    padding: 10px 0 0 0;
    font-weight: normal
}

.ser-detail-content p {
    display: block;
    padding: 15px 0 0 0;
    font-size: 16px;
    line-height: normal
}

.mob-store {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.mob-store span {
    float: left;
    color: #373b40;
    font-weight: bold;
    font-size: 20px;
    padding: 18px 0 0 0
}

.mob-store ul {
    float: left
}

.mob-store ul li {
    float: left;
    padding: 20px 0 0 0
}

.ser-detail-col-right {
    float: right;
    width: 40%
}

.ser-detail-vid {
    float: right;
    width: 100%;
    position: relative
}

.ser-detail-vid img {
    width: 100%
}

.ser-detail-vid span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../img/play-btn.png) no-repeat center center
}

.location {
    background: #171c8f
}

.location-wrapper {
    float: left;
    width: 100%
}

.location-wrapper h3 {
    color: #ffffff
}

.map-container {
    float: left;
    width: 100%;
    position: relative;
    margin: 30px 0 0 0
}

.google-map {
    float: left;
    width: 100%;
    height: 480px
}

.map-drop {
    width: 275px;
    position: absolute;
    top: 0;
    left: 0
}

.map-btn-wrapper {
    width: 275px;
    position: absolute;
    bottom: 0;
    left: 0
}

.map-btn {
    float: left;
    width: 275px;
    font-size: 18px;
    color: #171c8f;
    margin: 2px 0 0 0
}

.map-btn a {
    color: #ffffff;
    background: #ee0000;
    padding: 15px 10px;
    display: block;
    font-weight: bold;
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.map-btn a:hover {
    background: #ffffff;
    color: #ee0000;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.map-btn a span {
    float: right;
    padding: 0 5px 0 0
}

.map-btn-2 a {
    padding: 15px 10px 11px
}

.latest {
    background: #ffffff
}

.latest-slider-wrapper {
    float: left;
    width: 100%
}

.latest-pane-wrap {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

.latest-left-pane {
    float: left;
    width: 75%
}

.latest-right-pane {
    float: left;
    width: 22.5%
}

.slider2 {
    float: left;
    width: 100%
}

.slide {
    float: left;
    width: 100%
}

.reg-module {
    float: left;
    width: 100%
}

.latest-slider-col {
    float: left;
    width: 256px;
    position: relative
}

.latest-slider-container {
    float: left;
    width: 100%;
    position: relative
}

.latest-slider-col img {
    width: 100%;
    opacity: 0.7;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

.latest-slider-col img:hover {
    opacity: 1;
    -webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out
}

.latest-slider-content {
    float: left;
    background: #171c8f;
    color: #ffffff;
    padding: 10px 15px 0 20px;
    height: 210px;
    width: 100%;
    font-size: 20px
}

.latest-slider-content span {
    padding: 20px 0 11px 0;
    display: block;
    position: absolute;
    bottom: 0
}

.latest-slider-form {
    float: left;
    width: 100%;
    min-height: 401px;
    background: #171c8f;
    padding: 12px 12px 22px
}

.latest-slider-form h3 {
    font-size: 28px;
    color: #ffffff
}

.latest-form {
    float: left;
    width: 100%
}

.latest-form fieldset {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.latest-form fieldset input {
    float: left;
    border: none;
    padding: 10px 6% 8px;
    color: #58595b;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #fff;
    margin: 0
}

.captcha-wrap {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.latest-sign-up a:hover {
    background: #fff;
    color: #ee0000
}

.latest .latest-form .latest-sign-up {
    margin: 15px 0 0 0
}

.latest .btn2 {
    margin: 40px 0 0 0
}

.support-home {
    background: #ee0000
}

.support-wrapper {
    float: left;
    width: 100%
}

.support-wrapper h3 {
    color: #ffffff
}

.support-wrapper ul {
    float: left;
    width: 100%;
    margin: 40px 0 0 0
}

.support-wrapper ul li {
    float: left;
    width: 20%;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff
}

.support-wrapper ul li:nth-child(1) {
    border-left: 1px solid #ffffff
}

.support-wrapper ul li a {
    color: #ffffff;
    width: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    padding: 23px 15px;
    background: #ee0000;
    float: left;
    height: 78px
}

.support-wrapper ul li a:hover {
    background: #ffffff;
    color: #ee0000;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.support-wrapper ul li:nth-child(1) a {
    background: url(../img/support-email.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(1) a:hover {
    color: #ee0000;
    background: url(../img/support-email-2.png) no-repeat 5px center #fff
}

.support-wrapper ul li:nth-child(2) a {
    background: url(../img/support-feedback.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(2) a:hover {
    color: #ee0000;
    background: url(../img/support-feedback-2.png) no-repeat 5px center #fff
}

.support-wrapper ul li:nth-child(3) a {
    background: url(../img/support-question.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(3) a:hover {
    color: #ee0000;
    background: url(../img/support-question-2.png) no-repeat 5px center #fff
}

.support-wrapper ul li:nth-child(4) a {
    background: url(../img/support-poll.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(4) a:hover {
    color: #ee0000;
    background: url(../img/support-poll-2.png) no-repeat 5px center #fff
}

.support-wrapper ul li:nth-child(5) a {
    background: url(../img/support-video.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(5) a:hover {
    color: #ee0000;
    background: url(../img/support-video-2.png) no-repeat 5px center #fff
}

.support-wrapper ul li:nth-child(6) a {
    background: url(../img/support-video.png) no-repeat 5px center #e00
}

.support-wrapper ul li:nth-child(6) a:hover {
    color: #ee0000;
    background: url(../img/support-video-2.png) no-repeat 5px center #fff
}

.support-services {
    float: left;
    font-size: 18px;
    text-align: left;
    padding: 0px 0px 0px 60px;
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.support-services-ic {
    float: right
}

.footer-sticky-nav {
    float: left;
    width: 100%
}

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

.footer-service-happy {
    float: left;
    width: 55px
}

.footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%
}

.footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

.footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 29px 25px;
    background: url(../img/ft-ic1.png) no-repeat center center #e00
}

.footer-service-happy {
    float: left;
    width: 55px;
    height: 55px
}

.footer-service-happy ul {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

.footer-service-happy ul li {
    display: table-cell;
    vertical-align: top
}

.footer-service-happy ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    background: url(../img/sticky-happy.png) no-repeat center center #e00
}

.footer-service-happy ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000;
    background: url(../img/sticky-happy-2.png) no-repeat center center #fff
}

.footer-service {
    float: right;
    width: 489px;
    margin-top: 25px
}

.footer-service ul {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
}

@media (min-width: 641px) {
    .footer-service ul {
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.8)
    }
}

.footer-service ul li {
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #e5e6ea
}

.footer-service ul li:last-child {
    border-right: none
}

.footer-service ul li a {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    display: block;
    padding: 8px 18px;
    height: 30px
}

.footer-service ul li a:hover {
    color: #ee0000;
    background: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    color: #ee0000;
    text-decoration: none
}

.footer-service ul li:nth-child(1) a {
    background: url(../img/sticky-top.png) no-repeat center center #53565b;
    background-size: 50%
}

.footer-service ul li:nth-child(1) a:hover {
    color: #ee0000;
    background: url(../img/sticky-top-2.png) no-repeat center center #fff;
    background-size: 50%
}

#off-chat {
    display: none
}

#off-chat .off-chat {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #53565b !important
}

#off-chat .off-chat:hover {
    background: url(../img/sticky-chat-offline.png) no-repeat 265px center #fff !important
}

.footer-service ul li:nth-child(2) a {
    background: url(../img/sticky-chat-online.png) no-repeat right 10px center #53565b;
    background-size: 6%
}

.footer-service ul li:nth-child(2) a:hover {
    color: #fff;
    background: url(../img/sticky-chat-online.png) no-repeat right 10px center #53565b;
    background-size: 6%
}

.footer-service ul li:nth-child(3) a {
    background: url(../img/ft-ic6.png) no-repeat right 10px center #53565b;
    background-size: 12%
}

.footer-service ul li:nth-child(3) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic6-2.png) no-repeat right 10px center #fff;
    background-size: 12%
}

.footer-service ul li:nth-child(4) a {
    background: url(../img/ft-ic5.png) no-repeat center center #53565b;
    background-size: 35%
}

.footer-service ul li:nth-child(4) a:hover {
    color: #ee0000;
    background: url(../img/ft-ic5-2.png) no-repeat center center #fff;
    background-size: 35%
}

.footer-service ul li span {
    display: inline;
    float: left
}

.footer-service ul li span:nth-child(1) {
    float: left;
    font-weight: bold;
    font-size: 15px
}

.footer-service ul li span:nth-child(2) {
    float: right;
    font-weight: normal;
    font-size: 14px;
    padding: 0 20px 0 0px
}

.service-sticky {
    float: left;
    width: 215px;
    position: fixed;
    left: -165px;
    top: 25%;
    z-index: 95;
    box-shadow: rgba(0, 0, 0, 0.5) 0 5px 15px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.service-sticky:hover {
    left: 0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.service-sticky-nav {
    float: left;
    width: 100%
}

.service-sticky-nav ul {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

.service-sticky-nav ul li {
    float: left;
    width: 100%;
    color: #ffffff;
    font-weight: normal;
    font-size: 13px
}

.service-sticky-nav ul li a {
    padding: 15px 6% 15px 6%;
    display: inline-block;
    color: #ffffff;
    background: #53565b;
    width: 100%;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.service-sticky-nav ul li a:hover {
    background: #53565b;
    text-decoration: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

.service-sticky-nav ul li:nth-child(1) a {
    background: url(../img/sticky-pay.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(1) a:hover {
    background: url(../img/sticky-pay.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(2) a {
    background: url(../img/sticky-reg.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(2) a:hover {
    background: url(../img/sticky-reg.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(3) a {
    background: url(../img/sticky-salik.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(3) a:hover {
    background: url(../img/sticky-salik.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(4) a {
    background: url(../img/sticky-parking.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(4) a:hover {
    background: url(../img/sticky-parking.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(5) a {
    background: url(../img/sticky-nol.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(5) a:hover {
    background: url(../img/sticky-nol.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(6) a {
    background: url(../img/sticky-journey.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(6) a:hover {
    background: url(../img/sticky-journey.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li:nth-child(7) a {
    background: url(../img/sticky-license.png) no-repeat right 14px center #53565b;
    padding: 15px 6% 15px 6%
}

.service-sticky-nav ul li:nth-child(7) a:hover {
    background: url(../img/sticky-license.png) no-repeat right 14px center #171c8f
}

.service-sticky-nav ul li a span {
    float: right
}

.service-sticky-nav ul .view-all {
    display: none
}

.overlay-sticky-wrapper {
    float: left;
    width: 100%
}

.overlay-sticky {
    width: 40%;
    margin: 0 auto;
    background: #636669;
    padding: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none
}

.overlay-sticky h3 {
    font-size: 46px;
    color: #ffffff
}

.overlay-sticky fieldset {
    float: left;
    width: 45%;
    margin: 5% 5% 0 0
}

.overlay-sticky fieldset select {
    float: left;
    border: none;
    padding: 15px 3%;
    color: #ffffff;
    width: 103%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: url(../img/arrow-down.png) no-repeat 95% #53565a
}

.overlay-sticky fieldset input {
    float: left;
    border: none;
    padding: 13px 3%;
    color: #ffffff;
    width: 97%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 20px;
    background: #53565a;
    margin-bottom: 0px
}

.overlay-sticky fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

.overlay-sticky fieldset input:-moz-placeholder {
    color: #ffffff
}

.overlay-sticky fieldset input::-moz-placeholder {
    color: #ffffff
}

.overlay-sticky fieldset input:-ms-input-placeholder {
    color: #ffffff
}

.btn2.btn-sticky {
    float: left;
    font-size: 18px;
    margin: 50px 0 0 0;
    padding: 0
}

.btn-sticky a {
    color: #ffffff;
    background: #e60202;
    padding: 15px 84px 13px;
    -webkit-transition: background 0.45s;
    -moz-transition: background 0.45s;
    -o-transition: background 0.45s;
    transition: background 0.45s
}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 15;
    width: 100%;
    height: 100%;
    display: none
}

.overlay-sticky:target,
.overlay-sticky:target+#mask {
    display: block;
    opacity: 1
}

.close-sticky {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #ffffff;
    height: 40px;
    width: 40px;
    font-size: 35px;
    text-align: center
}

.wrapper-dropdown-5 {
    position: relative;
    padding: 15px 24% 15px 3%;
    background: #53565a;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease-out;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff
}

.wrapper-dropdown-5:after {
    content: "";
    background: url(../img/arrow-down.png) no-repeat;
    width: 21px;
    height: 40px;
    position: absolute;
    top: 22px;
    right: 10px
}

.wrapper-dropdown-5 .dropdown2 {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #989a9c;
    list-style: none;
    transition: all 0.3s ease-out;
    max-height: 0;
    overflow: hidden
}

.wrapper-dropdown-5 .dropdown2 li {
    border-bottom: 1px solid #adaeb0
}

.wrapper-dropdown-5 .dropdown2 li:last-child {
    border-bottom: none
}

.wrapper-dropdown-5 .dropdown2 li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    padding: 10px 10px;
    transition: all 0.3s ease-out;
    font-size: 16px
}

.wrapper-dropdown-5 .dropdown2 li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle
}

.wrapper-dropdown-5 .dropdown2 li:hover a {
    background: #75787b
}

.wrapper-dropdown-5.active {
    background: #53565a;
    box-shadow: none;
    color: white
}

.wrapper-dropdown-5.active .dropdown2 {
    max-height: 400px
}

.overlay-happy {
    width: 58%;
    margin: 0 auto;
    background: #636669;
    padding: 30px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: none
}

.happy-logo-left {
    float: left
}

.happy-logo-right {
    float: left;
    padding: 0 0 0 50px;
    width: 80%
}

.happy-logo-right img {
    float: left
}

.happy-meter {
    float: left;
    margin: 25px 0 0 0
}

.happy-meter ul {
    float: left;
    width: 100%
}

.happy-meter ul li {
    display: inline-block;
    padding: 0 25px 0 0
}

.happy-meter ul li:last-child {
    padding: 0 0 0 0
}

.happy-meter ul li a .hov-happy {
    display: none
}

.happy-meter ul li a:hover img {
    display: none
}

.happy-meter ul li a:hover .hov-happy {
    display: block
}

.overlay-happy:target,
.overlay-happy:target+#mask {
    display: block;
    opacity: 1
}

.overlay-questions {
    width: 30%;
    margin: 0 auto;
    background: #ffffff;
    padding: 30px;
    position: fixed;
    bottom: 58px;
    left: 32%;
    z-index: 100;
    display: none
}

.overlay-questions:target,
.overlay-questions:target+#mask {
    display: block;
    opacity: 1
}

.question-search {
    float: left;
    width: 100%
}

.overlay-questions h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold
}

.question-search fieldset {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

.question-search fieldset input {
    float: left;
    border: none;
    padding: 18px 6% 14px;
    color: #ffffff;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #53565a
}

.question-search fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

.question-search fieldset input:-moz-placeholder {
    color: #ffffff
}

.question-search fieldset input::-moz-placeholder {
    color: #ffffff
}

.question-search fieldset input:-ms-input-placeholder {
    color: #ffffff
}

.pop-ques {
    float: left;
    width: 100%;
    margin: 10px 0 0 0
}

.pop-ques span {
    float: left;
    color: #53565a;
    font-size: 30px
}

.pop-ques-wrap {
    float: left;
    width: 100%;
    overflow: scroll;
    height: 150px;
    overflow-x: hidden
}

.pop-ques-wrap ul {
    float: left
}

.pop-ques-wrap ul li {
    float: left;
    padding: 15px 0 0 0
}

.pop-ques-wrap::-webkit-scrollbar {
    width: 0.25em
}

.pop-ques-wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.pop-ques-wrap::-webkit-scrollbar-thumb {
    background-color: #abacad;
    outline: 0px solid #e92434
}

.close-question {
    color: #53565a
}

.overlay-request {
    width: 30%;
    margin: 0 auto;
    background: #ffffff;
    padding: 30px;
    position: fixed;
    bottom: 58px;
    left: 47%;
    z-index: 100;
    display: none
}

.overlay-request:target,
.overlay-request:target+#mask {
    display: block;
    opacity: 1
}

.overlay-request h3 {
    font-size: 46px;
    color: #53565a;
    font-weight: bold
}

.overlay-request h3 span {
    font-weight: normal;
    font-size: 16px;
    display: block;
    margin: 20px 0 0 0
}

.request-form fieldset {
    float: left;
    width: 100%;
    margin: 30px 0 0 0
}

.request-form fieldset input {
    float: left;
    border: none;
    padding: 18px 6% 14px;
    color: #58595b;
    width: 100%;
    -webkit-appearance: none;
    font-family: 'RTA', Arial;
    font-size: 16px;
    background: #53565a;
    margin: 0
}

.request-form fieldset input::-webkit-input-placeholder {
    color: #ffffff
}

.request-form fieldset input:-moz-placeholder {
    color: #ffffff
}

.request-form fieldset input::-moz-placeholder {
    color: #ffffff
}

.request-form fieldset input:-ms-input-placeholder {
    color: #ffffff
}

.slider-paly-btn {
    display: block;
    padding: 30px 22px;
    background: url(../img/play.png) no-repeat center center
}

.slider-paly-btn:hover {
    background: url(../img/play-2.png) no-repeat center center
}

.slider-paly-btn img {
    opacity: 1
}

.hov-img {
    display: none
}

.slider-paly-btn:hover img,
.map-btn:hover img,
.support-wrapper ul li a:hover img,
.footer-service ul li:hover img {
    display: none
}

.slider-paly-btn:hover .hov-img,
.map-btn:hover .hov-img,
.support-wrapper ul li a:hover .hov-img,
.footer-service ul li:hover .hov-img {
    display: block
}

.bx-has-controls-direction {
    display: none
}

#login-wrapper .col-2 {
    width: 100%;
    height: 40px;
    float: right;
    display: block
}

#login-wrapper .col-2 ul li {
    width: 100%
}

#set-1 ul li a {
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

#set-1 ul li a:hover {
    background: #ffffff;
    color: #ee0000
}

#set-1 ul li a span {
    font-size: 16px;
    font-weight: 700
}

#set-1 ul li:nth-child(1) a {
    float: right;
    color: #ee0000;
    background: url(../img/login.png) no-repeat 80px center;
    line-height: 17px;
    padding: 10px 38px
}

#set-1 ul li:nth-child(1) a:hover {
    background: url(../img/login-2.png) no-repeat 80px center;
    color: #989a9c
}

#set-1 ul li:nth-child(2) a {
    float: right;
    color: #ee0000;
    background: url(../img/logo-dubai.png) no-repeat center center;
    padding: 15px 45px
}

#set-1 ul li:nth-child(2) a:hover {
    background: url(../img/logo-dubai.png) no-repeat center center;
    color: #989a9c
}

#set-2 ul li a {
    color: #ffffff;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
}

#set-2 ul li a:hover {
    background: #ffffff;
    color: #ee0000
}

#set-2 ul li a span {
    font-size: 16px;
    font-weight: 700
}

#set-2 ul li:nth-child(1) a {
    float: right;
    color: #ee0000;
    background: url(../img/login.png) no-repeat 95px center;
    line-height: 17px;
    padding: 10px 43px
}

#set-2 ul li:nth-child(1) a:hover {
    background: url(../img/login-2.png) no-repeat 95px center;
    color: #989a9c
}

#set-2 ul li:nth-child(2) a {
    float: right;
    color: #ee0000;
    background: url(../img/logo-dubai.png) no-repeat center center;
    padding: 15px 45px
}

#set-2 ul li:nth-child(2) a:hover {
    background: url(../img/logo-dubai.png) no-repeat center center;
    color: #989a9c
}

.hide-btn {
    display: none
}

@-moz-document url-prefix() {
    .latest-form fieldset input {
        line-height: 21px
    }
}

.small h3 {
    font-size: 16px;
    line-height: 16px
}

.small h3 span,
.small .main-wrapper p,
.small .discover-form fieldset label,
.small .discover-form fieldset select,
.small .pop-services,
.small .mobile-services,
.small .latest-slider-content,
.small .latest-form fieldset input,
.small .support-services,
.small .footer-service ul li span:nth-child(1),
.small .service-sticky-nav ul li {
    font-size: 12px
}

.small .slider-content {
    font-size: 12px
}

.small .btn2 {
    font-size: 12px
}

.medium h3 {
    font-size: 50px
}

.medium h3 span,
.medium .main-wrapper p,
.medium .discover-form fieldset label,
.medium .discover-form fieldset select,
.medium .pop-services,
.medium .mobile-services,
.medium .latest-slider-content,
.medium .latest-form fieldset input,
.medium .support-services,
.medium .footer-service ul li span:nth-child(1) {
    font-size: 21px
}

.medium .slider-content {
    font-size: 21px
}

.medium .btn2 {
    font-size: 21px
}

.medium .mobile-app-wrapper>ul>li {
    height: 130px
}

.medium .mobile-app-wrapper ul li a {
    height: 115px
}

.medium .support-wrapper ul li a {
    height: 112px
}

.medium .latest-slider-content {
    height: 330px;
    padding: 90px 15px 0 20px
}

.medium .service-sticky-nav ul li {
    font-size: 19px
}

.medium .service-sticky {
    width: 265px;
    left: -215px
}

.medium .service-sticky:hover {
    left: 0
}

.medium .footer-service {
    width: 540px;
    margin-top: 20px
}

.medium .footer-service ul li a {
    height: 38px
}

.large h3 {
    font-size: 56px
}

.large h3 span,
.large .main-wrapper p,
.large .discover-form fieldset label,
.large .discover-form fieldset select,
.large .pop-services,
.large .mobile-services,
.large .latest-slider-content,
.large .latest-form fieldset input,
.large .support-services,
.large .footer-service ul li span:nth-child(1),
.large .service-sticky-nav ul li {
    font-size: 26px;
    line-height: 26px
}

.large .service-sticky {
    width: 315px;
    left: -265px
}

.large .service-sticky:hover {
    left: 0
}

.large .latest-slider-content {
    padding: 80px 15px 0 20px;
    height: 355px
}

.large .slider-content {
    font-size: 26px
}

.large .btn2 {
    font-size: 26px
}

.large .slider-content-wrap {
    height: 230px
}

.large .upd-feed-content {
    float: left;
    width: 100%;
    height: 480px;
    position: relative
}

.large .support-wrapper ul li a {
    height: 128px
}

.large .footer-service {
    width: 610px;
    margin-top: 17px
}

.large .footer-service ul li a {
    height: 41px;
    padding: 12px 18px
}

.large .mobile-app-wrapper>ul>li {
    height: 147px
}

.large .mobile-app-wrapper ul li a {
    height: 129px
}

@media screen and (max-width: 1298px) {
    #main_nav_part ul.main_nav_bar {
        width: 880px
    }
}

@media screen and (max-width: 954px) {
    .site-control {
        width: 136px
    }
    #main_nav_part ul.main_nav_bar {
        width: 620px
    }
    #main_nav_part ul.main_nav_bar>li {
        width: 115px
    }
    #main_nav_part ul.main_nav_bar>li>a {
        width: 115px
    }
}

@media screen and (max-width: 1024px) {
    .swiper-pagination {
        display: block
    }
    .rta-slider-col img {
        width: 100%
    }
    .pop-services {
        width: 149px
    }
    .upd-feed-wrapper ul li {
        margin: 30px 0 35px 0;
        width: 100%
    }
    .upd-feed-content {
        height: auto
    }
    .upd-feed-wrapper .btn2 {
        margin: 55px 0 0 0;
        float: left;
        position: relative
    }
    .mobile-app-wrapper ul li:nth-child(5),
    .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 15px 0 0
    }
    .mobile-app-wrapper ul li:nth-child(3),
    .mobile-app-wrapper ul li:nth-child(6),
    .mobile-app-wrapper ul li:nth-child(9) {
        padding: 15px 0 0 0
    }
    .mobile-services {
        width: 227px
    }
    .latest-left-pane {
        width: 100%
    }
    .latest-slider-col {
        width: 449px
    }
    .latest-right-pane {
        width: 100%;
        margin-top: 50px
    }
    div.footer-sticky .container {
        padding: 0
    }
    .overlay-happy {
        width: 100%;
        padding: 4%;
        top: 50%;
        left: 50%
    }
    .happy-logo-left {
        width: 30%
    }
    .happy-logo-right {
        width: 63%;
        padding: 0 0 0 7%
    }
    .overlay-happy img {
        width: 100%
    }
    .happy-meter ul li {
        padding: 10px 0px 0 0;
        width: 30%
    }
    .overlay-request h3,
    .overlay-questions h3 {
        font-size: 36px
    }
    .overlay-questions {
        width: 100%;
        padding: 6%;
        bottom: 45px;
        left: 0
    }
    .overlay-request {
        width: 100%;
        padding: 6%;
        bottom: 45px;
        left: 0
    }
    .support-services {
        font-size: 14px
    }
}

@media screen and (max-width: 768px) {
    .overlay-sticky {
        width: 100%;
        height: 100vh;
        margin: 0;
        float: left;
        background: #636669;
        padding: 10px
    }
    .close-sticky {
        display: block;
        position: absolute;
        top: 12px;
        right: 5px
    }
    .overlay-sticky h3 {
        font-size: 26px;
        color: #ffffff;
        line-height: 50px
    }
    .overlay-sticky fieldset {
        float: left;
        width: 97%;
        margin: 5% 5% 0 0
    }
    .overlay-sticky fieldset input {
        width: 103%
    }
    .content-wrap h3 {
        font-size: 36px
    }
    .populer-wrapper ul li:nth-child(4),
    .populer-wrapper ul li:nth-child(8) {
        padding: 15px 15px 0 0
    }
    .populer-wrapper ul li:nth-child(3),
    .populer-wrapper ul li:nth-child(6) {
        padding: 15px 0 0 0
    }
    .pop-services {
        width: 156px;
        font-size: 16px
    }
    .mobile-services {
        width: 154px
    }
    .ser-detail-col-left {
        width: 100%
    }
    .ser-detail-content {
        width: 80%
    }
    .ser-detail-col-right {
        width: 100%;
        margin: 25px 0 0 0
    }
    .ser-detail-content h3 {
        font-size: 26px
    }
    .latest-slider-col {
        width: 340px
    }
    .support-wrapper ul li {
        width: 50%
    }
    .support-wrapper ul li:nth-child(1),
    .support-wrapper ul li:nth-child(2),
    .support-wrapper ul li:nth-child(3) {
        border-bottom: none
    }
    .support-wrapper ul li:nth-child(3),
    .support-wrapper ul li:nth-child(5) {
        border-left: 1px solid #ffffff
    }
    div.footer-sticky .container {
        padding: 0
    }
    .service-sticky {
        float: left;
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }
    .service-sticky-nav ul li {
        width: 50%;
        border: 1px solid #fff;
        border-width: 0px 0px 1px 1px
    }
    .service-sticky-nav ul li a {
        line-height: 40px
    }
    .service-sticky-nav ul .view-all {
        display: block;
        background-color: #ee0000
    }
    .service-sticky-nav ul li:nth-child(8) a {
        display: block;
        background-color: #ee0000;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700
    }
    .service-sticky-nav ul li:nth-child(8) a:hover {
        background-color: #636669;
        color: #ffffff
    }
    #main_nav_part ul.main_nav_bar {
        width: auto
    }
    #main_nav_part ul.main_nav_bar>li {
        width: 49%
    }
    .site-control {
        top: 5px
    }
    .footer-service ul li:nth-child(3) a {
        background-position: 90% center
    }
}

@media screen and (max-width: 667px) {
    .pop-services {
        width: 128px
    }
    .mobile-services {
        width: 126px
    }
    .latest-slider-col {
        width: 298px
    }
    .support-services {
        width: 115px
    }
}

@media screen and (max-width: 640px) {
    .footer-service-happy {
        width: 45px;
        height: 45px
    }
    .footer-service ul li:nth-child(3) a {
        background-size: 18%;
        width: 123px
    }
    .footer-service ul li span:nth-child(1) {
        float: left;
        font-size: 12px
    }
    .footer-service ul li span:nth-child(2) {
        float: right;
        font-weight: normal;
        font-size: 10px;
        padding: 0px
    }
    .footer-service ul li:nth-child(2) a {
        background: url(../img/sticky-chat-online.png) no-repeat right 10px center #53565b;
        background-size: 12%
    }
    .footer-service ul li:nth-child(2) a:hover {
        background: url(../img/sticky-chat-online.png) no-repeat right 10px center #fff;
        background-size: 12%
    }
    .footer-service ul li a {
        padding: 16px 16px
    }
    .footer-service-happy ul li a {
        padding: 9px;
        margin-top: 10px;
        background: url(../img/sticky-happy-1x.png) no-repeat center top #e00;
        width: 45px;
        height: 45px
    }
    .footer-service-happy ul li a:hover {
        padding: 9px;
        margin-top: 0px;
        background: url(../img/sticky-happy-1x.png) no-repeat center 5px #e00
    }
    .content-wrap {
        margin: 35px 0
    }
    .rta {
        background: #e6e6e6
    }
    .rta .btn2 {
        margin: 30px 0 0 0
    }
    .rta-slider-wrapper {
        float: left;
        width: 100%;
        margin: 30px 0 0 0;
        padding-bottom: 0px
    }
    .discover-form {
        display: none
    }
    .discover {
        display: none
    }
    .upd-feed-wrapper {
        margin: 0 0
    }
    .mobile-services {
        width: 80px;
        font-size: 13px
    }
    .mobile-app-wrapper ul li:nth-child(5),
    .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 15px 0 0
    }
    .mobile-app-wrapper ul li:nth-child(10) {
        padding: 15px 0 0 0
    }
    .mobile-app-wrapper ul li:nth-child(3),
    .mobile-app-wrapper ul li:nth-child(6),
    .mobile-app-wrapper ul li:nth-child(9) {
        padding: 15px 15px 0 0
    }
    .mobile-app-wrapper>ul>li:nth-child(2),
    .mobile-app-wrapper>ul>li:nth-child(4),
    .mobile-app-wrapper>ul>li:nth-child(6),
    .mobile-app-wrapper>ul>li:nth-child(8) {
        padding: 15px 0 0 0
    }
    .map-drop {
        width: 100%
    }
    .map-btn-wrapper,
    .map-btn {
        width: 100%
    }
    .latest-slider-col {
        width: 100%
    }
    .support-wrapper ul {
        margin: 30px 0 0 0
    }
    .support-services {
        font-size: 14px;
        width: 80px;
        margin: -10px 0 0 0
    }
    .footer-service-happy ul li a {
        margin-top: 0
    }
    .footer-sticky {
        background: #53565b
    }
    .footer-service {
        width: 87.6%;
        margin-top: 0
    }
    .footer-service ul li:nth-child(1) a {
        background: url(../img/ft-ic2.png) no-repeat center center #53565b
    }
    .footer-service ul li:nth-child(1) a:hover {
        background: url(../img/ft-ic2-2.png) no-repeat center center #fff
    }
    .footer-service ul li:nth-child(3) a:hover {
        background: url(../img/ft-ic6-2.png) no-repeat 78px center #fff;
        background-size: 18%
    }
    .footer-service ul li:nth-child(4) a {
        background: url(../img/ft-ic5.png) no-repeat center center #53565b
    }
    .footer-service ul li:nth-child(4) a:hover {
        background: url(../img/ft-ic5-2.png) no-repeat center center #fff
    }
    .footer-service ul li:nth-child(4) a:hover {
        background: url(../img/ft-ic5-2.png) no-repeat center center #fff
    }
    .footer-service ul {
        float: right;
        width: auto
    }
    .footer-service ul li {
        display: inline-block;
        width: auto;
        float: left
    }
    .footer-service ul li a {
        padding: 10px 15px;
        width: auto
    }
    .footer-service ul li span:nth-child(2) {
        margin: 0 0 0 5px
    }
    .footer-service ul li span:nth-child(1) {
        right: 10px
    }
    .footer-service ul li a {
        padding: 10px 15px
    }
    .footer-service ul li span:nth-child(1),
    .footer-service ul li span:nth-child(2) {
        top: -4px
    }
}

@media screen and (min-width: 376px) and (max-width: 540px) {
    .mobile-app-wrapper>ul>li {
        width: 50%
    }
}

@media screen and (max-width: 420px) {
    .footer-service-happy {
        width: 45px;
        height: 55px;
        position: absolute
    }
    .footer-service ul li:nth-child(2) a {
        background: url(../img/sticky-chat-online.png) no-repeat right 5px center #53565b;
        background-size: 12%;
        width: 150px
    }
    .footer-service ul li span:nth-child(1) {
        float: left;
        font-size: 12px;
        position: relative;
        right: 10px
    }
    .footer-service ul li span:nth-child(2) {
        float: right;
        font-weight: normal;
        font-size: 10px;
        padding: 0px;
        position: relative;
        right: 10px
    }
    .footer-service ul li:nth-child(3) a {
        background-size: 22%;
        min-width: 94px;
        width: auto
    }
    .footer-service ul li:nth-child(4) a {
        background: url(../img/ft-ic5.png) no-repeat center center #53565b;
        background-size: 45%
    }
    .footer-service ul li:nth-child(1) a {
        background: url(../img/ft-ic2.png) no-repeat center center #53565b;
        background-size: 45%
    }
    #set-2 ul li a span {
        margin-right: 15px !important
    }
    #set-2 ul li:nth-child(1) a {
        background: url(../img/login.png) no-repeat right center !important;
        padding: 10px 20px !important
    }
    #set-2 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 75px center !important
    }
    #set-1 ul li:nth-child(1) a {
        padding: 10px 38px
    }
    #set-1 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 80px center !important;
        color: #989a9c
    }
    .footer-service ul li:nth-child(1) a:hover {
        background: url(../img/ft-ic2.png) no-repeat center center #53565b;
        background-size: 50%
    }
}

@media screen and (max-width: 320px) {
    .footer-service ul li:nth-child(2) a {
        background: url(../img/sticky-chat-online.png) no-repeat right 5px center #53565b;
        background-size: 12%;
        width: 130px
    }
    .footer-service ul li:nth-child(3) a {
        background-size: 30%;
        min-width: inherit
    }
    .footer-service ul li span:nth-child(1) {
        font-size: 9px
    }
    .support-services {
        font-size: 12px
    }
    .mobile-services {
        width: 61px;
        font-size: 9px
    }
    .support-services {
        font-size: 12px;
        width: 59px
    }
    .footer-service-happy {
        width: 39px;
        height: 55px
    }
    .footer-service ul li span:nth-child(1) {
        float: left;
        font-size: 8px;
        top: 3px
    }
    #set-2 ul li a span {
        margin-right: 15px !important
    }
    #set-2 ul li a span {
        font-size: 14px !important
    }
    #set-2 ul li:nth-child(1) a {
        background: url(../img/login.png) no-repeat 53px center !important;
        padding: 10px 10px !important
    }
    #set-2 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 53px center !important
    }
    #set-2 ul li:nth-child(2) a {
        background: url(../img/manage-1x.png) no-repeat 109px center #fff !important;
        padding: 10px 12px !important
    }
    #set-2 ul li:nth-child(2) a:hover {
        background: url(../img/manage-2-1x.png) no-repeat 109px center #fff !important
    }
    #set-2 ul li:nth-child(3) a {
        background: url(../img/logo-dubai-1x.png) no-repeat center center #fff;
        padding: 15px 45px
    }
    #set-2 ul li:nth-child(3) a:hover {
        background: url(../img/logo-dubai-1x.png) no-repeat center center #fff
    }
    #set-1 ul li:nth-child(1) a {
        background: url(../img/login-1x.png) no-repeat 80px center !important;
        padding: 10px 38px
    }
    #set-1 ul li:nth-child(1) a:hover {
        background: url(../img/login.png) no-repeat 80px center !important;
        color: #989a9c
    }
    .service-sticky-nav ul li:nth-child(1) a {
        background: url(../img/sticky-pay.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(2) a {
        background: url(../img/sticky-reg.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(3) a {
        background: url(../img/sticky-salik.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(4) a {
        background: url(../img/sticky-parking.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(5) a {
        background: url(../img/sticky-nol.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(6) a {
        background: url(../img/sticky-journey.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(7) a {
        background: url(../img/sticky-license.png) no-repeat 123px center #53565b
    }
    .service-sticky-nav ul li:nth-child(8) a {
        font-size: 14px
    }
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-outer,
.fancybox-inner {
    position: relative
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-image: url("../img/fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../img/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../img/blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 8040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url("../img/fancybox_overlay.png")
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-prev span,
    .fancybox-next span {
        background-image: url("../img/fancybox_sprite@2x.png");
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url("../img/fancybox_loading@2x.gif");
        background-size: 24px 24px
    }
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222
}

body {
    margin: 0 auto
}

#foo {
    position: fixed;
    bottom: 0px;
    left: 15px;
    background-color: #c50408;
    padding: 10px
}

.small {
    font-size: 14px;
    font-size: 1.4rem
}

.small h1,
.small .about-metro .wall-image .overlay h1,
.small .about-metro .wall-image .overlay h2 {
    font-size: 44px;
    font-size: 4.4rem
}

.small article p,
.small footer .footernav,
.small footer p,
.small .about-metro .metro-features .desc p,
.small .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem
}

.small h2 {
    font-size: 28px;
    font-size: 2.8rem
}

@media (max-width: 767px) {
    .small h2 {
        font-size: 18px;
        font-size: 1.8rem;
        margin-top: 28px;
        margin-top: 2.8rem
    }
}

.small h3 {
    font-size: 18px;
    font-size: 1.8rem
}

@media (max-width: 767px) {
    .small h3 {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.small .title-area h1 {
    font-size: 44px;
    font-size: 4.4rem
}

.small .title-area p {
    font-size: 18px;
    font-size: 1.8rem
}

.small .breadcumbs {
    font-size: 12px;
    font-size: 1.2rem
}

.small .title-area .tabs-menu .navigation li a,
.small .useful-links ul.link-items.minimal li a h3,
.small .grey-tabs li {
    font-size: 14px;
    font-size: 1.4rem
}

.small .store-locator .locator-filter aside.card-type .form-check-label,
.small .store-locator .locator-filter aside .form-check .form-check-label {
    padding-top: 8px;
    padding-top: .8rem;
    padding-bottom: 8px;
    padding-bottom: .8rem
}

.small .store-locator .locator-filter aside .form-check .form-check-label .icon {
    top: 6px
}

.small .form-box .sub-row .form-group label,
.small .grey-btn-group label {
    font-size: 18px;
    font-size: 1.8rem
}

.small .form-box .form-control-title {
    font-size: 2.8rem
}

.small .btn {
    font-size: 1.6rem
}

@media (max-width: 1199px) {
    .small .metro-banner .banner-content h1 {
        font-size: 3.2rem
    }
    .small .metro-banner .banner-content p {
        font-size: 1.8rem
    }
    .small .grey-btn-group label.withIcon {
        padding: 2rem 6rem 1rem 7.5rem
    }
    .small .form-box .sub-row .form-group label,
    .small .grey-btn-group label {
        font-size: 15px;
        font-size: 1.5rem
    }
    .small .card-details .card-row .fares .col {
        min-height: 155px
    }
}

.medium {
    font-size: 18px;
    font-size: 1.8rem
}

.medium h1,
.medium .about-metro .wall-image .overlay h1,
.medium .about-metro .wall-image .overlay h2 {
    font-size: 48px;
    font-size: 4.8rem
}

.medium article p,
.medium footer .footernav,
.medium footer p,
.medium .about-metro .metro-features .desc p,
.medium .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem
}

.medium h2 {
    font-size: 32px;
    font-size: 3.2rem
}

@media (max-width: 767px) {
    .medium h2 {
        font-size: 22px;
        font-size: 2.2rem;
        margin-top: 32px;
        margin-top: 3.2rem
    }
    .myheading h1 {
        font-size: 20px;
    }
}

.medium h3 {
    font-size: 22px;
    font-size: 2.2rem
}

@media (max-width: 767px) {
    .medium h3 {
        font-size: 18px;
        font-size: 1.8rem
    }
}

.medium .title-area h1 {
    font-size: 48px;
    font-size: 4.8rem
}

.medium .title-area p {
    font-size: 1.8rem
}

.medium .breadcumbs {
    font-size: 16px;
    font-size: 1.6rem
}

.medium .title-area .tabs-menu .navigation li a,
.medium .useful-links ul.link-items.minimal li a h3,
.medium .grey-tabs li {
    font-size: 17px;
    font-size: 1.7rem
}

.medium .store-locator .locator-filter aside.card-type .form-check-label,
.medium .store-locator .locator-filter aside .form-check .form-check-label {
    padding-top: 10px;
    padding-top: 1rem;
    padding-bottom: 10px;
    padding-bottom: 1rem
}

.medium .store-locator .locator-filter aside .form-check .form-check-label .icon {
    top: 8px
}

.medium .left-icon-widget.column .col {
    margin-bottom: 50px;
    margin-bottom: 5rem
}

.medium .form-box .sub-row .form-group label,
.medium .grey-btn-group label {
    font-size: 22px;
    font-size: 2.2rem
}

.medium .grey-btn-group label.withIcon {
    padding: 2.4rem 6rem 2.4rem 10rem
}

.medium .form-box .form-control-title {
    font-size: 3.2rem
}

.medium .btn {
    font-size: 2rem
}

@media (max-width: 1199px) {
    .medium .metro-banner .banner-content h1 {
        font-size: 3.8rem
    }
    .medium .metro-banner .banner-content p {
        font-size: 2.2rem
    }
    .medium .useful-links ul.link-items.minimal li a {
        min-height: 170px
    }
    .medium footer .footer-copyright {
        min-height: 480px
    }
    .medium .grey-tabs li a {
        padding: 2rem 2rem;
        min-height: 100px;
        word-break: break-word;
        font-size: 2rem;
        padding-right: 80px
    }
    .medium .form-box .sub-row .form-group label,
    .medium .grey-btn-group label {
        font-size: 17px;
        font-size: 1.7rem
    }
    .medium .grey-btn-group label.withIcon {
        padding: 1.6rem 6rem 1.4rem 7rem
    }
    .medium footer .footer-copyright {
        min-height: 480px
    }
    .medium .trip-details .details-footer {
        padding-right: 0px
    }
    .medium .card-details .card-row .fares .col {
        min-height: 205px
    }
    .medium .card-details .card-row .fares .col.last {
        min-height: 50px !important;
        margin-bottom: 0px
    }
}

.medium .trip-details .details-footer {
    padding-right: 0px
}

.large {
    font-size: 20px;
    font-size: 2rem
}

.large h1,
.large .about-metro .wall-image .overlay h1,
.large .about-metro .wall-image .overlay h2 {
    font-size: 50px;
    font-size: 5rem
}

.large article p,
.large footer .footernav,
.large footer p,
.large .about-metro .metro-features .desc p,
.large .trip-summary .column.col-2 .col.first .nav-collapse .tab-content aside .table {
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem
}

.large h2 {
    font-size: 34px;
    font-size: 3.4rem
}

@media (max-width: 767px) {
    .large h2 {
        font-size: 24px;
        font-size: 2.4rem;
        margin-top: 34px;
        margin-top: 3.4rem
    }
}

.large h3 {
    font-size: 24px;
    font-size: 2.4rem
}

@media (max-width: 767px) {
    .large h3 {
        font-size: 20px;
        font-size: 2rem
    }
}

.large .title-area h1 {
    font-size: 50px;
    font-size: 5rem
}

.large .title-area p {
    font-size: 1.9rem
}

.large .nav-collapse .nav-tabs li a {
    padding-left: 5px;
    padding-left: .5rem;
    padding-right: 5px;
    padding-right: .5rem
}

.large .left-icon-widget.column .col {
    margin-bottom: 50px;
    margin-bottom: 5rem
}

.large .breadcumbs {
    font-size: 18px;
    font-size: 1.8rem
}

.large .title-area .tabs-menu .navigation li a,
.large .useful-links ul.link-items.minimal li a h3,
.large .grey-tabs li {
    font-size: 18px;
    font-size: 1.8rem
}

.large .store-locator .locator-filter aside.card-type .form-check-label,
.large .store-locator .locator-filter aside .form-check .form-check-label {
    padding-top: 6px;
    padding-top: .6rem;
    padding-bottom: 6px;
    padding-bottom: .6rem
}

.large .store-locator .locator-filter aside .form-check .form-check-label .icon {
    top: 4px
}

.large .grey-btn-group label.withIcon {
    padding: 2.2rem 6rem 2.2rem 9rem
}

.large .form-box .sub-row .form-group label,
.large .grey-btn-group label {
    font-size: 24px;
    font-size: 2.4rem
}

.large .form-box .form-control-title {
    font-size: 3.4rem
}

.large .btn {
    font-size: 2.2rem
}

.large .details-footer .btn {
    padding: 0.5rem 1.4rem
}

.large .trip-details .details-footer {
    padding-bottom: 40px
}

@media (max-width: 1199px) {
    .large .metro-banner .banner-content h1 {
        font-size: 4rem
    }
    .large .metro-banner .banner-content p {
        font-size: 2.4rem
    }
    .large .useful-links ul.link-items.minimal li a {
        min-height: 180px
    }
    .large footer .footer-copyright {
        min-height: 480px
    }
    .large .grey-tabs li a {
        padding: 2rem 2rem;
        min-height: 110px;
        word-break: break-word;
        font-size: 2.2rem;
        padding-right: 70px
    }
    .large .grey-btn-group label.withIcon {
        padding: 1.2rem 6rem 1rem 7rem
    }
    .large .form-box .sub-row .form-group label,
    .large .grey-btn-group label {
        font-size: 19px;
        font-size: 1.9rem
    }
    .large footer .footer-copyright {
        min-height: 480px
    }
    .large .trip-details .details-footer {
        padding-right: 0px
    }
    .large .details-footer .btn {
        padding: 0.5rem .8rem
    }
    .large .card-details .card-row .fares .col {
        min-height: 220px
    }
    .large .card-details .card-row .fares .col.last {
        min-height: 50px !important;
        margin-bottom: 0px
    }
}

.large .trip-details .details-footer {
    padding-right: 0px
}


/*# sourceMappingURL=main.css.map */

.blue,
.gray,
.red {
    width: 413px
}

.blue-lg ul,
.content-box {
    right: 0;
    position: absolute
}

.vertical-menu {
    max-width: 213px
}

.about-content {
    background: #fff
}

.about-content p {
    font-size: 1.7rem;
    color: #53565a
}

.vertical-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.vertical-menu ul li a {
    color: #53565a;
    font-weight: 700;
    display: block;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0
}

.vertical-menu ul li a.first {
    padding-top: 0
}

.vertical-menu ul li a.last {
    border: none
}

.vertical-menu ul li a.active,
.vertical-menu ul li a:hover {
    text-decoration: none;
    color: #e00
}

.middle-content {
    max-width: 612px
}

.title-page h1 {
    color: #53565a;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.custom-pagination,
.result-box {
    margin-top: 45px
}

.innerdata {
    padding-top: 110px;
    padding-bottom: 60px
}

.result-box h2 {
    color: #53565a
}

.result-box a,
.result-box p {
    font-size: 16px;
    color: #53565a
}

.result-box a:hover {
    color: #e00
}

.custom-pagination ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.custom-pagination ul li {
    display: inline-block
}

.custom-pagination ul li a {
    background: #53565a;
    color: #cfd1d0;
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px
}

.blue ul li a,
.gray ul li a {
    font-size: 2rem;
    display: block;
    text-decoration: none;
    font-weight: 700
}

.custom-pagination ul li a.active,
.custom-pagination ul li a:hover {
    background: #cfd1d0;
    color: #53565a
}

.popular-menu {
    background: #171c8f;
    padding: 42px 20px
}

.popular-menu h3 {
    color: #fff;
    margin-top: 0;
    font-weight: 700
}

.popular-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.popular-menu ul li {
    background: url(../img/angle.png) 0 10px no-repeat;
    padding-left: 22px;
    line-height: 36px
}

.popular-menu ul li:hover {
    background-position: 2px 10px
}

.popular-menu ul li a {
    color: #fff;
    font-weight: 700;
    list-style: none
}

.popular-menu ul li a:hover {
    text-decoration: none
}

.title-area .tabs-menu.twoline .navigation li a {
    padding: 0 0 10px 45px;
    font-weight: 400;
    line-height: 18px
}

.blue ul li,
.gray ul li,
.red ul li {
    line-height: 60px
}

.explore {
    background: url(../img/explore-icon-simple.png) no-repeat
}

.active .explore {
    background: url(../img/explore-icon.png) no-repeat
}

.bod {
    background: url(../img/directors-simple.png) no-repeat;
    padding: 0 0 10px 65px!important
}

.active .bod {
    background: url(../img/directors-active.png) no-repeat
}

.awards {
    background: url(../img/award-simple.png) no-repeat
}

.active .awards {
    background: url(../img/award-active.png) no-repeat
}

.media {
    background: url(../img/media-simple.png) no-repeat
}

.active .media {
    background: url(../img/media-active.png) no-repeat
}

.customers {
    background: url(../img/customers-simple.png) no-repeat;
    padding: 0 0 10px 61px!important
}

.active .customers {
    background: url(../img/customers-active.png) no-repeat
}

.policies {
    background: url(../img/policies-simple.png) no-repeat
}

.active .policies {
    background: url(../img/policies-active.png) no-repeat
}

.data-box {
    position: relative;
    margin-bottom: 35px
}

.content-box {
    top: 0;
    bottom: 0
}

.blue {
    background: #171c8f
}

.blue .title-content-box {
    background: #e00;
    color: #fff;
    max-width: 325px;
    padding-top: 28px;
    padding-left: 40px;
    padding-bottom: 28px
}

.blue .title-content-box h1 {
    color: #fff;
    margin: 0
}

.blue .title-content-box p {
    color: #fff
}

.blue ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

.blue ul li a {
    color: #fff;
    padding-left: 30px
}

.blue ul li a img {
    padding-right: 18px
}

.gray {
    background: #53565a
}

.gray .title-content-box {
    background: #e5e6e6;
    color: #fff;
    max-width: 325px;
    padding-top: 28px;
    padding-left: 40px;
    padding-bottom: 28px
}

.gray .title-content-box h1 {
    color: #53565a;
    margin: 0
}

.gray .title-content-box p {
    color: #53565a
}

.gray ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 0
}

.gray ul li a {
    color: #fff;
    padding-left: 30px
}

.gray ul li a img {
    padding-right: 18px
}

.view-all {
    display: inline-block;
    background: #e00;
    color: #fff;
    margin: 40px 0 0 40px;
    padding: 4px 20px
}

.view-all:hover {
    color: #fff;
    text-decoration: none;
    background: #da0202
}

.red {
    background: #e00
}

.red .title-content-box {
    background: #e5e6e6;
    color: #fff;
    max-width: 325px;
    padding-top: 28px;
    padding-left: 40px;
    padding-bottom: 28px
}

.red .title-content-box h1 {
    color: #53565a;
    margin: 0
}

.red .title-content-box p {
    color: #53565a
}

.red .view-all {
    display: block;
    background: #fff;
    color: #e00;
    margin: 16px 0 0 40px;
    padding: 4px 20px;
    max-width: 190px
}

.blue-lg ul,
.red ul {
    list-style: none;
    margin: 20px 0 0
}

.red .view-all:hover {
    color: #e00;
    text-decoration: none;
    background: #f4f4f4
}

.blue .gray-dark {
    background: #53565a
}

.blue-lg {
    width: 671px
}

.blue-lg .title-content-box {
    float: left;
    position: absolute;
    left: 0;
    bottom: 0
}

.blue-lg ul {
    bottom: 119px;
    padding: 0;
    width: 330px
}

.blue .title-content-box.gray-light {
    background: #e5e6e6;
    padding-left: 30px;
    padding-right: 30px
}

.blue .title-content-box.gray-light h1 {
    color: #53565a;
    font-size: 3.8rem
}

.blue .title-content-box.gray-light p {
    color: #53565a
}

.red .title-content-box.gray-dark {
    background: #53565a;
    padding-left: 30px;
    padding-right: 30px
}

.red .title-content-box.gray-dark h1,
.red .title-content-box.gray-dark p {
    color: #fff
}

.red ul {
    padding: 0
}

.red ul li a {
    font-size: 2rem;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    display: block;
    padding-left: 30px
}

.red ul li a img {
    padding-right: 18px
}

@media (max-width:990px) {
    .blue,
    .gray,
    .red {
        width: 101%
    }
    .middle-content,
    .vertical-menu {
        max-width: 100%;
        margin-bottom: 20px
    }
    .result-box {
        margin-top: 15px
    }
    .result-box a {
        word-break: break-all
    }
    .content-box {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0
    }
    .gray {
        background: rgba(83, 86, 90, .6)
    }
    .title-area .tabs-menu.twoline .navigation li {
        float: left;
        margin-right: 0
    }
}

@media (max-width:767px) {
    .sticky .site-control {
        right: 5px !important;
    }
    .sticky {
        position: fixed !important;
    }
    .blue-lg ul,
    .content-box {
        position: relative;
        bottom: 0 !important;
    }
    .middle-content,
    .vertical-menu {
        max-width: 100%;
        margin-bottom: 20px
    }
    .result-box {
        margin-top: 15px
    }
    .result-box a {
        word-break: break-all
    }
    .title-area .tabs-menu.twoline .navigation li a {
        padding: 6px 10px 10px 45px;
        font-weight: 400;
        line-height: 18px
    }
    .title-area .tabs-menu.twoline {
        padding: 0 12px
    }
    .data-box img {
        width: 100%
    }
    .blue ul li a img,
    .red ul li a img {
        width: auto
    }
    .content-box {
        right: 0;
        top: 0;
        width: 100%;
        overflow: hidden
    }
    .blue {
        width: 100%
    }
    .blue .title-content-box {
        padding-left: 12px;
        width: 100%;
        padding-right: 12px
    }
    .blue ul li a {
        font-size: 1.7rem
    }
    .gray .title-content-box {
        width: 100%;
        padding-left: 12px;
        padding-right: 12px
    }
    .gray .title-content-box h1 {
        font-size: 4rem
    }
    .view-all img {
        width: auto
    }
    .view-all {
        background: #e00;
        color: #fff;
        padding: 4px 20px;
        width: 180px;
        margin: 12px auto;
        display: block
    }
    .red .title-content-box {
        padding-left: 12px;
        padding-right: 12px
    }
    .red .view-all {
        display: block;
        background: #fff;
        color: #e00;
        margin: 16px 0 12px 40px;
        padding: 4px 20px;
        max-width: 190px;
        width: auto
    }
    .blue-lg .title-content-box {
        float: none;
        position: relative;
        left: 0;
        bottom: 0
    }
    .blue-lg ul {
        right: 0;
        list-style: none;
        padding: 0;
        margin: 20px 0 0;
        width: 100%
    }
    .red ul li a {
        font-size: 1.7rem
    }
    .title-area .tabs-menu.twoline .navigation {
        min-width: 742px
    }
}

#search_part {
    position: relative;
    height: 50px;
    background-color: #f6f6f7;
    border-bottom: solid 1px #E8E8E8;
}

#search_part .absolute-container {
    width: 100%;
    height: 100%;
    /* background-color: #f6f6f7; */
    z-index: 50;
}

.site {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
}

.search-box {
    background: url(../img/search.png) no-repeat left 10px transparent;
    padding: 10px 0px 0 60px;
    height: 50px;
}

.search-container:hover .search-icon,
#search_part:hover .search-box,
#search_part.active .search-box {
    background: url(../img/search-hover.png) no-repeat left 10px transparent;
}

.search-box input {
    margin: 0px;
    width: 100%;
}

.search-text input,
.search-box input {
    font-size: 18px;
    background-color: transparent;
    border: none;
    color: #ccc;
}

.searchTxt {
    background-color: #f6f6f7;
    border: solid 1px #f6f6f7;
    outline: none;
    height: 30px;
    overflow: hidden;
}

.main_nav_bar li a.active-shadow {
    background: #fff;
    color: #ef3d42;
    outline: 1px dotted;
}

.active-shadow {
    -webkit-box-shadow: 0 0 15px #e0e0e0;
    box-shadow: 0 0 15px #e0e0e0;
    outline: 1px dotted;
}

a:focus {
    outline: thin dotted !important;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

header #main_nav_part ul.main_nav_bar>li>a>p.menu_item_text_active {
    color: #e00;
}

.site-control a {
    display: block;
}

.medium .minimal h3 {
    font-size: 17px!important;
}

.large .minimal h3 {
    font-size: 18px!important;
}

.medium .popular-menu h3 {
    font-size: 21px!important;
}

.large .popular-menu h3 {
    font-size: 23px!important;
}

.medium .title-content-box p {
    font-size: 16px !important;
}

.large .title-content-box p {
    font-size: 17px !important;
}

.large #policies .title-content-box p {
    font-size: 15px !important;
}

.third-menu a {
    font-size: 20px;
    font-weight: bold;
}

.speech .active-shadow {
    -webkit-box-shadow: 0 0 15px #e0e0e0;
    box-shadow: 0 0 15px #e0e0e0;
    height: 31px;
}

.medium .result-box p {
    font-size: 17px!important;
    line-height: 24px!important;
}

.medium footer .footernav a {
    font-size: 16px;
}

.medium .blue ul li a,
.gray ul li a {
    font-size: 2.1rem;
}

.large .blue ul li a,
.gray ul li a {
    font-size: 2.2rem;
}

.small .flowchart-data h3 {
    font-size: 18px;
}

.medium .flowchart-data h3 {
    font-size: 22px!important;
}

.large .flowchart-data h3 {
    font-size: 24px!important;
}

.innerdata .carousel-inner .item img {
    width: 100%;
}

.innerdata .right.carousel-control {
    display: none;
}

.innerdata .left.carousel-control {
    display: none;
}

.innerdata .carousel-indicators {
    width: auto;
    bottom: -47px;
    margin-left: initial;
    margin-right: 0px;
    left: initial;
    right: 50%;
}

.innerdata .carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    border: 4px solid #b7b7b7;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: transparent;
}

.padding-0 {
    padding: 0;
}

.flowchart-data {
    text-align: center;
    margin-top: 78px;
}

.innerdata .carousel-indicators .active {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    border: 4px solid #b7b7b7;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: #53565a;
}


/*Media Menu CSS*/

.media-menu .tabs-menu {
    background: #e5e6e6;
}

.title-area .media-menu .tabs-menu.twoline .navigation li a:hover {
    background: #ced0d0;
}

.title-area .tabs-menu .navigation li a {
    padding: 0px 0px 16px 0px;
    padding: 0px 0px 1.6rem 0px;
    text-decoration: none;
    display: block;
    color: #53565a;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
}

.title-area .media-menu .tabs-menu.twoline .navigation li a {
    padding: 10px 16px;
    font-weight: 400;
    line-height: 18px;
    vertical-align: middle;
}

.title-area .media-menu .tabs-menu .navigation li {
    float: left;
    margin-right: 30px;
    margin-right: 0;
    width: auto;
    vertical-align: middle;
    padding: 0px;
}

.title-area .media-menu .tabs-menu .navigation li a:hover {
    border-bottom-color: transparent;
    color: #53565b;
    background: #e6e6e6;
    border: none;
}

.title-area .media-menu .tabs-menu .navigation li.active a {
    border-bottom-color: transparent;
    color: #53565b;
    background: #e6e6e6;
    border: none;
}

.media-menu #magic-line {
    display: none;
}

.menu-rel {
    position: relative;
    top: 85px;
}

.RTA-Rails-About {
    padding-top: 95px;
}

.media-box p {
    color: #55565b;
    width: 81%;
    line-height: 24px;
    margin-bottom: 0px;
}

.media-box {
    position: relative;
    padding: 20px 18px;
    background: #e5e6e6;
    margin-bottom: 7px;
    min-height: 121px;
}

.media-box h2 {
    margin: 0px;
}

.media-box a {
    background: #ee0000;
    color: #fff;
    display: inline-block;
    padding: 6px 15px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 40px;
}

.media-box a:hover {
    background: #172295;
    text-decoration: none;
}

.title-area .media-menu .tabs-menu.twoline .navigation li.active a {
    background: #ced0d0;
}

.box-content {
    overflow: hidden;
}

.box-content img {
    width: 100%;
}

.box-title {
    padding: 20px 12px;
    min-height: 106px;
}

.blue-color {
    background: #015ee1;
}

.box-title h3 {
    color: #fff;
    font-family: "RTA Bold", Helvetica, Arial, sans-serif;
    margin: 0px;
}

.detail-box {
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 20px 18px;
    overflow: hidden;
    position: relative;
    min-height: 172px;
}

.date-box p {
    color: #525659;
    margin: 0;
    padding: 10px 16px;
}

.date-box {
    width: 70%;
    float: left;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.date-box p {
    color: #525659;
}

.more-box {
    float: left;
    width: 30%;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.more-box a {
    display: block;
    padding: 9px 8px;
    color: #fff;
    background: #ee0000 url(../img/more-ico.png) no-repeat;
    background-position: right 10px center;
}

.more-box a:hover {
    text-decoration: none;
    background: #171c8f url(../img/more-ico.png) no-repeat;
    background-position: right 8px center;
}

.orange {
    background: #ff7101;
}

.green {
    background: #00b254;
}

.purpul {
    background: #8031c8;
}

.light-green {
    background: #00b0b8;
}

.full {
    width: 100%;
    border-left: 1px solid #e6e6e6;
    text-align: right;
}

.full a {
    padding-right: 25px;
    display: inline-block;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
}

.detail-box .more-box.full {
    border: none;
}

.minfix {
    min-height: 218px;
}

.train-structure {
    padding-top: 70px;
    padding-top: 5rem;
}

.form-error {
    border-bottom: 2px solid #f00;
}

.errInlineBlock .innerErr {
    padding: 10px;
    margin: 10px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    background: url(../img/error.png)no-repeat left 8px;
    padding: 8px 8px 8px 30px !important;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    position: relative;
    font-size: 23px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.search-controls {
    background: #e5e6e6;
    padding: 52px 0px;
}

.cal {
    position: absolute;
    right: 30px;
    top: 9px;
}

.btn-red {
    background: #ee0000;
    color: #fff;
    height: 40px;
}

.data-section {
    padding: 70px 0px;
}

.data-section img {
    width: 100%;
}

.data-section .date-box {
    width: 60%;
}

.data-section .more-box {
    width: 40%;
}

.data-section .detail-box {
    min-height: 252px;
}

.data-section .contorls-box {
    margin-bottom: 30px;
    overflow: hidden;
}

.subscribe {
    background: #171c8f;
    padding: 20px;
}

.subscribe h4 {
    color: #fff;
}

.subscribe img {
    width: auto;
}


/*Media Menu CSS*/

@media (max-width:990px) {
    .blue-lg .title-content-box {
        float: none;
        position: relative;
        left: 0;
        bottom: 0;
    }
    .blue-lg ul,
    .content-box {
        right: 0;
        position: relative;
    }
    .blue-lg ul {
        bottom: 0;
        padding: 0;
        width: 330px;
    }
    #policies .blue-lg ul {
        bottom: 0;
        padding: 0;
        width: 330px;
    }
    .content-box {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
        padding-bottom: 14px;
    }
    .title-area .sticky-menu.sticky {
        top: 0;
    }
    .date-box p {
        color: #525659;
        font-size: 13px;
    }
    .date-box {
        width: 60%;
    }
    .more-box {
        width: 40%;
    }
    .more-box a {
        font-size: 13px;
    }
    .more-box a {
        padding: 11px 4px;
    }
    .box-title {
        min-height: 128px;
    }
    .more-box.full {
        width: 100%;
    }
    .detail-box {
        min-height: 252px;
    }
    .media-box {
        margin-top: 10px;
    }
    .minfix .more-box.full a {
        padding: 11px 34px;
    }
    .title-area .tabs-menu {
        overflow: hidden;
        overflow-x: scroll;
        height: auto;
    }
    .title-area .media-menu .tabs-menu.twoline .navigation li a {
        padding: 12px 15px 7px;
    }
    .detail-box {
        min-height: 332px;
    }
}
.survey{
    background-color: #f4f4f4;
    padding: 60px 0px;
}
.survey h2 {
    margin: 15px 0 0 0;
}
.btn-blue{
    background-color: #171c8f;
    color: #fff;
    padding: 6px 45px;
    line-height: 34px;
    display: inline-block;
    height: 41px;
    border-radius: 5px;
}
.btn-blue:hover{
background-color: #ee0000;
color: #fff;
}
.btns-survey p {
    font-size: 13px;
    margin-top: 8px;
}
.btns-survey p a{
    color: #ee0000;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 0px;
}
.search-controls .form-control{
    border:1px solid #fff;
}
.innerErr p{
    margin-bottom: 0px;
    color: #fff;
}

@media (max-width: 767px) {
    .title-area .tabs-menu.twoline .navigation li {
        display: none;
    }
    .title-area .tabs-menu.twoline .navigation li.active {
        display: block;
    }
    .tabs-menu {
        background: #e5e6e6 url(../img/drop-down-arrow.png) no-repeat right 12px top 20px;
    }
    .title-area .tabs-menu.twoline {
        padding: 10px 12px;
        height: auto;
    }
    .title-area .tabs-menu.twoline.open .navigation li {
        display: block;
        float: none;
    }
    .title-area .tabs-menu.twoline.open .navigation li a {
        padding: 6px 10px 10px 65px;
        font-weight: 400;
        line-height: 38px;
    }
    .title-area .tabs-menu.twoline .navigation li a br {
        display: none;
    }
    .menu-rel {
        position: relative;
    }
    .title-area .menu-rel .sticky-menu {
        width: 100%;
        float: left;
        position: absolute;
        top: 0px;
        padding-top: 18px;
        padding-top: 1.8rem;
    }
    .title-area .menu-rel .sticky-menu {
        width: 100%;
        float: left;
        position: absolute;
        top: -60px;
        padding-top: 18px;
        padding-top: 1.8rem;
        z-index: 9;
    }
    .title-area .sticky-menu.sticky {
        top: 41px;
        padding: 0;
    }
    .active .bod {
        background: url(../img/directors-active.png) no-repeat 0 -6px;
    }
    .bod {
        background: url(../img/directors-simple.png) no-repeat;
        padding: 7px 0 3px 67px!important;
    }
    .content-box {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0;
    }
    .blue {
        background: rgba(23, 28, 143, 1);
    }
    .red {
        background: rgba(238, 0, 0, 1);
    }
    .media-box a {
        background: #ee0000;
        color: #fff;
        display: inline-block;
        padding: 6px 15px;
        font-weight: bold;
        position: relative;
        right: 0;
        top: 0;
    }
    .title-area .media-menu .tabs-menu.twoline .navigation li a {
        padding: 5px 1px 5px !important;
        min-height: auto;
    }
    .title-area .media-menu .tabs-menu.twoline .navigation li:first-child a {
        padding: 5px 26px 5px;
        min-height: auto;
    }
    .title-area .tabs-menu.twoline.open .navigation li a {
        padding: 6px 10px 10px 65px;
        font-weight: 400;
        line-height: 23px;
    }
    .media-menu a {
        background: transparent;
        color: #53565b !important;
    }
    .contorls-box {
        margin-bottom: 10px;
        overflow: hidden;
    }
    .more-box {
        width: 37%;
    }
    .date-box {
        width: 63%;
    }
    .more-box.full {
        width: 100%;
    }
    .more-box a {
        padding: 11px 13px;
    }
    .tabs-menu {
        background: #e5e6e6 url(../img/drop-down-arrow.png) no-repeat right 12px top 20px !important;
    }
    .title-area .media-menu .tabs-menu.twoline .navigation li.active a {
        background: transparent;
    }
    .minfix {
        margin-bottom: 10px;
    }
    .minfix .more-box.full a {
        padding: 11px 33px;
    }
    .detail-box {
        min-height: auto;
    }
    .survey {
    background-color: #f4f4f4;
    padding: 29px 0px;
}
.survey h2 {
    margin: 0px 0 10px 0;
}
}

.large .more-box a {
    font-size: 19px;
}

.large .data-section .more-box a {
    font-size: 18px;
}

.large .data-section .date-box p {
    font-size: 18px;
}

.margin-bottom {
    margin-bottom: 25px;
}

.data-detail img {
    margin-bottom: 25px;
    width: 100%;
}

.data-detail p {
    margin-bottom: 20px;
}

.search h1 span {
    color: #999;
}

.search h1 {
    color: #ccc;
}

.btn-active {
    background-color: #171c8f;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    margin-bottom: 20px;
    display: inline-block;
}

.btn-active:hover {
    background-color: #0b0e4d;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
    text-decoration: none;
}

.search-data h4 {
    color: #999;
    font-weight: normal;
    font-size: 14px;
}
.others a {
    background-color: #53565b;
    color: #fff;
    padding: 7px 19px;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: left;
    font-size: 15px;
        display: inline-block;
}
.others a:hover {
    background-color: #3b3e42;
    color: #fff;
    text-decoration: none;
}
.search-data{
    margin-bottom: 40px;
}
.search-data h3{ color: #333; }
.search-data h3 span{ color: #171c8f;}
.search-data p{}
.search-data p span{ color: #171c8f;}
.search-data a{}

.blindmode-active .more-box a {
    background: #fff url(../img/more-ico-black.png) no-repeat;
    background-position: right 10px center;
    color: #000;
}
.blindmode-active .more-box a:hover {
    background: #000 url(../img/more-ico.png) no-repeat;
    background-position: right 10px center;
    color: #fff;
}