/* 'Open Sans', sans-serif;
 400italic,400,600,700,300 */
body {
    font-family: arial, sans-serif;
    margin: 0;
    padding: 0;
    /*background:#fff;
     */
    font-size: 14px;
    color: #333
}

    body.loading {
        overflow: hidden;
    }

/*fixed*/
#wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

#mainContent {
    flex: 1 0 0;
}

.pageBg.dc {
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
}

/**/
a {
    color: #000;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #000;
        text-decoration: none;
    }

    a img {
        border: none;
    }

.rateStep img {
    max-width: 100%;
}

:focus {
    outline-color: transparent;
    outline-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul:not(.normal),
ul:not(.normal) li {
    margin: 0;
    padding: 0;
}

    ul:not(.normal),
    ul:not(.normal) li {
        list-style: none;
    }

h1 {
    font-size: 22px;
}

h4 {
    font-size: 15px;
}

#mainContent .row {
    margin: 0;
    word-wrap: break-word;
}

#btnSignIn {
    color: #fef200;
    font-weight: 600;
}

#btnGetStarted {
    color: #ff2a1a;
    font-weight: 600;
}

#btnSignUp {
    color: #ff2a1a;
    font-weight: 600;
}

input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea,
select {
    font-size: 12px;
    background: #fcfcfc;
    border: 1px solid #ececec;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 2px;
    padding: 3px;
    line-height: normal;
    max-width: 100%;
}

    select,
    select.form-control {
        border: solid 1px #ececec;
        padding: 10px;
        box-sizing: border-box;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        margin-bottom: 10px;
        background: #fcfcfc;
        line-height: normal;
    }

textarea {
    border: 1px solid #ececec;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 10px;
    padding: 10px;
}

    input[type]:focus,
    select:focus,
    textarea:focus {
        border-color: #f05255;
    }

.red {
    color: red;
}

.grey {
    color: #a5a5a5;
}

.black {
    color: #000;
}

.hideme {
    display: none;
}

.no-padding {
    padding: 0 !important;
}

.tiny-input {
    width: 64px !important;
}

.short-input {
    width: 92px !important;
}

.long-input {
    width: 300px;
}

select.long-input {
    width: 310px;
}

.medium-input {
    width: 160px;
}

input.error,
div.select2-container.error a {
    background-color: #fdf0ef !important;
    border: 2px solid #e58b76 !important;
}

input.valid {
}

input[disabled] {
    background: #f4f4f4;
    cursor: not-allowed !important;
}

input,
.select2-container,
textarea {
    text-align: center;
}

.form-row {
    margin: 0 0 4px 0;
}

    .form-row label {
        display: inline-block;
        width: 220px;
        padding: 15px 0;
        font-size: 12px;
    }

.loading {
    background: url(https://citcash.co.za/themes/rmo/images/load24.gif) no-repeat right center !important;
}

.modal-backdrop {
    background-color: #fff;
}

#modalOkText h1 {
    margin: 15px 0;
}

.modal-footer {
    text-align: center;
    border-top: none;
}

.button {
    display: inline-block;
    vertical-align: top;
    background: #000000;
    border: 1px solid transparent;
    color: #fff;
    padding: 5px 30px;
    cursor: pointer;
    box-sizing: content-box;
    border-radius: 10px;
    transition: 0.1s linear;
    -webkit-transition: 0.1s linear;
    -moz-transition: 0.1s linear;
    font-size: 16px;
}

    .button.active,
    .button:hover,
    .button:focus {
        border: 1px solid #000;
        transform: translate3d(0, -2px, 0);
        -webkit-transform: translate3d(0, -2px, 0);
        background-color: #fff;
        color: #000;
        background: #ffffff;
    }

.homePage .owl-item .button {
    border: 1px solid #fef200;
}

    .homePage .owl-item .button:hover,
    .homePage .owl-item .button:focus {
        background-color: #fef200;
        color: #000;
    }

.button2 {
    background: #fff;
    color: #000;
    border-radius: 10px;
    border: 1px solid #bfbfbf;
}

    .button2:hover,
    .button2.active {
        border: 1px solid #000 !important;
    }

.shadow,
.button.prev,
.button.next,
.select2-container {
    border: 1px solid #bfbfbf !important;
    -webkit-box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.3) !important;
}

    .select2-container .select2-choice {
        padding: 0 10px !important;
        font-size: 14px;
    }

.select2-container {
    padding: 0;
}

.shadow {
    background: #fff;
}

.centerme {
    width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}

.centerme2 {
    max-width: 600px;
    margin: 0 auto;
}

.modal-content {
    font-size: 16px;
    border-radius: 30px;
}

#semicolumn {
    display: inline-block;
    vertical-align: top;
    width: 860px;
}

.sidebar {
    display: inline-block;
    vertical-align: top;
    width: 320px;
    min-height: 500px;
}

#rightsidebar {
    margin: 0 0 0 20px;
}

#leftsidebar {
    margin: 0 20px 0 0;
}

/**/
#header-fixed-top {
    position: fixed;
    top: 0;
}

#wrapper {
    margin: 0;
}

#headerow.navbar-fixed-top,
#headerow.navbar-fixed-top.isTop {
    position: relative;
}

    #headerow.navbar-fixed-top.isNotTop {
        position: fixed;
        background: #fff;
        height: 50px;
    }

        #headerow.navbar-fixed-top.isNotTop .logo {
            margin: 5px;
        }

            #headerow.navbar-fixed-top.isNotTop .logo img {
                max-height: 40px;
            }

        #headerow.navbar-fixed-top.isNotTop #hrm {
            height: 50px;
            margin: 0;
            line-height: normal;
        }

        #headerow.navbar-fixed-top.isNotTop #mm {
            height: 50px;
            margin: 0;
            line-height: normal;
        }

            #headerow.navbar-fixed-top.isNotTop #mm li a {
                padding: 14px;
                line-height: normal;
            }

#headerw {
    height: 90px;
}

#header * {
    transition: all 0.4s ease 0s;
}

#mainContent .main-container:not(.menu_socials) {
    padding: 24px 0;
    min-height: calc(100vh - 326px);
}

#qr-sidebar {
    width: 600px;
    max-width: 100%;
    right: -600px;
    background-color: #fff;
    display: block;
    bottom: 0;
    color: #333;
    margin: 0;
    overflow: auto;
    padding: 10px;
    position: fixed;
    transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -moz-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -ms-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: right 200ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    z-index: 1000;
    top: 0;
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);
}

    #qr-sidebar .slider.slider-horizontal {
        width: 93%;
    }

#modal1.qratesModal1 {
    z-index: 1100;
}

    #modal1.qratesModal1 h3 {
        margin-left: 30px;
    }

#modal1 .qratesDialog {
    width: 1200px;
    max-width: 95%;
}

#pickupDateWrap {
    display: none;
    margin-top: 10px;
}

#qpickupDateWrap {
    display: none;
    margin-top: 5px;
}

#pickupdate {
    text-align: center;
}

.qriwr_tot_cut {
    text-decoration: line-through;
    font-weight: bold;
}

.qriwr_cur {
    font-weight: normal;
}

.qriwr_tot_c {
    font-weight: bold;
}

.qriwr_cur {
    font-weight: normal;
}

#qr-sidebar-content {
    position: relative;
    height: 100%;
    width: 100%
}

#qrClose {
    transition: all 2s ease;
}

#quickRateForm {
    right: 0px;
}

#qr-sidebar #qrClose {
    cursor: pointer;
    position: absolute;
    right: 15px;
    z-index: 9;
}

#qrClose:before {
    content: '\00D7';
    font-size: 1.5em;
}

#qr-sidebar h4 {
    font-weight: 400;
    margin: 10px 0;
}

#qr-sidebar label {
    font-size: 13px;
    font-weight: 600;
}

#main-curtain {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 800;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

    #main-curtain.active {
        cursor: pointer;
        opacity: 0.25;
        visibility: visible;
    }

#quickRatesBtn {
    font-size: 16px;
    margin: 20px 0;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}

#quickRateForm,
#quickRateList {
    position: absolute;
}

#quickRateList {
    left: 390px;
}

    #quickRateList div {
        padding: 5px 20px;
    }

#quickRateBack {
    color: #337ab7;
    display: block;
    padding: 20px 20px 0;
}

.addOrRemovePackage a {
    font-size: 45px;
    line-height: 76px;
}

#quickRateResponseWrap {
    clear: both;
    margin-top: 20px;
}

    #quickRateResponseWrap img {
        max-width: 100%;
    }

    #quickRateResponseWrap .filter_item {
        border-radius: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #quickRateResponseWrap .fi_price,
    #quickRateResponseWrap .fi_tit {
        margin-top: 10px;
    }

    #quickRateResponseWrap .button {
        font-size: 16px;
        padding: 10px 20px;
        margin-top: 20px;
    }

#quickRateClear {
    margin-right: 20px;
    font-size: 30px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 9;
}

#qr-sidebar .col-sm-12 input[type="text"] {
    width: 100%;
}

#qr-sidebar .input-number {
    position: relative;
}

    #qr-sidebar .input-number .input-number__controls .input-number__decrease {
        left: 0;
        border-right: 1px solid #ececec;
    }

    #qr-sidebar .input-number .input-number__controls > span {
        position: absolute;
        display: block;
        width: 10%;
        min-width: 3.71428571em;
        height: 100%;
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        text-align: center;
        padding-top: 6px;
        transition: all .3s ease;
    }

#qr-sidebar .stack-down-open:before {
    content: '\e80a';
}

#qr-sidebar [class^="stack-"]:before,
#qr-sidebar [class*=" stack-"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
}

