﻿@charset "utf-8";

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 90px !important;
}

/* ==========================================================================
   1. CSS Reset Code
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* Force scrollbar */
html { overflow-y: scroll; }

/* Align radios and text inputs with their label */
input[type='radio'], input[type='checkbox'] { vertical-align: text-bottom; width: auto; height: auto; min-width: auto; margin: 0; display: inline-block; vertical-align: middle; cursor: pointer; }

/* Hand cursor on clickable input elements */
label, input[type='button'], input[type='submit'], button { cursor: pointer; }
input[type='button'], input[type='submit'], button { background-color: #fcb415; -webkit-transition: all .3s; transition: all .3s; }
button:focus { outline: 0; }
input[type='button']:hover, input[type='submit']:hover, button:hover { background-color: transparent; color: #fff; border-color: #fcb415; outline: none; }
* { border: none; outline: none; box-sizing: border-box; }
b, strong { font-family: 'Halbfett'; font-size: inherit; }
i, em { font-style: italic; }
img { border: 0; vertical-align: middle; max-width: 100%; }
sub, sup { vertical-align: baseline; position: relative; font-size: 55%; line-height: 0; }
sup { top: -.7em; }
sub { bottom: -.25em; }
a { color: #fcb415; text-decoration: underline; display: inline-block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
a:focus, a:active { border: none; outline: none; }
a:focus, a:hover { color: inherit; text-decoration: none; }
div { vertical-align: top; }
table, tr, td, th { border: 1px solid #000; padding: 5px; font: 400 16px Mont-Reg, sans-serif; }
table { border-collapse: collapse; }

/* 1.2. Clear Fix
   ========================================================================== */
.clear_0:before, .clearfix:before, .clear_0:after, .clearfix:after { display: table; content: " "; }
.clear_0:after, .clearfix:after { clear: both; }

/*
.row:before,
.row:after{
  display: table;
  content: " ";
}
*/
.row:before { display: none; }
.row:after { clear: both; }

/*=======================================================================
                                                FONT FACE DECLARTIONS
========================================================================*/
@font-face { font-family: 'Halbfett'; src: url('../fonts/Sohne-Halbfett/Sohne-Halbfett.eot'); src: url('../fonts/Sohne-Halbfett/Sohne-Halbfett.woff') format('woff'), url('../fonts/Sohne-Halbfett/Sohne-Halbfett.woff2') format('woff2'), url('../fonts/Sohne-Halbfett/Sohne-Halbfett.ttf') format('truetype'), url('../fonts/Sohne-Halbfett/Sohne-Halbfett.svg#Sohne-Halbfett') format('svg'), url('../fonts/Sohne-Halbfett/Sohne-Halbfett.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Mager'; src: url('../fonts/Sohne-Mager/Sohne-Mager.eot'); src: url('../fonts/Sohne-Mager/Sohne-Mager.woff') format('woff'), url('../fonts/Sohne-Mager/Sohne-Mager.woff2') format('woff2'), url('../fonts/Sohne-Mager/Sohne-Mager.ttf') format('truetype'), url('../fonts/Sohne-Mager/Sohne-Mager.svg#Sohne-Mager') format('svg'), url('../fonts/Sohne-Mager/Sohne-Mager.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Leicht'; src: url('../fonts/Sohne-Leicht/Sohne-Leicht.eot'); src: url('../fonts/Sohne-Leicht/Sohne-Leicht.woff') format('woff'), url('../fonts/Sohne-Leicht/Sohne-Leicht.woff2') format('woff2'), url('../fonts/Sohne-Leicht/Sohne-Leicht.ttf') format('truetype'), url('../fonts/Sohne-Leicht/Sohne-Leicht.svg#Sohne-Mager') format('svg'), url('../fonts/Sohne-Leicht/Sohne-Leicht.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Avenir-Reg'; src: url('../fonts/AvenirNext-Reg.ttf'); font-weight: normal; font-style: normal; }

/*=======================================================================

========================================================================*/
body { font: 400 16px 'Mager', sans-serif; color: #32325d; background: #fff; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #000; font-family: 'Halbfett', sans-serif; }
h1 { font-size: 42px; }
h2 { font-size: 50px; line-height: 50px; }
h3 { font-size: 32px; line-height: 32px; }
h4 { font-size: 28px; }
h5 { font-size: 24px; }
h6 { font-size: 16px; }
p { font: 400 16px 'Mager', sans-serif; color: #000; margin-bottom: 15px; }
ul li, ol li { font: 500 16px 'Mager', sans-serif; color: #000; }
input { font: 500 17px 'Mager', sans-serif; color: #000; outline: none; height: 45px; border: 1px solid #000; min-width: 200px; padding: 0 10px; }
textarea { min-width: 300px; min-height: 100px; font: 500 17px 'Mager', sans-serif; border: 1px solid #000; padding: 10px; }
body { min-height: 100vh; background-color: #fff; }
main { min-height: calc(100vh - 300px); }

/*=======================================================================
========================================================================*/
.wrapper { position: relative; overflow: hidden; }
.container { max-width: 1200px; margin: 0 auto; }
.header { width: 100%; background-color: transparent; position: fixed; top: 0; left: 0; z-index: 9999; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
header.toggle { z-index: 99999999; }
.header--container { padding: 40px 15px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.sticky--header--container { padding: 20px 15px; }
.menubar { display: inline-block; padding: 10px 0; cursor: pointer; position: relative; z-index: 99; }
.menubar__bar { display: block; width: 22px; height: 2px; background-color: #fcb415; position: relative; }
.menubar__bar:before { content: ""; display: block; width: 17px; height: 2px; background-color: #fcb415; position: absolute; top: -7px; left: 0; transition: all .4s ease; }
.menubar__bar:after { content: ""; display: block; width: 12px; height: 2px; background-color: #fcb415; position: absolute; bottom: -7px; left: 0; transition: all .4s ease; }
.header__logo { margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.search_fn { float: right; }
.sticky--header { background-color: rgba(0, 0, 0, 0.8); }

/*===============BANNER SLIDER===============*/
.banner--slide { position: relative; }
.slider--container { padding: 0 40px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.slider__heading { font: 400 30px 'Mager'; color: #fff; margin-bottom: 40px; }
.slider__heading-bold { font: 400 90px/90px 'Halbfett'; color: #ffb600; display: inline-block; padding-bottom: 10px; position: relative; }
.slider__heading-bold:after { content: ""; display: block; width: 100%; height: 1px; background-color: #ffb600; opacity: 0.7; position: absolute; bottom: 0; left: 0; }
.slider__heading-strong { font: 400 90px/90px 'Halbfett'; color: #fff; display: inline-block; }
.slider__para { font: 400 16px 'Avenir-Reg', sans-serif; color: #fff; }
.slider__para-bold { font-weight: 400; color: #ffb600; }
.slider__ip { display: block; width: 800px; height: 90px; padding: 0 5px; font: 400 54px 'Halbfett'; color: #ffb600; background-color: transparent; border: 0; border-bottom: 1px solid #ffb600; }
.slider__heading--margin { margin: 0; }
.banner-slider:focus .slide { animation-play-state: paused; }
.scroll_down { position: absolute; bottom: -130px; left: 15px; }

/*===============LOGOS LIST================*/
.main__content--container { padding-left: 30px; padding-right: 30px; }
.logos-list { border-bottom: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 50px; }
.logo__col { padding: 20px 15px; }
.logo__cell { display: table; width: 100%; height: 100%; vertical-align: middle; text-align: center; }
.logo__wrap { display: table-cell; vertical-align: middle; text-align: center; }

/*===============NEW TO RALLY=============*/
.container--sec { padding: 50px 15px; }
.title { padding-top: 50px; position: relative; margin-bottom: 40px; }
.title:before { content: ""; display: block; width: 50px; height: 4px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.title__heading { font: 400 50px 'Halbfett', sans-serif; color: #252525; }
.col__wrap { position: relative; }
.rally__anchor { display: block; text-decoration: none; color: #fff; }
.rally__img { display: block; width: 100%; height: 380px; object-fit: cover; }
.rally__heading { font: 400 40px/40px 'Halbfett', sans-serif; color: #fff; position: absolute; top: 0; left: 0; padding: 25px 20px; }
.rally__play { position: absolute; bottom: 20px; left: 20px; }
.col__wrap { background-color: #334c9f !important; background-position: right top !important; }
.col__content { padding: 25px 100px 20px 20px; width: 100%; min-height: 430px; }
.sr_no { display: block; font: 400 110px/110px 'Halbfett', sans-serif; color: #fff; margin-bottom: 30px; }
.rally__heading-level2 { position: static; padding: 0; margin-bottom: 10px; }
.rally__para { font: 400 16px 'Mager'; color: #fff; }
.rally__para-bold { font-weight: 400; color: #ffb600; }

/*===============PRI FOOTER===============*/
.row--footer { margin: 0; }
.col-pri { min-height: 230px; padding: 35px 40px 20px; padding-right: 110px; background-position: right bottom !important; }
.col-pri-left { background-color: #334c9f !important; }
.col-pri-right { background-color: #fcb415 !important; }
.footer__pri__heading { font: 400 40px/40px 'Halbfett', sans-serif; color: #fff; padding-bottom: 30px; margin-bottom: 20px; position: relative; }
.footer__pri__heading:after { content: ""; display: block; width: 50px; height: 4px; background-color: #fff; position: absolute; bottom: 0; left: 0; }
.footer__pri__heading--black { color: #000; }
.footer__heading--anchor { color: #000; text-decoration: none; }
.footer__pri__heading--black:after { background-color: #000; }
.footer__para--bold { font-weight: 700; position: relative; }
.footer__pri__para { font: 400 16px/18px 'Mager'; color: #fff; margin-bottom: 0; }
.footer__para--anchor { color: #fff; text-decoration: none; }
.footer__para--right { color: #000; }
.footer__sec { background-color: #000; }
.container--footer--sec { padding: 40px 40px 20px; }
.footer__sec__heading { font: 400 20px/14px 'Halbfett'; color: #fff; margin-bottom: 20px; }
.footer__page--links { list-style-type: none; }
.footer__page__item { font: 400 16px/30px 'Mager'; color: #fff; }
.footer__page--anchor { color: #fff; text-decoration: none; }
.yellow_content { float: right; text-align: center; }
.footer__logo { text-align: center; margin-bottom: 20px; }
.footer__soc { text-align: center; margin-bottom: 20px; }
.footer__soc__item { display: inline-block; vertical-align: middle; margin: 0 2px; }
.footer__soc--anchor { font-size: 18px; color: #fcb415; text-decoration: none; }
.footer__soc--anchor:hover { color: #fcb415; }
.footer__copyright { padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.footer__para { font: 400 16px/24px 'Halbfett'; color: #fff; margin: 0; padding: 0 40px; }
.mob__footer { display: none; }

/*===============================================*/
.feature--sec-title:before { display: none; }
.feature--sec-title { padding-top: 0; margin-bottom: 20px; }
.radio-nav { position: absolute; opacity: 0; z-index: -1; }
.slide__left { position: absolute; left: 20px; background: url(../images/PrevArrow.png) no-repeat; background-size: 100% 100%; }
.slide__right { position: absolute; right: 20px; background: url(../images/NextArrow.png) no-repeat; background-size: 100% 100%; }
.slide-wrap { height: 100%; position: relative; }
.feature-img { width: 100%; height: 100%; object-fit: cover; }
.slide-content { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; padding: 25px; }
.feature__title { font: 400 20px 'Halbfett'; color: #fcb415; }
.feature__title-bold { font: 400 40px/40px 'Halbfett'; color: #fff; display: block; }
.feature__date { font: 400 14px 'Halbfett'; color: #ffb600; margin: 5px 0 10px; }
.feature__views { font: 400 16px 'Halbfett'; color: #fff; padding-left: 30px; background: url(../images/eye-icon.png) no-repeat; background-position: left center; }
.slide--feature { padding: 0 5px; }
.feature__price { font: 400 40px 'Halbfett'; color: #fff; position: absolute; bottom: 0; left: 0; padding: 25px; }
.feature__price-bold { font: 400 14px 'Mager'; }

/*=============RIDERS LOVES RALLY==============*/
.riders__para { font: 400 16px 'Mager'; color: #000; }
.riders__img-wrap { width: 130px; margin: 20px auto 10px; padding: 3px; border: 4px solid #fcb415; border-radius: 50%; }

/*============CONTACT PAGE============*/
.inner__banner { position: relative; }
.inner__banner__img { width: 100%; }
.inner__banner--container { height: 100%; top: 0; transform: none; }
.banner__content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.inner__banner__heading { font: 400 90px/90px 'Halbfett'; color: #fff; }
.inner__banner__para { font: 400 16px 'Mager'; color: #fff; margin-left: 4px;}
.inner__banner__para-bold { color: #fcb415; }
.contact__page--container { padding: 60px 50px 80px; }
.cont__section--heading { font: 400 50px/50px 'Halbfett'; color: #000; margin-bottom: 60px; }
.cont__form__group { margin-bottom: 10px; }
.cont__form-ip { width: 100%; height: 40px; font-size: 14px; font-family: 'Mager'; color: #9d9d9d; border-radius: 3px; background-color: rgba(205, 207, 207, 0.3); border: solid 1px rgba(151, 151, 151, 0.1); }
.cont__form-textarea { width: 100%; height: 180px; font-size: 14px; font-family: 'Mager'; color: #9d9d9d; border-radius: 3px; background-color: rgba(205, 207, 207, 0.3); border: solid 1px rgba(151, 151, 151, 0.1); resize: none; }
.cont__form-ip::-webkit-input-placeholder, .cont__form-textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity: 0.5; }
.cont__form-ip::-moz-placeholder, .cont__form-textarea::-moz-placeholder { /* Firefox 19+ */
opacity: 0.5; }
.cont__form-ip:-ms-input-placeholder, .cont__form-textarea:-ms-input-placeholder { /* IE 10+ */
opacity: 0.5; }
.cont__form-ip:-moz-placeholder, .cont__form-textarea:-moz-placeholder { /* Firefox 18- */
opacity: 0.5; }
.cont__form-submit { width: 100%; height: 50px; font-size: 18px; font-family: 'Mager'; color: #000 !important; border: 0 !important; border-radius: 3px; background-color: #fcb415; background: #fcb415 url(../images/icon7.png) no-repeat !important; background-position: right 20px center !important; text-align: left; }
.help__list { list-style-type: none; text-align: center; margin-top: 120px; }
.help__list__item { margin-bottom: 20px; }
.help__heading { font: 400 20px/25px 'Halbfett'; color: #000; }
.help__heading-bold { color: #fcb415; }
.help__para { font: 400 16px/24px 'Mager'; color: #000; }
.help__anchor { color: #000; text-decoration: none; }
.follow_us_icons_list { margin-top: 10px; }
.follow_us_icons { display: inline-block; vertical-align: middle; margin: 0 5px; }
.follow_us_icons-img { width: 20px; }
.container--mob__footer { padding: 30px 15px; text-align: center; }
.tab__faq { position: relative; margin-bottom: 1px; overflow: hidden; border-bottom: 1px solid #cdcfcf; }
.help__ip { position: absolute; opacity: 0; z-index: -1; }
.help__lable { position: relative; display: block; padding: 15px 10px; padding-right: 40px; cursor: pointer; font: 400 16px 'Mager'; color: #252525; }
.tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .35s; -o-transition: max-height .35s; transition: max-height .35s; }
.tab__para { font: 400 16px 'Mager'; color: #252525; padding: 10px 20px; }

/* :checked */
input:checked ~ .tab-content { max-height: 50em; height: auto; border-top: 1px solid #fcb415; }
.help__ip:checked ~ label { font-weight: 900; }
.help__ip:unchecked ~ .tab-content { max-height: 0; overflow: hidden; }

/* Icon */
.help__lable::after { position: absolute; right: 0; top: 0; display: block; width: 45px; height: 50px; font-size: 22px; line-height: 50px; text-align: center; -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.help__ip + label::after { content: ""; }
.help__ip + label::after { content: "\f105"; font-family: 'FontAwesome'; }
.help__ip:checked + label::after { content: "\f107"; font-family: 'FontAwesome'; }
.live__chat { max-width: 400px; margin: 0 auto; }
.live__chat__title { font: 400 20px 'Halbfett'; color: #fff; background: #334c9f url(../images/icon8.png) no-repeat; background-position: left 15px center; padding: 14px 20px; text-align: center; }
.start__para { font: 400 16px 'Mager'; color: #000; padding: 24px 30px; margin-bottom: 0; border: 1px solid #cdcfcf; }
.chat__section { padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #cdcfcf; border-top: 0; margin-bottom: 12px; }
.chat__symbol { padding: 10px 25px 10px 15px; }
.chat__textbox { height: 180px; font: 400 16px 'Mager'; color: #000; padding: 8px 22px; border: 0; border-left: 1px solid #cdcfcf; resize: none; }
.chat__textbox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity: 0.5; }
.chat__textbox::-moz-placeholder { /* Firefox 19+ */
opacity: 0.5; }
.chat__textbox:-ms-input-placeholder { /* IE 10+ */
opacity: 0.5; }
.chat__textbox:-moz-placeholder { /* Firefox 18- */
opacity: 0.5; }
.start__chat-btn { display: block; font: 400 18px 'Halbfett'; color: #fff !important; text-decoration: none; padding: 14px 20px; border-radius: 5px; background: #334c9f url(../images/icon10.png) no-repeat; background-position: right 15px center; }
.start__chat-btn:hover { background-color: #fcb415; color: #000 !important; }
.mob__view { display: none; }
.cont__rally { display: block; font: 400 16px 'Mager'; background: #334c9f url(../images/icon10.png) no-repeat; background-position: right 10px center; color: #fff !important; text-align: center; text-decoration: none; padding: 15px 20px; padding-right: 60px; border-radius: 5px; }
.tab-content_h3 { margin: 20px 0; }

/*===================================================
                                        REWARDS PAGE
===================================================*/
.rewards__main__content { padding: 60px 15px; }
.rewards_heads { font: 400 50px/50px 'Halbfett'; color: #000; margin-bottom: 30px; position: relative; }
.top--heading { margin-bottom: 50px; }
.para { font: 400 16px 'Mager'; color: #000; }
.rewards-blue__col { min-height: 350px; height: 100%; padding: 20px 50px 20px 20px; padding-top: 170px; }
.rally__rewards__list { max-width: 700px; margin: 120px auto; }
.rewards--row:nth-child(odd) { padding-right: 50%; }
.rewards--row:nth-child(even) { padding-left: 50%; }
.align__right { text-align: right; }
.align__center { text-align: center; }
.rewards__col-head:before { content: ""; display: block; width: 100px; height: 4px; background-color: #fcb415; position: absolute; top: -50px; left: 0; }
.rewards__col-head.align__right:before { left: auto; right: 0; }
.rally__royalty { max-width: 720px; margin: 0 auto 70px; }
.rewards__col-head.align__center:before { left: 0; right: 0; display: block; margin: 0 auto; }
.default__btn--link { display: inline-block; min-width: 310px; padding: 10px 20px; border-radius: 3px; text-decoration: none; font: 400 16px 'Mager'; color: #30302f; margin: 0 20px; }
.yellow--link-btn { color: #30302f !important; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 10px center; }
.black--link-btn { color: #fcb415 !important; background: #30302f url(../images/icon18.png) no-repeat; background-position: right 10px center; }
.img__center { display: block; margin: 0 auto; }
.rally__icon { max-width: 90%; margin-top: 50px; }

/*===================================================
                                        ABOUT PAGE
===================================================*/
.about__content--container { padding: 60px 15px; }
.about__page--heading { font-size: 50px; line-height: 55px; }
.heading__level3 { font-size: 30px; }
.row__fleet--level1 { margin: 40px -15px; }
.fleet__points { list-style-type: none; }
.fleet__points--item { font: 400 16px 'Mager'; margin-bottom: 20px; padding-left: 16px; position: relative; }
.fleet__points--item:before { content: ""; display: block; width: 10px; height: 2px; background-color: #fcb415; position: absolute; top: 10px; left: 0; }
.about-blue__col { padding-right: 100px; }
.image__gallery { margin: 40px 0; }
.gallery--img { width: 100%; height: 100%; object-fit: cover; }
.row--image__gallery { margin: 10px -5px; }
.gallery__img--wrap { padding: 0 5px; }

/*===================================================
                                        REVIEW PAGE
===================================================*/
.review__page--container { padding: 60px 15px; }
.top-heading-small { display: block; font-size: 40px; }
.reviews--row { margin: 66px -15px; margin-bottom: 120px; }
.review--col { padding: 100px 80px; text-align: center; border-bottom: 1px solid #ebecec; position: relative; }
.review__person { width: 130px; display: block; margin: 25px auto 10px; padding: 3px; border-radius: 50%; border: 3px solid #fcb415; }
.review__person-img { width: 100%; }
.review--col:nth-child(odd):after { content: ""; display: block; width: 1px; height: 90%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: 0; border-right: 1px solid #ebecec; }
.review--col:nth-child(2n) { position: relative; top: 120px; }
.load_more { text-align: center; padding: 70px 0; }
.load_more-anchor { text-align: center; text-decoration: none; color: #000; }
.load__more-img { display: block; margin: 0 auto 10px; }
.load__more-bold { display: block; }

/*===================================================
                                        TERMS PAGE
===================================================*/
.terms__main__content--container { padding: 60px 50px; }
.terms__heading--level2 { margin-bottom: 40px; }
.terms__heading--level3 { font-size: 30px; margin-bottom: 30px; }
.terms--page-titles { margin-top: 40px; padding-top: 35px; margin-bottom: 20px; }

/*===================================================
                                        PROFILE PAGE
===================================================*/
.profile__banner-img { min-height: 500px; }
.profile__banner-content { left: 0; right: 0; text-align: center; top: auto; transform: none; bottom: 0; padding: 32px 0; }
.banner__profile__person { display: block; width: 230px; margin: 0 auto 20px; padding: 7px; border-radius: 50%; border: 6px solid #fcb415; }
.profile__person-name { color: #fff; font-size: 30px; }
.profile__person-email { color: #fcb415 !important; text-decoration: none; }
.inner__banner__para a { color: #fff; text-decoration: none; }
.profile__sidebar { padding: 0; }
.sidebar__options { list-style: none; }
.sidebar__option-anchor { color: #000; text-decoration: none; padding: 15px 20px; display: block; position: relative; }
.sidebar__option-anchor:after { content: "\f105"; font-family: 'FontAwesome'; color: #000; font-size: 22px; position: absolute; top: 16px; right: 15px; }
.sidebar__option-item { border-bottom: 1px solid #d8d8d8; }
.sidebar__option-item:last-child { border-bottom: 0; }
.profile__tab__side { border-left: 1px solid #ebebeb; padding: 0; }
.numeric__table { border-bottom: 1px solid #d8d8d8; }
.numeric__table-column { height: 110px; padding: 20px 10px; text-align: center; border-right: 1px solid #d8d8d8; }
.numeric__table-column:last-child { border-right: 0; }
.numeric__digit { font-size: 50px; line-height: 40px; margin-bottom: 5px; display: block; color: #000; }
.bio__content { padding: 40px; min-height: 550px; }
.bio__content--heading { margin-bottom: 32px; }
.profile__tab { padding: 30px 60px; }
.profile__tab-heading2 { margin-bottom: 36px; }
.profile__tab-heading3 { font-size: 40px; line-height: 50px; margin-bottom: 24px; }
.little__form-wrap { padding: 0 20px; margin-bottom: 40px; }
.acc__form-group { padding: 6px 10px; border: 1px solid rgba(151, 151, 151, 0.15); background-color: rgba(205, 207, 207, 0.3); border-radius: 3px; margin-bottom: 10px; }
.acc__form-label { display: block; font: 400 11px 'Mager'; color: #9d9d9d; }
.acc__form-ip { display: block; width: 100%; height: 18px; font-size: 14px; background-color: transparent; border: 0; padding: 0; color: #30302f; }
.profile__tab-heading4 { font-size: 30px; line-height: 50px; position: relative; padding-top: 24px; margin-bottom: 30px; }
.profile__tab-heading4:before { content: ""; display: block; width: 50px; height: 4px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.option_wrap { margin-bottom: 24px; }
.profile__tab-checkbox { position: absolute; opacity: 0; }
.profile__checkbox-label { position: relative; min-height: 20px; font: 400 14px 'Mager'; color: #30302f; padding-left: 30px; }
.profile__checkbox-label:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/unchecked.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0px; left: 0; }
.profile__tab-checkbox:checked ~ .profile__checkbox-label:before { background: url(../images/checked.png) no-repeat; background-size: 100% 100%; }
.small_info { font-size: 12px; color: #30302f; padding: 0 10px; margin-top: -7px; }
.yes_no_option:after { display: none; }
.profile__tab-radio { position: absolute; opacity: 0; }
.r_u_sure { display: table; width: 375px; height: 42px; background-color: #f8f8f8; margin-bottom: 20px; }
.sure_ques { display: table-cell; vertical-align: middle; padding: 6px 28px; }
.sure_ques_para { margin: 0; font-size: 14px; color: #30302f; }
.yes_no_option { display: table-cell; vertical-align: middle; width: 80px; text-align: center; color: #30302f; transition: all .3s ease; }
.profile__tab-radio:checked + label { background-color: #b72025; color: #fff; }
.method__table { width: 375px; display: table; height: 42px; margin-bottom: 15px; }
.method__cell { display: table-cell; vertical-align: middle; padding: 0 5px; }
.payment_select { width: 10%; }
.payment_type { width: 70%; color: #30302f; }
.delete_row { width: 20%; text-align: center; }
.profile__tab-heading5 { font-size: 18px; font-family: 'Mager'; margin-bottom: 15px; }
.notification__table { display: table; width: 375px; height: 42px; margin-bottom: 30px; }
.noti__cell { display: table-cell; vertical-align: middle; }
input:disabled + label { filter: grayscale(100%); color: #8e8e93; cursor: not-allowed; }
.option__icon { min-width: 30px; display: inline-block; vertical-align: inherit; }
.media__table { width: 320px; display: table; margin-bottom: 16px; }
.media__cell { display: table-cell; vertical-align: middle; }
.deactivate__btn { margin-top: 80px; }
.deactivate_link { display: block; padding: 12px; text-align: center; background-color: #b72025; color: #fff !important; border-radius: 3px; font-size: 17px; text-decoration: none; }
img.disabled { display: inline-block; margin-right: 10px; }
.mob__top-bar { display: none; width: 100%; background-color: rgba(0, 0, 0, 0.8); padding: 10px 15px; position: fixed; top: 63px; left: 0; z-index: 999; }
.back__arrow { width: 25px; }
.screen__name { float: right; font-size: 14px; color: #fff; padding-top: 2px; }
.slider__arrow { }
.mob__slider { position: relative; }
.slider__arrow { width: 50px; height: 100%; position: absolute; top: 0; background-size: 40px 40px; background-position: center; }
button.slide__left { left: 0; }
button.slide__right { right: 0; }

/*===========MOBILE MENU=============*/
.mob__menu { display: none; width: 100%; height: 100vh; overflow: auto; background: rgba(0, 0, 0, 0.9); position: absolute; top: 0; left: -100%; padding: 30px; padding-top: 60px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease; }
.mob__menu.toggle { left: 0; display: block !important; }
.menubar.toggle .menubar__bar { background-color: transparent; }
.menubar.toggle .menubar__bar:before { width: 22px; top: 0; transform: rotate(45deg); }
.menubar.toggle .menubar__bar:after { width: 22px; bottom: 0; transform: rotate(-45deg); }
.mob__menu-wrap { height: 100%; overflow: auto; }
.footer__page--links-2 { position: relative; margin-bottom: 30px !important; padding-bottom: 40px; }
.footer__page--links-2:after { content: ""; display: block; width: 50px; height: 3px; background-color: #fcb415; position: absolute; bottom: 0; left: 0; }
.footer__page__item-2 { display: block !important; font-size: 16px !important; line-height: 36px !important; border-right: 0px !important; }
.footer__soc-2 { text-align: left !important; }
.footer__page__item-last { font-size: 14px !important; line-height: 26px !important; }

/*============BOOKING===========*/
.main__content-container { padding: 30px 15px; }
.modal { display: block; height: 100vh; top: -100%; bottom: auto; transition: all 1s ease; }
.fade.in { opacity: 1; display: block; z-index: 9999; top: 0; }
.modal-dialog { max-width: 1920px; width: 100%; margin: 0 auto; }
.modal__header { min-height: 50px; background-color: #30302f; position: relative; }
.modal.fade .modal-dialog { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); }
.modal-title { font: 400 16px 'Mager'; color: #fff; display: block; text-align: center; }
.modal__header .close { font: 400 16px 'Mager'; color: #fcb415; padding: 14px; opacity: 1; text-shadow: none; position: absolute; top: 0; right: 0; }
.modal__header .back__modal { font: 400 16px 'Mager'; color: #fcb415; background-color: transparent; padding: 14px; opacity: 1; text-shadow: none; position: absolute; top: 0; left: 0; }
.modal__container { max-width: 1190px; width: 100%; margin: 0 auto; padding: 12px 15px 17px; position: relative; }
.selected__origin { font-size: 16px; line-height: 20px; font-family: 'Mager'; }
.selected__origin b { font-family: 'Halbfett'; }
.select__time { font-size: 20px; margin-bottom: 10px; }
.departure__result { border-top: 1px solid #cdcfcf; }
.result__for { margin-bottom: 10px; }
.result__no { font: 400 16px 'Mager'; margin-top: 10px; }
.result__date { font-size: 30px; font-family: 'Mager'; color: #000; display: inline-block; vertical-align: middle; margin-right: 20px; }
.result__view { display: inline-block; vertical-align: middle; font-size: 14px; font-family: 'Halbfett'; color: #000; }
.result__view img { margin-right: 4px; }
.result__date b { font-family: 'Halbfett'; }
.side__btns { float: right; }
.side__btns a { min-width: 100px; text-align: center; background-color: #eff0f0; color: #30302f; font-size: 14px; font-family: 'Mager'; padding: 8px 10px; float: left; border-right: 1px solid #cdcfcf; text-decoration: none; }
.side__btns .what__is { min-width: auto; padding: 4px 20px; font-weight: 800; font-size: 20px; font-family: 'Halbfett'; border-right: 0; }
.side__btns .btn-active { background-color: #30302f; color: #fcb415; }
.departure__result-list { max-height: 70vh; overflow: auto; }
.departure__detail { padding: 22px 15px 40px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-left: 10px solid transparent; }
.departure__detail:hover { background-color: #f5f6f6; border-top-color: #cdcfcf; border-bottom-color: #cdcfcf; border-left-color: #fcb415; }
.departure__no { font-size: 20px; margin-bottom: 15px; }
.departure__sub-heading { font-size: 16px; position: relative; z-index: 10; }
.departure__sub-heading:before { content: ""; display: block; width: 100%; height: 1px; background-color: #cdcfcf; position: absolute; top: 50%; left: 0; z-index: -1; }
.departure__sub-heading b { display: inline-block; background-color: #fff; padding-right: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.departure__detail:hover .departure__sub-heading b { background-color: #f5f6f6; }
.time__table { margin-bottom: 20px; }
.time__table-cell { -webkit-flex: 1; -moz-flex: 1; flex: 1; color: #000; }
.arrive-cell { text-align: right; }
.time__table-cell b { font-size: 20px; font-family: 'Halbfett'; }
.return__depart { color: #334c9f; text-decoration: underline; }
.return__depart b { font-weight: 100; font-family: 'Mager'; }
.departure__table-wrap { display: table; width: 100%; height: 100%; }
.departure--cell { display: table-cell; vertical-align: middle; }
.per__seat { color: #000; }
.per__seat b { display: inline-block; font-size: 50px; font-family: 'Halbfett'; margin-right: 4px; }
.per__seat span { display: inline-block; vertical-align: text-bottom; line-height: 16px; }
.bus__seat { padding-right: 100px; background: url(../images/icon30.png) no-repeat; background-position: right top 30px; }
.beta__link { padding: 3px 18px 5px; font-size: 12px; background-color: #334c9f; color: #fff; border-radius: 4px; text-decoration: none; }
.beta__link:hover { color: #000; background-color: #fcb415; }
.departure--right { text-align: center; }
.departure--col { border-right: 1px solid #cdcfcf; padding: 0 40px; }
.departure--col:last-child { border-right: 0; }
.modal-content { position: relative; min-height: 100vh; }
.next__step--booking { position: absolute; bottom: 0; right: 0; padding: 15px 45px; text-align: right; z-index: 999; }
.next__step-link { display: block; width: 330px; padding: 15px 30px; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 20px center; color: #30302f; font: 400 16px 'Halbfett'; text-decoration: none; text-align: left; border-radius: 4px; margin-bottom: 5px; margin-top: 5px; }
.next__step--para { margin-bottom: 0; }
.add_time { color: #000; }
#booking1 .modal-body:after { content: ""; display: block; width: 100%; left: 0; bottom: 0; height: 20%; position: absolute; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 7%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ }
.departure__result-list::-webkit-scrollbar { width: 0px }
.departure__result-list::-moz-scrollbar { width: 0px; opacity: 0; }
.departure__result-list::-webkit-scrollbar-track-piece, .departure__result-list::-moz-scrollbar-track-piece { background-color: transparent; -webkit-border-radius: 6px; opacity: 0; overflow: -moz-scrollbars-none; }

/*==========BOOKING2============*/
.select__seat--title { font-size: 60px; line-height: 45px; margin-bottom: 15px; }
.grp_dis { font-size: 20px; font-family: 'Mager'; }
.grp_dis b { font-family: 'Halbfett'; }
.seat__selection-table { padding: 60px 40px; }
.seat__counter { width: 285px; height: 160px; display: table; position: relative; margin: 17vh auto; border: 1px solid #cdcfcf; border-radius: 5px; }
.seat_minus { position: absolute; top: 50%; margin-top: -25px; left: -70px; }
.seat_plus { position: absolute; top: 50%; margin-top: -25px; right: -70px; }
#seats { display: table-cell; vertical-align: middle; text-align: center; font-size: 110px; color: #000; }

/*========BOOKING3=========*/
.review_order_bar { text-align: center; background-color: #cdcfcf; }
.review_order_bar-link { display: block; padding: 15px; font-size: 16px; color: #30302f; text-decoration: none; }
.review_order_bar-link:hover { color: #000; }
.apply__disc-title { font-size: 60px; line-height: 44px; }
.apply__disc-sec { padding: 14vh 0; margin: 0 auto; text-align: center; }
.apply__code-form { max-width: 400px; margin: 0 auto 28px; }
.code__ip { min-width: 320px; width: 320px; height: 40px; float: left; background-color: transparent; padding: 0 15px; font-size: 14px; color: #000; border: 1px solid #cdcfcf; border-right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.apply__btn { min-width: auto; width: 80px; height: 40px; background-color: #fcb415 !important; color: #30302f !important; font-size: 16px; font-family: 'Halbfett'; text-align: center; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: 0; }
.apply__rewards { margin-bottom: 30px; }
.apply__rewards-link { font: 400 16px 'Halbfett'; color: #000; vertical-align: middle; margin-right: 15px; }
.how__much-rewards { min-width: 150px; display: inline-block; vertical-align: middle; background-color: #fcb415; padding: 8px 16px; padding-right: 40px; color: #30302f; font-size: 20px; font-family: 'Halbfett'; border-radius: 4px; text-align: left; position: relative; }
.how__much-rewards img { position: absolute; top: 10px; right: 15px; }
.icon_center { display: block; margin: 0 auto 8px; }
.no__risk-para { font-size: 14px; }
.promo__code-congrats { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.85); z-index: -1; opacity: 0; transition: all .4s ease; }
.promo__code-congrats.show { opacity: 1; z-index: 11; }
.promo__code-table { display: table; width: 100%; height: 100%; }
.promo__code-cell { display: table-cell; vertical-align: middle; text-align: center; }
.congrats_word { font-size: 60px; line-height: 70px; margin-bottom: 10px; color: #fff; }
.your__code-para { font-size: 16px; color: #fff; }
#yelloe__code-enter { color: #fcb415; }
.close__congrats { position: absolute; top: 50px; left: 50%; margin-left: -20px; }

/*========ADD ON SLIDER========*/
.add__on-title { margin-top: 30px; font-size: 50px; }
.slider-add__on-wrapper { height: 370px; margin: 50px -6px; }
.slider-add__on-wrapper input { opacity: 0; }
.add__on-slider { width: 30%; min-height: 100%; color: #fff; text-align: left; overflow: hidden; padding: 0 5px; }
.slide1.add__on-slider { left: 0; }
.slide2.add__on-slider { left: 30%; }
.slide3.add__on-slider { left: 60%; }
.slide4.add__on-slider { left: 90%; }
.add__on-slide1-wrap { background: url(../images/add-on1.png) no-repeat; background-size: cover; }
.add__on-slide2-wrap { background: url(../images/add-on2.png) no-repeat; background-size: cover; }
.add__on-slide3-wrap { background: url(../images/add-on3.png) no-repeat; background-size: cover; }
.add__on-slide4-wrap { background: url(../images/add-on1.png) no-repeat; background-size: cover; }
.add__on-slide-wrap { height: 100%; padding: 42px 24px; position: relative; text-align: left !important; overflow: hidden; }
.add__on-name { font-size: 40px; line-height: 40px; color: #fff; }
.add__on-rating { font-size: 14px; color: #fff; margin: 5px 0; }
.add__on-para { font-size: 14px; line-height: normal; color: #fff; }
.add__on-logo { margin: 10px 0; }
.add__on-price { font-size: 14px; font-family: 'Mager'; color: #fff; }
.add__on-price b { font-size: 40px; font-family: 'Halbfett'; color: #fff; }
.add__on-type { width: 100px; height: 130px; font-size: 12px; font-family: 'Mager'; color: #000; background-color: #fcb415; position: absolute; top: 0; left: 0; transform: rotate(45deg); top: -65px; left: -55px; }
.add__on-type.type--popular { background-color: #334c9f; color: #fff; }
.add__on-type span { width: 100%; position: absolute; top: auto; bottom: 50px; left: 38px; padding: 10px; text-align: center; -webkit-transform: rotate(269deg); -moz-transform: rotate(269deg); -ms-transform: rotate(269deg); transform: rotate(269deg); }
.add__on-qty { font: 400 20px 'Halbfett'; color: #fff; padding: 8px 26px 10px; background-color: #334c9f; border-top-left-radius: 5px; position: absolute; bottom: 0; right: 0; }
.old__price { font-size: 20px; font-family: 'Halbfett'; color: #fff; position: relative; }
.old__price:after { content: ""; display: block; width: 100%; height: 3px; background-color: #b72025; position: absolute; top: 50%; left: 0; }
.add__on-anchor { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.add__on-full-detail { padding: 60px; background-color: rgba(0, 0, 0, 0.85); }
.add__on-wrapper { max-width: 1920px; overflow: hidden; background-color: #fff; position: relative; margin: 0 auto; }
.add__on1-banner { background: url(../images/add-on-banner.jpg) no-repeat; background-size: cover; position: relative; padding: 60px 30px 30px; }
.add__on2-banner { background: url(../images/add-on2-banner.jpg) no-repeat; background-size: cover; position: relative; padding: 60px 30px 30px; }
.add__on-banner-wrap .add__on-content {  }
.close-add__on { position: absolute; top: 20px; right: 20px; z-index: 10; }
.add__on-main { padding: 50px 30px; }
.add__on-left { padding-right: 50px; }
.add__on-main p { font-size: 15px; }
.rating--views { margin: 25px 0; }
.rating__add-on { display: inline-block; vertical-align: middle; font-size: 15px; color: #000; margin-right: 20px; }
.view__add-on { display: inline-block; vertical-align: middle; font-size: 15px; color: #000; }
.add__on-ul { list-style-type: none; margin: 0 auto 20px; }
.add__on-ul li { font-size: 15px; line-height: 24px; font-family: 'Mager'; color: #000; margin-bottom: 15px; }
.add__on-title-wrap { position: relative; padding-top: 30px; margin-bottom: 30px; }
.add__on-title-wrap:before { content: ""; display: block; width: 50px; height: 3px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.add__on-title { font-size: 50px; line-height: 50px; margin-top: 0; }
.rating__icon { width: 100px; }
.address { margin-bottom: 20px; }
.select__qty-add-on { max-width: 375px; margin-top: 40px; padding: 16px 30px 11px; background: #fcb415 url(../images/icon34.png) no-repeat; background-position: bottom left; }
.select__qty-title { font-size: 14px; color: #252525; text-align: center; margin-bottom: 10px; }
.add__on-qty-counter { text-align: center; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: 13px; }
.qty__arrow img { width: 10px; height: 18px; vertical-align: baseline; }
#qty { font-size: 38px; color: #252525; font-family: 'Mager'; margin: 0 10px; }
.sub__total { display: inline-block; font-size: 14px; color: #000; margin-top: 4px; }
.sub__total b { font-size: 25px; font-family: 'Halbfett'; }
.add_final-qty { float: right; }
.add_final-qty a { min-width: 120px; padding: 10px 20px; background-color: #30302f; color: #fff; border-radius: 5px; text-decoration: none; text-align: center; font-size: 16px; }
.add_final-qty a:hover { background-color: #000; }
.yellow__text { color: #fcb415; }
.no_risk--booking { max-width: 280px; margin: 0 auto; padding: 20vh 0; text-align: center; }
.no-risk-title { font-size: 30px; }
.no-risk-row { max-width: 990px; margin: 0 auto; }
.no-risk-column { text-align: center; padding: 0 50px; border-right: 1px solid #d8d8d8; }
.no-risk-column:last-child { border-right: 0; }
.font14 { font-size: 14px; }

/*===========SEARCH PHASE=============*/
.search__page-header { background-color: rgba(0, 0, 0, 0.8); }
.search__page-header-container { padding: 20px 15px; }
.search__modal { padding-top: 70px; }

/*
.search__modal{
    width: 100%;
    height: 100vh;
    height: 100%;
    overflow: auto;
    background-color: #fff;
    position: fixed;
    top: -100%;
    bottom: auto;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
}

.search__modal1{
    top: 0;
}

.search__modal.show{
    opacity: 1;
    z-index: 9999;
    top: 0;
}
*/
.close__search { position: absolute; top: 40px; right: 40px; z-index: 10; display: none; }
.search__modal-container { max-width: 1280px; margin: 0 auto; padding: 25px 45px; }
.search__rally-wrap { margin-bottom: 30px; }
.search__rally-h3 { font-size: 50px; line-height: 60px; }
.search__rally { height: 70px; font-size: 50px; padding: 0; }
.rally__date-wrap, .rally__location-wrap { padding: 0 15px; background-color: rgba(238, 238, 238, 0.6); display: inline-block; vertical-align: top; margin-right: 5px; }
.rally__date-label { padding: 8px 2px; padding-left: 22px; background: url(../images/calendar-icon.png) no-repeat; background-position: left center; font-size: 16px; color: #000; }
.rally__from-label { padding: 8px 2px; padding-left: 22px; background: url(../images/location-icon.png) no-repeat; background-position: left center; font-size: 16px; color: #000; }
.on-from { height: 40px; width: 250px; background-color: transparent; font-size: 16px; color: #000; border: 0; padding: 0; }
.rally_is-ques { font-family: 'Halbfett'; margin: 32px 0; }
.trending__title { font-size: 40px; }
.slide-wrap { text-align: left !important; }

/*===========SEARCH MODAL===========*/
.close--search { font-size: 46px !important; line-height: 22px !important; font-weight: 100 !important; padding: 14px 10px 20px !important; }
.trending__anchor { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; }
.modal--title__trending-wrap { background-size: cover !important; }
.modal--title__trending-container { padding: 30px 15px 32px; }
.search__modal-body { padding: 0; }
.modal--title__trending { font-size: 30px; color: #fff; }
.rally__gose-to { font-size: 20px; width: 80%; }
.whats__rally-pt { position: absolute; top: 20px; right: 15px; }
.whats__rally-pt-link { color: #000; text-decoration: underline; }
.whats__rally-pt-link img { margin-left: 5px; }
.search__tab__link-list { list-style-type: none; margin-bottom: 15px; }
.search__tab__link-item { display: inline-block; vertical-align: top; margin-right: 6px; position: relative; }
.search__tab__link-anchor { min-width: 220px; padding: 7px 40px 10px; color: #000; text-align: center; text-decoration: none; border: 1px solid #cdcfcf; border-radius: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.search__tab__link-item:first-child label { min-width: auto; }
.search__tab__link-anchor:hover { background-color: #cdcfcf; }
.search__tab__link-anchor:focus { background-color: #ffb600; border: 1px solid #ffb600; }
.results__found { font-size: 16px; font-family: 'Halbfett'; color: #000; margin-bottom: 10px; }
.trip__rslt-list { list-style-type: none; }
.trip__rslt-list-item { position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.rally__trip { display: block; border-bottom: 1px solid rgba(151, 151, 151, 0.3); border-left: 5px solid transparent; padding: 16px 15px 14px 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.trip__rslt-list-item:hover { background-color: #f4f4f4; }
.trip__rslt-list-item:hover .rally__trip { border-left-color: #fcb415; }
.trip__rslt-list-item:first-child .rally__trip { border-top: 1px solid rgba(151, 151, 151, 0.3); }
.trip__short-detail { width: 60%; float: left; }
.trip__name { font-size: 16px; font-family: 'Mager'; margin-bottom: 5px; }
.trip__name b { font-family: 'Halbfett'; display: block; }
.near__pts { font-size: 14px; margin-bottom: 0; }
.trip__date-time { width: 40%; float: right; text-align: right; }
.trip__date-time p { font-size: 14px; margin-bottom: 5px; }
.open__map-link { font-size: 14px; font-family: 'Halbfett'; color: #fcb415; text-decoration: none; padding-right: 10px; position: relative; }
.open__map-link:after { content: "\f105"; font-family: 'FontAwesome'; position: absolute; top: 4px; right: 0; }
.trip__rslt-anchor { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.load__trip-rslts { padding: 20px 0; }
.trip__map { display: none; position: absolute; top: 0; left: 0; }
.trip__map.hide { display: none; }
.trip__map.show { display: block; }
.popup { display: none; }
.search__tab-radio:checked ~ .popup { display: block; }
.inner__filter { min-width: 500px; padding: 20px 38px 35px; background-color: #fff; border: 1px solid rgba(205, 207, 207, 0.5); border-radius: 5px; position: absolute; top: 120%; left: 0; opacity: 0; z-index: -1; }
.search__tab-radio { position: absolute; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.search__tab-radio:checked ~ label { background-color: #ffb600; border-color: #ffb600; }
.search__tab-radio:checked ~ .inner__filter { opacity: 1; z-index: 20; }
.inner__filter p { font-size: 14px; }
.inner__filter-list { list-style-type: none; }
.inner__filter-list-item { float: left; }
.inner__filter-list-anchor { padding: 7px 30px 9px; min-width: 150px; border: 1px solid #cdcfcf !important; border-left: 0; color: #000; font-size: 14px; text-align: center; text-decoration: none; }
.inner__filter-list-item:first-child a { min-width: auto; border-left: 1px solid #cdcfcf; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.inner__filter-list-item:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.inner__filter h6 { font-size: 14px; margin-bottom: 20px; }
.bus_type-choice { font-size: 12px; color: #000; opacity: 0.2; text-decoration: none; border: 0 !important; }
.bus_type-choice:hover { opacity: 1; }
.bus__type-item { margin-right: 40px; }
.bus__type-item:last-child { margin-right: 0; }
.inner__filter-level { min-width: 220px; text-align: center; }
.level__arrow { width: 10px; height: 18px; opacity: 1 !important; background: none; display: inline-block; padding: 0; vertical-align: bottom; margin-bottom: 15px; }
.level__arrow img { height: 100%; }
.level__heading { text-align: center; margin-bottom: 00px !important; }
.trip__level { font-size: 38px; vertical-align: middle; margin: 0 10px; color: #252525; }
.trip__seats { display: inline-block; vertical-align: middle; }
#seats.trip__seats { display: inline-block; vertical-align: middle; font-size: 50px; color: #252525; margin: 0 10px; }
.filter-ip { position: absolute; opacity: 0; }
.advanced__filter { margin: 30px 0; }
.filter__label { display: block; font: 400 16px 'Mager'; color: #000; padding: 10px 40px 12px; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 10px center; border-radius: 4px; }
.filter__popup { width: 95%; margin: 0 auto; padding: 15px 0; background: #fff; display: none; }
.filter-ip:checked ~ label { background: #fcb415 url(../images/icon46.png) no-repeat; background-position: right 10px center; }
.filter-ip:checked ~ .filter__popup { display: block; }
.filter__popup .single-return__trip { margin: 0 0 20px; }
.trip--selection { position: relative; }
.trip { text-align: center; }
.code { display: block; font-size: 50px; line-height: 50px; color: #020202; }
.trip--selection .half { border: 0 !important; }
.one__half { padding-right: 20px; }
.sec__half { padding-left: 20px; }
.trip-dir-icon { position: absolute; opacity: 0; width: 30px; top: 80px; left: 50%; margin-left: -15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.gray__hr { display: block; margin: 10px 0; height: 1px; background: rgba(0, 0, 0, 0.1); }
.bus-choose-label { width: 33.33%; float: left; padding: 0 2px; text-align: center; opacity: 0.2; transition: all .3s; }
.bus-choose-label p { font-size: 12px; }
.bus-choose-ip { position: absolute; opacity: 0; }
.bus-choose-ip:checked + label { opacity: 1; }
.filter__popup h6 { font-size: 16px; margin-bottom: 10px; }
.filter__popup .half { text-align: center; min-height: 90px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.filter__popup .half:last-child { border: 0; }
.trip__level3 { font-size: 38px; vertical-align: middle; margin: 0 10px; color: #252525; }
#seats3.trip__seats { display: inline-block; vertical-align: middle; font-size: 50px; color: #252525; margin: 0 10px; }
.apply__wrap { margin-top: 20px; }
.apply__filter-link { display: block; font: 400 16px 'Mager'; color: #000; padding: 12px 20px 14px; background: #fcb415; background-position: right 10px center; border-radius: 4px; text-decoration: none; text-align: center; }
.map-body { position: relative; padding: 0 !important; }
.map__iframe { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.map-body .advanced__filter { width: 100%; position: absolute; top: 0; left: 0; padding: 15px; margin: 0; }
.map-body .filter__popup { padding: 10px; }

/*======================================
                    TRIP CREATION PAGE
=======================================*/
.trip__creation-main { position: relative; width: 100%; min-height: 100vh; text-align: center; color: #fff; }
.trip__creation-main-table { display: table; width: 100%; height: 100vh; }
.trip__bg-main { width: 100%; height: 100%; min-height: 100%; object-fit: cover; object-position: top; position: absolute; top: 0; left: 0; }
.trip__creation-container { display: table-cell; vertical-align: middle; position: relative; z-index: 10; }
.trip__heading-level3 { font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.trip__creation-container p { color: #fff; }
.trip__container--cell { max-width: 600px; margin: 0 auto; }
.font12 { font-size: 12px; }
.login__links { min-width: 180px; vertical-align: top; font-size: 14px; border-radius: 4px; padding: 6px 15px 10px; margin-right: 4px; text-align: center; text-decoration: none; }
.login__links:last-child { margin-right: 0; }
.fb-login { background-color: #3b5998; color: #fff; }
.fb-login .fa { margin-right: 5px; }
.rally-login { background-color: #30302f; color: #fcb415; }
.login__links-wrap { margin-bottom: 20px; }
.cont__link-wrap { margin-top: 40px; }
.cont__link { min-width: 280px; padding: 8px 30px 10px; background-color: #fcb415; font-weight: 800; font-size: 16px; color: #30302f !important; text-decoration: none; text-align: center; border-radius: 4px; }
.modal-title a { font-size: 12px; color: #fcb415; margin-left: 15px; }
.trips__modal p b { font-family: 'Halbfett'; }
.trip__modal-body { width: 100%; height: calc(100vh - 50px); overflow: auto; display: table; }
.trip__modal-container { display: table-cell; vertical-align: middle; text-align: center; }
.short__title { margin-bottom: 45px; }
.trip__title-level4 { font-size: 20px; margin-bottom: 5px; }
.trip__modal-title-large { font-size: 60px; line-height: 60px; margin-bottom: 40px; }
.big__links-wrap { margin: 35px 0 60px; }
.black__link { width: 300px; height: 250px; border-radius: 4px; background-color: #30302f !important; position: relative; margin-right: 20px; display: inline-block; vertical-align: top; background-position: right top !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.black__link .link__anchor:hover { border-color: #fcb415; }
.link_box { max-width: 230px; padding: 26px 30px; position: absolute; bottom: 0; left: 0; font-size: 16px; font-family: 'Mager'; color: #fcb415; text-align: left; }
.link_box b { display: block; font-size: 40px; line-height: 40px; font-family: 'Halbfett'; }
.yellow__link { width: 300px; height: 250px; border-radius: 4px; background-color: #fcb415 !important; background-position: right top !important; position: relative; display: inline-block; vertical-align: top; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.yellow__link .link__anchor:hover { border-color: #30302f; }
.yellow__link .link_box { color: #30302f; }
.yellow__link .link_box p { color: #30302f; }
.yellow__link p { margin: 10px 0 0; }
.link__anchor { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; border: 5px solid transparent; border-radius: 4px; }
.pro__trip { padding-left: 65px; color: #334c9f; max-width: 650px; margin: 0 auto; text-align: left; margin-top: 60px; position: relative; }
.compass_link { display: block; width: 32px; height: 32px; background: url(../images/icon36.png) no-repeat; background-size: 32px 32px; position: absolute; top: 0; left: 20px; }
.tip__title { font-size: 14px; color: #334c9f; }
.tip__para { color: #334c9f; }
.event__location-form { max-width: 500px; margin: 60px auto 90px; }
.event-ip { width: 100%; height: 40px; font-size: 14px; color: #000; padding: 10px 40px; background: rgba(205, 207, 207, 0.3) url(../images/location-icon.png) no-repeat; background-position: left 15px center; border-radius: 4px; border: 0; margin-bottom: 30px; }
.add__event-link { min-width: 400px; padding: 12px 30px 14px; }
.yellow__text a { color: #fcb415; text-decoration: underline; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
opacity: 0.4; }
::-moz-placeholder { /* Firefox 19+ */
opacity: 0.4; }
:-ms-input-placeholder { /* IE 10+ */
opacity: 0.4; }
:-moz-placeholder { /* Firefox 18- */
opacity: 0.4; }
.trip__modal-body2 { padding: 0; }
.create__trip-map { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; overflow: auto; }
.lets__create-trip { width: 450px; height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0.70); position: absolute; top: 0; right: 0; z-index: 20; }
.create__trip-table { width: 100%; height: 100%; display: table; padding: 30px 26px; }
.create__trip-cell { display: table-cell; vertical-align: middle; }
.white__text { color: #fff; }
.lets__create-trip p { color: #fff; }
.select__trip { margin: 50px 0 150px; padding-bottom: 40px; position: relative; }
.select__trip:before { content: ""; display: block; width: 5px; height: calc(100% - 68px); position: absolute; top: 31px; left: 8px; background: url(../images/icon45.png) repeat-y; background-size: 5px 9px; }
.add_field { content: ""; display: block; width: 36px; height: 36px; background: url(../images/plus-trip.png) no-repeat; background-size: 100% 100%; position: absolute; top: 30px; right: -8px; z-index: 10; }
.between__travel { background: none !important; }
.travel--ip { width: 100%; height: 40px; border: 0; border-radius: 3px; background-color: #fff; color: #252525; padding: 10px; font-size: 16px; }
.source { padding-left: 40px; padding-right: 10px; margin-bottom: 12px; }
.source:first-child { background: url(../images/icon42.png) no-repeat; background-position: left 2px center; }
.destination { width: 100%; padding-left: 40px; padding-right: 10px; background: url(../images/icon43.png) no-repeat; background-position: left 2px center; position: absolute; bottom: 0; left: 0; }
.add_date-link { min-width: 100%; padding: 13px 15px 15px; font-weight: 700; }
.pro__trip-2 { padding-left: 52px; }
.pro__trip-2 .compass_link { left: 5px; }
.link_box p b { font-size: inherit; display: inherit; line-height: normal; }
#trip_step5 .link_box { width: 100%; max-width: none; }

/*=====================================
                            COMMUTE PAGE
======================================*/
.commute-travel { max-width: 765px; margin: 0 auto; }
.next__commute-link-wrap { width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; padding: 60px; }
.next__commute-link { margin: 0 auto; }
.select_box { width: 200px; height: 45px; display: inline-block; vertical-align: top; margin-right: 4px; font-size: 16px; text-align: center; text-align-last: center; color: #020202; background: rgba(205, 207, 207, 0.3) url(../images/icon44.png) no-repeat; background-position: right 15px center; border: 0; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; }
.select_box:last-child { margin-right: 0; }
.i_commute { margin-bottom: 50px; }
.time__btn { width: 25px; height: 20px; background-color: transparent; border: 0; outline: 0; display: block; }
.up_time { background: url(../images/up-arrow.png) no-repeat; background-position: center bottom 2px; margin-bottom: 4px; }
.down_time { background: url(../images/down-arrow.png) no-repeat; background-position: center top 2px; }
.ip-wrap { display: inline-block; vertical-align: middle; width: 80px; background: rgba(205, 207, 207, 0.3); border-radius: 4px; margin-right: 4px; }
.time-ip { width: 50px; min-width: inherit; font-size: 16px; padding: 0 10px; border: 0; background: transparent; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; display: inline-block; vertical-align: middle; -moz-appearance: textfield; }
.time-ip::-webkit-inner-spin-button, .time-ip::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.arrive-return h6 { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }
.time-btns-wrap { float: right; width: 25px; opacity: 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }
.ip-wrap:hover .time-btns-wrap { opacity: 1; }
.arrive_by { margin-bottom: 10px; }
.ampm_btn { width: 25px; height: 45px; background: url(../images/icon44.png) no-repeat; background-position: center; }
.pay__amt-wrap { margin: 40px 0; }
.paying__amt { display: inline-block; background-color: rgba(205, 207, 207, 0.3); padding: 18px 22px; font-size: 50px; font-family: 'Halbfett'; color: #000; }
.compass__modal { display: table; width: 100%; height: 100vh; background-color: rgba(51, 76, 159, 0.9); text-align: center; z-index: -1; opacity: 0; position: fixed; top: 0; left: 0; right: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.compass__modal.show { opacity: 1; z-index: 99999; }
.compass__table-cell { display: table-cell; vertical-align: middle; }
.compass__title { margin-bottom: 40px; }
.compass-icon__center { margin-top: 40px; }
.compass__modal .container { max-width: 400px; }
.close__compass { width: 36px; height: 36px; background: url(../images/icon32.png) no-repeat; background-size: 36px 36px; position: absolute; top: 100px; left: 50%; margin-left: -20px; }

/*==============REVIEW MODAL==============*/
.review__modal-heading { font-size: 50px; line-height: 50px; margin-bottom: 40px; }
.review__table { border: 0; color: #000; width: 90%; }
.review__table tr { border: 0; }
.review__table th { font-size: 12px; border: 0; text-align: center; }
.review__table th:first-child { width: 55%; }
.review__table td { font: 400 22px 'Halbfett'; color: #000; border: 0; padding: 2px 5px 13px; text-align: center; }
.review__table td b { font-family: 'Halbfett'; }
.review__table td.order__name { font-size: 14px; font-family: 'Mager'; width: 60%; text-align: left; vertical-align: top; }
.review__order { border-bottom: 1px solid rgba(0, 0, 0, 0.55); position: relative; padding: 10px 0; }
.order__detail-lable { position: relative; position: absolute; top: 17px; right: 10px; }
.order__detail-lable:after { content: "\f078" !important; font-size: 20px; line-height: 20px; font-family: 'FontAwesome'; color: #000; }
.orders__checkbox { position: absolute; opacity: 0; }
.orders__checkbox:checked ~ .order__detail-lable:after { content: "\f077" !important; }
.order__detail { padding-top: 30px; border-top: 1px solid rgba(0, 0, 0, 0.55); display: none; }
.orders__checkbox:checked ~ .order__detail-lable ~ .order__detail { display: block; }
.add_time b { font-weight: 800; font-family: 'Halbfett'; }
.paymet_via { margin: 10px 0 30px; text-align: center; }
.paymet_via a { margin: 0 20px; }
.payment__form-ip-wrap { padding: 2px 5px; border: 1px solid rgba(0, 0, 0, 0.10); border-radius: 3px; padding: 5px 8px; margin-bottom: 12px; }
.payment__form-ip-wrap label { font-size: 12px; line-height: 12px; color: rgba(0, 0, 0, 0.35); font-family: 'Mager'; display: block; }
.payment__form-ip { width: 100%; height: 20px; padding: 0; background-color: transparent; font-size: 14px; font-family: 'Halbfett'; color: #000; border: 0; }
.next__step--para b { font-family: 'Halbfett'; }
.next__step--para b a { text-decoration: none; }
.modal.review__modal.fade { z-index: 99999; }
.card-ip { width: 100%; min-width: auto; height: 45px; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 4px; color: #000; font-size: 16px; margin-bottom: 12px; }
.mmyy-ip { width: calc(75% - 15px); margin-right: 15px; display: inline-block; }
.csv-ip { width: 25%; float: right; }
.payer__final-detail { position: relative; padding: 30px 0 40px; margin: 30px 0; }
.payer__final-detail:before, .payer__final-detail:after { content: ""; display: block; width: 50px; height: 4px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.payer__final-detail:after { top: auto; bottom: 0; }
.thank--heading { margin-bottom: 10px; }
.email__sentto { margin: 30px 0 0; font-size: 18px; }
.email-bold { display: block; }
.skip__link { display: inline-block; color: #fff; text-decoration: underline; font-size: 16px; }
.skip__link-wrap { margin-bottom: 30px; }
.text__center { text-align: center; }
.trip__tilte-mob { font-size: 40px; line-height: normal; color: #fff; margin-bottom: 20px; }
.mob__trip-banner { min-height: 200px; background-color: #222; padding: 30px 25px; margin: -16px; margin-bottom: 10px; position: relative; color: #fff; z-index: 10; }
.change__link { font-size: 14px; text-decoration: none; color: #fcb415; }
.trip__banner-img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; }
.modal__header .next__modal { font: 400 16px 'Mager'; color: #fcb415; background: none; padding: 14px; opacity: 1; text-shadow: none; position: absolute; top: 0; right: 0; }
.single-return__trip { border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 4px; overflow: hidden; margin: 40px 0; }
.crow__single-wrap { padding-bottom: 70px; margin-bottom: 60px; position: relative; }
.single-return__trip input { position: absolute; opacity: 0; }
.trip__radio-ip:checked + label { background-color: #fcb415; }
.trip__radio-lable { width: 50%; float: left; padding: 13px 10px; color: #000; text-align: center; font-size: 16px; background: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.single-return__trip img.icon { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.trip__radio-ip:checked + label + img { opacity: 1; }
.add__friend-popup { width: 100%; min-height: 100%; padding: 15px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: none; }
.add__friend-popup.in { opacity: 1; z-index: 9999; display: block; }
.add__friend-popup-wrap { min-height: 90vh; padding: 20px; background-color: #fff; border-radius: 4px; padding-bottom: 70px; position: relative; }
.add__friend-title { width: 90%; }
.close__add__friend-popup { position: absolute; top: 20px; right: 15px; z-index: 10; }
.add__friend-title .trip__title-level4 { font-size: 30px !important; }
.friends__add-list { position: relative; padding-bottom: 40px; margin-bottom: 70px; }
.friends__add-list .payment__form-ip-wrap { background-color: rgba(0, 0, 0, 0.04); }
a.add__friend { display: block; font-size: 16px; color: #000; font-family: 'Mager'; text-decoration: none; padding: 15px 10px 15px 40px; background: url(../images/plus-trip.png) no-repeat; background-size: 35px; background-position: left center; position: absolute; bottom: 0; left: 0; }
.friend__detail-form { margin-bottom: 20px; }
.add__friend-popup .cont__link-wrap { width: 100%; position: absolute; bottom: 0; left: 0; padding: 20px; }
.add__img-wrap { margin: 12vh 0; text-align: center; }
.add__img-ip { width: 0; opacity: 0; position: absolute; left: 0; }
.add__img-label { font: 400 16px 'Mager'; color: #fff; padding: 12px 50px 12px 0; background: url(../images/Upload.png) no-repeat; background-size: 45px 45px; background-position: right center; }
.add__friend-img-body { background-color: #222; }
.do__this-later { padding: 20px; text-align: center; }
.do__this-later-link { font: 400 16px 'Mager'; color: #fcb415; text-decoration: underline; }
.from-h6 { font-family: 'Mager'; }
.no__bg { background-color: transparent !important; }
.rally__short-pts:before { content: ""; display: block; width: 50px; height: 4px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.rally__short-pts { list-style-type: none; margin: 0px 0 40px; padding-top: 30px; position: relative; }
.rally__pts-item { font: 400 16px 'Mager'; color: #fff; position: relative; margin-bottom: 15px; }
.rally__pts-item p { display: inline-block; width: 85%; color: #fff; font-size: 14px; margin: 0; }
.pts__bullet { display: block; position: static; top: 0; left: 0; display: inline-block; vertical-align: top; margin-right: 10px; }
.tap_to_edit-link { text-decoration: none; color: #fff; font-size: 16px; padding: 12px 50px 12px 0; background: url(../images/edit.png) no-repeat; background-size: 45px 45px; background-position: right center; }
.text__right { text-align: right; }
.ques-ans { margin-bottom: 30px; }
.bus__type-selection { position: relative; }
.bus__label-wrap { width: 50%; float: right; padding-left: 5px; }
.bus__label-wrap input { position: absolute; opacity: 0; }
.bas__label { width: 50%; height: 60px; float: left; border: 4px solid transparent; }
.bas__label img { width: 100%; height: 100%; object-fit: cover; }
.selected__bus-img { width: 50%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.bus-select-ip:checked + label + img { opacity: 1; }
.bus-select-ip:checked + label { border-color: #fcb415; }
.quest__h6 { margin-bottom: 10px; }
.price-vs-friend { margin: 28px 0; text-align: center; }
.bucks-price, .friend-join { width: 50%; float: left; }
.price-vs-friend p { font-size: 14px; margin: 0; }
.box { min-width: 110px; padding: 10px 20px; margin: 5px 0; text-align: center; display: inline-block; border: 1px solid #cdcfcf; border-radius: 4px; font-size: 30px; font-family: 'Mager'; color: #30302f; }
.price-vs-friend b { font-size: 50px; color: #000; }
.ill { position: absolute; opacity: 0; }
.ill__label { position: relative; padding-left: 30px; font: 400 16px 'Mager'; color: #000; }
.ill__label:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/unchecked.png) no-repeat; background-size: 20px; position: absolute; top: 0; left: 0; }
.ill:checked + label { background: url(../images/checked.png) no-repeat; background-size: 20px; }
a.add__co-organizer { display: block; font-size: 16px; color: #000; font-family: 'Mager'; text-decoration: none; padding: 15px 10px 15px 40px; background: url(../images/plus-trip.png) no-repeat; background-size: 35px; background-position: left center; }
.checkbox__option { margin: 10px 0; }
.yellow__hr { width: 50px; height: 3px; background-color: #fcb415; margin: 30px 0; }
.textarea { width: 100%; min-width: 100%; background: #f3f2f2; border: 0; border-radius: 4px; min-height: 200px; color: #979797; padding: 15px; }
.half { width: 50%; float: left; }
.list-unlist { margin: 30px 0; text-align: center; }
.levels-diagram { margin: 70px 0; }
.route__track { list-style: none; position: relative; }
.route__track:before { content: ""; display: block; width: 1px; height: 80%; background-color: #000; position: absolute; top: 50%; -webkit-transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); transform: translateY(-55%); left: 19px; }
.route__track-item { padding-left: 40px; position: relative; font-size: 14px; font-family: 'Mager'; color: #000; margin-bottom: 30px; }
.loc__points { width: 60%; float: left; }
.loc__points p { font-size: 14px; }
.loc__time { width: 40%; float: right; }
.route-map { margin: 0 -15px; margin-bottom: 30px; }
.complete__map { width: 100%; }
.departure-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/start.png) no-repeat; background-size: 22px; position: absolute; top: 7px; left: 9px; }
.between-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/between.png) no-repeat; background-size: 22px; position: absolute; top: 8px; left: 9px; }
.arrive-pt:before { content: ""; display: block; width: 22px; height: 30px; background: url(../images/end.png) no-repeat; background-size: 22px 30px; position: absolute; top: 10px; left: 9px; }
.trip__overview .trip__heading-level3 { font-size: 30px; margin-bottom: 40px; }
.organizer__detail img { display: inline-block; vertical-align: middle; max-width: 80px; margin-right: 10px; }
.organizer__detail p { display: inline-block; vertical-align: middle; width: 60%; max-width: calc(100% - 100px); }
.bus__detail { margin-bottom: 40px; }
.bus__srno { padding: 10px 6px; background: #30302f; color: #fff; margin-top: -20px; z-index: 10; position: relative; }
.bus__srno p { margin: 0; }
.hit__target { padding: 20px 5px 18px 5px; border: 1px solid #cdcfcf; border-radius: 4px; }
.hit__target .box { display: block; font-size: 30px; font-family: 'Mager'; color: #30302f; padding: 0 15px; border: 0; text-align: center; }
.hit__target .half { padding: 0 10px; border-right: 1px solid #cdcfcf; text-align: center; }
.hit__target .half:last-child { border-right: 0; }
.hit__target b { font-size: 60px; line-height: 60px; }
.bus img { width: 100%; }
.bus { padding: 0 10px; width: 60%; }
.coach-bus { padding: 0 10px; width: 40%; }
.commute__step-no { font-size: 24px; }
.need-prefer-wrap { text-align: center; width: 90%; margin-bottom: 30px; }
.need-prefer { position: absolute; opacity: 0; }
.need-prefer-label { font: 400 16px 'Mager'; color: #000; padding-left: 30px; position: relative; background: url(../images/unchecked-radio.png) no-repeat; background-size: 20px 20px; background-position: left top; }
.need-prefer:checked + label { background: url(../images/checked-radio.png) no-repeat; background-size: 20px 20px; }
.font12 { font-size: 12px; }
.commute_ip { padding: 10px 15px; background-image: none; }
.share_rally-commute { margin: 30px 0; text-align: center; }
.share_rally-commute h6 { margin-bottom: 20px; }
.share_rally-commute .commute_ip { text-align: center; }

/*==================================================
                                            T-CONCEPT
===================================================*/
.lr__banner { width: 100%; height: calc(100vh - 60px); position: relative; overflow: hidden; z-index: 10; background-color: #30302f; }
.lr-slider-ip { position: absolute; opacity: 0; }
.lr-slide { height: 100vh !important; display: block !important; width: 100%; opacity: 0; left: 0 !important; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.lr-slide:after { content: ""; display: block; width: 100%; height: 100%; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; }
@-webkit-keyframes zoom {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}
@-moz-keyframes zoom {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}
@keyframes zoom {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
}
.slide-radio1:checked ~ .lr-slide.slide1 { opacity: 1; -webkit-animation: zoom 8s 1s infinite alternate; -moz-animation: zoom 8s 1s infinite alternate; -ms-animation: zoom 8s 1s infinite alternate; animation: zoom 8s 1s infinite alternate; }
.slide-radio2:checked ~ .lr-slide.slide2 { opacity: 1; -webkit-animation: zoom 8s 1s infinite alternate; -moz-animation: zoom 8s 1s infinite alternate; -ms-animation: zoom 8s 1s infinite alternate; animation: zoom 8s 1s infinite alternate; }
.slide-radio3:checked ~ .lr-slide.slide3 { opacity: 1; -webkit-animation: zoom 8s 1s infinite alternate; -moz-animation: zoom 8s 1s infinite alternate; -ms-animation: zoom 8s 1s infinite alternate; animation: zoom 8s 1s infinite alternate; }
.lr-slider-ip:checked ~ .slider { transform: none !important; }
.lr-slide img { width: 100%; height: 100%; object-fit: cover; }
.lr__slider-nav { bottom: 0; padding: 0 22px 20px; }
.label__wrap { width: 33.33% !important; float: left; padding: 0 4px; border-radius: 4px; }
.lr__slider-nav .lr__nav-bullet { display: block; width: 100%; height: 5px !important; margin: 0 !important; opacity: 1 !important; background: rgba(255, 255, 255, 0.6); border-radius: 4px; }
.lr__nav-bullet span { display: block; width: 0; height: 100%; background: #fcb415; transition: all .3s ease; border-radius: 4px; }
.slide-radio1:checked ~ .slider-pagination.lr__slider-nav .page1, .slide-radio2:checked ~ .slider-pagination.lr__slider-nav .page2, .slide-radio3:checked ~ .slider-pagination.lr__slider-nav .page3, .slide-radio4:checked ~ .slider-pagination.lr__slider-nav .page4 { width: 100%; height: 5px; background: rgba(255, 255, 255, 0.6); border-radius: 4px; }
.slide-radio1:checked ~ .slider-pagination.lr__slider-nav .page1 span, .slide-radio2:checked ~ .slider-pagination.lr__slider-nav .page2 span, .slide-radio3:checked ~ .slider-pagination.lr__slider-nav .page3 span, .slide-radio4:checked ~ .slider-pagination.lr__slider-nav .page4 span { -webkit-animation: width 2s forwards; -moz-animation: width 2s forwards; -ms-animation: width 2s forwards; animation: width 2s forwards; }
@-webkit-keyframes width {
    0% { width: 0; }
    100% { width: 100%; }
}
@-moz-keyframes width {
    0% { width: 0; }
    100% { width: 100%; }
}
@keyframes width {
    0% { width: 0; }
    100% { width: 100%; }
}
.lr__slider-content { width: 100%; position: absolute; top: 0px; left: 0; padding: 25px; }
.lr__slider-h1 { font: 400 8vh/8vh 'Halbfett'; color: #fff; position: relative; margin-bottom: 30px; }
.lr__slider-h1 b { display: block; font-size: 20px; line-height: 20px; }
.yellow--btn-wrap { padding: 5px 10px; padding-right: 150px; border-radius: 2px; background-color: #fcb415; color: #000; text-align: left; margin-top: 30px; position: relative; }
.level__sr { font-size: 12px; padding-bottom: 5px; margin-bottom: 5px; position: relative; }
.level__sr:after { content: ""; display: block; width: 30px; height: 3px; background-color: #000; position: absolute; bottom: 0; left: 0; }
.yellow--btn-wrap p { font-size: 14px; margin-bottom: 0; }
.riders { display: inline-block; vertical-align: middle; font-size: 40px; font-family: 'Halbfett'; margin-right: 2px; }
.yellow--btn-wrap span { display: inline-block; vertical-align: middle; }
.yellow--btn-wrap .book__link { min-width: 130px; padding: 15px 10px; text-align: center; text-decoration: none; font-size: 16px; color: #fcb415; border-radius: 4px; background-color: #30302f; position: absolute; top: 50%; margin-top: -25px; right: 10px; }
.yellow--btn-wrap .book__link:hover { background-color: #111; }

/*===========EDIT PAGE MODAL===========*/
.t__concept-main { position: relative; }
.edit__pen { position: absolute; top: -62px; right: 20px; }
.from__bottom-modal { width: 100%; height: 100vh; overflow: auto; background: rgba(0, 0, 0, 0.9); padding: 20px; position: fixed; top: 100%; left: 0; z-index: 999999; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease; }
.edit__page-modal { height: calc(100% - 60px); }
.from__bottom-modal.show { top: 60px; }
.edit__page-wrapper { min-height: 100%; padding: 40px 15px 30px; padding-bottom: 70px; border-radius: 3px; background-color: #fff; position: relative; }
.edit__page-heading3 { max-width: 90%; font-size: 40px; line-height: 40px; margin-bottom: 50px; }
.close__edit-page { position: absolute; top: 10px; right: 10px; z-index: 10; }
.ip { width: 100%; height: 40px; border: 0; margin: 5px 0; border-radius: 3px; font-size: 16px; background-color: rgba(0, 0, 0, 0.05); }
.edit__page-heading6 { font-size: 16px; margin-bottom: 10px; }
.part { margin-bottom: 30px; }
.edit-media { list-style-type: none; }
.media-item { position: relative; margin-bottom: 15px; }
.media-item:last-child { margin-bottom: 0; }
.media-img { width: 100%; }
.remove-media { display: block; width: 20px; height: 20px; background: url(../images/minus.png) no-repeat; background-size: 100% 100%; position: absolute; top: 8px; right: 8px; }
.save-wrap { width: 100%; padding: 10px 15px; position: absolute; bottom: 0; left: 0; }
.masonary__tiles { padding: 10px; position: relative; }
.masonary__bg { width: 100%; height: 100%; padding: 15px; position: absolute; top: 0; left: 0; }
.masonary__bg img { width: 100%; height: 100%; object-fit: cover; }
.tile-anchor { display: block; width: 100%; height: 100%; display: table; padding: 15px; text-decoration: none; position: relative; z-index: 10; }
.tile { position: relative; background: rgba(0, 0, 0, 0.8); border: 5px solid #fff; }
.tile:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/icon47.png) no-repeat; background-size: 100%; position: absolute; top: 8px; right: 8px; }
.tile-name { display: table-cell; vertical-align: bottom; text-align: left; font-size: 18px; color: #fff; }
.height1 { height: 180px; }
.height2 { height: 150px; }


.breadcrumb { background-color: #30302f; position: relative; padding: 20px 25px; margin: 0; border-radius: 0; }
.breadcrumb__list { list-style-type: none; }
.breadcrumb__item { display: inline-block; vertical-align: top; padding-right: 19px; margin-right: 10px; position: relative; font: 400 14px 'Mager'; color: #fff; }
.breadcrumb__item:after { content: "\f105"; font-family: 'FontAwesome'; color: #fcb415; position: absolute; top: 3px; right: 0; }
.breadcrumb__item:last-child { padding-right: 0; margin-right: 0; }
.breadcrumb__item:last-child:after { display: none; }
.breadcrumb-link { text-decoration: none; color: #fff; }


.close__lr-modal { position: absolute; top: 13px; right: 5px; display: block; width: 42px; line-height: 2px; padding: 9px 14px; }
.lr__modal { width: 100%; background-color: #fff; position: fixed; top: 0; right: -100%; z-index: 9999; transition: all 1s ease; }
.lr__modal.show { right: 0; }
.lr__modal-banner { min-height: 300px; padding: 20px 25px; position: relative; z-index: 10; }
.lr__modal-banner-bg { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; }
.lr__modal-banner .lr__slider-h1 { color: #fff; margin-bottom: 0; }
.lr__modal-body { height: 100vh; overflow: auto; padding-bottom: 60px; }
.lr__modal-main { padding: 30px 25px 70px; }
.create__hashtag { display: block; font-size: 12px; padding: 6px 15px; padding-right: 50px; background: #30302f url(../images/icon18.png) no-repeat; background-position: right 10px center; text-decoration: none; color: #fcb415; margin: 30px 0; border-radius: 4px; }
.lr__modal-footer { margin: 30px -25px 0; }
.video__modal { padding: 0; }
.from__bottom-modal.video__modal.show { top: 0px; }
.close-video__modal { position: absolute; top: 6vh; left: 50%; margin-left: -20px; }
.video__wrapper { width: 100%; height: 100%; display: table; }
.video__cell { display: table-cell; vertical-align: middle; }
.video__cell * { width: 100%; }
.hashtag-ip { position: absolute; opacity: 0; }
.create__hashtag-div { display: none; }
.hashtag-ip:checked ~ label { display: none; }
.hashtag-ip:checked ~ .create__hashtag-div { display: block; }
.hashtag-list { list-style-type: none; margin: 20px 0; }
.hashtag-item { margin-bottom: 10px; position: relative; }
.hashtag-tag { display: inline-block; padding: 8px 60px 9px 15px; background-color: #cdcfcf; border-radius: 3px; color: #000; position: relative; }
.delete_tag { width: 40px; height: 100%; background: url(../images/icon50.png) no-repeat; background-position: center; position: absolute; top: 0; right: 0; }
.pull_from { font: 400 20px 'Halbfett'; color: #000; margin: 15px 0; }
.pull_from img { display: inline-block; vertical-align: middle; margin-left: 5px; }
.hashtag-tag.block { width: 100%; display: block; }
.add__hashtag-item { position: absolute; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; }
.add__hashtag-item.show { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); position: static; }
.add__hashtag-item .delete_tag { display: none; }
.add__hashtag-item .ip { width: 100%; height: 20px; border: 0; margin: 5px 0; border-radius: 3px; font-size: 16px; background-color: transparent; padding: 0; margin: 0; }
.video_sec { margin-top: 30px; }
.tag-radio-ip { position: absolute; opacity: 0; }
#remove_yes:checked ~ .hashtag-tag { display: none; }
.tag__sure { width: 280px; background-color: #b72025; color: #fff; font-size: 16px; position: absolute; top: 100%; left: 0; transform: scale(0); z-index: 10; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.tag__sure:before { content: "\f0d8"; font-family: 'FontAwesome'; line-height: 6px; color: #b72025; position: absolute; bottom: 100%; left: 20px; }
.tag__sure.show { transform: scale(1); }
.tag__sure p { display: inline-block; vertical-align: middle; padding: 11px; margin: 0; }
.tag-radio-label { min-width: 70px; padding: 11px; font-size: 16px; color: #fff; float: right; text-align: center; }
.hashtag-item.delete { display: none; }
.create__hashtag2 { font-size: 14px; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 10px center; color: #000; }
.create__hashtag2 span { display: block; font-size: 12px; }

/*=========FEEDS==========*/
.feeds__list { list-style-type: none; }
.feed__item { padding: 20px 0; border-bottom: 1px solid #cdcfcf; }
.feed__item:first-child { border-top: 1px solid #cdcfcf; }
.feed__heading { width: 50%; display: inline-block; font-size: 14px; }
.feed__date { float: right; font: 400 14px 'Mager'; color: #000; padding-top: 3px; }
.feed-user { margin-top: 10px; clear: both; }
.user-img { display: inline-block; width: 50px; }
.feed-user__detail { float: right; width: 80%; }
.user__name { font-size: 14px; font-family: 'Mager'; margin-bottom: 10px; }
.feed__gallery-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7px; margin-left: -7px; }
.feed__gallery-row .column { width: 50%; padding: 9px 7px; }
.feed__gallery-row img { width: 100%; height: 100%; object-fit: cover; }  
.bio__user { margin-bottom: 30px; }
.bio__user-img { width: 130px; padding: 3px; border-radius: 50%; border: 3px solid #fcb415; display: inline-block; }
.bio__user-info { width: 53%; float: right; }
.bio__user-name { font-size: 30px; color: #252525; }
.bio-rating { font-size: 16px; color: #252525; }
.bio-rating img { width: 100px; }
.margin { margin: 30px 0; }

.share__link { 
	
    display: block;
    width: 100%;
    font: 400 16px 'Mager';
    color: #30302f !important;
    text-decoration: none;
    text-align: left;
    padding: 10px 40px 12px 20px;
    background: #fcb415 url(../images/share-icon.svg) no-repeat;
    background-size: 30px;
    background-position: right 10px center;
    border-radius: 4px;
    margin: 30px 0;
	
}

.invitaion_sec { margin-bottom: 30px; }
.invite__ip { position: absolute; opacity: 0; }
.invite__label { display: block; width: 100%; padding: 13px 50px 15px 15px; font: 400 16px 'Mager'; color: #000; background: #f5f5f5 url(../images/icon48.png) no-repeat; background-position: right 10px center; border-radius: 4px; }
.invite__ip:checked + .invite__label { background: #f5f5f5 url(../images/icon49.png) no-repeat; background-position: right 10px center; }
.invited__list { list-style-type: none; margin-top: -3px; padding: 20px 15px; background: #f5f5f5; display: none; }
.invite__ip:checked ~ .invited__list { display: block; }
.invited__user { font-size: 14px; margin-bottom: 8px; position: relative; z-index: 10; }
.invited__user:before { content: ""; display: block; width: 100%; height: 1px; background: #c8c8c8; position: absolute; bottom: 2px; left: 0; z-index: -1; }
.invited__user-name { display: inline-block; max-width: 45%; position: relative; background: #f5f5f5; }
.invited_rslt { float: right; padding-right: 23px; position: relative; background-color: #f5f5f5 !important; }
.accepted .invited_rslt { background: url(../images/accepted.png) no-repeat; background-size: 16px; background-position: right center; }
.pending .invited_rslt { background: url(../images/pending.png) no-repeat; background-size: 16px; background-position: right center; }
.resend--link { background: #fcb415; color: #000; padding: 1px 6px 3px; border-radius: 3px; text-decoration: none; }

/*=====RIDERS SEC=======*/
.riders__sec .edit__page-heading3 { display: inline-block; width: 70%; margin-bottom: 0; }
.riders_ratio { float: right; padding-top: 20px; font: 400 16px 'Halbfett'; color: #000; }
.riders__list { list-style: none; margin-top: 40px; }
.riders__list-max { max-height: 500px; overflow: auto; margin-right: -25px; padding-right: 25px; }
.rider__item { padding: 13px 0; position: relative; }
.rider__table { width: 100%; display: table; }
.rider_you { border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 20px; }
.rider__img-cell { width: 25%; display: table-cell; vertical-align: middle; }
.rider_you .rider__img-cell { width: 22%; }
.rider_you .rider__info-cell { width: 78%; }
.rider__img { width: 100%; padding: 2px; border: 3px solid #fcb415; border-radius: 50%; position: relative; }
.rider__img img { border-radius: 50%; }
.rider__info-cell { width: 73%; display: table-cell; vertical-align: middle; padding-left: 10px; }
.rider__name { font-size: 14px; }
.rider__item p { font-size: 14px; margin: 0; }
.other_riders .rider__table { width: 85%; }
.rider__arrow { position: absolute; top: 30px; right: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.rider__setting { text-align: center; height: 0; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; }
.rider__setting a { display: inline-block; vertical-align: middle; margin-right: 25px; }
.rider__setting a:last-child { margin-right: 0; }
.rider-ip { position: absolute; opacity: 0; }
.rider-ip:checked ~ label { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.rider-ip:checked ~ .rider__setting { height: 70px; padding: 20px 0; }
.rider__img:before { content: ""; display: block; width: 28px; height: 28px; position: absolute; top: -5px; left: -5px; }
.rider_you .rider__img:before { background: url(../images/icon56.png) no-repeat; background-size: 100%; }
.rider_type1 .rider__img:before { background: url(../images/icon57.png) no-repeat; background-size: 100%; }
.rider_type2 .rider__img:before { background: url(../images/icon58.png) no-repeat; background-size: 100%; }
.black__bar { padding: 15px 25px; background: #30302f; }
.bus_no { font: 400 16px 'Mager'; color: #fcb415; padding-left: 30px; position: relative; }
.bus_no:before { content: ""; display: block; width: 18px; height: 20px; background: url(../images/Bus-icn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; }
.edit__page-heading5 { font-size: 20px; margin-bottom: 20px; }
.share_to_shave { margin: 30px 0; text-align: center; }
.share_to_shave p { font-size: 14px; margin: 15px 0; }
.mar_bot { margin-bottom: 30px; }
.short__trip { width: 100%; display: table; margin: 30px 0px; }
.short__trip-cell { display: table-cell; vertical-align: middle; }
.trip__left { width: 25%; padding: 0 10px; border-right: 3px solid #fcb415; }
.trip__right { width: 75%; padding: 0 10px; }
.trip__date { font-size: 30px; }
.short__trip p { margin: 0; }
.full { width: 100%; max-width: none; }
.trip__code { font: 400 30px 'Mager'; color: #000; }
.getting-coming, .before__after { padding: 30px 0; margin: 30px 0; position: relative; }
.getting-coming:before, .before__after:before { content: ""; display: block; width: 50px; height: 3px; background-color: #fcb415; position: absolute; top: 0; left: 0; }
.getting-coming:after, .before__after:after { content: ""; display: block; width: 50px; height: 3px; background-color: #fcb415; position: absolute; bottom: 0; left: 0; }
.travel__pts { list-style-type: none; margin: 30px 0; position: relative; z-index: 10; }

.travel__pts:before { content: ""; display: block; width: 1px; height: 90%; background-color: #000; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 11px; }

.geeting_there span { display: inline-block; padding-right: 40px; background: url(../images/icon49.png) no-repeat; background-position: right center; }
.coming_back span { display: inline-block; padding-right: 40px; background: url(../images/icon48.png) no-repeat; background-position: right center; }
.travel__pts-item { font-size: 14px; padding-left: 33px; position: relative; margin-bottom: 40px; }
.rally_pt-link { font-family: 'Halbfett'; padding: 12px 15px; padding-right: 60px; border-radius: 4px; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 10px center; color: #000; background-size: 25px; text-align: left; text-decoration: none; position: relative; }
.rally_pt-link-wrap { text-align: center; position: relative; }
.travel__pts-item.start-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/start-pt.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; left: 0; }
.travel__pts-item.mid-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/middle-pt.png) no-repeat; background-size: 100% 100%; position: absolute; top: 9px; left: 0; }
.travel__pts-item.end-pt:before { content: ""; display: block; width: 23px; height: 30px; background: url(../images/end-pt.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; left: 0; }
.rally_pt-link-wrap:before { content: ""; display: block; width: 50%; border-top: 1px dashed #ddd; position: absolute; top: 20px; left: -20px; }
.rider_frnd { margin-bottom: 25px; }
.rider_frnd:last-child { margin-bottom: 0; }
.booking__links-list { list-style-type: none; margin-bottom: 40px; }
.booking__links-item { margin-bottom: 10px; }
.booking__link { display: block; width: 100%; padding: 15px 40px 17px 50px; border-radius: 3px; font: 400 16px 'Mager'; color: #000; text-decoration: none; background: #fcb415 url(../images/icon17.png) no-repeat; background-position: right 10px center; position: relative; }
.booking__link:before { content: ""; display: block; width: 50px; height: 100%; position: absolute; top: 0; left: 0; }
.transfer__ride:before { background: url(../images/icon53.png) no-repeat; background-position: center; }
.req__change:before { background: url(../images/icon54.png) no-repeat; background-position: center; }
.cancel__ride:before { background: url(../images/disabled.png) no-repeat; background-position: center; }
.cancel__ride { background: #b72025 url(../images/icon10.png) no-repeat; background-position: right 10px center; color: #fff; }

/*=============================================
                                    THE CHAT
==============================================*/
.sele__channel { position: relative; }
.channel_ip { position: absolute; opacity: 0; }
.channel__label { display: block; font: 400 16px 'Halbfett'; color: #fcb415; background: #30302f url(../images/icon59.png) no-repeat; background-position: right 15px center; padding: 15px 25px; }
.channel__list { width: 100%; list-style-type: none; display: none; position: absolute; top: 100%; left: 0; z-index: 10; }
.channel--link { display: block; font: 400 16px 'Halbfett'; color: #fcb415 !important; background: #30302f; text-decoration: none; padding: 15px 25px; }
.channel--link:hover { background-color: #4b4b49; }
.channel_ip:checked ~ label { background: #30302f url(../images/icon60.png) no-repeat; background-position: right 15px center; }
.channel_ip:checked ~ .channel__list { display: block; }
.lr__heading-level2 { font-size: 50px; line-height: 54px; margin-bottom: 15px; }
.lr__modal-banner2 { min-height: auto; }
.lr__modal-banner2 .lr__slider-h1 { font-size: 30px; line-height: 34px; }
.chat__banner { width: 100%; position: absolute; top: 60px; left: 0; z-index: 10; }
.chat__fixed-bar { background: #30302f; position: relative; }
.chat__fixed-bar .channel__label { width: 80%; float: left; }
.edit__msg { width: 20%; float: right; height: 50px; border-left: 1px solid #000; }
.edit__msg img { width: 30px; display: block; margin: 0 auto; padding: 10px 0; }
.lr__modal-chat-body { padding-top: 165px; }
.riders-chat__list { margin: 0; }
.each_rider { padding: 15px 5px; margin-bottom: 10px; background-color: #efefef; }
.each_rider:after { content: ""; display: block; width: 19px; height: 10px; background: url(../images/icon48.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: 10px; right: 5px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.lr__modal-chat-main { padding: 30px 15px; }
.chat_time { font-size: 12px; color: #252525; font-family: 'Halbfett'; padding: 10px; position: absolute; right: 0px; top: 15px; }
.chat__per-img { position: relative; display: inline-block; vertical-align: middle; border-radius: 50%; max-width: 30px; margin-right: 5px; border: 2px solid #fcb415; }
.chat__per-img:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; top: -5px; left: -5px; }
.chat__per-type1 .chat__per-img:before { background: url(../images/icon58.png) no-repeat; background-size: 100% 100%; }
.chat__person { font: 400 14px 'Halbfett'; color: #fcb415; float: right; padding: 10px 25px; }
.back_direct-msgs { display: block; width: 50px; height: 100%; position: absolute; top: 0; left: 0; }
.back_direct-msgs:before { content: ""; display: block; width: 100%; height: 100%; background: url(../images/icon59.png) no-repeat; background-position: center; transform: rotate(90deg); position: absolute; top: 0; left: 0; }
.chat__conversation { list-style-type: none; display: none; }
.chat__conversation.show { display: block; }
.each_chat { margin-bottom: 15px; }
.msg { padding: 15px; font-size: 14px; max-width: 90%; }
.msg p { font-size: 14px; margin: 5px 0; }
.sender_msg .msg { background-color: #efefef; float: left; }
.your_msg .msg { background-color: #fdf1d9; float: right; }
.lr__modal-chat-screen { position: relative; padding-bottom: 60px; }
.chat__here { width: 100%; padding: 10px; position: absolute; bottom: 60px; left: 0; background-color: #fff; }
.chat__here-wrap { background-color: #efefef; padding: 5px; border-radius: 3px; }
.type_chat-msg { width: 85%; display: inline-block; height: 30px; border: 0; background-color: transparent; }
.send_chat-btn { width: 44px; height: 40px; background: url(../images/icon56.png) no-repeat; background-size: 77% 80%; background-position: center; float: right; color: transparent; font-size: 0; }
.lr__modal-banner .yellow--btn-wrap { padding-right: 120px; }
.book__link { min-width: 100px; padding: 5px 10px 9px; top: 10px; }
.lr__modal-banner-yellow-btn { width: 100%; position: absolute; bottom: -25px; left: 0; padding: 0 25px; }

/*===========THE RIDER===========*/
.faq_wrap { margin: 30px 0; }
.faq__toggle { position: absolute; opacity: 0; }
.faq__toggle-label { display: block; padding: 13px 50px 15px 15px; background: #334c9f url(../images/icon10.png) no-repeat; background-position: right 10px center; color: #fff; border-radius: 4px; }
.faq_list { display: none; }
.faq__toggle:checked ~ label { background: #334c9f url(../images/icon61.png) no-repeat; background-position: right 10px center; background-size: 30px; }
.faq__toggle:checked ~ .faq_list { display: block; }
.text__left { text-align: left; }
.bus_gallery2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px; margin-right: -15px; margin-left: -15px; }
.big_img { width: 70%; float: left; padding-right: 10px; }
.big_img img { width: 100%; height: 100%; object-fit: cover; }
.short_img { width: 30%; float: left; }
.short_img img { margin-bottom: 10px; }
.short_img img:last-child { margin-bottom: 0; }
.bus__driver { margin: 30px 0; }
.driver_img { width: 90px; display: inline-block; vertical-align: middle; border: 3px solid #fcb415; border-radius: 50%; padding: 3px; }
.drive__detail { width: 60%; max-width: calc(100% - 100px); display: inline-block; vertical-align: middle; padding-left: 15px; text-align: left; }
.rating img { max-width: 100px; vertical-align: initial; }
.bus__no { margin: 30px 0; text-align: center; }
.bus__no b { display: inline-block; padding: 10px 10px; font: 400 24px 'Halbfett'; color: #252525; background-color: #fcb415; border-radius: 3px; }
.here__help { display: block; padding: 13px 50px 15px 15px; background: #334c9f url(../images/icon10.png) no-repeat; background-position: right 10px center; color: #fff !important; border-radius: 4px; text-decoration: none; margin: 30px 0; }
.css-slider-wrapper input { position: absolute; opacity: 0; }

/*==========ROUTE MAP==========*/
.lr__modal-route { position: relative; height: 100%; }
.rally-map { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }
.lr__modal-route-wrap { height: 100%; padding: 25px; position: relative; z-index: 10; }
.lr__modal-route-wrap h2 { margin-bottom: 0; }
.lr__modal-route-wrap .lr__modal-banner-yellow-btn { padding: 25px; bottom: 0; }
.lr__modal-banner-yellow-btn .font12 { font-size: 12px; }
.lr__modal-route .bus-schedule { padding: 15px 10px; padding-right: 70px; }
.rallyers__modal-wrapper { position: relative; }
.img_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; margin-bottom: 20px; margin-right: -5px; margin-left: -5px; }
.img_list > div { width: 33.33%; padding: 0 5px; }
.img_list img { width: 100%; height: 100%; object-fit: cover; }
.bus__schedule-modal .rallyers__modal-wrapper { padding-top: 100px; }
.rallyers__modal-wrapper .edit__page-heading3 { margin-bottom: 20px; }
.bus__schedule-modal { position: absolute; }
.yellow__fixed-div { width: 100%; background-color: #ffb600; padding: 25px 15px; position: absolute; top: 0; left: 0; padding-right: 50px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.yellow__fixed-div p { margin: 0; }
.close__bus-schedule { width: 40px; height: 40px; display: block; background: url(../images/plus.png) no-repeat; background-size: 100% 100%; position: absolute; top: 50%; right: 15px; margin-top: -20px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.countdown_list { list-style-type: none; max-height: 70vh; overflow: auto; margin: 10px -15px 0; position: relative; }
.countdown_list:before { content: ""; display: block; width: 1px; height: 100%; background-color: #000; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 17px; margin-top: 25px; }
.countedown_item { padding-left: 40px; padding-right: 100px; position: relative; font-size: 12px; margin-bottom: 50px; }
.countedown_item:last-child { margin-bottom: 0; }
.countedown_item b { font-size: 14px; }
.countedown_time { font: 400 14px 'Halbfett'; position: absolute; top: 20px; right: 30px; }
.countedown_start-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/start.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; left: 7px; }
.countedown_mid-pt:before { content: ""; display: block; width: 22px; height: 22px; background: url(../images/start-pt.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; left: 7px; }
.countedown_end-pt:before { content: ""; display: block; width: 23px; height: 30px; background: url(../images/end-pt.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; left: 7px; }
.joining_btn { position: absolute; padding: 5px 10px; padding-right: 40px; background: #fcb415 url(../images/single-trip.png) no-repeat; background-size: 15px; background-position: right 5px center; font-size: 12px; color: #30302f; bottom: 30%; left: 100px; border-radius: 3px; z-index: 90; }
.yellow--btn-wrap2 { padding-right: 120px; margin-top: 0; }
.lr__add-on { overflow: auto; }
.venue__info { list-style-type: none; }
.lr__modal .title { padding-top: 30px; position: relative; margin-bottom: 30px; margin-top: 30px; }
.venue__info li { margin: 8px 0; }
.download__link { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-bottom: 10px; }
.download__plan { margin: 40px 0; text-align: center; }
.interested__in-stairs { margin: 30px -25px; background: #fcb415 url(../images/icon5.png) no-repeat; background-position: right bottom; padding: 30px 25px; color: #000; }
.black__hr { background-color: #000; }
.create__rally-link { padding: 7px 50px 9px 16px; background: #30302f url(../images/icon18.svg) no-repeat; background-position: right 10px center; color: #fcb415; display: block; text-decoration: none; border-radius: 4px; }
.create__rally-link b { display: block; }
.map__full-width { margin: 30px -25px; }
.img-responsive { width: 100% }
.black__hlink { color: #000; }
#lr__add-on .add__on-slider { position: static; padding: 0; margin-bottom: 20px; height: auto; }
.lr__modal-banner-yellow-btn .book__link { padding: 5px 10px 9px; min-width: 100px; margin-top: -17px; }

/*==============================================
                            T-CONCEPT DESKTOP
===============================================*/
.t__concept-banner { position: relative; max-height: 100vh; overflow: hidden; }
.t__concept-banner-bg { -webkit-animation: zoom 8s 1s infinite alternate; -moz-animation: zoom 8s 1s infinite alternate; -ms-animation: zoom 8s 1s infinite alternate; animation: zoom 8s 1s infinite alternate; }
.t__concept-banner-container { width: 55%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 10%; z-index: 10; }
.t__concept-banner-content { max-width: 500px; padding: 0 25px; }
.mini__banner { width: 500px; height: 100%; position: absolute; top: 0; right: 0; }
.sub__banner { width: 100%; height: 50%; position: relative; padding: 50px 40px; z-index: 10; }
.sub__banner-wrap { width: 100%; height: 100%; display: table; }
.sub__banner-content { display: table-cell; vertical-align: middle; }
.sub__banner-img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; }
.sub__banner-title { font-size: 30px; color: #fff; margin-bottom: 40px; }
.landing__links-bar { background-color: #30302f; }
.landing__links-list { display: table; width: 100%; }
.landing__link-item { display: table-cell; vertical-align: middle; text-align: center; font: 400 16px 'Mager'; }
.landing__link-anchor { color: #fcb415 !important; text-decoration: none; padding: 18px 10px 20px; position: relative; }
.landing__link-anchor:after { content: ""; display: block; width: 100%; height: 4px; background-color: transparent; position: absolute; bottom: 0; left: 0; }
.landing__title { position: relative; }
.landing__title-heading3 { font-size: 50px; line-height: 54px; color: #313131; }
.landing__title-heading6 { font-size: 20px; color: #313131; }
.my__bus-black__bar { text-align: center; }
section .container { padding: 30px; }
.font18 { font-size: 18px; line-height: normal; margin: 0; }
.my__bus-black__bar .container { padding: 5px 40px; }
.bus__column { text-align: center; padding: 0 10px; border-right: 1px solid rgba(0, 0, 0, 0.2); }
.bus__column:last-child { border-right: 0; }
.bus__column h6 { margin-bottom: 10px; }
.bus__column .digit { display: block; font-size: 50px; line-height: 50px; color: #222; }
.digit span { font-size: 16px; line-height: 16px; }
.bus__full-table { border-top: 1px solid rgba(0, 0, 0, 0.15); border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.share__link2 { padding: 13px 40px 16px 15px; background-position: right 15px center; background-size: 30px; }
.invite__ip2:checked ~ .invite__label2 { background: #f5f5f5 url(../images/icon63.png) no-repeat; background-position: right 15px center; }
.invite__label2 { background: #f5f5f5 url(../images/icon62.svg) no-repeat; background-position: right 15px center; }
.my__tkt-link { text-decoration: none; background: #f5f5f5 url(../images/icon62.svg) no-repeat; background-position: right 15px center; }
.blue__banner { background: #334c9f url(../images/icon67.png) no-repeat !important; background-position: right bottom !important; color: #fff; }
section .blue__banner-container { padding: 150px 30px; padding-right: 35%; }
.blue__banner p { color: #fff; }
.rally__img-height2 { height: 300px; }
.section-heading3 { margin-bottom: 20px; }
.hashtag-item2 { display: inline-block; margin-right: 10px; }
section .create__hashtag2 { max-width: 300px; }
.feeds__row { margin: 0 -5px; }
.half__row { height: 50%; margin: 0 -5px; }
.feeds__row img { width: 100%; height: 100%; object-fit: cover; }
.feed__col { padding: 5px; position: relative; }
.big-feed__col { padding: 5px; position: relative; }
.four-feed__col { padding: 0 5px; }
.feed__type { width: 100%; padding: 25px; position: absolute; bottom: 0; left: 0; font: 400 14px 'Mager'; color: #fcb415; }
.collapse-anchor { float: right; }
.collapse-anchor img { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.extra__btn img { max-width: 40px; }
.conversation-row { min-height: 800px; height: audio; }
.channel-sidebar { background: #30302f; padding: 25px 0; }
.sel__channel-heading { padding: 0 25px; }
.channel__list2 { position: static; display: block !important; margin: 30px 0; }
.users__column { padding: 15px 0; border: 1px solid #eee; border-right: 0; }
.users__column .riders__list { height: 100%; padding: 0px 20px; overflow: auto; }
.rider__item:hover { background-color: #dcdbdb; cursor: pointer; }
.users__chat-column { padding: 15px 0; padding-bottom: 80px; position: relative; border: 1px solid #eee; }
.users__chat-column .chat__conversation { padding: 0 20px; height: 100%; overflow: auto; }
.chat__here2 { bottom: 0; }
.bio__user-table { width: 100%; display: table; }
.bio-img-cell { display: table-cell; vertical-align: middle; width: 30%; }
.bio__user-info-cell { display: table-cell; vertical-align: middle; width: 70%; padding-left: 40px; }
.bio__para { padding: 15px 0; border-top: 1px solid #eee; margin-top: 15px; }
.bio__user-img2 { padding: 8px; }
.no__bar:before { display: none; }
.trip__status-column { padding-right: 15%; }
.riders__column .rider__item:hover { background-color: transparent; }
.bus_gallery-desk img { width: 100%; height: 100%; object-fit: cover; }
.section__map-route { overflow: hidden; position: relative; }
.section__map-route .rallyers__modal { position: absolute; top: 0; right: 0; left: auto; width: 450px; height: 100%; z-index: 99; }
.interested__in-stairs2 { margin: 0; }
section .add__on-slider { position: static; display: block; height: auto; min-height: 100%; padding: 15px; }
.mar__top0 { margin-top: 0; }
.landing__share-link { min-width: 130px; background-color: #fcb415 !important; color: #30302f !important; }
.bus__driver-desk { display: inline-block; margin: 0; }
.bus__no-desk { float: right; margin-top: 20px; }
.lr__modal .featured_rally { overflow: hidden; }
.search__rslt-modal { padding-top: 60px; }
.active a:after { background-color: #fcb415; }
.landing__links-bar.sticky { width: 100%; position: fixed; top: 0px; z-index: 9999; }
.all_section section { padding-top: 50px; }
.login-reg_heading3 { font-size: 40px; line-height: 40px; margin-bottom: 40px; }
.login-reg_body { padding: 40px 30px 50px !important; max-width: 400px; margin: 0 auto; }
.login-reg__ip::-webkit-input-placeholder {
    color: #C4C4C4 !important;
    opacity: 1 !important;
}
.login-reg__ip::-moz-placeholder {
    color: #C4C4C4 !important;
    opacity: 1 !important;
}
.login-reg__ip:-ms-input-placeholder {
    color: #C4C4C4 !important;
    opacity: 1 !important;
}
.login-reg__ip:-moz-placeholder {
    color: #C4C4C4 !important;
    opacity: 1 !important;
}
.pw__field { position: relative; }
.pw__field .travel__ip { padding-right: 55px; }
.pw__eye { display: block; width: 50px; height: 100%; background: url(../images/eye-icon.png) no-repeat; background-size: 20px 12px; background-position: center; position: absolute; top: 0; right: 0; cursor: pointer;     z-index: 1;  }
.remember__field { margin: 15px 0 40px; }
.remember__checkbox { position: absolute; opacity: 0; }
.remember__label { color: #000; padding-right: 30px; background: url(../images/unchecked.png) no-repeat; background-size: 18px 18px; background-position: right center; }
.remember__checkbox:checked + .remember__label { background: url(../images/checked.png) no-repeat; background-size: 18px 18px; background-position: right center; }
.login-reg__link { padding-left: 50px; position: relative; }
.login-reg__link:before { content: ""; display: block; width: 50px; height: 100%; background: url(../images/login.png) no-repeat; background-size: 20px 20px; background-position: center; position: absolute; top: 0; left: 0; }
.or { margin: 40px 0; position: relative; z-index: 10; text-align: center; }
.or:before { content: ""; display: block; width: 100%; height: 1px; background: #000; opacity: 0.3; position: absolute; top: 50%; left: 0; z-index: -1; }
.or b { font-weight: 300; font-size: 14px; display: inline-block; padding: 0 10px; color: #222; background: #fff; position: relative; }
.login_with_other { margin-bottom: 30px; }
.login_with_other .login__links { margin: 10px 0; width: 250px; padding: 14px 10px; font-size: 17px; }
.login_with_other .fb-login .fa { margin-right: 5px; font-size: 30px; vertical-align: middle; }
.forget__pw { display: inline-block; color: #222 !important; text-decoration: none; float: left; }
.reg_link { float: right; color: #222 !important; text-decoration: none; }
.login-reg__link2 { color: #30302f !important; }
.login-reg__link2:before { background: url(../images/add-user.png) no-repeat; background-size: 23px 18px; background-position: center; }
.login-reg__link3:before { background: url(../images/Bus-icn-black.png) no-repeat; background-size: 23px; background-position: center; }
.thank__para { text-align: center; margin: 20vh 0; }
.embed-banner-bg { width: 100%; height: 100vh; object-fit: cover; position: fixed; top: 0; left: 0; }
.embed-banner-container { max-width: 1190px; margin: 0 auto; padding: 100px 15px 40px; }
.embed-banner-content .rally__short-pts { padding-top: 0; }
.checkout__rally { width: 100%; padding: 15px; position: fixed; bottom: 0; left: 0; }
.feeds__list2 { max-width: 480px; margin: 8px auto 0; }
.checkout__rally .feed__item { border: 0; padding: 15px; background: #fff; border-top-left-radius: 6px; border-top-right-radius: 6px; }
.bg__iframe { width: 100%; height: 100vh; position: fixed; top: 0; left: 0; }
.bg__iframe:after { content: ""; display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; top: 0; left: 0; z-index: 10; }
.bg__iframe iframe { position: absolute; top: -20%; left: 0; width: 100%; height: 120%; }
.login_header { background-color: #30302f; }
.login_header .container { padding: 15px; }
.compass_icon { height: 50px; text-align: center; position: relative; }
.compass_icon .compass_link { margin: 0 auto; position: static; }
.search__rally__form { position: relative; }
.search__dropdown { width: 101%; height: 600px; padding: 30px 15px; background-color: #fff; position: absolute; top: 100%; left: -5px; z-index: 100; overflow: auto; display: none; }
#search__rally-ip:focus ~ .search__dropdown { display: block; }
.search__rally__form .slider__ip:focus ~ .search__dropdown { display: block; opacity: 1; }
.slider__content .slider__ip:focus ~ * { opacity: 0; }
.home__page-search__dropdown { height: 400px; top: 90px; background-color: rgba(0, 0, 0, 0.4); }
.home__page-search__dropdown ul li a { color: #fff; }
.search__term-heading { font-size: 20px; font-weight: 700; margin-bottom: 10px; }
.search__list { padding-left: 30px; list-style: none; margin-bottom: 20px; }
.search__list-item { font-size: 18px; margin-bottom: 7px; }
.search__item-anchor { color: #222; text-decoration: none; }
.search__item-anchor.underline { text-decoration: underline; }

/*=-==========CREATE RALLY PAGE=============*/
.create__rally__banner-img { min-height: 400px; object-fit: cover; }
.create__rally-heading { font-size: 50px; line-height: 50px; }
.create__rally-container { padding: 50px 15px; }
.rally__paras { font-size: 18px; line-height: 24px; text-align: center; }
.create-rally__map { margin-bottom: 60px; }
.error_message { text-align: center; font-weight: 700; font-family: 'Mager'; text-transform: uppercase; margin-bottom: 20px; }
.next_step_error { display: none; vertical-align: middle; color: #e70000; font-size: 18px; font-family: 'Mager'; line-height: 22px; text-transform: uppercase; }
.cr_nxt1 { font-family: 'Halbfett'; position: relative; text-align: center; font-size: 24px; line-height: 28px; color: #ffffff !important; text-transform: uppercase; padding: 15px 43px; background: #fcb415; transition: all 0.4s ease-out; max-width: 507px; margin: 0 auto 30px auto; display: block; }
.cr_nxt1:after { position: absolute; width: 153px; height: 69px; content: ''; background: url(../images/bootom_arrow1.png) no-repeat left top; background-position: top center; left: 0; right: 0; margin: 0 auto; bottom: -69px; }
.pageInfo { padding: 20px 0; border: 1px #b1b1b1 solid; }
.create__rally-main__content h3 { text-transform: uppercase; font-size: 30px; }

/* Date picker */
div#ui-datepicker-div { background: rgba(255, 255, 255, .89); box-shadow: 2px 2px 30px rgba(0, 0, 0, .5); border: 1px solid #b1b1b1; }
.ui-datepicker td { width: 14%; }
.ui-datepicker th { color: #fcb415; }
.ui-datepicker-header { background: none !important; border: none !important; }
.ui-datepicker-title { color: #013a5d; }
.ui-datepicker table { text-align: center; }
.ui-slider { width: 90%; left: 5%; margin-bottom: 10px; }
.ui-datepicker table .ui-state-default { background: rgba(192, 192, 192, .5); }
.ui-datepicker table .ui-state-active { background: #013a5d; color: white; font-weight: bold; }
.ui_tpicker_time_label { color: #013a5d; }
.ui_tpicker_hour_label, .ui_tpicker_minute_label { margin-bottom: 5px; color: #013a5d; }
.ui_tpicker_time { color: #fcb415; text-align: center; font-size: 30px; }
.ui-slider-horizontal .ui-slider-handle { top: -4px; background: #b1b1b1; }
.ui-datepicker .ui-datepicker-buttonpane button { border-radius: 0px; background: #013a5d; color: #ffffff; float: none; width: 98%; box-sizing: border-box; }
.ui-datepicker-current { display: none; }
.ui-datepicker-buttonpane { border: none !important; padding: 0px !important; }
.r-tabs-tab { font-family: 'Halbfett'; text-align: center; font-size: 26.67px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; margin: 34px 0 0 0; padding: 20px; margin: 20px; width: 190px; }
.VehicleName { margin-top: 20px; }
.Seats { font-size: 20px; line-height: 22px; color: #20516f; text-align: center; }
.ch_tab_cont { margin-top: 20px; }
.pric_for_total { margin-top: 20px; font-size: 20px; line-height: 22px; }
.emailinput { display: inline-block; vertical-align: middle; padding: 22px 15px; font-family: 'Mager'; font-size: 20px; color: #a5a5a5; font-weight: 400; font-style: italic; border: none; }
.EstimateGrid { border-collapse: collapse; border: 1px solid #b1b1b1; height: 100%; width: 100%; }
.PricePerBus { padding: 40px; color: #20516f; font-family: 'Halbfett'; font-size: 60px; box-sizing: border-box; font-weight: 700; text-align: center; text-transform: uppercase; }
.PricePerBusValue { text-align: center; padding: 40px 0px; font-family: 'Mager'; box-sizing: border-box; font-size: 65px; color: #fcb415; }

/*
=======================================
    Venue content start
=======================================
*/
.venue__content a { text-decoration: none; }
.venue__content { margin-top: 105px; min-height: 900px; }
.venue__headertext { }
.venue__headertext .headertext { text-align: center; font-size: 18px; font-family: 'Mager'; color: #000000; }
.venue__letterblock { margin-top: 25px; }
.letterblock { display: flex; display: flex; justify-content: center; flex-wrap: wrap; }
.letterblock__item { font-size: 18px; line-height: 21px; background-color: #F1F2F8; color: #334C9F; font-family: 'Mager'; text-decoration: none; padding: 5px; margin: 2px; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
.letterblock__item.active { background-color: #334C9F; color: #fff; }
.venue__ortry { }
.ortry { text-align: center; }
.ortry__link { display: inline-block; color: #334C9F; font-family: 'Leicht'; margin-top: 25px; }
.venue__popular { }
.popular { }
.popular__header { font-size: 50px; line-height: 60px; font-family: 'Halbfett'; color: #000; margin-top: 25px; }
.popular__list { display: flex; flex-direction: column; margin-top: 25px; }
.popularlist__item { display: flex; margin-bottom: 00px; width: 50%; padding: 12px 10px; }
.popularlist__left { padding: 8px 10px; border: 1px solid #eee; border-radius: 2px; margin-right: 20px; }
.popularlist__left .svg_1, .popularlist__item:hover .svg_0, .popularlist__item.active .svg_0 { display: none; }
.popularlist__head { font-family: 'Mager'; font-size: 20px; line-height: 23px; color: #000; }
.popularlist__detail { font-family: 'Leicht'; font-size: 14px; line-height: 17px; color: #999; margin-top: 4px; }
.popular__seeall { margin-top: 20px; margin-bottom: 100px; }
.popular__seeall a { font-size: 20px; line-height: 23px; color: #bbb; text-decoration: underline; }
.popularlist__item:hover, .popularlist__item.active { background: #fcb415; }
.popularlist__item:hover .svg_1, .popularlist__item.active .svg_1 { display: block; }
.popularlist__item:hover .popularlist__head, .popularlist__item:hover .popularlist__detail, .popularlist__item.active .popularlist__head, .popularlist__item.active .popularlist__detail { color: #fff; }

/*
=======================================
    Venue content end
=======================================
*/

/*mobile*/
@media (max-width:600px) {
    .PricePerBus { }
    .PricePerBusValue { }
}

/*desktop*/
@media (min-width:600px) {
    .PricePerBus { width: 50%; float: left; }
    .PricePerBusValue { width: 50%; float: left; }
}
.SeatCostArea { position: static; color: #013a5d; border: 1px solid #b1b1b1; margin: 10px auto auto auto; overflow: hidden; line-height: initial; font-size: 30px; clear: both; }
.SeatCostBox { width: 50%; float: left; border-right: 1px solid #b1b1b1; box-sizing: border-box; padding: 20px; color: #20516f; }
.CostLabels { color: #fcb415; overflow: hidden; line-height: initial; font-size: 40px; position: relative; }
@media (max-width:774px) {
    .DeskTop { display: none; }
}
@media (min-width:775px) {
    .Mobile { display: none; }
    .SeatCostArea { width: 50%; }
    .SeatCostBox { }
}
.irs-grid-text { font-size: 40px; font-weight: bold; color: #013a5d; font-family: 'Halbfett'; }
.irs-grid { position: relative; top: -53px; }
.r-tabs-tab { width: 33.33%; float: left; font-family: 'Halbfett'; text-align: center; font-size: 26.67px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; padding: 20px; cursor: pointer; }
.h5 { font-family: 'Halbfett'; font-size: 20px; color: #013a5d; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle; }
.trip_name input { line-height: inherit; }
.CharterReview { border-collapse: collapse; padding: 0px; font-family: 'Halbfett'; font-size: 20px; color: #a5a5a5; line-height: 23px; font-weight: 700; }
.CharterReviewRow { overflow: auto; }
.CharterReview .DateLabel { border-collapse: collapse; padding: 0px; font-family: 'Halbfett'; font-size: 20px; color: #a5a5a5; line-height: 23px; font-weight: 700; text-align: left; }
.CharterReview .DateText { font-family: 'Halbfett'; text-align: center; font-size: 26.67px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; cursor: pointer; }
.ReviewBoxFull { box-sizing: border-box; width: 100%; border: 1px solid #b1b1b1; float: left; border-collapse: collapse; min-height: 230px; padding: 20px; box-sizing: border-box; }
.ReviewBoxHalf { box-sizing: border-box; border-collapse: collapse; min-height: 230px; padding: 20px; }
.ReviewBox { box-sizing: border-box; padding: 20px; min-height: 230px; border-collapse: collapse; }
.CharterReview .Title { color: #013a5d; font-family: 'Halbfett'; font-size: 30px; line-height: 32px; font-weight: 700; text-align: center; text-transform: uppercase; text-align: center; }
.CharterReview .ImageDiv { height: 125px; text-align: center; padding: 10px 0px; }
.CharterReview img { position: relative; top: 50%; transform: translateY(-50%); max-height: 100px; }
.CharterReview .Text { font-family: 'Halbfett'; text-align: center; display: block; font-size: 26.67px; line-height: 27px; color: #fcb415; text-transform: uppercase; }
.CharterReview .Label { width: 100px; margin-right: 5px; float: left; text-align: right; }
.CharterReview .Field { float: left; }
.CharterReview .Threshold { font-size: 100px; padding: 60px 0px; }
@media (max-width:600px) {
    .ReviewBox { }
}
@media (min-width:600px) {
    .ReviewBox { border: 1px solid #b1b1b1; width: 25%; float: left; }
    .ReviewBoxHalf { border: 1px solid #b1b1b1; width: 25%; float: left; }
}
.instant_cont_lft { width: 75%; float: left; }
.instant_cont_rht { width: 25%; float: left; text-align: center; }
.creat_event_cont { margin: 0px; }
.creat_event_cont { padding: 30px 38px 38px; border: 1px solid #b1b1b1; margin: 34px 0 72px 0; }
.round_trip_tabs { list-style-type: none; text-align: center; }
.round_trip_tabs li { display: inline-block; }
.round_trip_tabs li a { font-family: 'Halbfett'; font-size: 26.67px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; padding: 20px 49px; transition: all 0.4s ease-out; display: block; border: 6px solid transparent; cursor: pointer; }
.trip_book { width: 50%; float: left; padding: 0 15px; text-align: center; }
.label_fld { display: inline-block; vertical-align: middle; margin-right: 15px; }
.trip_date_container { margin: 60px 0; }
.trip_book h5 { font-family: 'Halbfett'; font-size: 20px; line-height: 22px; color: #959595; text-transform: uppercase; font-weight: 700; padding: 14px 10px; text-align: center; border-bottom: 1px solid #b1b1b1; margin: 0 0 34px 0; }
.trip_book .dt_field .label_fld { display: inline-block; vertical-align: middle; padding: 0 1.5% 0 0; font-family: 'Halbfett'; font-size: 20px; line-height: 22px; color: #013a5d; text-transform: uppercase; font-weight: 700; width: 44%; }
.trip_book .dt_field input { display: inline-block; vertical-align: middle; padding: 22px 15px; font-family: 'Mager'; font-size: 20px; line-height: 22px; color: #a5a5a5; font-weight: 400; font-style: italic; border: 1px solid #9a9b9c; width: 48%; }
.lbl.label2 { display: inline-block; font-family: 'Mager'; font-weight: 700; font-size: 20px; color: #013a5d; position: relative; top: 2px; }
.ch_tabs { text-align: center; }
.ch_tabs li.r-tabs-tab { width: 19%; }
.ch_tabs li.r-tabs-tab { display: inline-table; width: 25%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; vertical-align: middle; padding: 50px 12px 20px 12px; border: 5px solid transparent; opacity: 0.6; margin: 0; }
.ch_tabs li.r-tabs-tab .cat_lab { font-family: 'Halbfett'; text-align: center; font-size: 26px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; margin: 34px 0 10px 0; }
.ch_tabs li.r-tabs-tab h6 { font-size: 22px; line-height: 27px; text-transform: uppercase; color: #003a5d; font-family: 'Halbfett'; }
.ch_tabs li.r-tabs-tab span:first-child { max-width: 170px; margin: 0 auto; min-height: 86px; display: block; }
.min_tabs { text-align: center; padding-bottom: 40px; }
.min_tabs li { display: inline-block; vertical-align: top; max-width: 404px; padding: 0 10px; }
.min_tabs li a.active { border: 6px solid #fcb415; }
.min_tabs li a { font-family: 'Halbfett'; font-size: 26px; line-height: 27px; color: #fcb415; text-transform: uppercase; font-weight: 700; padding: 24px 50px; transition: all 0.4s ease-out; display: block; border: 6px solid transparent; text-decoration: none; }
.seats_num { font-family: 'Mager'; border-top: 1px solid #c1c1c1; padding: 22px 0 0px 0; font-weight: 400; text-align: center; font-size: 20px; line-height: 22px; color: #a5a5a5; text-align: center; }
.ThresholdMessage { font-family: 'Halbfett'; font-size: 26.67px; line-height: 27px; color: #fcb415; font-weight: 700; text-align: center; margin-top: 10px; min-height: 45px; }
.other_get_tabs { list-style-type: none; margin: 60px 0; }
.other_get_tabs li.r-tabs-tab { margin: 0 !important; }
.other_get_tabs li.r-tabs-tab span.bord_icon { display: block; text-align: center; margin: 0 0 10px 0; }
.other_tab_cont .priority_emails span { display: inline-block; vertical-align: middle; padding: 0 1.5% 0 0; font-family: 'Halbfett'; font-size: 20px; line-height: 22px; color: #013a5d; text-transform: uppercase; font-weight: 700; width: 20%; }
.other_tab_cont .priority_emails input { display: inline-block; vertical-align: middle; padding: 22px 15px; font-family: 'Mager'; font-size: 20px; line-height: 22px; color: #a5a5a5; font-weight: 400; font-style: italic; border: 1px solid #9a9b9c; width: 74%; }
.other_tab_cont .priority_emails { width: 100%; margin: 0 0 16px 0; }
.trip_name { padding: 0 0 38px 0; }
.trip_name h5 { font-family: 'Halbfett'; font-size: 20px; color: #013a5d; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle; width: 100%; }
.trip_name input { border: 1px solid #9a9b9c; }
.trip_name input { display: inline-block; border: 1px solid #9b9b9b; font-family: 'Mager'; font-style: italic; font-size: 20px; line-height: 20px; color: #a5a5a5; padding: 23px 20px; font-weight: 400; margin: 0 0 0 24px; vertical-align: middle; width: 76%; }
.h5 { font-family: 'Halbfett'; font-size: 20px; color: #013a5d; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: middle; }
.CharterReview { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bottomPage .shareBox { padding: 50px 0; color: #003a5d; font-size: 21px; font-family: 'Halbfett'; text-transform: uppercase; text-align: center; }
.page13btm .shareBox .note { color: #fcb415; font-size: 30px; line-height: 32px; margin: 0 0 17px 0; }
.page13btm .shareBox .share { display: block; color: #fcb415; font-size: 23.32px; line-height: 24.32px; }
.user_ac_page { padding-top: 65px; }
.user_ac_page .container { padding: 20px 15px; }
.account__page-header { background-color: rgba(0, 0, 0, 0.8); }
.account_contain_header h3 { color: #003a5d; font-size: 42px; line-height: 42px; font-weight: bold; font-family: 'Mager'; float: left; text-transform: capitalize; vertical-align: middle; padding: 0 40px 0 0; }
.account_contain_header span.act_email { text-align: center; text-transform: uppercase; background: #1e395d; color: #ffffff; font-size: 16px; font-family: 'Halbfett'; display: inline-block; padding: 12px 15px; vertical-align: middle; }
.account_contain_header span.act_miles { text-align: center; text-transform: uppercase; background: #1e395d; color: #ffffff; font-size: 16px; font-family: 'Halbfett'; display: inline-block; padding: 12px 15px; vertical-align: middle; position: relative; margin: 0 39px; }
.account_contain_header a.act_earned { text-align: center; text-transform: uppercase; background: #fcb415; color: #ffffff; font-family: 'Halbfett'; display: inline-block; text-decoration: none; padding: 7px 15px; vertical-align: middle; transition: all 0.5s ease-out; }
.account_contain_header a.act_earned span:last-child { font-size: 12px; line-height: 13px; display: block; }
.account_contain_header span.act_miles:before { position: absolute; left: -39px; top: 50%; bottom: 50%; margin: -1px 0; content: ''; border: 1px dashed #ddd; width: 39px; height: 1px; }
.account_contain_header span.act_miles:after { position: absolute; right: -39px; top: 50%; bottom: 50%; margin: -1px 0; content: ''; border: 1px dashed #ddd; width: 39px; height: 1px; }
.account_tab { margin: 60px 0; border: 1px solid #b1b1b1; }
.ac_tab_label { width: 25%; float: left; text-align: center; padding: 15px 20px; font-family: 'Mager'; font-size: 18px; border: 1px solid #b1b1b1; border-top: 0; }
.ac_tab_label:focus { border-bottom-color: transparent; }
.ac__radio__ip { position: absolute; top: 0; opacity: 0; }
.ac__radio__ip:checked + .ac_tab_detail { display: block; }
.ac_tab_detail { display: none; padding: 20px 30px; }
.reserv_container { border-bottom: 1px solid #b1b1b1; padding: 25px 0 25px 0; }
.reserv_container .reserv_lft { float: left; display: inline-block; vertical-align: top; }
.reserv_container .reserv_rht { float: right; display: inline-block; vertical-align: top; }
.reserv_container .reserv_lft h4 { color: #fcb415; font-size: 21px; font-family: 'Halbfett'; line-height: 22px; margin: 0 0 14px 0; }
.reserv_container .reserv_lft p { color: #9d9d9d; font-size: 16px; line-height: 18px; }
.reserv_container .reserv_rht span { color: #9d9d9d; font-size: 12px; font-family: 'Halbfett'; line-height: 14px; text-align: right; display: block; margin: 0 0 30px 0; }
.reserv_container .reserv_rht a { color: #ffffff; font-size: 16px; font-family: 'Halbfett'; line-height: 16px; text-align: center; text-transform: uppercase; background: #fcb415; display: inline-block; padding: 12px 15px; transition: all 0.5s ease-out; text-decoration: none; }
#account_info .loadMoreOut { position: relative; display: block; text-align: center; margin: 25px 0 0 0; }
#account_info a.loadMore { text-align: center; text-transform: uppercase; background: #f9a01b; color: #ffffff; font-size: 16px; font-family: 'Halbfett'; display: inline-block; padding: 14px 140px; z-index: 900; position: static; margin: 0 auto; text-decoration: none; transition: all 0.5s ease-out; }
.manage_act_form .formLeft { float: left; width: 49%; }
.manage_act_form .formRight { float: right; width: 49%; }
.manage_act_form .formLeft ul { list-style-type: none; }
.manage_act_form .formLeft ul li.heading { color: #003a5d; font-family: "Halbfett"; padding: 10px 0; text-transform: uppercase; }
.manage_act_form .formLeft ul li { color: #9d9d9d; font-family: "Halbfett"; font-size: 16px; padding: 5px 0; }
.manage_act_form .formLeft ul li label { display: inline-block; vertical-align: middle; width: 40%; color: #9d9d9d; font-family: "Halbfett"; font-size: 16px; line-height: 18px; }
.manage_act_form .formLeft ul li .text { border: 1px solid #b1b1b1; display: inline-block; vertical-align: middle; width: 49%; }
.manage_act_form .formLeft ul li .text input { height: 30px; min-width: auto; background: none; border: 0 none; color: #1e395d; font-family: "Mager"; font-size: 16px; line-height: 18px; text-align: left; width: 100%; }
.manage_act_form .formRight ul { list-style: none; }
.manage_act_form .formRight ul li.heading { color: #003a5d; font-family: "Halbfett"; padding: 10px 0; text-transform: uppercase; }
.manage_act_form .formRight ul li { color: #9d9d9d; font-family: "Halbfett"; font-size: 16px; padding: 5px 0; }
.manage_act_form .formRight ul li label { display: inline-block; vertical-align: middle; width: 40%; font-family: "Halbfett"; font-size: 16px; line-height: 18px; }
.manage_act_form .formRight ul li .text { border: 1px solid #b1b1b1; display: inline-block; vertical-align: middle; width: 49%; }
.manage_act_form .formRight ul li .text input { min-width: auto; height: 30px; background: none; border: 0 none; color: #1e395d; font-family: "Mager"; font-size: 16px; line-height: 18px; text-align: left; width: 100%; }
.manage_act_form .save_btn { text-align: center; text-transform: uppercase; background: #f9a01b; color: #ffffff; font-size: 24px; line-height: 24px; font-family: 'Halbfett'; display: inline-block; padding: 12px 48px; vertical-align: middle; border: none; cursor: pointer; text-transform: uppercase; transition: all 0.5s ease-out; float: right; margin: 76px 0 0 0; }
.manage_act_form .save_btn:hover { background: #c67b0c; }
.manage_act_form .formRight ul li .text.half { margin-right: 8px; width: 27%; }
.label_card_no { float: left; padding-top: 5px; }
.manage_act_form select { border: 1px solid #b1b1b1; background: #ffffff; border-radius: 0; width: 90px !important; margin: 0 10px 0 0; padding: 5px 10px; display: inline-block; color: #003a5d; font-family: 'Mager'; text-transform: uppercase; font-size: 18px; height: auto; }
.manage_act_form .code { display: inline-block; color: #9d9d9d; font-family: "Halbfett"; font-size: 16px; padding: 5px 0; }
.manage_act_form .formRight ul li .text.small { margin-right: 8px; width: 60px; }
.prefer_con_lft { width: 49.5%; display: inline-block; vertical-align: top; }
.prefer_con_rht { width: 49.5%; display: inline-block; vertical-align: top; }
.prefer_container h4 { color: #003a5d; font-family: "Halbfett"; font-size: 16px; line-height: 18px; margin: 0 0 18px 0; text-align: left; text-transform: uppercase; }
.prefer_container ul { margin: 0 0 40px 0; list-style-type: none; }
.prefer_container ul li { display: block; margin: 0 0 14px 0; color: #9d9d9d; font-family: "Mager"; font-size: 16px; line-height: 18px; text-align: left; }
.prefer_container input[type=checkbox], .prefer_container input[type=radio] { opacity: 0; position: absolute; z-index: 12; width: 18px; height: 18px; }
.regular-radio:checked + label { border: 1px solid #fcb415; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1); color: #ffffff; background-position: 0 0; position: relative; }
.regular-radio + label { background-color: #ffffff; border: 1px solid #fcb415; box-shadow: 0; padding: 0px; border-radius: 0px; display: inline-block; position: relative; margin-right: 5px; vertical-align: middle; vertical-align: middle; width: 15px !important; height: 15px !important; background-position: 0 bottom; cursor: pointer; float: left; margin-top: 5px; }
.regular-radio:checked + label:after { content: ' '; font-size: 14px; position: absolute; top: 2px; left: 2px; color: #ffffff; background-color: #fcb415; width: 9px; height: 9px; }
.prefer_con_rht .completedEvents .container { margin-bottom: 30px; width: 100%; }
.prefer_con_rht .completedEvents h4 { text-align: left; text-transform: uppercase; color: #003a5d; font-family: "Halbfett"; }
.prefer_con_rht .completedEvents .completedEventsDesc { padding: 0px; height: 300px; border: 1px solid #b1b1b1; overflow: auto; }
.prefer_con_rht .completedEvents ul li { font-family: 'Mager'; padding: 13px 35px 13px 20px; border-bottom: 1px solid #b1b1b1; margin: 0; }
.prefer_con_rht .completedEvents ul li span { display: inline-block; width: 82%; font-family: "Mager"; font-size: 16px; line-height: 18px; color: #9d9d9d; }
.prefer_con_rht .completedEvents ul li a { color: #ffffff; padding: 8px 10px; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 14px; font-family: 'Halbfett'; background: #fcb415; }
.prefer_con_rht .save_pbtn { background: #f9a01b; border: none; color: #ffffff; cursor: pointer; display: inline-block; float: right; font-family: "Halbfett"; font-size: 24px; line-height: 24px; margin: 24px 0 0 0; padding: 12px 48px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.5s ease-out 0s; vertical-align: middle; }
.tell_us_contain { max-width: 927px; margin: 60px auto; width: auto; text-align: center; border: 1px solid #d5d5d5; padding: 57px 52px; position: relative; }
.tell_us_contain h2 { text-align: center; color: #003a5d; font-family: "Halbfett"; font-size: 36px; line-height: 38px; margin: 0 0 10px 0; }
.tell_us_contain .field span { color: #8a8a8a; font-family: "Mager"; font-size: 16px; line-height: 18px; text-align: center; padding: 0 30px 0 0; }
.tell_us_contain .field input { max-width: 519px; width: 100%; height: 34px; border: 1px solid #d5d5d5; color: #8a8a8a; font-family: "Mager"; font-size: 16px; line-height: 18px; padding: 0 10px; }
.trending .trendingList .slide .title { font-size: 24px; color: #003a5d; font-family: 'Halbfett'; text-transform: uppercase; margin: 10px 0; display: block; padding: 0; }
.trendingList .slider-inner:before, .trendingList .slider-inner:after { content: ""; display: table; }
.trendingList .slider-inner:after { clear: both; }
#slider.trendingList { height: auto; }
.trendingList #slider-inner { height: auto; }
.trendingList #slider-inner > div { height: auto; padding: 0 10px; }
.trending .trendingList .slide .title:before { display: none; }
@media screen and (min-width:992px) {
    .sticky--map { position: fixed; top: 0; right: -40px; }
}
@media screen and (max-width:991px) {
    .instant_cont_lft { width: 100%; }
    .instant_cont_rht { width: 100%; }
    .instant_cont { margin-bottom: 50px; }
    .creat_event_cont { padding: 15px; }
    .trip_book { width: 100%; padding: 15px; }
    .ch_tabs li.r-tabs-tab { width: 33.33%; }
    .PricePerBus { font-size: 40px; padding: 20px; }
    .PricePerBusValue { padding: 20px; font-size: 40px; }
    .CharterReview .Title { font-size: 20px; }
    .CharterReview .Text { font-size: 16px; }
    .CharterReview .DateText { font-size: 16px; }
    .trip__map { position: static; }
}
@media screen and (max-width:767px) {
    .trip_book .dt_field .label_fld { margin: 0 0 20px; display: block; width: 100%; }
    .trip_book .dt_field input { width: 100%; display: block; }
    .ch_tabs li.r-tabs-tab { display: block; width: 50%; }
    .ch_tabs li.r-tabs-tab span:first-child { max-width: 100%; }
    .ch_tabs li.r-tabs-tab a { display: block; }
    .ch_tabs li.r-tabs-tab .cat_lab { font-size: 16px; }
    .ch_tabs li.r-tabs-tab h6 { font-size: 16px; }
    .emailinput { max-width: 100%; }
    .CostLabels { font-size: 20px; margin-top: 20px; }
    .SeatCostBox { width: 100%; }
    .r-tabs-tab { display: block; width: 100%; }
    .other_tab_cont .priority_emails span { display: block; width: 100%; }
    .other_tab_cont .priority_emails input { width: 100%; display: block; }
    .trip_name input { display: block; margin: 0; }
    .ReviewBox { display: block; width: 100%; }
    .ac_tab_label.mob__view { display: block; width: 100%; float: none; }
    .ac_tab_detail { padding: 20px 15px; }
    .manage_act_form .formLeft, .manage_act_form .formRight { width: 100%; display: block; }
    .manage_act_form .formLeft ul li .text { width: 55%; }
    .prefer_con_lft, .prefer_con_rht { display: block; width: 100%; }
    .prefer_con_rht .completedEvents ul li span { display: block; margin-bottom: 10px; }
    .tell_us_contain { padding: 30px 20px; }
    .account_contain_header h3 { float: none; padding: 30px 0 37px; font-size: 24px; text-align: center; font-weight: 700; }
    .account_contain_header span.act_email { max-width: 400px; margin: 0 auto 25px auto; display: block; }
    .account_contain_header span.act_miles { max-width: 400px; margin: 0 auto 25px auto; display: block; }
    .account_contain_header a.act_earned { display: block; max-width: 400px; margin: 0 auto 25px auto; }
    .account_contain_header span.act_miles:before { border-left: 1px dashed #ccc; height: 24px; width: 1px; left: 50%; right: 50%; margin: 0 -1px; top: -24px; }
    .account_contain_header span.act_miles:after { border-left: 1px dashed #ccc; height: 24px; width: 1px; left: 50%; right: 50%; margin: 0 -1px; top: 44px; }
    .reserv_container .reserv_rht span { text-align: left; }
    .reserv_container .reserv_rht { float: none; display: block; }
}

/*========29/09=========*/
.slider_wrapper { margin-top: 50px; }
.slider_container { position: relative; }
.slide_leftt { display: block; width: 50px; height: 50px; background: url(../images/PrevArrow.png) no-repeat; background-size: 100% 100%; display: inline-block; }
.slide_rightt { display: block; width: 50px; height: 50px; background: url(../images/NextArrow.png) no-repeat; background-size: 100% 100%; float: right; }
.slider_arrow { height: 0; position: absolute; width: 100%; top: 45%; z-index: 100; }

/*========3/1/19=========*/
#demo::-webkit-input-placeholder { color: #ffb600; opacity: .5; }
#demo::-moz-placeholder { color: #ffb600; opacity: .5; }
#demo:-ms-input-placeholder { color: #ffb600; opacity: .5; }
#demo:-moz-placeholder { color: #ffb600; opacity: .5; }
::placeholder { opacity: 0.5; }
#search__rally-ip::-webkit-input-placeholder { color: #ffb600; opacity: .5; }
#search__rally-ip::-moz-placeholder { color: #ffb600; opacity: .5; }
#search__rally-ip:-ms-input-placeholder { color: #ffb600; opacity: .5; }
#search__rally-ip:-moz-placeholder { color: #ffb600; opacity: .5; }
::placeholder { opacity: 0.5; }
.search__dropdown-2 { position: absolute; top: 91px; left: 0; right: 0; background: #000; min-height: 100px; padding: 25px; z-index: 99999; display: none; }
.search__dropdown-2.hide { display: none; }
.search__dropdown-2__item { }
.search__dropdown-2__head { height: 28px; font-size: 22px; line-height: 26px; color: #FFFFFF; font-family: 'Halbfett'; }
.search__dropdown-2__body div { font-size: 20px; line-height: 23px; color: #FFFFFF; font-family: 'Muli', sans-serif; margin: 15px 0; }
.search__dropdown-2__body div:last-child { margin-bottom: 0; }
.search__dropdown-3 { top: 70px; background: #fff; color: #000; }
.search__dropdown-3 * { color: #000 !important; }
.srchlistul { }
.srchlist { padding-left: 35px; }
.srchlist.icon1 { background: url('../images/icons/top_results.svg') no-repeat left top; }
.srchlist.icon2 { background: url('../images/icons/performers.svg') no-repeat left top; }
.srchlist.icon3 { background: url('../images/icons/events.svg') no-repeat left top; }
.srchlist.icon4 { background: url('../images/icons/venue.svg') no-repeat left top; }
.srchlist.icon5 { background: url('../images/icons/cities.svg') no-repeat left top; }
.srchlist-head { font-size: 22px; font-family: 'Halbfett'; margin-bottom: 20px; }
.srchlist-detail { }
.srchlist-detail-item { font-size: 20px; line-height: 23px; font-family: 'Muli', sans-serif; margin-bottom: 20px; padding: 8px 5px; }
.srchlist-detail-item:hover, .srchlist-detail-item:hover span { background: #ffb500; color: #fff; cursor: pointer; }
.srchlist-detail-item match { color: #ffb500; }
.srchlist-detail-item:hover match { color: #000; }
.srchlist-detail-item span { display: block; color: #999; font-size: 14px; line-height: 17px; font-family: 'Muli', sans-serif; }
.srchlist-detail-item a, .srchlist > a { font-size: 20px; text-decoration: underline; color: #999 !important; font-family: 'Muli', sans-serif; }
.search__dropdown--white { top: 70px; background-color: #fff; }
.search__dropdown--white .srchlist-head { color: #000; }
.search__dropdown--white .srchlist-detail-item { color: #000; }
.search__dropdown--white .srchlist-detail-item:hover, .search__dropdown--white .srchlist-detail-item:hover span { color: #fff; cursor: pointer; }
.search__dropdown--white .srchlist-detail-item match { color: #ffb500; }
.search__dropdown--white .srchlist-detail-item:hover match { color: #000; }
.whats__rally-pt-link { }
.whats__rally-pt-link { display: flex; align-items: center; }
.whats__rally-pt-link .divimg { width: 32px; height: 32px; margin-left: 10px; background: url('../images/icons/navi.png'); }
.whats__rally-pt-link:hover .divimg { background-position: 32px }
.trip__date-time { width: 30%; }
.trip__short-detail { width: 70%; }
.trip__date-time, .trip__short-detail { float: left; text-align: left; }
.trip__short-detail .grey__text { color: #999; font-family: 'Muli', sans-serif; font-size: 14px; }
.trip__short-detail .trip__name { font-size: 18px; font-family: 'Halbfett'; line-height: 1.1em; }
.trip__short-detail .near__pts, .trip__short-detail .yellow__text { font: 400 14px 'Muli', sans-serif; }
.rally__trip { border-left: 3px solid transparent; }
.trip__date-time p { font: 400 14px 'Muli', sans-serif; }
.trip__map { left: 15px; right: 15px; }

/*-------------- 18-march-2019 ----------------*/
.t__concept-banner-container--1 { width: calc(100% - 20%); right: 10%; }
.yellow--btn-wrap__main { display: flex; justify-content: space-between; }
.yellow--btn-wrap__main .yellow--btn-wrap__item { justify-content: space-between; margin: 0px; }

.yellow--btn-wrap--imgBox { width: 330px; max-height: 85px; }

/*    .yellow--btn-wrap__main {
   display: flex;
   justify-content: normal;
   flex-direction: column-reverse;
} */
@media screen and (max-width:1439px) {
    .t__concept-banner-container--1 { width: calc(100% - 00%); right: 0; }
}
@media screen and (max-width:767px) {
    .yellow--btn-wrap__main { justify-content: space-between; flex-direction: column-reverse; }
    .yellow--btn-wrap__main  .yellow--btn-wrap__item:not(.yellow--btn-wrap) { display: flex; justify-content: center; margin: 15px 0; }
    .lr__slider-h1 { font-size: 5vh; line-height: 5vh; margin-bottom: 20px; }
}
@media screen and (max-width:767px) and (orientation:landscape) {
    .yellow--btn-wrap__main  .yellow--btn-wrap__item:not(.yellow--btn-wrap) { justify-content: flex-end; }
}
@media screen and (max-width:320px) {
    .yellow--btn-wrap__item:nth-child(2) { height: 45px; margin-bottom: 0px !important; margin-top: 2px !important; }
    .yellow--btn-wrap__item:nth-child(2) .yellow--btn-wrap--imgBox { height: 42px; }
    .yellow--btn-wrap__item:nth-child(2) .yellow--btn-wrap--imgBox img { height: 44px; }
}

/*-------------- 18-march-2019 end----------------*/
@media (max-width:1199px) {
    .search__dropdown-2 { top: 50px; }
    .home__page-search__dropdown { left: 0; }
}
@media (max-width:991px) {
    .home__page-search__dropdown { top: 50px; padding: 10px; }
    .search__dropdown-2 { top: 50px; padding: 10px 15px; }
    .search__dropdown-2__head { font-size: 18px; line-height: 22px; }
    .search__dropdown-2__body div { margin: 5px 0; font-size: 18px; }
    .slider__ip { padding: 0 5px 0 0px; }
    .srchlist-head { font-size: 18px; margin-bottom: 10px; }
    .srchlist-detail-item { font-size: 16px; margin-bottom: 0px; padding: 8px 5px; }
    .srchlist-detail-item span { font-size: 12px; }
    .srchlist-detail { margin-left: -38px; }
}
@media (max-width:639px) {
    .home__page-search__dropdown { top: 40px; padding: 10px; }
    .search__dropdown-2 { top: 40px; padding: 10px 15px; }
}






/*==========16-april start============*/
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
.rally__trip { padding: 16px 05px 14px 5px; }
.rally__trip, .trip__short-detail, .trip__date-time, .trip__short-detail--item { display: -webkit-box; display: -ms-flexbox; display: flex; }
.trip__short-detail, .trip__date-time, .trip__short-detail--item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.trip__date-time, .trip__date-time .trip__short-detail--item { -webkit-box-align: end; -ms-flex-align: end; }
.trip__short-detail--item:nth-child(2) { margin-top: 15px; }
.trip__short-detail--item { font-size: 14px; color: #404040; }
.trip__short-detail--item b { font-family: 'Halbfett'; }
.trip__date-time .seemore { color: #FCB415; position: relative; padding-right: 0px; }
.trip__date-time .seemore img { margin-left: 10px; }
.trip__date-time a { text-decoration: none; }
.rally__trip { border-left: 6px solid transparent; }
.lr__modal-route { overflow-y: auto; }

#map__component__mobile { height: 90% !important; }



@media (max-width:991px) {
    .listhead { display: none; }
}
@media (max-width:639px) {
    .bookpopup1_white--img { display: none; }
    .bookpopup1_white--detail, .bookpopup1_white:nth-child(2) { font-size: 14px; }
    .bookpopup1_head { font-size: 16px; }
}
@media (max-width:374px) {
    .bookpopup1_item--white { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .bookpopup1_white:nth-child(2) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 15px; }
}

.bookpopup1_head { color: #FCB415; font-size: 22px; }





.








/*==========16-april end============*/



/* 6/6/2019 start */

h3.landing__title-heading3.white__text { display: flex; justify-content: space-between; align-items: center; }
@media screen and (max-width:1023px) {
    h3.landing__title-heading3.white__text { flex-direction: column; align-items: flex-start; }
    .yellow--btn-wrap__item { margin-top: 25px; }
}
@media screen and (max-width:400px) {
     .yellow--btn-wrap__item img { width: 100%; } 
     .yellow--btn-wrap--imgBox { width:auto; }
}
@media screen and (min-width:812px)  and (max-width:991px) and (orientation: landscape){
	.t__concept-banner{
		max-height: none;
	}
}


/* 6/6/2019 end */

/* 21-june-2019 start  */

    .breadcrumb.breadcrumb--theme1 .breadcrumb__list{display: flex;align-items: center;}
    .breadcrumb.breadcrumb--theme1 .breadcrumb__list .breadcrumb__item{display: flex;align-items: center;font-size: 16px;margin-right: 20px;padding-right: 30px;}
    .breadcrumb.breadcrumb--theme1 .breadcrumb__list .breadcrumb__item:last-child{padding-right: 0px;margin-right: 0px;}
    .breadcrumb.breadcrumb--theme1 .breadcrumb__list .breadcrumb__item:first-child{margin-left: 10px;}
    .breadcrumb.breadcrumb--theme1 .breadcrumb__list .breadcrumb__item .breadcrumb-link{width: 125px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}    

     #map__component__mobile{    height:100% !important; }

/* 21-june-2019 end */


/* 10 july 2019 */
.lr__slider-h1 b.yellow__text:last-child {
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
/* 10 july 2019 end */


/* 19 & 20 Aug 2019 start */
@media screen and (max-width: 767px){
	.lr__heading-level2{
		padding-right: 39px;
	}
	.editbutton__icon.ride__edit , .editbutton__icon.story__edit{
		right: 20px !important;
		top: 45px !important;
	}
	.rideshare__editmode, .story__editmode {
		max-height: calc(100% - 70px);
		overflow: scroll;
		height: calc(100% - 70px) !important;
	}

    .ql-toolbar.ql-snow + .ql-container.ql-snow {
        border-top: 0px;
        height: 100%;
        min-height: 350px;
    }
	.rideshare, .story {
	    height: calc(100% - 40px) !important;
	    margin: 20px 0 !important;
	    position: relative !important;
	}
	.rideshare:before, .rideshare:after, .story:after, .story:before {
	    display:none !important;	    
	}
	.rideshare__head, .story__head{
	    display:none !important;
	}
	h3#story_mbl_editor_heading {
        line-height: normal;
    }
    .rideshare__submit, .story__submit{
        bottom: 05px !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}
/* 19 & 20 Aug 2019 end */



/* 26 Aug 2019 start */
@media screen and (max-height:500px){
	.next__step--booking{
		position: relative;
	}
	.modal-body.trip__modal-body {
    		max-height: none !important;
    		height: auto;
	}
}
/* 26 Aug 2019 end */


/* 29 Aug 2019 end */
.lr__slider-h1 b.yellow__text{
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center;
}
.lr__slider-h1 b.yellow__text .editheading__icon {
    margin-left: 15px;
}
/* 29 Aug 2019 end */

/* 30 Aug 2019 start */
#loginModal .acc__form-group .acc__form-label{
    color: #676767;
    font-size: 14px;
    font-family: 'Mager';
}
#loginModal .acc__form-group .acc__form-ip{
    background-color: #00000012;
    border: 0px solid rgba(151, 151, 151, 0.4);
}
/* 30 Aug 2019 end */


/* 2 Sep 2019 start */
.yellow--link-btn{padding-right: 52px;}
.share__link{ #fcb415 url(../images/share-icon.svg) no-repeat !important; }
.default__btn--link.yellow--link-btn.share__link{ margin-top:20px;background-color: #fcb414 !important;}
/* 2 Sep 2019 end */


/* 12 Sep 2019 end */
@media screen and (max-width:767px){
	.header{height: 62px;transition: all .2s ease; -webkit-transition: all .2s ease; opacity: 1;}
	.header--hide{border: 0;padding: 0;margin: 0;overflow: hidden;height: 0;width: 100%; opacity: 0;}
}
/* 12 Sep 2019 end */




/* 3 jan 2020 */

	.login_form .acc__form-group .acc__form-ip:focus + .acc__form-label, 
	.login_form .acc__form-group .acc__form-ip:valid + .acc__form-label, 
	.login_form .acc__form-group .acc__form-ip:read-only + .acc__form-label, 
	.login_form .acc__form-group .acc__form-ip:disabled + .acc__form-label {
    	-webkit-transform: scale(0.85) translate(0px, -7px);
    	transform: scale(0.85) translate(0px, -7px);
	}
	.login_form  .acc__form-group .acc__form-ip{font-size: 14px;}

	.login_form .acc__form-group .acc__form-label{
		font-size: 14px;
		font-family: Leicht;
	}

.login_form .acc__form-group{padding: 0;background: #ffffff;padding: 0 !important;border: 1px solid rgba(0, 0, 0, 0.31);height: auto;position: relative;}
.login_form .acc__form-group .acc__form-ip{font-family: 'Halbfett', sans-serif; height: 45px;font-size: 16px;font-family: Leicht;color: #30302F;border: 1px solid rgba(151, 151, 151, 0.4);padding: 15px 10px 6px 10px;border-radius: 3px;transition: all .2s ease;position: relative; z-index: 999;background-color: transparent;display: block;width: 100%;
font-family: 'Halbfett', sans-serif;
    letter-spacing: .5px;
    padding-top: 19px;
    
}
#loginModal .acc__form-group .acc__form-label {height: 45px;color: #9D9D9D;font-family: Leicht;position: absolute;z-index: 999999;transform-origin: 0px 0px;left: 10px;top: 0px;display: flex;align-items: center;text-align: left;font-size: 16px;transition: all 0.3s ease 0s;}

.login_form .acc__form-group{background: #ffffff;padding: 0 !important;border: 1px solid rgba(0, 0, 0, 0.31);height: auto;position: relative;}

#loginModal .acc__form-group .acc__form-ip {
    background-color: #ffffff00;
    border: 0px solid rgba(151, 151, 151, 0.4);
    margin: 0;
	    z-index: 99999999;
}

/* 3 jan 2020 end */

.black__theme .srchlist-detail-item, .black__theme .srchlist.event, .black__theme li.srchlist, .black__theme li.srchlist.top.results {
    color: #fff !important;
}

/* 5 March 2020 start */
.footer__para {
    text-align: center;
}

li.footer__soc__item .fa {
    color: #fff;
}
/* 5 March 2020 end */



/* 3 apr 2020 start - 1064 - issues with small header image */
.t__concept-banner{height: 100vh; max-height: none;}

.t__concept-banner, .t__concept-banner-wrap{	width: 100%; display: flex;}

/* 01 may 2020 end - 1064 - issues with small header image end*/



/* 4 may 2020 start - 1064 - Hamburger overlay width issue on dev */

div#header__container.container {
    position: static;
}

/* 4 may 2020 end - 1064 - Hamburger overlay width issue on dev */

/* 30 Jun 2020 start - 1917 - iPad Pro cover */
.t__concept-banner-bg {
    object-fit: cover;
}

.tab-content.tab-content__level1 {
    padding-left: 10px;
}
/* 30 Jun 2020 end - 1917 - iPad Pro cover */


/* 1 july 2020 start */

.header {
    width: 100%;
    background-color: black;
    position: relative;
}

@media screen and (max-height: 768px) and (orientation: landscape) {

    .t__concept-banner {
        max-height: none;
        height: auto;
    }
}

.row--footer h3.footer__pri__heading.footer__pri__heading--black
{
    padding-right: 45px;
}
/* 1 july 2020 end */


/* 23-july-2020*/

.next__step--booking {
    position: fixed;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    z-index: 99999999;
}

.login-reg_body {
    padding: 40px 30px 125px !important;
}

.header {
    background-color: rgb(0 0 0);
}

/* 23-july-2020 */
.iti--separate-dial-code .iti__selected-dial-code {
    color:black;
}

.iti {
    display: block !important;
}