#qr-sidebar .input-select,
#qr-sidebar .input-select select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    #qr-sidebar .input-select:after {
        background: #FCFCFC;
        position: absolute;
        right: 14px;
        height: 50%;
        top: 23px;
        font-size: 30px;
        content: '\2263';
        pointer-events: none;
        padding: 0 13px;
        border-left: 1px solid #ececec;
        line-height: 31px;
    }

#qr-sidebar .qrerror {
    font-size: 12px;
    color: red;
}

#mm {
    float: right;
    text-align: right;
}

    #mm ul {
        display: inline-block;
        vertical-align: middle;
    }

    #mm li {
        display: inline-block;
    }

        #mm li a {
            display: block;
            padding: 35px 0px;
        }

        #mm li.level1 {
            margin-right: 50px;
        }

            #mm li.level1:first-of-type {
                margin-left: 40px;
            }

        #mm li li a {
            padding: 10px;
        }

    #mm ul ul {
        display: none;
    }

    #mm li:hover ul {
        display: block;
    }

    #mm .nav > li > a:focus,
    #mm .nav > li > a:hover,
    #mm .dropdown-menu > li > a:focus,
    #mm .dropdown-menu > li > a:hover {
        background: none;
    }

.cPage_about #mm li#list_2 a,
.cPage_how-it-works #mm li#list_4 a,
.cPage_contact #mm li#list_3 a,
/*.ratePage #mm li#list_6 a, */
.package #mm li#list_5 a,
.packages #mm li#list_5 a,
.cPage_why-rmo #mm li#list_6 a,
.cPage_contact #mm li#list_3 a {
    background: #4897d8;
    color: #fff;
}

#header {
    position: relative;
}

#hl {
    float: right;
}

#hr {
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin: 0 10px 0 0;
}

#header a {
    color: #4897d8;
}

    #header a:hover {
        color: #e40000;
    }

#hrm {
    float: right;
    padding-top: 32px;
}

#hrmma {
    margin-left: 60px;
}

#hrm li {
    display: inline-block;
    padding: 2px 0 22px 10px;
}

#qratesWrap {
    vertical-align: top;
    margin-top: -21px;
    margin-left: 25px;
}

#qrates {
    color: #000 !important;
    border-color: #000;
    background: #fef200;
    text-transform: none;
    padding: 7px 20px;
    margin-top: 13px;
    margin-left: 32px;
    font-weight: 800;
    font-size: 17px;
}

    #qrates:hover {
    }

.qratesresult {
    min-height: 62px;
    padding: 10px 15px;
    border-bottom: solid 1px #ccc;
    border-left: solid 16px #fff;
    border-right: solid 1px #ccc;
}

#caico {
    position: relative;
    display: inline-block;
    font-size: 14px;
    margin-left: 40px;
}

#mpno {
    position: absolute;
    line-height: 0.5;
    color: #4897d8;
    background: #fff;
    border-width: 1px;
    display: inline-block;
    padding: 7px;
    border-radius: 99px;
    font-style: normal;
    right: -24px;
    top: -12px;
    font-size: 12px;
}

body.cPage_index li#list_5 a {
    background: #f00;
    color: #fff;
}

/**/
#hrm li {
    position: relative;
}

    #hrm li:hover #userMenu {
        display: block;
    }

#userMenu {
    position: absolute;
    text-align: left;
    background: #fff;
    display: none;
    top: 30px;
    left: 0px;
    z-index: 101
}

#headerow.stuck.isNotTop #userMenu {
    top: 20px;
}

#userMenu li {
    padding: 0;
    line-height: 32px;
    display: block;
}

    #userMenu li a {
        padding: 0 50px 0 10px;
        white-space: nowrap;
        display: block;
    }

/**/
.pageImage {
    margin-top: -102px;
    height: 320px;
    z-index: -1;
    position: relative;
}

#overfooter {
    background: #EC8117;
    padding: 50px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

#ofics {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

#oftin {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
}

.ofics {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

    .ofics img {
        width: 100px;
    }

    .ofics em {
        font-style: normal;
    }

#oftin a {
    display: inline-block;
    background: #4897d8;
    color: #fff;
    font-size: 22px;
    padding: 8px 60px;
    font-weight: 600;
}

.homePage #ofics,
.homePage #oftin {
    display: block;
    width: auto;
}

.homePage #overfooter {
    font-size: 18px;
}

.homePage #oftin {
    margin: 32px 0 0 0;
}

    .homePage #oftin a {
        padding: 5px 120px;
    }

.homePage #h1e {
    color: #fef200;
    font-size: 50px;
    font-weight: 500;
}

.homePage #h1m {
    color: #E40002;
    font-size: 35px;
    font-weight: 900;
}

.hfw_slide img {
    width: 100%;
    height: auto;
}

.banner,
.slider-content,
.slider,
.slider-v2 {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
}

.sliderInfo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

    .sliderInfo .sliderText {
        margin-top: 50px;
    }

.banner .slider-item {
    width: 100%;
    overflow: hidden;
}

    .banner .slider-item img {
        width: 100%;
    }

#fl {
    display: inline-block;
    vertical-align: top;
    width: 72%;
    margin: 0 3% 0 0;
}

#fr {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

.footer {
    padding: 70px 0 20px;
}

    .footer input[type="text"] {
        width: 100%;
    }

    .footer .fheader {
        color: #ED1C23;
        letter-spacing: 2px;
        font-weight: 600;
        padding-bottom: 10px;
    }

    .footer li {
        padding-bottom: 10px;
        font-size: 18px;
        font-weight: 500;
    }

        .footer li a:hover,
        .footer li a:hover i {
            color: #ED1C23;
        }

    .footer .button {
        width: 100%;
        padding: 8px 0;
    }

.footer-bottom .pull-left {
    padding-top: 20px;
    font-size: 14px;
}

.uni_fullwidth .footer-bottom .pull-left {
    padding: 20px 15px 0;
}

.uni_fullwidth .footer-bottom .pull-right {
    padding-right: 15px;
}

.footer .social {
    margin-top: 20px;
    margin-left: 25px;
}

    .footer .social li {
        margin-right: 35px !important;
        float: left;
        height: 36px;
        line-height: 36px;
        padding: 0;
        text-align: center;
        margin-right: 20px;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }

        .footer .social li a i {
            font-size: 36px;
        }

.footer .menu_socials {
    padding-left: 50px;
}

#mes {
    position: fixed;
    top: 16px;
    right: 16px;
    background: #bff9ff;
    border: solid 1px #15939f;
    padding: 8px;
    border-radius: 6px;
    display: none;
    z-index: 99;
}

    #mes.err {
        background: #ffe5e5;
        border: solid 1px #ee1111;
    }

#logo {
    display: inline-block;
    height: 80px;
    margin: 12px 0 0 0;
    line-height: 72px;
    font-size: 32px;
}

.logo {
    display: inline-block;
    margin: 0;
}

#header .logo img {
    max-height: 90px;
}

/**/
.inline3 {
    text-align: center;
}

.in31 {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}

    .in31 h4 {
        font-size: 20px;
        color: #4897d8;
        font-weight: 600;
        margin: 12px 0;
    }

.howitworks {
    text-align: center;
}

.hiwi {
    display: inline-block;
    vertical-align: top;
    width: 22%;
}

.hiwia {
    display: inline-block;
    vertical-align: top;
}

.hiwiad {
    display: none;
}

.hiwiar {
    margin: 40px 0 0 0;
}

#qrw {
    position: fixed;
    left: -194px;
    top: 200px;
    z-index: 88;
}

#qro {
    display: inline-block;
    transform-origin: 100% 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    left: 34px;
    top: 0px;
    width: 92px;
    text-align: center;
}

#qr {
    width: 192px;
    background: #dbdbdb;
    border: solid 1px #c6c6c6;
    padding: 8px;
    font-size: 14px;
}

    #qr h3 {
        font-weight: 600;
        font-style: italic;
        margin: 8px 0;
        font-size: 16px;
    }

    #qr label strong {
        display: none;
    }

    #qr input {
        box-sizing: content-box;
        width: 166px;
        margin: 0 0 4px 0;
    }

        #qr input#qri_sub {
            font-size: 16px;
            padding: 8px 4px;
            margin: 8px 0 0 0;
            cursor: pointer;
        }

    /* #qrerate {
    background:#4897d8;
     border:solid 1px #4897d8;
}
 */
    #qr .tiny-input {
        width: 32px !important;
    }

    #qr .short-input {
        width: 74px !important;
    }

    #qr .tc {
        width: 150px;
    }

.animated20 {
    -webkit-animation-duration: 2.0s;
    animation-duration: 2.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animated40 {
    -webkit-animation-duration: 4.0s;
    animation-duration: 4.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.animated60 {
    -webkit-animation-duration: 6.0s;
    animation-duration: 6.0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }

    50% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

/**/
.page h1,
.page h2,
.page h3 {
    margin: 0 0 8px 0;
}

#rateSteps {
    margin-bottom: 80px;
}

    #rateSteps li {
        display: inline-block;
        width: 16.6666%;
    }

        #rateSteps li.fivecol {
            width: 20%;
        }

        #rateSteps li a {
            display: inline-block;
        }

        #rateSteps li a {
            cursor: pointer;
            text-align: center;
            width: 100%;
            padding: 10px 0 40px;
            font-size: 13px;
            position: relative;
            text-decoration: none;
            border-radius: 5px;
        }

            #rateSteps li:not(.disabled) a,
            #rateSteps li a.active,
            #rateSteps li a:hover {
                color: #ff2a1a;
            }

                #rateSteps li:not(.disabled) a:after,
                #rateSteps li.active a:before {
                    background-color: #ff2a1a;
                }

            #rateSteps li a:after {
                content: '';
                position: absolute;
                width: 100%;
                bottom: 7px;
                height: 5px;
                background: #000;
                left: -50%;
                transition: all .2s ease;
                box-shadow: 5px 5px 3px 1px rgba(0, 0, 0, 0.3);
                -webkit-box-shadow: 5px 5px 3px 1px rgba(0, 0, 0, 0.3);
            }

        #rateSteps li:first-child a:after {
            width: 0;
        }

        #rateSteps li a:before {
            content: '';
            width: 15px;
            height: 15px;
            border-radius: 50%;
            position: absolute;
            left: 50%;
            margin-left: -10px;
            background: #eee;
            display: block;
            bottom: 0;
            transition: all .2s ease;
        }

        #rateSteps li.last:after {
            content: none;
        }

        #rateSteps li.past:after {
            border: solid 6px #4897d8;
        }

        #rateSteps li a.disabled {
            cursor: not-allowed;
        }

        #rateSteps li a span {
            position: absolute;
            top: 42px;
            left: 40%;
            background: #ff2a1a;
            border-radius: 5px;
            padding: 8px 12px;
            line-height: 20px;
            font-size: 14px;
            color: #fff;
            z-index: 9;
        }

        #rateSteps li:not(.disabled) a span {
            background: #ff2a1a;
        }

        #rateSteps li a.active span,
        #rateSteps li a.active:after {
            background: #ff2a1a;
        }

        #rateSteps li a.active span,
        #rateSteps li a:hover span {
            outline: 1px dashed #fff;
            outline-offset: -4px;
        }

        #rateSteps li a.active div,
        #rateSteps li a:hover div {
            font-weight: 600;
        }

        #rateSteps li a div {
            transform: translateY(400%);
        }

        #rateSteps li a.disabled span {
            background: #000;
            color: #fff;
        }

.rateStep {
    margin: 30px 0;
    padding: 0 25px;
}

    .rateStep h1,
    h3 {
        margin-bottom: 15px;
    }

.rateStepI {
    margin: 20px;
}

.rsl {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    padding: 16px;
    min-height: 100px;
}

.rsr {
    display: inline-block;
    vertical-align: top;
    width: 889px;
    padding: 16px;
    border-left: solid 1px #4897d8;
    box-shadow: inset 16px 0px 16px -16px #999;
    min-height: 100px;
}

.text-right {
    text-align: right;
    margin: 8px 0 0 0;
}

/*s0*/
#saveStartChoose {
    margin: 15px 0;
}

    #saveStartChoose div {
        padding: 0;
    }

    #saveStartChoose a {
        display: block;
        width: 83%;
        max-width: 300px;
        padding: 12px;
        margin: 25px auto;
        background: #000;
        color: #fef200;
        font-size: 16px;
        text-align: center;
        border-radius: 10px;
    }

        #saveStartChoose a.active,
        #saveStartChoose a:hover {
            color: #000;
            background: #fff;
            border: 1px solid #000;
        }

#packageDoor.active,
#packagePargo.active {
    background: #fff url(https://citcash.co.za/themes/rmo/images/site/check.png?v=1) no-repeat 12px 8px !important;
}

.rateStep .alert-danger {
    padding: 15px;
}

#label_prohibited {
    display: flex;
    margin-left: 40%;
    align-items: center;
    height: 20px;
    font-size: 15px;
}

#RateStep_0 #prohibited {
    width: 25px;
    height: 25px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid;
    outline: 5px solid #fef200;
}

#RateStep_0 #packTypeWrap li {
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    width: 33.3333%;
    padding: 15px;
    text-align: center;
}

    #RateStep_0 #packTypeWrap li:first-of-type {
        float: left;
        margin-left: 31px;
    }

    #RateStep_0 #packTypeWrap li:last-of-type {
        float: right;
        margin-right: 31px;
    }

#RateStep_0 #packDescription {
    width: 88%;
    max-width: 300px;
    margin-top: 10px;
}

/*s1*/
#RateStep_1 #packagesNo {
    height: 45px;
    width: 100%;
}

#RateStep_1 .packageWrap input[type="number"] {
    width: 94%;
    max-width: 300px;
    font-size: 15px;
    padding: 3px;
    margin-bottom: 20px;
}

#RateStep_1 input[type=text].insurance_amount {
    width: 150px !important;
}

.insurance_radio {
    margin-right: 10px;
    padding: 5px;
    width: 71px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
}

.sender-radios label {
    margin-right: 15px;
}

.insuranceWrap .insurance_amount {
    width: 94%;
    margin-top: 20px;
    font-size: 25px;
    padding: 2px;
}

#cartPage .insuranceWrap .insurance_amount {
    max-width: 400px;
    font-size: 14px;
    padding: 5px;
    margin-top: 30px;
}

#RateStep_1 .piece {
    display: none;
    padding: 5px 25px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    position: relative;
}

    #RateStep_1 .piece.visible {
        display: inline-block;
    }

#RateStep_1 #packageAdd {
    cursor: pointer;
    color: #000000;
    font-size: 43px;
    font-weight: 500;
    line-height: 30px;
}

#RateStep_1 .package {
    display: none;
}

    #RateStep_1 .package.active {
        display: block !important;
    }

#RateStep_1 .delPiece {
    position: absolute;
    color: red;
    top: -13px;
    right: -13px;
    background: #fff;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 12px;
    border: 1px solid #000;
    cursor: pointer;
}

#RateStep_1 .pdpweight {
    background: url(https://citcash.co.za/themes/rmo/images/site/weight.png?v=2) no-repeat 2px 3px;
    background-color: #fff;
    background-size: 120px;
}

#RateStep_1 .pdplength {
    background: url(https://citcash.co.za/themes/rmo/images/site/length.png?v=2) no-repeat 5px 3px;
    background-color: #fff;
    background-size: 120px;
}

#RateStep_1 .pdpwidth {
    background: url(https://citcash.co.za/themes/rmo/images/site/width.png?v=2) no-repeat 2px 3px;
    background-color: #fff;
    background-size: 120px;
}

#RateStep_1 .pdpheight {
    background: url(https://citcash.co.za/themes/rmo/images/site/height.png?v=2) no-repeat 2px 3px;
    background-color: #fff;
    background-size: 120px;
}

.insurance_text {
    font-size: 15px;
    margin-top: 6px;
}

#cartPage .insurance_text,
#cartPage .insurance_radioWrap {
    margin-top: 30px;
}

.addOrRemovePackage {
    text-align: left;
}

#packagest {
    width: 100%;
    border: 1px solid #ececec;
    border-spacing: 0px;
    border-collapse: initial;
    margin-top: 10px;
    border-radius: 6px;
}

    #packagest td {
        border: solid 1px #f3f3f3;
        padding: 6px;
        background: #fff;
        border-width: 0 0 0px 0;
        color: #000;
    }

    #packagest th {
        padding: 16px;
        background: #fafafa;
        font-weight: 600
    }

    #packagest .th1 {
        width: 40%;
        text-align: center;
    }

    #packagest .td1 {
        width: 40%;
        text-align: center;
    }

    #packagest .th0,
    #packagest .td0,
    #packagest .th2,
    #packagest .td2,
    #packagest .th3,
    #packagest .td3 {
        width: 20%;
        text-align: center;
    }

        #packagest .td3 input[type="number"] {
            width: 90px !important;
        }

    #packagest tfoot td {
        border: solid 1px #ececec;
        border-width: 1px 0 0 0;
        text-align: center;
    }

#totalPackages {
    margin: 0 120px 0 0;
}

#totalWeight,
.packageWeight {
    width: 56px !important;
}

#unitsSelect {
}

.readonlyt {
    background: #eaeaea !important;
    border-color: #f8f8f8 !important;
    font-weight: 600;
}

.readonly {
    background: #eaeaea !important;
    border-color: #f8f8f8 !important;
    font-weight: 600;
    cursor: not-allowed
}

#packagest .td1 .hidden {
    background: #000;
    display: none;
}

#ptswo {
    z-index: 108;
    background: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10, 10, 10, 0.1);
    display: none;
}

#ptsw {
    position: absolute;
    box-shadow: 0px 0px 18px 0px rgba(122, 122, 122, 0.25);
    background: #fff;
    border: solid 1px #ddd;
    top: 20px;
    left: 20px;
    z-index: 109;
    border-radius: 8px;
    display: none;
}

#pts li {
    border-top: solid 1px #ddd;
    cursor: pointer;
    padding: 0 16px;
}

    #pts li.selected {
        font-weight: 700;
        background: #eee;
    }

    #pts li.first {
        border-top: none;
        border-radius: 8px 8px 0 0;
    }

    #pts li.last {
        border-radius: 0 0 8px 8px;
    }

    #pts li:hover {
        background: #eee;
    }

    #pts li p {
        display: inline-block;
        vertical-align: top;
        line-height: 87px;
        margin: 0 0 0 8px;
        display: none;
    }

    #pts li img,
    .td0 img {
        display: inline-block;
        vertical-align: top;
        width: 87px;
        height: 87px;
    }

.delPackage i {
    font-size: 25px;
    border: 1px solid;
    border-radius: 99px;
    padding: 7px;
    color: #4897d8;
}

.delPackage:hover i {
    color: #be7101;
}

#RateStep_1 input {
    text-align: center;
}

#pdp_sh {
    margin: 20px 0;
}

.search-suggestions,
.search-suggestionsQR {
    position: absolute;
    background: #fff;
    top: 40px;
    border: 1px solid #ddd;
    border-top: 0;
    width: 100%;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    z-index: 99999;
    max-height: 400px;
    overflow: scroll;
}

#pargoSearchWrap .search-suggestions {
    top: 48px;
    left: 97px;
    width: 398px;
}

.search-suggestions a,
.search-suggestionsQR a {
    padding: 5px 10px;
    display: block;
    width: 100%;
}

/*es1*/
#map_canvas {
    width: 100%;
    height: 520px;
}

#dropoffSlideText {
    clear: both;
    margin: 2px 0;
}

/*s5*/
.ratePage .rateStepI {
    margin: 20px 0;
}

#listRates li,
#qrr li {
    margin: 0 0 12px 0;
    font-size: 14px;
    border: solid 1px #4897d8;
}

#listRates li {
    min-height: 116px;
    display: block;
}

    #listRates li.picked {
        background: #FFFFE5
    }

.lr_image {
    display: inline-block;
    vertical-align: middle;
    margin: 12px 24px;
}

.lr_title {
    display: inline-block;
    vertical-align: middle;
    margin: 12px 24px 12px 0;
    width: 420px;
}

    .lr_title h4 {
        font-size: 20px;
        color: #000;
        margin: 0 0 8px 0;
    }

    .lr_title strong {
        color: #4897d8;
        font-weight: 700
    }

.lr_price {
    display: inline-block;
    vertical-align: middle;
    margin: 12px 24px 12px 0;
    float: right;
    text-align: right;
}

    .lr_price .strike {
        font-size: 20px;
        font-weight: 600;
        color: #4897d8;
        text-decoration: line-through;
        display: inline-block;
        margin: 0 0 0 32px;
    }

        .lr_price .strike .strikein {
            color: #B3B3B3;
        }

    .lr_price .price {
        font-size: 22px;
        font-weight: 600;
        color: #4897d8;
        line-height: 32px;
    }

        .lr_price .price small {
            font-size: 12px;
        }

.lr_butt {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    float: right;
}

    .lr_butt .button {
        height: 96px;
        background: #4897d8;
        border-color: #4897d8
    }

        .lr_butt .button:hover {
            background: #4897d8;
            border-color: #4897d8
        }

#listRates {
    margin: 0 0 0 -12px;
}

    #listRates.vertical li {
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 6px - 30px - 16px) / 3);
        padding: 12px;
        margin: 0 0 12px 12px;
    }

        #listRates.vertical li .lr_title {
            width: 100%;
            margin: 8px 0;
        }

        #listRates.vertical li .lr_price {
            width: 100%;
            margin: 0px 0;
            float: none;
            text-align: left;
        }

#overQrR #listRates {
    margin: 0;
}

    #overQrR #listRates li {
        min-height: 72px;
    }

#overQrR .lr_image {
    margin: 8px;
}

#overQrR .lr_title {
    margin: 8px 8px 8px 0;
    width: 170px;
}

#overQrR .lr_price {
    margin: 8px 8px 8px 0;
}

    #overQrR .lr_price .strike {
        margin: 0 0 0 8px;
    }

#overQrR .lr_butt .button {
    height: 72px;
}

#overQrR #listRates.vertical li {
    width: calc((100% - 26px) / 2);
}

#qrsl {
    width: 580px;
    margin: 0 auto;
}

#qrr {
    width: 640px;
}

    #qrr .qreratew {
        margin: 10px 0;
        text-align: right;
    }

    #qrr h4 {
        font-weight: 300;
        font-size: 20px;
    }

.green {
    color: #20b426
}

/*es5*/
/**/
#RateStep_7 .rateStep {
    padding: 32px;
}

#confLeft {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 2% 0 0;
}

#confRight {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 0 0 2%;
}

#labWrap {
    margin: 24px 0;
    text-align: center;
}

    #labWrap img {
        width: 100px;
    }

#confLeft h3 strong {
    font-size: 26px;
}

/**/
#packagesPage .row {
    margin: 0;
}

#packagesPage h4.title {
    margin: 16px 0 32px 0;
}

#packagesPage .sppr input {
    text-align: center;
}

.ppi {
    display: inline-block;
    vertical-align: top;
    width: 278px;
    border: solid 1px #00acec;
    margin: 0 0 20px 20px;
}

.ppii {
    margin: 18px;
    width: 242px;
    height: 242px;
    position: relative;
}

    .ppii img {
        width: 100%;
        position: absolute;
        box-shadow: 0px 0px 18px 0px rgba(122, 122, 122, 0.75);
    }

/*.ppii img:hover {
     width: 140%;
     left: -20%;
     top: -20%;
}
*/
.ppit {
    font-size: 20px;
    text-align: center;
    padding: 6px 0;
}

/***/
.sppl {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

    .sppl img {
        margin: 0 64px 0 0;
        width: 250px;
        height: 260px;
    }

.sppr {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 0px;
}

    .sppr h1,
    .spprd {
        margin: 20px 0;
    }

    .sppr .row {
        line-height: 32px;
        margin: 4px 0;
    }

    .sppr input[type=text] {
        width: 90px !important;
    }

.rowl,
.rowr {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

    .rowl .row div {
        padding-left: 0;
    }

    .rowr select {
        width: 100%;
    }

.large {
    font-size: 16px;
    padding: 5px 0px;
    margin: 8px 0 0 0;
    width: 100%;
    text-align: center;
}

/**/
.erMsg {
    color: #a00;
    display: none;
}

.rowr.error .erMsg {
    display: inline-block;
}

.packagePage {
    display: none;
}

    .packagePage.active {
        display: block;
    }

.button.prev {
    color: #ff2a1a;
}

.button.next {
    margin-left: 15px;
}

#toStep4 {
    margin-bottom: 20px;
}

/**/
#RateStep_2 .rateStep,
#RateStep_3 .rateStep {
    max-width: 750px;
    margin: 0 auto;
    padding: 0
}

#RateStep_2 .form-row,
#RateStep_3 .form-row {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 2% 12px 0;
}

#RateStep_2 .form-rowc,
#RateStep_3 .form-rowc {
    margin: 0 0 12px 0;
}

.form-rowc.notonmob {
    height: 97px;
}

.divider {
    padding: 4px 0 0 0;
    margin: 4px 0 0 0;
    border-top: solid 1px #fff;
    width: 96.4%;
}

#RateStep_2 .form-row label,
#RateStep_3 .form-row label {
    display: block;
    width: 100%;
}

#RateStep_2 .form-row .long-input,
#RateStep_2 .form-row .short-input,
#RateStep_3 .form-row .long-input,
#RateStep_3 .form-row .short-input {
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #bfbfbf;
}

#RateStep_2 .form-row .medium-input,
#RateStep_3 .form-row .medium-input {
    width: 50% !important;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #bfbfbf;
}

#RateStep_2 select,
#RateStep_3 select {
    text-align: center;
    text-align-last: center;
}

#RateStep_5 .form-row .long-input {
    width: calc(100% - 230px) !important;
    min-width: 180px;
}

#RateStep_5 .form-row select {
    width: 180px;
}

#RateStep_5 .int_heading {
    margin-bottom: 10px;
}

#RateStep_5 .delItem {
    float: right;
}

#RateStep_5 #totals {
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
}

    #RateStep_5 #totals input {
        width: 100px;
        background: #FAFAFA;
        text-align: center;
    }

/**/
.irs-grid-text {
    color: #fff;
}

.irs-grid-pol.small {
    background: #4897d8;
}

.irs-line {
    border: 0px;
    background: #ccc;
    border-radius: 0px;
}

.irs-bar-edge {
    background: #4897d8;
    border-radius: 0px;
    height: 24px;
    top: 27px;
    width: 24px;
    border-color: #4897d8;
}

.irs-bar {
    background: #4897d8;
}

.irs-slider {
    background: url(https://citcash.co.za/themes/rmo/images/images.png) no-repeat 100% -208px;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    height: 44px;
    top: 2px;
    z-index: 100;
    width: 44px;
}

    .irs-slider:hover {
        background: url(https://citcash.co.za/themes/rmo/images/images.png) no-repeat 100% -208px;
    }

.irs-single {
    background: #4897d8;
    color: #fff;
    border-radius: 0px;
    padding: 4px 20px;
    top: 4px;
    z-index: 99
}

.irs-min,
.irs-max {
    color: #fff;
    background: none;
}

/**/
.underline {
    text-decoration: underline;
}

#contactPage h1,
#contactPage h2 {
    text-align: center;
}

#contactPageL {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin: 0 2% 0 0;
}

#contactPageR {
    display: block;
    vertical-align: top;
    width: 48%;
    margin: 0 auto;
}

    #contactPageR .form label {
        display: block;
    }

    #contactPageR .form input,
    #contactPageR .form textarea {
        width: 100%;
        box-sizing: border-box;
    }

        #contactPageR .form input#ContactForm_verifyCode {
            width: 120px;
        }

#ContactForm_verifyCode,
#yw0,
#yw0_button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px
}

#contactPageR .buttons {
    clear: both;
    margin: 20px;
    display: block;
}

/**/
#packagesSelection {
    margin-bottom: 40px;
}

    #packagesSelection a {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 2px;
        background: #252525;
        border-radius: 6px;
        margin: 5px 0;
        transition: 0.1s linear;
        -webkit-transition: 0.1s linear;
        -moz-transition: 0.1s linear;
    }

        #packagesSelection a:hover {
            transform: translate3d(0, -2px, 0);
            -webkit-transform: translate3d(0, -2px, 0);
        }

            #packagesSelection a:hover p.pt_t {
                color: #4897d8;
            }

        #packagesSelection a.active {
        }

        #packagesSelection a p.pt_t {
            color: #fff;
            margin: 4px 0 0 0;
            font-weight: bold;
            font-size: 16px;
            padding: 15px;
        }

        #packagesSelection a p {
            display: inline-block;
        }

.ico-package {
    border: solid 4px #000;
    display: inline-block;
    vertical-align: middle;
    padding: 2px;
    border-radius: 400px;
    margin-right: 5px;
}

    .ico-package.ip_small span {
        display: block;
        width: 40px;
        height: 40px;
        display: block;
        background-repeat: no-repeat;
        background-size: 40px 40px;
    }

    .ico-package.ip_large {
        border: solid 5px #000;
    }

        .ico-package.ip_large span {
            display: block;
            width: 40px;
            height: 40px;
            background-repeat: no-repeat;
            background-size: 40px 40px;
        }

    .ico-package.ip_smaller {
        border: solid 2px #000;
        padding: 8px;
    }

        .ico-package.ip_smaller span {
            display: block;
            width: 60px;
            height: 60px;
            display: block;
            background-repeat: no-repeat;
            background-size: 60px 60px;
        }

#Steps {
}

label {
    font-weight: 400;
    margin-bottom: 0px;
}

#subscribePage .formEr {
    margin: 0 0 8px 0;
    text-align: right;
}

    #subscribePage .formEr .alert {
        margin: 2px 0 0 0;
        padding: 2px 8px;
        display: inline-block;
    }

#subscribePage span.input-group-addon {
    min-width: 44px;
}

#subscribePage select {
    font-size: 16px;
    padding: 2px 2px;
}

#subscribePage .input-group-addon.help {
    background: #00acec;
    color: #fff;
    cursor: pointer;
}

#subscribePage .tooltip {
}

#subscribePageC {
    margin: 0 0 12px 0;
}

#subscribePage .form-control[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
}

#subscribePage .inlineLabel label {
    vertical-align: middle;
    display: inline-block;
    margin: 4px 0 0 12px;
}

.input-group-addon {
    border: 0;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    background: transparent;
}

.form-control {
    height: 39px;
    box-shadow: none;
}

.alert {
    border-radius: 6px;
}

.banner .row {
    margin: 0;
}

    .banner .row .image-show-case-wrapper {
        padding: 0;
    }

.box-content-overly {
    background: rgba(0, 0, 0, 0);
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0;
    width: 100%;
    font-size: 20px;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
    */
    z-index: 10;
    transition-property: all;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.box-text-table {
    display: table;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
}

.box-text-cell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

    .box-text-cell .slide-center {
        left: 30%;
        right: 30%;
    }

.ps-nav {
    display: block;
    font-size: 68px;
    height: auto;
    position: absolute;
    text-align: center;
    top: 38%;
    width: auto;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    z-index: 19;
}

.ps-prev {
    left: 15px;
}

.ps-next {
    right: 15px;
}

.banbackgr {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 100px 0;
}

.align-center {
    text-align: center;
}

h4.withstrike {
    color: #4897d8;
    margin: 16px 0 16px 0;
}

    h4.withstrike:before {
        content: '';
        display: inline-block;
        border: solid 1px #4897d8;
        width: 60px;
        height: 0px;
        margin: 0 12px 6px 0;
    }

    h4.withstrike:after {
        content: '';
        display: inline-block;
        border: solid 1px #4897d8;
        width: 60px;
        height: 0px;
        margin: 0 0 6px 12px;
    }

.alert-danger a {
    color: #a94442 !important;
}

/**/
.slider.slider-horizontal {
    margin: 36px 10px 12px 10px !important;
    width: 368px;
    overflow: visible;
}

.slider-handle {
    background: #4897d8;
}

.slider-selection.tick-slider-selection {
    background: #4897d8;
}

.slider-tick.in-selection {
    background: #4897d8;
}

.tooltip-inner {
    background: #000;
    color: #ffffff;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}

/**/
/**/
body.fullWidth,
html.fullWidth,
body.fullWidth #mainContent,
body.fullWidth #fullcolumn,
body.fullWidth #content_NS,
body.fullWidth #wrapper,
#mapAndSide {
    height: 100%;
    width: 100%;
}

    body.fullWidth footer {
        display: none;
    }

    body.fullWidth #mainContent .container {
        width: 100%;
        padding: 0 !important;
    }

#tf {
    background: #4897d8;
    color: #fff;
    padding: 8px;
}

#res {
    width: 880px;
}

#tf input[type="text"],
#tf select {
    width: 100%;
    padding: 2px 4px;
    box-sizing: border-box;
}

#tf input.s {
    width: 38px;
}

body.fullWidth hr {
    margin: 4px 0;
}

.withp {
    background: #ffffcc;
    padding: 8px;
    margin: 0 0 8px 0;
}

    .withp h4 {
        cursor: pointer;
    }

.withpp {
    display: none;
}

body.fullWidth #side {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    width: 420px;
    box-shadow: 0 1px 4px rgba(41, 51, 57, .5);
    z-index: 87;
    position: relative;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
}

#mapw {
    display: inline-block;
    vertical-align: top;
    height: calc(100vh - 215px);
    position: relative;
}

#merror {
    position: fixed;
    top: 44px;
    z-index: 88;
    width: 90%;
    overflow: hidden;
    background: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: solid 1px #ccc;
    padding: 16px;
    border-radius: 6px;
    text-align: center;
    color: #a00;
}

/*body.fullWidth #headerow {
    position:absolute;
    width:100%;
    height:90px;
     z-index:88;
}
 body.fullWidth #mainContent {
    padding-top:90px;
    position:absolute;
}
*/
body.fullWidth #fullcolumn,
body.fullWidth #content_NS {
    padding: 0;
}

body.fullWidth #wrapper {
    min-height: inherit;
    display: block;
}

body.a_confirmation #mapAndSide #side,
body.a_confirmation #mapAndSide #mapw {
    width: 100% !important;
}

body.a_confirmation #mapAndSide #side {
    height: auto;
}

body.a_confirmation .headImageConf {
    text-align: center;
}

body.a_confirmation .feature-3 {
    text-align: center;
    border: 1px solid #ececec;
    padding: 10px 20px 0;
    border-radius: 6px;
}

/**/
#RateStep_4 {
    max-width: 1140px;
    margin: 0 auto;
}

    #RateStep_4 .filter_item,
    #QuickRate .filter_item {
        width: 70%;
        border-radius: 15px;
        background: #fff;
        position: relative;
        margin: 10px auto;
    }

.rateStepBoth .filter_item .selectRate {
    margin-right: 5px;
    position: absolute;
    bottom: 10px;
}

.rateStepBoth .fi_cheap {
    top: 50px;
}

#sideb_scen #scenarios_sc_2 {
    margin-left: 10px;
}

#distText {
    margin-top: 15px;
}

.iw_w {
    width: 520px;
}

.iw_tit {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 0 0 8px 0;
    margin: 0 12px 8px 0;
    font-weight: bold;
}

.iw_dur {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
}

.iw_descrip {
    font-size: 16px;
}

.iw_dirs {
    font-size: 16px;
    padding: 4px 0 0px 0;
    margin: 4px 0 0px 0;
}

.iw_rates {
    border-top: solid 1px #ccc;
}

.iw_rate {
    padding: 8px 8px 8px 8px;
    margin: 0 0 0px 0;
    border-bottom: solid 1px #ccc;
    border-left: solid 16px #fff;
    border-right: solid 1px #ccc;
}

.iw_ratemulti .iw_rate {
    border-bottom: none;
}

    .iw_ratemulti .iw_rate:last-child {
        border-bottom: solid 1px #ccc;
    }

.iw_rate div {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

.iwr_im {
    margin: 0 12px;
    width: 72px;
    min-height: 50px;
}

.iwr_pr {
    margin: 0 12px;
}

.iwr_tot_c {
    font-weight: 500;
    font-size: 19px;
}

.iwr_tot.iwr_lis .iwr_tot_c {
    text-decoration: line-through;
    font-size: 14px;
}

.iwr_cur {
    font-size: 12px;
    font-weight: normal;
}

.iwr_tot_cs {
    font-weight: normal;
}

.iwr_pr.green,
.cheapest {
    color: #009966;
    font-size: 18px;
}

.iwr_im img {
    max-width: 72px;
}

.iwr_sel {
}

.iw_ratenoim .iwr_sel .buttonchoose {
    padding: 10px 0px;
    font-size: 14px;
    width: 64px;
}

.filter_item .buttonchoose {
    margin: 0 8px;
}

.iwr_tit {
    width: 146px;
}

.iw_ratenoim .iwr_im {
    width: 0;
    height: 0;
    min-height: inherit;
    margin: 0;
}

.iw_ratenoim .iwr_tit {
    width: 208px;
}

.iw_ratenoim .iwr_pr {
    width: calc(100% - 208px - 64px - 24px);
    text-align: right;
}

.iw_ratenoim .iwr_sel {
    width: 64px;
}

.iw_ratemulti .iw_rate .iwr_im img {
    display: none
}

.iw_ratemulti .iw_rate:first-child .iwr_im img {
    display: block;
}

.iw_ratemulti .iw_rate .iwr_tit {
    color: #fff;
}

.iw_ratemulti .iw_rate:first-child .iwr_tit {
    color: #333;
}

.iw_ratemulti .iw_rate:first-child {
    padding: 8px 0 2px 0;
}

.filter_item {
    padding: 4px 0 4px 0;
    display: block;
    margin: 0 0 8px 0;
}

.filter_m_item {
    border: solid 1px #000;
    padding: 8px 0 0px 0;
    display: block;
    margin: 0 0 8px 0;
    border-width: 2px 2px 2px 20px;
    position: relative;
    border-radius: 6px 0 0 6px;
}

    .filter_item.selected,
    .filter_m_item.selected {
        background: #fafafa
    }

#ratesFilter {
    border-radius: 6px;
}

.filter_item .fi_tit {
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
}

.filter_item .fi_tit2 {
    display: block;
    font-size: 14px;
    margin: 3px 0 0 8px;
    vertical-align: top;
}

.filter_item .fi_exp {
    margin: 4px 8px 0 8px;
    display: inline-block;
}

.filter_item .fi_closest {
    margin: 4px 8px 0 8px;
    font-size: 12px;
    display: block;
}

.filter_item .selectRate {
    float: right;
    margin-top: -40px;
}

.filter_item .fi_exp .high_col {
    vertical-align: top;
}

.filter_item .fi_pr {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 8px 0;
}

    .filter_item .fi_pr .iwr_lis {
        display: none;
        font-size: 12px;
    }

.filter_item .fi_pickup {
    margin: 20px 0 10px 8px;
}

.fi_cm {
    font-size: 22px;
    cursor: pointer;
    margin: 0px 0 0 8px;
}

.fi_cheap {
    display: none !important;
    font-size: 18px;
    color: #fff;
    display: block;
    max-width: 100px;
    top: 70px;
    left: 2px;
    position: absolute;
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -ms-transform-origin: left bottom 0;
    -moz-transform-origin: left bottom 0;
    -webkit-transform-origin: left bottom 0;
    transform-origin: left bottom 0;
}

.filter_m_item .filter_item {
    border-width: 0 0 1px 0;
    margin: 0px 0 8px 0;
    background: none;
    padding: 0 0 8px 0;
    position: relative;
}

    .filter_m_item .filter_item:last-child {
        border-width: 0px 0px 0px 0px;
        margin: 0;
    }

.high_col {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border: solid 1px #000;
}

#mapAndSideBoth {
    visibility: hidden;
    display: nonex;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

    #mapAndSideBoth #side {
        display: inline-block;
        vertical-align: top;
        width: 320px;
        height: calc(100vh - 215px);
        overflow: scroll;
        padding: 0;
        box-shadow: none;
    }

.viewmap {
    color: #ff776b;
}

#mapAndSideBoth .mapBoth {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: calc(100vh - 215px) !important;
}

#closemapBoth {
    position: relative !important;
    top: 5px;
    width: 79%;
    text-align: center;
}

.closemapBoth {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
}

.rateStepBoth h1 {
    margin: 20px 0px;
}

.rateStepBoth .filter_item .fi_exp {
    display: block !important;
}

.rateStepBoth .filter_item .selectRate {
    float: none;
    display: block;
    margin: 0;
}

.rateStepBoth .fi_cm {
    display: none;
}

.rateStepBoth .filter_item,
#ratesNames .ratesNamesTit {
    min-height: 160px;
    border-radius: 6px !important;
}

#ratesNames .ratesNamesTit {
    max-width: 400px;
    background: #fff;
    margin: 0 0 8px 0;
    padding: 15px;
    border: solid 1px #fff;
    border-width: 2px 2px 2px 20px;
}

    #ratesNames .ratesNamesTit .fi_tit {
        font-weight: bold;
    }

.rateStepBoth .filter_item .fi_pr,
.rateStepBoth .filter_item .fi_exp,
.rateStepBoth .filter_item .fi_tit,
.rateStepBoth .filter_item .fi_tit2,
.rateStepBoth .filter_item .fi_closest,
.rateStepBoth .filter_item .buttonchoose {
    margin: 0px 15px !important;
}

.rateStepBoth .fi_cheap {
    top: 60% !important;
}

.getDropoff,
.getPickup {
    color: #4897d8;
    margin: 10px;
}

#ratesDropoff .slider.slider-horizontal {
    width: 200px;
    margin: 0 0 0 5px !important;
}

#openMap {
    background: #fff;
    border-radius: 50px;
    margin-left: 15px;
}

#toStep4locker {
    font-size: 16px;
    display: block;
    background: transparent;
    color: #000;
    border: 0;
    box-shadow: none;
    padding: 20px 20px 35px;
}

#mapHeader {
    height: 100px;
    background: #000;
    position: relative;
}

    #mapHeader img {
        height: 100px;
    }

    #mapHeader::after {
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        height: 0;
        border-bottom: 100px solid #fef200;
        border-right: 50px solid transparent;
        clear: both;
    }

#pargoSearchWrap {
    background: #fef200;
    padding: 10px 15px 0;
    position: relative;
}

    #pargoSearchWrap img {
        max-height: 30px;
    }

#pargoSearch {
    border-radius: 0;
    border: 2px solid #000000;
    width: 400px;
    max-width: 100%;
    padding: 7px 0 8px 35px;
    background: #fff url(https://citcash.co.za/themes/rmo/images/site/searchicon.png?v=2) no-repeat 7px 7px;
}

#pargoSearchBtn {
    border-radius: 0;
    padding: 8px 25px;
    font-size: 16px;
    transform: none;
}

#mapHeadingText {
    background: #e9e9e1;
    font-weight: 500;
    padding: 15px;
}

.lockerWrap {
    padding: 10px 0;
    margin: 0;
}

    .lockerWrap.even {
        background: #f9f9f6;
    }

.mapDistance {
    color: #bfbfbf;
    text-align: right;
    font-style: italic;
}

.mapName {
    font-weight: 500;
    font-size: 16px;
}

.buttonchoose {
    background: #fef200;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
    border: none;
    padding: 10px 15px;
}

#side .buttonchoose {
    display: block;
    margin: 0 auto 20px;
}

#mapFooter {
    height: 50px;
    background: #fff;
    width: 100%;
    position: relative;
}

    #mapFooter img {
        height: 50px;
    }

/**/
#sideb_leg {
    border: solid 1px #ececec;
    background: #fafafa;
    padding: 8px;
    border-radius: 6px;
}

    #sideb_leg h4 {
        font-weight: 600;
        margin: 0 0 8px 0;
    }

.leg_row .lr_i {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    text-align: center;
    margin: 0 6px 8px 0;
}

.leg_row .lr_t {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0 8px 0;
    width: calc(100% - 42px);
}

.leg_row .lr_i img,
.leg_row .lr_i svg {
    vertical-align: middle;
}

#sideb_but {
    margin: 0 0 8px 0;
}

#sideb_conf h4 {
    margin: 0 0 16px 0;
}

body.a_map #mainContent .container > .row > .col-sm-12,
body.a_quickrates #mainContent .container > .row > .col-sm-12 {
    padding: 0;
    height: 100%;
}

body.a_confirmation #mainContent .container .row .col-sm-12 {
    padding: 0;
    height: 100%;
}

body.a_map #mainContent .container.main-container,
body.a_map #mainContent .container.main-container .row,
body.a_quickrates #mainContent .container.main-container,
body.a_quickrates #mainContent .container.main-container .row {
    height: 100%;
}

body.a_confirmation #mainContent .container.main-container,
body.a_confirmation #mainContent .container.main-container .row {
    height: 100%;
}

/**/
/*storeLoc*/
#storeLocDiv {
    margin-bottom: 50px;
}

#storeLocWrap {
    max-width: 650px;
    margin: 0 auto;
}

#slPostal {
    width: 100px;
}

/*end storeLoc*/
/*iframeMenu*/
#iframeMenuWrap {
    display: none;
    height: 40px;
}

/*#imenuToggle a {
     background: url('data:image/jpeg;
    base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAALRAAAFUQAABq8AAAgG/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wgARCAAeAGQDAREAAhEBAxEB/8QAwgAAAQQCAwAAAAAAAAAAAAAAAAQFBwgDCQECBgEBAAAAAAAAAAAAAAAAAAAAABAAAgEEAAUEAwAAAAAAAAAABQYEAAIDBwEyFBUXUBITQzARJBEAAQIFAgIFBg0FAAAAAAAAAgEDABESBAUhEzFBUXGBIhSRoTKT1BUw8GFCYnKC06Q1BjY3oiNDJAcSAQAAAAAAAAAAAAAAAAAAAFATAQACAgAFBQEBAQAAAAAAAAERIQAxEPBBUWFQcYGRoTCx4f/aAAwDAQACEQMRAAABoETqZwIYHcexwEgkERmPEHQ2WDgBQAvqR0Sqe2GQ4A1fDIbJx1A19F1ioJYEkQVkxnjTV0JDoAAAAAvMghOT/9oACAEBAAEFArubFrJ4zY/Fz3Xi57ogPmCpg8AZLR5CczRImNEbssy9LacZAwpsQDGHWzh/iYWD4Cvru5oobcfCN2bcldm3JTVgMRmDS13CxXjbHItLVsh1Lq5DYbNPXFy4jlaNXnyuPW6aqG7djrHR39XdzQddMt0Pxw0144aaZh+YUe1KTHQ1RNk4IrbuWbEzmttFB0tUQeNjComFLv4+TKW9Wrvy5P3dzfgj9T8n9lX+/wB31//aAAgBAgABBQL1T//aAAgBAwABBQL1T//aAAgBAgIGPwJT/9oACAEDAgY/AlP/2gAIAQEBBj8CLrgHQwRUuChDU/bisl6RJxFTtj8j/E233sfkf4m2+9h/H5Bgra8tipfYLii8eWnCLq6xuOevLeySdy62k0Hn29kWl7cYZ9u3vzBu1XRSI3PQShFqSfKaQVgGCuPEgCOEJUiNJcFrJUHzwGKLCXPjnBrBtERRUemtFpl2wD2Xxbtoya0i9MTCfRUCkkGmIxrt6jWjjgyEBXoUyVB88AuXxjtmDmgOrIgVeisFUY+1BdcMIn6oxzSbYybdETNNOBF4Upr2rH7sxXqx9jj92Yr1Y+xxkmc8+lzlhcTxdwKzQpiiiqaJpTLlGUJeA5JxV9S1GDxY2zdliveIHtp3nD21VQqLz6RhLbGbSN3CE9d7g1VohIlHyQ1f4ykLu7uG2QcNKqEISNVkunzYvL/INgtzc499XJJ3dxqqkkTlqM4xzWKtWzfVQtmK07u4oqRunKU+EZS0zFo2LqKttc7adxahmDgznJUj3fNN3xXh58pzpguuLUmv+lX7bStCrbdvvE0iS0QFS5GadGkfydlfI/7VH8nZXyP+1Rk7C4yHvV63dk7kJqu4qohTWarrrrrxjOhdXrNubN0486LhoKo2rIIha/VWMHc3DossBeCpunoiT01jDAxcNvFbWy76AtVNRzScowzdres3B3Fy28yLZISq2jRzLTrSG/0/72as7dll5q+tWCTxZbhFqtaSAdeSLPpThA4zK58ri1BRIKWmRNCDRFQpRcWdlcb2QuanLdkiQnnnlSSEUuAp8dY36l3dyuvnVxnBdfwP+pu7tJT2p1Uy73o8pcY/zf1R/cqq+lxj7Uf/2gAIAQEDAT8h/QwLAwjZJIrwB4330WVAqAWlChEYSzOkNksU8ouJORTKrUCod9FOVaeo5DZVH4OFbKGBYZyJpamb8Ji3SGL2XH/BaAuBT4thq/fZcC8TOcnxn6GGLMHXCKWdW7u8U6eAU7D1iCSQIQVBEZ+BeQ7kDG6S2CohCAL6uUSqCzm2u5S9XkW3FSWFx0si8BTGRJx4ReGBJZEnLYSZu9p0wCX4hAEpM80k5ygLv3n6GLbHBGYMCbArpxQoSCQga+KmNCqAkuRilaA4WlD3MeG+0NIU6Jd4z1kvSNkKEx298GyfUWgVAlfVxsJxw3z0k7nVdg36/HSCUYUe4uRV4RszyEc6BBUq+QvPknP0P43v2zXm2ezfAXve29m85PjP/9oACAECAwE/IfVP/9oACAEDAwE/IfVP/9oADAMBAAIRAxEAABACSCASCCASCSCAACSCSSAAAAACT//aAAgBAQMBPxDmPdwZhGOKgibCaQeNVQBnM3JeqpIERHKpD8kaFiJUUFxGJcy7JE/EAlkC3BOAtZkqAQE5CJHAbBVRHmKLIQUUw2qaNijzhgSxRgc8hFEFAliouM1/R+2Y1LfTdOH5j3cG1KB7QrqtF9biaNIP0Rt/Qx+m1yWIVQlpg9jAeaOuQPJkVwoLjEAAj63UXBmwEMkKQ32HWHDNsijCOAWd3Jkw5tqsiQSsP6z1AZBMIxqFHJdnXkJww3BzkL+zbOY93HZ6p8IBEAbBhrjo0Q0/gZB+04aATkB2eExYpRA6NxgfmSx8OImUwbaynmhfaLCcJmjECZfCL4ThUiDRucXMO5r6YZ0JgGXx5fr5SowBF11QGzQlarAQkMfeS9Tf8ucx7v8AH/ujZP8AFLaZ9fTHhCdsjbfWuH//2gAIAQIDAT8Q9U//2gAIAQMDAT8Q9U//2Q==') right center;
     width: 100px;
     height: 30px;
    position: absolute;
     right: 20px;
     top: 10px;
     border-radius: 6px 6px 0 0;
}
*/
#ihrmma {
    display: none;
    background: #fff;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 40px;
    width: 100px;
    border-radius: 0 0 6px 6px;
    border: 1px solid #000;
    z-index: 9999;
}

    #ihrmma a {
        display: block;
    }

/*end iframeMenu*/
#mobMenu,
#hrm li#menuToggle,
.mobonly,
#sideToggle {
    display: none;
}

@media screen and (max-width:1240px) {
    .centerme {
        width: 984px;
    }

    #hr {
        width: 760px;
    }

    #mm li a {
        padding: 15px 8px;
        line-height: 60px;
    }

    #hrm li {
        padding: 0 0 0 12px
    }

        #hrm li#qratesWrap {
            padding-left: 30px;
        }

    #userMenu li {
        padding: 0;
    }

    #hrm > li#hrmma > a {
        padding: 0 0 20px 12px !important;
    }

    #userMenu {
        left: 15px;
    }

    /**/
    #RateStep_4 h2 {
        font-size: 20px;
    }

    .lr_image {
        margin: 12px;
    }

    #RateStep_7 .rateStep {
        padding: 10px;
    }

    /**/
    .hfw_slidein {
        bottom: 10%;
    }

    .owl-item.active .hfw_slidein,
    .hfw_slide.active .hfw_slidein {
        bottom: 10%;
    }

    body.fullWidth #side {
        width: 320px;
    }

    body.fullWidth #mapw {
        width: calc(100% - 320px);
    }

    .filter_item .fi_tit {
        width: 120px;
    }

    .filter_item .fi_pr {
        width: calc(100% - 120px - 16px - 8px);
    }

    .slider.slider-horizontal {
        width: 268px;
    }
}

@media screen and (max-width:1200px) {
    #hr {
        width: calc(100% - 310px);
    }

    #qratesWrap {
        padding-left: 0 !important;
    }
}

@media screen and (min-width:992px) {
    .banbackgr {
        min-height: 520px;
        padding: 100px 0;
    }

    #mainContent .boxes_0:first-child .banbackgr {
        min-height: 900px;
    }

    #ratesNames,
    #ratesPickup,
    #ratesDropoff {
        padding: 0 !important;
    }

    #ratesNames {
        padding-left: 0 !important;
    }

    #ratesDropoff {
        padding-right: 0 !important;
    }

    .rateStepBoth .filter_item,
    #ratesNames .ratesNamesTit {
        margin-bottom: 20px !important;
    }

    #ratesNames h2,
    #ratesPickup h2,
    #ratesDropoff h2 {
        margin-left: 30px;
    }
}

@media screen and (max-width:991px) {
    body {
        font-size: 14px;
    }

    .centerme {
        width: 744px;
        padding: 0 10px;
    }

    #logo {
        width: 107px;
        height: 40px;
        background-size: 640px 300px;
        margin: 20px 0 0 12px;
    }

    #hr {
        width: 625px;
    }

    #hrm li {
        padding: 0 0 0 8px
    }

    #userMenu {
        left: 5px;
    }

    #fl {
        width: 64%;
    }

    #fr {
        width: 33%;
    }

    #qrw {
        top: 120px;
    }

    #bf2ship img {
        margin: 0 40px 0 0;
    }

    /**/
    .packagePage {
        margin-top: 20px;
    }

    #packagest .th0 {
        width: 220px;
    }

    #packagest .td0 {
        width: 160px;
    }

    .lr_title {
        width: 240px;
        margin: 12px 12px 12px 0;
    }

    .lr_price .strike {
        margin: 0 0 0 16px;
    }

    .lr_butt .button {
        padding: 6px 16px;
    }

    .lr_price .price {
        font-size: 20px;
    }

    .lr_title strong {
        font-size: 13px;
    }

    .hfw_slidein {
        bottom: 5%;
    }

    .owl-item.active .hfw_slidein,
    .hfw_slide.active .hfw_slidein {
        bottom: 5%;
    }

    .qratesModal1 h3.pickrate {
        margin-top: 15px;
    }

    #ratesDropoff h2 {
        margin-top: 30px;
    }

    .sspf .row .rowl .row .col-xs-4 {
        max-width: 110px;
    }

    .hidden-mob {
        display: none;
    }

    .hidden-not-mob {
        display: block;
    }

    #qrates {
        font-size: 14px;
        border: none;
        padding: 12px !important;
        margin: 0;
    }

    #hrm li#menuToggle,
    .mobonly {
        display: inline-block;
    }

    #qrw,
    #mm,
    #hrmma,
    .notonmob,
    .ps-nav,
    #qratesWrap {
        display: none !important;
    }

    .centerme {
        width: 96%;
        padding: 0 2%;
    }

    #hr {
        width: auto;
        position: absolute;
    }

    #hl {
        margin-top: 0
    }

    #logo {
        margin: 10px 0 0 10px;
    }

    #hrm {
        border-left: none;
    }

    #menuToggle {
        font-size: 18px;
    }

    #mobMenu .nav,
    #mobMenu .nav li.level1 {
        width: 100%;
    }

    a#caico {
        top: 0px;
    }

    #mobMenu {
        position: absolute;
        left: 0px;
        top: 90px;
        background: #fff;
        width: 100%;
        z-index: 102;
    }

        #mobMenu a {
            display: block;
            padding: 6px 12px;
            border-bottom: solid 1px #fff;
        }

        #mobMenu .navbar-nav {
            margin: 0;
        }

    #fullcolumn {
        padding: 10px 0;
    }

    .ratePage .rateStepI {
        margin: 0;
    }
}

@media screen and (min-width:767px) {
    #mapAndSideBoth #mapw {
        width: calc(100% - 325px);
    }
}

@media screen and (max-width:767px) {
    #rateSteps {
        display: none;
    }

    #mapAndSideBoth #side {
        height: calc(50vh - 50px);
        width: 100%;
    }

    #mapAndSideBoth #mapw {
        height: calc(50vh - 100px);
        width: 100%;
    }

    #openMap {
        margin-left: 0;
        margin-bottom: 15px;
    }

    /**/
    #AllinonePage.two_columns #aioLeft,
    #AllinonePage.two_columns #aioBottom {
        width: 100%
    }

    #aioBottom,
    #aioRight {
        margin-top: 110px !important;
    }

    .myAccountList > div.col-sm-6:last-of-type {
        margin-top: 110px !important;
    }

    .myAccountList {
        left: 70px !important;
    }

    #orders-form1 .input-group {
        margin-top: 15px !important;
    }

    #overfooter {
        padding: 16px 0;
    }

    #ofics {
        width: 100%;
    }

    #oftin {
        width: 100%;
        margin: 16px 0 0 0
    }

    .hiwi,
    .hiwia {
        width: 100%;
        text-align: center;
        margin: 0 0 12px 0;
    }

        .hiwi br {
            display: none;
        }

    .hiwiar {
        display: none;
    }

    .hiwiad {
        display: inline-block;
    }

    #contactPageL,
    #contactPageR {
        width: 100%;
        margin: 0 0 2% 0;
    }

    #packagesPage {
        margin: 0;
    }

    .sppl {
        display: none;
    }

    .sppr {
        width: 100%;
    }

    #packagest td {
        padding: 2px;
    }

    #packagest .th0 {
        width: 50px;
    }

    #packagest .td0 {
        width: 50px;
        padding: 2px;
    }

    #packagest .td1 {
        width: 50px;
        text-align: left;
        padding: 2px 2px 2px 24px;
    }

    #packagest .th1 {
        width: 50px;
    }

    #packagest tfoot td {
        padding: 4px 4px;
    }

    #totalPackages {
        margin: 0 6px 0 0;
    }

    .rateStep {
        margin-top: 0;
    }

    #RateStep_2 .form-row,
    #RateStep_3 .form-row {
        width: 100%;
        margin: 0 0 4px 0;
    }

    #RateStep_2 .form-rowc,
    #RateStep_3 .form-rowc {
        margin: 0 0 4px 0;
    }

    #rateSteps li {
        width: 25%;
    }

        #rateSteps li a {
            display: inline-block;
        }

            #rateSteps li a br {
                display: none;
            }

    #RateStep_2 #toStep3,
    #RateStep_3 #toStep4 {
        margin: 0 4px 0 0;
    }

    #map_canvas {
        height: 320px;
    }

    #RateStep_4 .form-row {
        width: 80%;
        margin: 0 auto;
    }

    .lr {
        height: 138px;
    }

    .lr_image {
        margin: 2px;
    }

        .lr_image img {
            width: 80px;
        }

    .lr_title {
        margin: 2px 2px 2px 0;
        width: auto;
    }

        .lr_title strong {
            font-size: 11px;
        }

        .lr_title p {
            display: none;
        }

    .lr_butt {
    }

        .lr_butt .button {
            height: 60px;
        }

    .lr_price {
        margin: 2px 8px 2px 2px;
    }

        .lr_price span {
            vertical-align: middle;
        }

        .lr_price .price {
            line-height: 18px;
        }

    #confLeft,
    #confRight {
        width: 100%;
        margin: 0 0 10px 0;
    }

    #labWrap img {
        width: 60px;
    }

    #confRight h3.mobonly {
        font-size: 14px;
    }

    #confRight h3 span,
    #confRight h3 .button {
        display: inline-block;
        vertical-align: middle;
    }

    #confRight h3 .button {
        padding: 2px 12px;
    }

    .hfw_slidein {
        bottom: 8%;
    }

    .owl-item.active .hfw_slidein,
    .hfw_slide.active .hfw_slidein {
        bottom: 8%;
    }

    .box-text-cell .slide-center {
        left: 0;
    }

    .hfw_slidein br {
        display: none;
    }

    .hfw_slidein .btn {
        font-size: 14px !important;
    }

    .hfw_slidein h1,
    .hfw_slidein h1 font {
        font-size: 22px !important;
    }

    .hfw_slidein h2,
    .hfw_slidein h2 font {
        font-size: 18px !important;
    }

    .sliderInfo .sliderText {
        margin-top: 0px;
    }

    /**/
    #mapAndSide {
        position: relative;
    }

    body.fullWidth #side {
        width: 260px;
        position: fixed;
        background: #fff;
        overflow: auto;
        padding: 8px;
        left: -264px;
        height: calc(100% - 101px);
    }

    #sideToggle {
        display: inline-block;
        position: fixed;
        background: #fff;
        font-size: 26px;
        z-index: 2287;
        left: 0px;
        top: 101px;
        box-shadow: 4px 4px 8px -4px rgba(41, 51, 57, .5);
        padding: 2px 8px 4px 8px;
    }

    body.fullWidth #mapw {
        width: 100%;
        z-index: 82;
        opacity: 1;
        transition: opacity 0.25s ease-in-out;
    }

    body.fullWidth.sideOpen #mapw {
        opacity: 0.2
    }

    .slider.slider-horizontal {
        width: 184px;
    }

    .filter_item .fi_tit {
        width: auto;
        display: block;
    }

    .filter_item .fi_pr {
        width: auto;
        display: block;
        margin: 0 8px;
        text-align: left;
    }

    .filter_item .fi_exp {
        display: none;
    }

    /**/
    .iw_w {
        width: 100%;
    }

    .footer-bottom .pull-right {
        margin-top: 40px;
    }

    #sideb_scen #scenarios_sc_2 {
        display: block;
        margin: 0;
    }

    .filter_item .selectRate {
        float: none;
        display: block;
        margin: 0px;
    }

    #ratesDropoff .filter_item .selectRate {
        position: relative !important;
    }

    #ratesDropoff .fi_closest {
        padding-bottom: 20px;
    }

    .viewmap {
        display: block;
    }
}

@media screen and (max-width:620px) {
    .iw_w {
        width: 100%;
    }

    .iw_rate {
        padding: 4px;
        border-width: 1px 1px 1px 8px;
    }

    .iw_tit {
        margin: 0 0 4px 0;
    }

    .iw_dur {
        margin: 0 0 4px 0;
    }

    .iw_rate div,
    .iw_ratenoim .iwr_tit,
    .iw_ratenoim .iwr_pr {
        display: block;
        width: auto;
        text-align: left;
        margin: 0 0 4px 0;
    }

    #RateStep_1 .packageWrap input[type="number"] {
        text-align: right;
        padding-right: 30px;
    }
}

@media screen and (max-width:480px) {
    .ofics img {
        width: 80px;
    }

    .ofics em {
        font-size: 12px;
        font-weight: 400;
        line-height: 10px;
    }

        .ofics em br {
            display: none;
        }

    #oftin a,
    .homePage #oftin a {
        padding: 5px 0;
        width: 100%;
    }

    #fl,
    #fr {
        width: 100%;
        margin: 0 0 2% 0;
    }

    #bf2ship img {
        margin: -26px 20px 0 0;
    }

    .cPage #fullcolumn h1:before {
        width: 40px;
        margin: 0 12px 6px 0;
    }

    .cPage #fullcolumn h1:after {
        width: 40px;
        margin: 0 0 6px 12px;
    }

    .button {
        padding: 6px 16px;
    }

    .large {
        width: calc(100% - 32px);
    }

    #header .logo img {
        max-width: 266px;
    }

    .in31 {
        width: 100%;
        display: block;
        margin: 0 0 8px 0;
    }

    #mpno {
        right: -18px;
    }

    .cPage #fullcolumn h1:before,
    .cPage #fullcolumn h1:after {
        display: none;
    }

    #rateSteps li a {
        font-size: 13px;
    }

    .banbackgr {
        padding: 10px 0;
        min-height: 200px;
    }

    .homePage #h1e {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .homePage #h1m {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #parcel {
        width: 45% !important;
        margin: 0 10px 0 0 !important;
    }

    #document {
        width: 45% !important;
        margin: 0 !important;
    }

    #RateStep_1 .insurance_radio {
        width: 90px;
    }

    .modal-content {
        font-size: 20px !important;
    }

    .insurance_amount {
        font-size: 15px !important;
        padding: 10px !important;
        text-align: left !important;
    }

    #caico {
        margin-left: 0px;
    }
}

@media screen and (max-width:400px) {
    #rateSteps li a {
        font-size: 10px;
    }

    #RateStep_1 .pdpweight {
        background-position-x: 10px;
    }

    #RateStep_1 .pdplength {
        background-position-x: 13px;
    }

    #RateStep_1 .pdpwidth {
        background-position-x: 10px;
    }

    #RateStep_1 .pdpheight {
        background-position-x: 10px;
    }
}

@media screen and (max-width:360px) {
    #header .logo img {
        max-width: 220px;
        margin-top: 5px;
    }
}

@media screen and (max-width:330px) {
    #mapHeader::after {
        border: none;
    }
}

@media screen and (max-height:540px) {
    #qrw {
        top: 60px;
    }
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    top: 40vh;
    left: calc(50% - 30px);
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 51px;
        height: 51px;
        margin: 6px;
        border: 6px solid #000;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #000 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.oText {
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
    color: #000;
    position: relative;
    top: 45vh;
    font-size: 15px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}