@CHARSET "ISO-8859-1";

html, body {
    font-family: Arial, sans-serif !important;
    color: #000;
    height: 100%;
}

body {
    font-family: Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background: #f3f3f3;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -240px;
    padding: 0 0 240px;
}

.footer {
    min-height: 240px;
    background-color: #414141;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: Arial, sans-serif !important;
}

h1 {
    font-size: 22pt !important;
    font-weight: 700 !important;
    padding-bottom: 5px;
    margin-top: 10px;
}

h2 {
    font-size: 16pt !important;
    font-weight: bold;
    0 color: #000 !important;
    padding-bottom: 5px;
    margin-top: 10px;
}

h3 {
    font-size: 16pt !important;
    font-weight: bold;
    padding-bottom: 5px;
    color: #4c4c4c !important;
    margin-top: 10px;
}

h4 {
    font-size: 13pt !important;
    font-weight: normal;
    color: #4c4c4c !important;
}

h6 {
    font-size: 12pt !important;
    font-weight: normal !important;
    color: #4c4c4c !important;
}

.block-large-heading {
    font-size: 3em !important;
    font-weight: normal !important;
}

a, a:hover, a:visited {
    color: #d71724;
    text-decoration: none;
}

hr {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #7c878e;
}

/***********************************/
/*   Accordion & Notifications	   */
/***********************************/
.block-notifications-border {
    border-bottom: 1px solid #000;
}

.block-collapsed-row {
    padding: 10px;
}

a.block-caret.collapsed:before {
    font-family: FontAwesome;
    content: '\f101';
    display: inline-block;
    font-size: 22px !important;
}

a.block-caret:before {
    font-family: FontAwesome;
    content: '\f103';
    display: inline-block;
    font-size: 22px !important;
}

a.block-caret-after.collapsed:after {
    font-family: FontAwesome;
    content: '\f101';
    display: inline-block;
    font-size: 22px !important;
    text-align: right;
}

a.block-caret-after:after {
    font-family: FontAwesome;
    content: '\f103';
    display: inline-block;
    font-size: 22px !important;
    text-align: right;
}

/********************************/
/*          List Items          */
/********************************/

.list-group-item:last-child {
    border-radius: 0px;
    border-color: #fff;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    color: #fff;
    background-color: #525252;
    border-color: #fff;
    border-radius: 0px;
}

.list-group-item {
    border-color: #fff;
    border-radius: 0px;
}

/********************************/
/*       Buttons                */
/********************************/

.btn-action {
    color: #fff;
    background-color: #d71724;
    border-color: #d71724;
    text-transform: uppercase;
}

a.btn-action {
    color: #fff;
    background-color: #d71724;
    border-color: #d71724;
}

.btn-action:hover, .btn-action:focus, .btn-action:active,
.btn-action.active, .btn-action.disabled, .btn-action[disabled],
.open > .dropdown-toggle.btn-action {
    color: #fff;
    background-color: #d71724;
    border-color: #d71724;
}

.btn-generic {
    color: #333;
    background-color: #fff;
    border-color: #888;
    text-transform: uppercase;
}

a.btn-generic {
    color: #333;
    background-color: #fff;
    border-color: #333;
}

.btn-generic:hover, .btn-generic:focus, .btn-generic:active,
.btn-generic.active, .btn-generic.disabled, .btn-generic[disabled],
.open > .dropdown-toggle.btn-generic {
    color: #7c878e;
    background-color: #fff;
    border-color: #7c878e;
}

.btn-default {
    color: #fff;
    text-transform: uppercase;
    background: #d1021e;
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
}

a.btn-default {
    color: #fff;
    background: #d1021e;
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active, .btn-default.disabled, .btn-default[disabled],
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #d71724;
}

.btn-primary {
    color: #000;
    background-color: #e6e6e6;
    border-color: #fff;
    text-transform: uppercase;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary.disabled, .open > .dropdown-toggle.btn-primary {
    color: #000;
    background-color: #c0c0c0;
    border-color: #fff;
}

.btn-large {
    min-width: 99px;
    height: 43px;;
    color: #fff;
    text-transform: uppercase;
    background: #d71724;
    text-align: center;
    border-radius: 4px;
    border: none;
    margin-top: 8px;
}

.btn-medium {
    min-width: 139px;
    height: 41px;
    color: #fff;
    text-transform: uppercase;
    background: #d71724;
    text-align: center;
    border-radius: 4px;
    border: none;
    margin-top: 8px;
}

.btn-small {
    min-width: 127px;
    height: 34px;
    color: #fff;
    text-transform: uppercase;
    background: #d71724;
    text-align: center;
    border-radius: 4px;
    border: none;
    margin-top: 8px;
}

.btn-general {
    min-width: 127px;
    height: 34px;
    color: #fff;
    text-transform: uppercase;
    background: #d71724;
    text-align: center;
    border-radius: 4px;
    border: none;
    margin-top: 8px;
}

a.btn-general {
    color: #fff !important;
}

.btn-large:hover, .btn-medium:hover, .btn-small:hover, .btn-general:hover {
    color: #000;
}

.btn-bg-account {
    background-color: #d71724;
    color: #fff;
    border: 0;
    /*Do not add a width to this button class*/
    text-transform: uppercase;
    height: 43px;
}

.btn-bg-account:hover {
    background-color: #d71724;
    color: #ffffff !important;
}

.btn-bg-vehicle {
    background-color: #3c474e;
    color: #fff;
    border: 0;
}

.btn-bg-vehicle:hover {
    background-color: #3c474e;
    color: #ffffff !important;
}

.btn-ghost-prev {
    background: none;
    border: 2px #3c474e solid;
    color: #3c474e;
    border-radius: 4px;
    width: 87px;
    height: 37px;
    text-transform: uppercase;
    float: left;
}

.btn-ghost-next {
    background: none;
    border: 2px #d71724 solid;
    border-radius: 4px;
    text-transform: uppercase;
    width: 87px;
    color: #d71724;
    height: 37px;
    float: left;
}

.btn-mobile {
    min-width: 100% !important;
    white-space: normal !important;
    height: 100% !important;
    font-size: 8pt !important;
}

.block-btn-prev-next-inactive {
    cursor: not-allowed !important;
    border: 2px solid #7c878e !important;
    color: #7c878e !important;
    background-color: #ffffff;
}

.block-btn-prev-next-active {
    cursor: pointer !important;
    border: 2px solid #d71724 !important;
    color: #d71724 !important;
    background-color: #ffffff;
}

.pagination-numbers {
    float: left;
}

.pagination-numbers li {
    width: 47px;
    line-height: 40px;
    color: #3c474e;
    text-align: center;
    display: block;
    float: left;
    border-right: #3c474e solid 1px;
}

.pagination-numbers li:hover {
    color: #d71724;
    cursor: pointer;
}

.pagination-numbers li:last-child {
    border-right: none !important;
}

.pagination-numbers-active {
    color: #d71724;
}

button.pagination-mobile {
    border: solid 2px #7c878e;
    margin-top: 0px;
    padding: 6px;
    margin-right: 0px;
}

button.pagination-mobile:hover {
    border: solid 2px #7c878e;
}

ul.pagination-mobile {
    max-width: 56px !important;
    min-width: 56px !important;
    border: solid 2px #7c878e !important;
    margin-top: 15px;
}

/********************************/
/*       Blocks                */
/********************************/
.modal {
    z-index: 2000;
}

#block-warn-session {
    width: 100%;
    color: #fff;
    border: solid 3px #cc0000;
    background-color: #cc0000;
    text-align: center;
    padding: 10px 0 10px 0;
}

.bg-focus-light {
    background-color: #e0e2e4;
}

.block-large-heading {
    font-size: 3em !important;
    font-weight: normal !important;
}

.block-trans-panel {
    background: none !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: solid 1px #7c878e !important;
    box-shadow: none !important;
}

.block-feature-light {
    background-color: #f0f0f0;
}

.block-feature-medium {
    background-color: #e6e6e6;
}

.block-feature-dark {
    background-color: #c0c0c0;
}

.block-services-orange h1, .block-services-teal h1 {
    color: #fff;
}

.block-disclaimer-small-margin {
    font-size: 12px !important;
    margin-bottom: 15px;
    padding: 15px;
}

/********************************/
/*       Text              */
/********************************/
.header-text {
    color: #666;
}

.header-text a, .header-text a:hover, .header-text a:visited {
    color: #d71724;
}

.feature-text {
    font-weight: bold;
    color: #d71724;
}

.feature-color {
    color: #d71724;
}

/********************************/
/*       Tooltips               */
/********************************/
.tooltip-text {
    color: #d71724;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip-inner {
    background-color: #666;
    max-width: 350px;
    padding: 10px;
    color: #fff;
    text-align: left;
    border-radius: 6px;
}

.tooltips-disclaimer {
    font-style: italic;
    color: #3e96aa;
}

.darkTips {
    min-height: 30px;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    background-color: #7d878e;
    border-bottom: 3px solid #68d2dc;
    color: #fff;
    margin-bottom: 10px;
}

/********************************/
/*       Well               */
/********************************/
.well {
    min-height: 60px !important;
    background-color: #fff;
    border: 0 !important;
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 10px 0 10px 0 !important;
}

/********************************/
/*       Panels               */
/********************************/
.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}

.panel-default > .panel-heading {
    background-color: #939393;
    border-bottom: #FFF 1px solid;
    padding: 10px 10px;
    border-radius: 0px;
}

.block-panel-notifications-heading {
    padding: 12px 10px 10px !important;
}

.panel-default > .panel-heading > h4 {
    color: #fff !important;
    text-decoration: none;
}

.panel-default > .panel-heading > h4 > a:hover {
    color: #fff !important;
    text-decoration: none;
}

.panel {
    border: 0px;
    border-radius: 4px !important;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #d71724;
}

.panel-footer {
    background-color: #ebebeb;
}

.caption h3 {
    border: none !important;
    color: #3c474e !important;
}

h3.panel-title {
    border: none !important;
    color: #fff !important;
}

.block-asset-title h3, .block-btts-panel h3 {
    color: #34454c !important;
    border: none !important;
}

.panel-body {
    padding: 10px 15px 10px 15px;
}

.block-border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

/********************************/
/*       Forms               */
/********************************/
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px #cfcfcf solid;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.form-control:focus {
    border-color: #000;
    background-color: #f0f0f0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/********************************/
/*           Alerts             */
/********************************/
.alert-warning {
    border-radius: 5px;
}

.alert-success {
    color: #fff;
    background-color: #339900;
    border-color: #339900;
    border-radius: 5px;
}

.alert-info {
    color: #666;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    border-radius: 5px;
}

.alert-danger {
    color: #fff !important;
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
    border-radius: 5px !important;
}

/******************************/
/*		Document requests     */
/******************************/
.doc-request-link-active {
    color: #d71724;
}

.doc-request-link-disabled {
    color: #777;
}

/*************************/
/*   	Date picker      */
/*************************/
.datepicker.dropdown-menu {
    background-color: #fff !important;
    border: solid 1px #e7e7e7 !important;
}

.datepicker td.active, .datepicker td.active:hover {
    color: #fff !important;
    background-color: #d71724 !important;
    background-image: none !important;
    filter: none !important;
    border-color: #d71724 !important;
    filter: none !important;
    text-shadow: none !important;
}

.datepicker td.active:hover, .datepicker td.active:hover:hover,
.datepicker td.active:focus, .datepicker td.active:hover:focus,
.datepicker td.active:active, .datepicker td.active:hover:active,
.datepicker td.active.active, .datepicker td.active:hover.active,
.datepicker td.active.disabled, .datepicker td.active:hover.disabled,
.datepicker td.active[disabled], .datepicker td.active:hover[disabled] {
    color: #ffffff !important;
    background-color: #d71724 !important;
}

.datepicker td.active:active, .datepicker td.active:hover:active,
.datepicker td.active.active, .datepicker td.active:hover.active {
    background-color: #d71724 !important;
}

.datepicker td span.active {
    color: #fff !important;
    background-color: #d71724 !important;
    background-image: none !important;
    filter: none !important;
    border-color: #d71724 !important;
    filter: none !important;
    text-shadow: none !important;
}

.datepicker td span.active:hover, .datepicker td span.active:focus,
.datepicker td span.active:active, .datepicker td span.active.active,
.datepicker td span.active.disabled, .datepicker td span.active[disabled] {
    color: #fff !important;
    background-color: #d71724 !important;
}

.datepicker td span.active:active, .datepicker td span.active.active {
    background-color: #d71724 !important;
}

/********************************/
/*       General                */
/********************************/

.navbar-brand {
    padding: 8px;
}

.block-navbar {
    background-color: #ffffff;
    border-color: none;
    z-index: 999 !important;
}

.navbar-collapse.in {
    overflow-y: visible !important;
}

.top-bar {
    background-color: #ffffff;
    min-height: 85px !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.logged-out-top-bar {
    background-color: #fff;
    min-height: 90px;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #dddddd !important;
}

.block-list-navbar a {
    color: #818181;
    font-size: 9px;
}

.block-nav > li > a {
    color: #818181;
}

.caption {
    color: #3c474e;
}

.caption a {
    color: #fff;
}

.block-thumbnail-bottom .caption a {
    color: #fff;
}

.block-well h5 {
    margin-top: 0 !important;
}

.icn_01 {
    fill: #000000;
}

.kiwi:hover {
    fill: #ace63c;
}

.block-panel-border {
    border-radius: 4px !important;
    border: 1px solid #c2c2c2 !important;
}

.block-panel-heading {
    background: #d71724 !important;
    color: #ffffff !important;
}

.block-panel-body {
    background: #fff;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.block-panel-body a {
    color: #d71724 !important;
}

.panel-heading hr {
    margin: 0;
    border: #34464c solid 1px;
}

.block-panel-default {
    background: rgba(255, 255, 255, 0.7) !important;
    border: none !important;
}

.block-ad-row {
    background: rgba(255, 255, 255, 1) !important;
}

.block-content-row {
    background: rgba(255, 255, 255, 1) !important;
}

.block-asset-title {
    background: none !important;
    border: none !important;
}

.block-btts-panel {
    background: none !important;
    border: none !important;
}

.block-btts-panel-body .thumbnail {
    background: none !important;
    padding: 0 !important;
    border: none !important;
}

.block-thumbnail {
    background: #3c474e !important;
    padding: 0 !important;
    border: none !important;
}

.block-thumbnail .caption {
    color: #fff !important;
    text-align: center;
    padding: 0 !important;
    line-height: 25px;
}

.block-row img {
    float: left;
}

.block-row p {
    color: #d71724 !important;
    float: left;
    width: 60%;
    padding-left: 5px;
    line-height: 12px;
    font-size: 12px;
}

.block-row-details {
    line-height: normal;
}

.block-row-details p {
    margin: 0 0 6px !important;
    float: left;
}

.block-btn {
    width: 100%;
}

.block-red-row div p {
    color: #FF0004 !important;
}

.navbar-nav li a .fa-chevron-down {
    color: #1a93a2 !important;
}

.navbar-nav li a .fa-plus {
    color: #d71724 !important;
}

.navbar-nav > li {
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-width: 1px;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(black),
    to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to top, black, rgba(0, 0, 0, 0)) 1 100%;
}

.panelSpacer {
    padding-left: 75px;
}

.navbar-nav > li:last-child {
    border-right: 1px #3c474e solid;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none !important;
    border-bottom: 3px #d71724 solid !important;
}

.nav > li > a {
    border-bottom: 3px solid #fff !important;
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li {
    float: left;
    padding: 0 15px;
    margin-bottom: 0px;
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    text-align: left;
    color: #fff !important;
    background-color: #939393 !important;
    border: none !important;
    min-height: 60px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover {
    text-align: left;
    color: #000 !important;
    background-color: #fff !important;
    border: none !important;
    min-height: 60px;
}

@media (min-width: 1170px) {
    .col-tabs-one {
        min-width: 400px;
        max-width: 400px;
    }

    .col-tabs-two {
        min-width: 380px;
        max-width: 380px;
    }

    .col-tabs-three {
        min-width: 380px;
        max-width: 380px;
    }

    .col-tabs-four {
        min-width: 275px;
        max-width: 275px;
    }

    .col-tabs-five {
        min-width: 220px;
        max-width: 220px;
    }

    .col-tabs-six {
        min-width: 190px;
        max-width: 190px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1170px) {
    .col-tabs-one {
        min-width: 400px;
        max-width: 400px;
    }

    .col-tabs-two {
        min-width: 300px;
        max-width: 300px;
    }

    .col-tabs-three {
        min-width: 300px;
        max-width: 300px;
    }

    .col-tabs-four {
        min-width: 225px;
        max-width: 225px;
    }

    .col-tabs-five {
        min-width: 185px;
        max-width: 185px;
    }

    .col-tabs-six {
        min-width: 150px;
        max-width: 150px;
    }
}

@media ( max-width: 992px) {
    .col-tabs-one {
        min-width: 400px;
        max-width: 400px;
    }

    .col-tabs-two {
        min-width: 300px;
        max-width: 300px;
    }

    .col-tabs-three {
        min-width: 300px;
        max-width: 300px;
    }

    .col-tabs-four {
        min-width: 225px;
        max-width: 225px;
    }

    .col-tabs-five {
        min-width: 150px;
        max-width: 150px;
    }

    .col-tabs-six {
        min-width: 120px;
        max-width: 120px;
    }
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
    padding: 0 15px;
}

.nav-tabs.nav-justified > li > a {
    border-radius: 4px 4px 0 0;
    text-align: left !important;
    min-height: 62px;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    min-height: 62px;
}

@media ( max-width: 992px) {
    .nav-tabs.nav-justified > li {
        float: none;
        padding: 0 5px;
    }

    .nav-tabs.nav-justified > li > a > .tab-name-sm, .nav-justified .tab-prefix-sm,
    .nav-tabs.nav-justified > li > a > .tab-name-sm {
        margin-bottom: 5px;
        text-align: left !important;
        font-size: 11pt !important;
        font-family: Arial, sans-serif !important;
        color: #fff !important;
        border: none !important;
    }

    .nav-tabs.nav-justified > .active > a > .tab-name-sm, .nav-justified .tab-prefix-sm,
    .nav-tabs.nav-justified > .active > a:hover > .tab-name-sm {
        margin-bottom: 5px;
        text-align: left;
        font-size: 11pt !important;
        color: #d71724 !important;
        font-family: Arial, sans-serif !important;
        background-color: #fff !important;
        border: none !important;
    }

    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        text-align: left;
        color: #fff !important;
        background-color: #d71724 !important;
        border: none !important;
        min-height: 45px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover {
        text-align: left;
        color: #d71724 !important;
        background-color: #fff !important;
        border: none !important;
        min-height: 45px;
    }
}

@media ( max-width: 1199px) {
    .nav-tabs > li {
        float: left;
        padding: 0 5px;
        margin-bottom: 0px;
    }

    .nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
        text-align: left;
        color: #fff !important;
        background-color: #d71724 !important;
        border: none !important;
        padding: 8px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:hover {
        text-align: left;
        color: #d71724 !important;
        background-color: #fff !important;
        border: none !important;
        padding: 8px;
    }

    .nav-tabs.nav-justified > li > a {
        border-radius: 4px 4px 0 0;
        text-align: left !important;
        min-height: 62px;
    }

    .nav-tabs.nav-justified > li > a > .tab-name-md, .nav-justified .tab-prefix-md,
    .nav-tabs.nav-justified > li > a > .tab-name-md {
        margin-bottom: 5px;
        text-align: left !important;
        font-size: 11pt !important;
        font-family: Arial, sans-serif !important;
        color: #fff !important;
        border: none !important;
    }

    .nav-tabs.nav-justified > .active > a > .tab-name-md, .nav-justified .tab-prefix-md,
    .nav-tabs.nav-justified > .active > a:hover > .tab-name-md {
        margin-bottom: 5px;
        text-align: left;
        font-size: 11pt !important;
        color: #d71724 !important;
        font-family: Arial, sans-serif !important;
        background-color: #fff !important;
        border: none !important;
    }
}

.nav-tabs.nav-justified > li > a > .tab-name-lg, .nav-justified .tab-prefix-lg,
.nav-tabs.nav-justified > li > a > .tab-name-lg {
    margin-bottom: 5px;
    text-align: left !important;
    font-size: 11pt !important;
    font-family: Arial, sans-serif !important;
    color: #fff !important;
    border: none !important;
}

.nav-tabs.nav-justified > .active > a > .tab-name-lg, .nav-justified .tab-prefix-lg,
.nav-tabs.nav-justified > .active > a:hover > .tab-name-lg {
    margin-bottom: 5px;
    text-align: left;
    font-size: 11pt !important;
    color: #d71724 !important;
    font-family: Arial, sans-serif !important;
    background-color: #fff !important;
    border: none !important;
}

.block-navbar li a {
    padding: 15px !important;
}

.block-navbar {
    border-bottom: 1px solid #999999 !important;
    border-radius: 0px;
}

.block-white-text {
    color: #fff !important;
    font-size: 13px;
}

.block-panel-green {
    background: #8a8a8a !important;
}

.block-panel-yellow {
    background: #f2bc47 !important;
}

.block-panel-blue {
    background: #d71724 !important;
}

.block-panel-red {
    background: #cf3f27 !important;
}

.block-well {
    background: #414141 !important;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.block-thumbnail-bottom {
    border: none !important;
    padding: 0 !important;
    background: #e0e1e3 !important;
}

.block-underline {
    text-decoration: underline;
}

/********************************/
/*       Toggle Switches        */
/********************************/
.toggle-off-container {
    background: #dadde4;
    border-radius: 4px;
    position: relative;
    color: #93999e;
    text-align: right;
    padding: 0 5px;
    width: 79px;
    float: left;
    margin: 0 10px 0 0;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.toggle-off-switch {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 5px;
    bottom: 0;
    top: 5px;
    border-radius: 4px;
    background: #fff;
}

.toggle-on-container {
    background: #69d2dc;
    border-radius: 4px;
    position: relative;
    color: #fff;
    text-align: left;
    margin: 0 10px 0 0;
    float: left;
    padding: 0 5px;
    width: 79px;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.toggle-on-switch {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    bottom: 0;
    top: 5px;
    border-radius: 4px;
    background: #fff;
}

/****************************************/
/*        PROGRESS BAR AND SLIDER       */
/****************************************/
.progressBar {
    height: 20px; /* Can be anything */
    width: 1000px;
    position: relative;
    background: #555 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.progressBar span {
    display: block;
    height: 100%;
    border-radius: 4px;
    background-color: #d71724 !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

.sliderBar {
    height: 10px; /* Can be anything */
    width: 1000px;
    position: relative;
    background: #bdc3c6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.sliderBar span {
    display: block;
    height: 100%;
    border-radius: 4px;
    background-color: #3c474e;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 150px;
    color: #fff;
    text-align: center;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #3d474e;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px;
    border: 0px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.block-dropdown-menu {
    min-width: 100% !important;
    background: #343d43 !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    padding: 0 !important;
    white-space: nowrap;
}

.block-dropdown-padding {
    padding: 30px 50px !important;
}

.block-dropdown-header {
    font-size: 14px !important;
    color: #69d2dc !important;
    padding: 3px 0 5px 0 !important;
}

.dropdown-menu-generic {
    background-color: #fff !important;
    border-radius: 4px !important;
    border: solid 1px #888 !important;
}

.block-dropdown-items-generic {
    color: #333;
}

.block-dropdown-items-generic a {
    color: #333 !important;
}

.block-dropdown-items-generic a:hover {
    color: #333 !important;
    text-decoration: none;
}

.block-dropdown-items-normal-generic {
    font-size: 12px !important;
    color: #333 !important;
    padding: 0px !important;
    list-style-position: inside !important;
}

.multi-column-dropdown {
    padding: 20px 40px !important;
    list-style-type: disc !important;
}

.block-dropdown-items {
    font-size: 12px !important;
    color: #ffffff !important;
    padding: 3px 0 !important;
    list-style-position: inside !important;
}

.block-dropdown-items a {
    color: #ffffff !important;
}

.block-dropdown-items a:hover {
    color: #d71724 !important;
    text-decoration: none;
}

.block-dropdown-items-normal {
    font-size: 12px !important;
    color: #ffffff !important;
    padding: 0px !important;
    list-style-position: inside !important;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
}

.block-dropdown-items .fa-plus {
    color: #d71724 !important;
}

.block-dropdown-bg {
    background: #414d54 !important;
    border-radius: 8px !important;
}

.btn:focus {
    color: #ffffff;
}

@media (min-width: 922px) {
    .block-panel-height {
        height: 450px;
    }

    .block-thumbnail-graph {
        height: 235px !important;
    }
}

@media ( max-width: 1199px) {
    .block-panel-height {
        height: 500px;
    }
}

@media (min-width: 1199px) {
    .block-thumbnail-graph {
        height: 250px !important;
    }

    #sticky.scroll {
        position: fixed;
        top: 20px;
        width: 350px;
        z-index: 2000;
    }
}

.block-full-width {
    width: 100% !important;
}

@media ( max-width: 769px) {
    .block-services-orange h1, .block-services-teal h1 {
        color: #fff;
        font-size: 20px !important;
    }

    .margin-top-mobile-large {
        margin-top: 30px;
    }

    .margin-bottom-mobile-medium {
        margin-bottom: 20px;
    }

    .margin-bottom-mobile-small {
        margin-bottom: 10px;
    }

    h3 {
        border-bottom: 0 !important;
    }

    .nav > li > a {
        border-bottom: none !important;
    }

    .block-panel-height {
        height: 100%;
    }

    .block-dropdown-menu {
        min-width: 100% !important;
        background: #343d43 !important;
        border-radius: 8px !important;
        padding: 0 !important;
        white-space: nowrap;
    }

    li : hover {
        border-bottom: none !important;
    }

    .block-dropdown-items-normal {
        color: #ffffff !important;
        font-size: 12px !important;
        list-style-position: inside !important;
        padding: 0px !important;
    }

    .block-dropdown-items {
        color: #ffffff !important;
        font-size: 12px !important;
        list-style-position: inside !important;
    }

    .multi-column-dropdown {
        display: none;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        border-bottom: none !important;
    }
}

@media (max-width: 767px) {
    .btn-bg-account {
        background-color: #dddddd;
        color: #444;
        border: 0;
        margin-top: 8px;
        /*Do not add a width to this button class*/
        text-transform: uppercase;
        height: 43px;
    }

    .block-navbar-header {
        background-color: #999999;

    }

    .block-navbar-toggle .icon-bar {
        background: #ffffff;
        height: 5px !important;
        width: 30px !important;
    }

    .block-navbar-toggle {
        float: left !important;
    }

    .block-nav {
        background-color: #999999;
    }

    .block-nav a {
        color: #ffffff !important;
    }

    .block-nav li {
        line-height: 25px;
    }

    .block-navbar-collapse {
        background-color: #999999;
    }

    .navbar-nav > li > a {
        border-top: 1px solid #ffffff !important;
    }

    .navbar-nav > li > a :hover {
        border: none !important;
    }

    .nav > li > a:hover, .nav > li > a:focus {
        border-bottom: none !important;
        color: #fff !important;
    }

    .navbar-brand {
        height: 100px !important;
    }

    .fa-bell {
        color: #ffffff;
        padding: 12px;
    }

    .block-dropdown-menu {
        min-width: 100% !important;
        background: #999999 !important;
        border-radius: 8px !important;
        padding: 0 !important;
        white-space: nowrap;
    }
}

@media ( max-width: 992px) {
    .block-panel-height {
        height: 100% !important;
    }
}

@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    input.styled-width {
        width: 100% !important;
    }
}

@media only screen and (max-width: 320px) {
    .mobile-hide {
        display: none !important;
    }
}

.block-grey-text {
    color: #333 !important;
}

.block-list-navbar a :hover {
    color: #333333 !important;
}

.default-message {
    clear: both;
    color: #cf3f27;
}

/***************************/
/* Responsive Tabs Styling */
/***************************/
.tabHeader {
    padding-left: 15px;
}

.tabRow {
    padding-left: 15px;
    padding-right: 15px;
}

.tab-name-xs {

}

.tab-name-sm {
    font-size: 10pt;
    font-family: Arial, sans-serif !important;;
    float: left;
    line-height: 1;
}

.tab-name-md {
    font-size: 15pt;
    font-family: Arial, sans-serif !important;;
    float: left;
    line-height: 1;
}

.tab-name-lg {
    font-size: 14pt;
    font-family: Arial, sans-serif !important;;
    float: left;
    line-height: 1;
}

.tab-prefix-xs {

}

.tab-prefix-sm {
    font-size: 25pt;
    font-family: Arial, sans-serif !important;;
    float: left;
    padding-right: 5px;
    line-height: 0.75;
}

.tab-prefix-md {
    font-size: 45pt;
    font-family: Arial, sans-serif !important;;
    float: left;
    line-height: 0.75;
    padding-right: 5px;
}

.tab-prefix-lg {
    font-size: 60px;
    font-family: Arial, sans-serif !important;;
    float: left;
    line-height: 0.75;
    padding-right: 5px;
    s
}

.chevron-left {
    font-size: 220pt;
    color: #f5f5f5;
    float: left;
    letter-spacing: -160px;
    margin-top: 20px;
}

.numbers-lg {
    font-size: 50pt;
    font-family: Arial, sans-serif !important;;
    color: #000;
    margin-bottom: -10px;
}

.text-lg {
    font-size: 18pt;
    font-family: Arial, sans-serif !important;
    color: #000;
    margin-bottom: 5px;
}

@media (min-width: 1199px) {
    .border-right {
        border-right: 1px solid #dcdcdc;
        min-height: 204px;
    }
}

.block-login-panel {
    -moz-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.02);
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.02);
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.02);
    border-radius: 4px !important;
    height: 100%;
    min-height: 440px;
}

.block-nav-tabs {
    border-bottom: none !important;
    margin: 0 10px;
}

.block-nav-tabs a li {
    background: #939393 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
    padding: 10px !important;
    min-height: 66px;
}

.block-nav-tabs a li.active {
    background: #ffffff !important;
    color: #000 !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
    padding: 10px !important;
    min-height: 66px;
}

.block-nav-tabs a li {
    border: none !important;
    border-radius: 4px 4px 0 0;
    margin-right: 0 !important;
    color: #ffffff !important;
    font-size: 14pt !important;
    line-height: 1.12857;
    margin-bottom: 0 !important;
    text-decoration: none !important;
}

.block-nav-tabs a:active li, .block-nav-tabs a:focus li {
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
    text-decoration: none !important;
}

.block-nav-tabs a.active li, .block-nav-tabs a.active li:hover,
.block-nav-tabs a.active li:focus {
    background: #ffffff !important;
    color: #000 !important;
    border: none !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
    text-decoration: none !important;
}

.block-orange-link, .block-orange-link:hover, .block-orange-link:active,
.block-orange-link:visited {
    color: #d71724;
    text-decoration: none !important;
}

.block-input-full-width {
    width: 100% !important;
}

.single-column-dropdown {
    padding: 20px 40px !important;
    list-style-type: disc !important;
}

@media ( max-width: 992px) {
    .block-panel-height {
        height: 100% !important;
    }

    .block-login-panel-bg-1, .block-login-panel-bg-2,
    .block-login-panel-bg-3, .block-login-panel-bg-4 {
        background-image: none !important;
    }
}

/*-----EBUCKS / FULL WIDTH STYLES----*/
.block-full-width-row {
    margin: 30px 0;
    padding: 20px 20px 0;
}

.block-column-full-width .block-panel-default {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0 !important;
}

h3.panel-heading {
    margin: 0;
    padding: 0;
}

h1.panel-heading {
    margin-bottom: 0;
    padding: 0;
}

.block-column-full-width p {
    margin: 20px 0 !important;
}

.block-column-full-width {
    color: #2e3739;
    width: 100% !important;
}

.block-column-full-width ul {
    padding-left: 0;
    margin: 20px 0 0 0;
}

.block-column-full-width ul li {
    list-style: none;
}

.block-column-full-width a {
    color: #d71724;
    text-decoration: none;
}

.order-table-header {
    background: #e5e5e5 none repeat scroll 0 0;
    border: 0 !important;
    padding: 14px;
    text-align: center;
    color: #d71724;
}

.order-table-odd-row {
    border: 0 !important;
    text-align: center;
}

.block-column-full-width
th:nth-child(1) {
    background: hsl(203, 13%, 62%);
    color: #fff;
    font-weight: normal;
    padding: 10px;
}

.block-column-full-width
th:nth-child(2) {
    background: hsl(185, 52%, 50%);
    font-weight: normal;
    padding: 10px;
    text-align: center !important;
}

.block-column-full-width
th:nth-child(3) {
    background: hsl(41, 71%, 50%);
    font-weight: normal;
    padding: 10px;
    text-align: center !important;
}

.block-column-full-width td {
    border-bottom: 1px solid #ebebeb !important;
    border-right: 1px solid #ebebeb !important;
    padding: 10px;
}

.block-column-full-width
td:nth-child(3) {
    color: #68d2dc;
    font-weight: bold;
    font-size: 24pt;
}

.block-column-full-width
td:nth-child(4) {
    color: #f2bc47;
    font-weight: bold;
    font-size: 24pt;
}

.block-terms {
    padding: 0 20px !important;
}

.block-terms img {
    float: left;
    margin-right: 10px;
}

.block-terms p {
    float: left;
}

.block-column-full-width img {
    width: 100%;
    height: auto;
}

.block-column-full-width-img {
    width: auto !important;
}

.block-terms img {
    width: auto !important;
}

.block-image {
    width: auto !important;
    float: right !important;
}

.block-table {
    padding: 0 20px !important;
}

td:nth-of-type(1) {
    border-right: #FFFFFF !important;
}

/*----TABLE RESPONSIVE----*/
.valueTable tr {
    border-bottom: 1px solid #3c4749;
    line-height: 1.7em;
}

.valueTable tr:last-child {
    border: none !important;
}

/*SERVICES LANDING PAGE STYLES*/
.block-credit-status {
    background: #f2bc47;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    margin: 0 0 20px 0;
}

.block-bottom-content p {
    line-height: 20px !important;
    color: #3c4749 !important;
}

.block-bottom-content p a {
    margin-top: 40px;
    float: right;
}

.block-bottom-content {
    margin: 20px 0;
    padding: 0 !important;
}

.block-credit-status h1 {
    color: #ffffff;
    margin: 20px 0;
}

.block-credit-status-faces {
    margin-bottom: 20px;
    width: 100%;
}

.block-services-orange {
    background: #d71724;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
    position: relative;
    height: 113px;
    color: #fff !important;
    margin-bottom: 20px;
}

.block-services-orange-arrows {
    background: #f89e00;
    position: absolute !important;
    right: 0 !important;
    width: 17% !important;
    top: 0 !important;
    height: 113px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.block-services-orange-arrows .fa-angle-double-right {
    color: #fff;
    font-size: 100px;
    opacity: 0.5;
}

.block-services-orange h1 {
    margin: 0 !important;
}

.block-services-orange h4 {
    color: #fff !important;
    font-weight: normal;
    margin: 0 !important;
}

.block-services-teal {
    background: #d71724;
    border-radius: 4px;
    padding: 20px;
    width: 100%;
    position: relative;
    height: 113px;
    color: #fff !important;
    margin-bottom: 20px;
}

.block-services-teal-arrows {
    background: #16aebe;
    position: absolute !important;
    right: 0 !important;
    width: 17% !important;
    top: 0 !important;
    height: 113px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.block-services-teal-arrows .fa-angle-double-right {
    color: #fff;
    font-size: 100px;
    opacity: 0.5;
}

.block-services-teal h1 {
    margin: 0 !important;
}

.block-services-teal h4 {
    color: #fff !important;
    font-weight: normal;
    margin: 0 !important;
}

.block-services-gray {
    background: #3c464e;
    border-radius: 4px;
    padding: 25px 10px !important;
    width: 100%;
    position: relative;
    height: 113px;
    color: #fff !important;
    margin-bottom: 20px;
}

.block-services-gray span {
    font-size: 25px;
    line-height: 30px !important;
}

.block-services-gray button {
    position: relative;
    top: 24px !important;
}

.block-myfleet {
    margin: 20px 0 0 0;
}

.block-myfleet-img {
    margin: 0 !important;
    padding: 0 !important;
}

.block-myfleet-gray {
    background: #eaeceb;
    padding: 30px !important;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    min-height: 319px !important;
}

@media ( max-width: 1199px) {
    .panelSpacer {
        padding-left: 45px;
    }

    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 80px;
        line-height: 113px;
    }

    .block-services-gray span {
        font-size: 18px;
        line-height: normal;
    }

    .block-services-gray img {
        width: 100%;
    }

    .block-services-gray button {
        width: 90%;
    }

    .block-myfleet-gray {
        min-height: 100px !important;
        width: 33.3% !important;
        float: right !important;
        padding: 21px !important;
    }

    .block-myfleet img {
        width: 100%;
    }

    .block-myfleet-img {
        padding: 0 !important;
    }
}

@media ( max-width: 992px) {
    .block-credit-status-mid, .block-bottom-content p, .block-rows-right {
        width: 100% !important;
    }

    .block-services-gray img {
        width: auto !important;
    }

    .block-services-gray span {
        font-size: 30px;
        line-height: 20px;
    }

    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 100px;
        line-height: normal;
    }

    .block-bottom-content p a {
        float: none;
    }

    .block-bottom-content p {
        text-align: left;
    }

    .block-rows-right {
        margin: 20px 0 0 0;
    }

    .block-myfleet-img {
        width: 100% !important;
    }

    .block-myfleet img {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .block-myfleet-gray {
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 100% !important;
    }
}

@media ( max-width: 767px) {
    .block-credit-status-faces div, .block-services-gray div {
        width: 33%;
    }

    .block-services-gray span {
        font-size: 25px;
    }

    .caption {
        color: #3c474e;
    }
}

@media ( max-width: 650px) {
    .block-services-gray span {
        font-size: 20px;
    }
}

@media ( max-width: 524px) {
    .block-services-gray span {
        font-size: 18px;
    }

    .block-services-gray {
        height: auto;
        padding-bottom: 10px;
    }

    .block-services-gray img {
        width: 100% !important;
    }

    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 80px;
        line-height: 113px;
    }
}

@media ( max-width: 480px) {
    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 60px;
    }

    .block-services-gray span {
        font-size: 16px;
        line-height: normal !important;
    }

    .block-services-gray button {
        top: 0 !important;
    }
}

@media ( max-width: 360px) {
    .block-services-orange h1, .block-services-teal h1 {
        font-size: 18px !important;
    }

    .block-services-orange h4, .block-services-teal h4 {
        font-size: 13px !important;
    }

    .block-services-gray div {
        width: 100% !important;
    }

    .block-services-gray img {
        width: auto !important;
        margin: 10px 0;
    }

    .block-services-gray button {
        margin: 10px 0 0 0;
    }

    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 40px;
    }
}

@media ( max-width: 320px) {
    .block-services-orange-arrows .fa-angle-double-right,
    .block-services-teal-arrows .fa-angle-double-right {
        font-size: 20px;
    }

    .block-services-orange h1, .block-services-teal h1,
    .block-services-orange h4, .block-services-teal h4 {
        width: 80% !important
    }

    .block-credit-status-faces img {
        width: 100% !important;
    }
}

/*Services Payback Curve */
/*Have included a separate stylesheet for the car slider in the css toyota folder - styleslider.css*/
.block-km-buttom {
    border-top-left-radius: 0em;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0em;
    box-shadow: none !important;
    background: #eaeaea !important;
    border: none !important;
    height: 30px;
    margin-left: 0 !important;
}

.block-input-odometer {
    padding-left: 10px !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    height: 30px;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    box-shadow: none !important;
    background: #ffffff !important;
    border: 1px solid #eaeaea !important;
    border-right: 0 !important;
    width: 200px;
}

.block-btn-generate {
    width: 210px;
    background-color: #d71724;
    color: #fff;
    border: 0;
    margin-top: 8px;
    /*Do not add a width to this button class*/
    text-transform: uppercase;
    height: 43px;
}

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

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

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

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

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

.document-request-icon {
    height: 80px;
    width: 80px;
    border: none;
    margin-bottom: 5px;
}

.header-feature-main {
    color: #d71724;
    font-size: 16pt !important;
}

.header-feature-sub {
    color: #2e3739;
    font-size: 14pt !important;
    font-weight: bold;
}

.container-fluid label {
    font-weight: normal !important;
}

.outputValue {
    font-weight: bold !important;
}

.tabRowUnderline {
    border-bottom: 1px solid #7c878e;
}

.tabRowPad {
    padding: 7px 5px 0;
}

.pagination-numbers-inactive {
    color: #7c878e !important;
}

.pagination-numbers-active {
    color: #d71724 !important;
}

.underlineMainHeader {
    border-bottom: 1px solid #3c464e;
}

.underlineContentHeader {
    border-bottom: 1px solid #7c878e;
}

/****************************************/
/*     RADIO BUTTONS AND CHECK BOXES    */
/****************************************/
.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #d71724;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #d71724;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
    z-index: -200;
}

.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    position: relative;
    top: -14px;
}

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #d71724;
    border-color: #d71724;
}

.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff;
}

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;
}

.radio {
    padding-left: 20px;
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}

.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.radio input[type="radio"]:disabled + label {
    opacity: 0.65;
}

.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed;
}

.radio.radio-inline {
    margin-top: 0;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f;
}

.radio-info input[type="radio"] + label::after {
    background-color: #d71724;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #d71724;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #d71724;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e;
}

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c;
}

input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {
    color: #fff;
}

input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {
    color: #fff;
}

@media ( max-width: 767px) {
    body {
        background-image: none !important;
        background-color: #fff !important;
    }

    h3, h3.panel-title, .caption h3, .caption p {
        color: #3c474e !important;
    }

    .block-btn-search, .block-mobile-full-width {
        width: 100% !important;
    }

    .btn-mobile {
        min-width: 100% !important;
        white-space: normal !important;
        height: 100% !important;
        font-size: 8pt !important;
    }

    .mobile-remove-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .panel {
        box-shadow: none !important;
    }

    .block-login-panel {
        min-height: 100% !important;
        background-image: none !important;
    }

    h6 {
        color: #3c474e !important;
    }

    .single-column-dropdown {
        background: #fff !important;
    }

    li.block-dropdown-items {
        border: none !important;
    }

    .block-dropdown-items a {
        color: #8a8a8a !important;
    }

    .navbar-nav li a .fa-chevron-down {
        color: #fff !important;
    }
}

/*************************/
/*     PROGRESS BAR      */
/*************************/
.progress {
    margin-bottom: 5px !important;
}

.progress-bar {
    color: #fff !important;
    background-color: #d71724 !important;
}


/*************************/
/*    LOANS PAGE         */
/*************************/
.block-loans-bg {
    background: #f5f5f5;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 30px !important;
    border-radius: 5px;
}

.block-loans-cal {
    text-align: center;
    font-size: 27px !important;
    font-weight: normal !important;
    height: 80px;
    line-height: 80px;
}

.block-loans-bg h2 {
    text-align: center;
    font-weight: normal !important;
    font-size: 30px !important;
    padding: 0 30px;
    margin-bottom: 50px !important;
}

.block-loans-bg p {
    line-height: normal !important;
}

.block-personal-loans-direct span {
    padding-left: 190px !important;
    float: right !important;
}

.block-personal-loans-direct {
    text-align: right;
    font-size: 18px;
}

.prizeSlider {
    margin-top: 80px !important;
    width: 80% !important;
}

.block-loans-bg p {
    text-align: center;
    color: #3b464d;
}

.leftPrize span {
    float: left;
    margin-top: 20px;
}

.rightPrize span {
    float: right;
    margin-top: 20px;
}

.leftPrize, .rightPrize {
    padding: 0 !important;
}

.repayment-tab {
    margin-top: 40px;
}

.repayment-tabs li a {
    background-color: #3a454d !important;
    width: 99px !important;
    font-family: inherit !important;
    height: 52px !important;
    font-family: 'roboto-regular', Helvetica, Arial, sans-serif !important;
    min-height: 50px !important;
    border-radius: 5px !important;
    line-height: 32px !important;
}

.repayment-tabs li {
    padding: 0 !important;
}

.block-repayment li.active a {
    background: #d71724 !important;
    color: #fff !important;
    border-radius: 5px;
    margin-bottom: 2px;
}

.block-repayment li.active a:hover {
    background: #d71724 !important;
    color: #fff !important;
}

.block-repayment .tab-content {
    background: #d71724 !important;
    padding: 20px 20px 20px 30px !important;
    border-radius: 5px 0 0 5px;
    color: #fff;
    font-size: 25px;
    border: none;
    width: 100%;
    text-align: left;
    height: 112px;
}

.block-repayment .tab-content:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    margin-left: 15px;
    margin-top: -30px;
}

.block-repayment .tab-content.collapsed:after {
    content: "\e080";
}

.block-repayment {
    margin-top: 40px;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.block-apply-loan {
    background: #000;
    border-radius: 0 5px 5px 0;
    height: 112px;
}

.block-apply-loan .btn-large {
    line-height: 53px;
    height: 53px;
    font-weight: bold !important;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    font-size: 18px;
    color: #fff;
}

.block-apply-loan .btn-large a {
    color: #fff;
}

.block-repayment-left {
    padding-right: 0 !important;
    width: 50%;
    padding-left: 0 !important;
}

.block-ways-to-apply {
    background: #fff;
    text-align: center;
    padding-top: 20px !important;
}

.block-ways-to-apply-cols {
    display: flex;
    justify-content: center; /* align horizontal */
    align-items: center;
}

.block-ways-to-apply-cols div {
    width: 30% !important;
}

.block-ways-to-apply-cols .number {
    background: #69d2dc;
    color: #fff;
    font-size: 42px;
    width: 100px !important;
    padding: 0;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
    margin: auto;
}

.block-ways-to-apply h1 {
    margin: 20px 0;
}

.block-ways-to-apply h3 {
    margin-top: 40px;
}

.block-loans-benefits {
    padding-top: 50px;
    border-top: 1px solid #999;
}

.block-loans-benefits ul {
    list-style: none;
    padding: 0 10px 0 10px !important
}

.block-loans-benefits li {
    padding: 10px 10px 10px 30px;
}

.block-loans-benefits li:nth-child(odd) {
    background: #fff;
}

.block-loans-benefits .fa-angle-right {
    padding: 0 10px 0 0 !important;
    margin-left: 0 !important;
    color: #f39100;
    margin-left: -16px !important;
}

.block-customer-protection .panel {
    box-shadow: none !important;
}

.block-customer-protection {
    background: #fff;
    padding: 30px 0;
    border-bottom: 1px solid #999;
}

.block-customer-protection h1, .block-customer-protection p {
    text-align: left !important;
}

.block-loans-bottom {
    margin: 30px 0 !important;
    background: none !important;
    box-shadow: none !important;
    padding: 0 50px;
}

.block-loans-bottom p {
    font-size: 11px;
    text-align: left;
}

.block-loans-bg .panel-body {
    border-radius: 5px !important;
}

.block-how-much {
    padding: 0 50px !important;
}

.block-customer-protection-text {
    margin-top: 50px;
    width: 40% !important;
}

.block-loans-bottom-panel {
    margin-bottom: 30px !important;
}

.block-collapse-panel {
    background: #fff;
    border-radius: 0 0 5px 5px;
    margin-bottom: 20px;
    width: 100% !important;
    padding: 20px !important;
    height: auto !important;
}

.block-collapse-panel span {
    font-weight: bold;
    font-size: 20px;
}

.block-how-much .panel-body {
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.block-calc-input {
    width: 100% !important;
    text-align: center
}

.block-calc-input input {
    width: 50%;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    border: 1px solid #b8bec1;
}

.block-calc-input label {
    width: 100%;
}

.block-customer-protection img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 991px) {
    .block-personal-loans-direct span {
        padding-left: 0 !important;
    }

    .block-repayment-left, .block-customer-protection-text {
        width: 100% !important;
    }

    .block-repayment .tab-content, .block-apply-loan {
        font-size: 18px;
    !
    important;
    }

    .block-apply-loan .btn-large {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .block-ways-to-apply-cols h3 {
        color: #69d2dc !important;
    }

    .block-loans-bg p {
        padding: 0 20px !important;
    }

    .block-ways-to-apply-cols {
        align-items: inherit;
        display: block !important;
    }

    .block-ways-to-apply-cols div {
        width: 100% !important;
        margin-bottom: 50px;
    }
}

@media (max-width: 574px) {
    .block-loans-bg h2 {
        font-size: 18px !important;
    }

    .block-personal-loans-direct span {
        font-size: 16px !important;
    }

    .block-how-much .panel, .block-how-much .block-panel-body {
        background: none !important;
    }

    .repayment-tabs li a {
        width: 98% !important;
        font-size: 12px !important;
        line-height: 12px !important;
    }

    .block-calc-input input {
        width: 100% !important;
    }

    .block-loans-cal {
        height: 30px;
    }

    .repayment-tabs li {
        width: 20% !important;
    }

    .block-apply-loan .btn-large {
        font-size: 13px !important;
        width: 90% !important;
    }

    .block-repayment .tab-content, .block-apply-loan {
        font-size: 16px !important;
    }
}

@media (max-width: 360px) {
    .block-loans-bg h2 {
        padding: 0 !important;
        font-size: 15px !important;
    }

    .block-personal-loans-direct span {
        font-size: 12px !important;
    }

    .block-apply-loan .btn-large {
        font-size: 16px;
        width: 90%;
    }

    .block-repayment .tab-content {
        font-size: 18px !important;
        padding: 10px !important;
    }

    .block-repayment .tab-content::after {
        margin-top: -20px;
    }

    .block-loans-bottom {
        padding: 0 15px;
    }

    .block-how-much {
        padding: 0 20px !important;
    }

    .block-collapse-panel {
        height: 100px !important;
        padding: 10px !important;
    }

    .repayment-tabs li a, .repayment-tabs li a:hover {
        width: 98% !important;
        word-wrap: break-word;
        line-height: 12px !important;
        text-align: center !important;
        padding-top: 18px !important;
    }

    .repayment-tabs li {
        width: 20% !important;
        word-wrap: break-word;
    }

    .block-collapse-panel {
        padding-right: 5px !important;
    }

    .block-calc-input {
        margin-top: 30px;
    }

    .block-calc-input label {
        text-align: left !important;
        font-size: 12px;
    }
}


/*************************/
/*    CALCULATORS PAGE   */
/*************************/
.block-calculator h3 {
    font-size: 40px !important;
    text-align: center !important;
    font-weight: 400 !important;
}

.calculator-tabs li a {
    line-height: 25px !important;
    font-family: "roboto-regular", Helvetica, Arial, sans-serif !important;
}

.block-calculator p {
    text-align: center !important
}

.block-calculator-full-width {
    background: #fff !important;
}

.calculator-tabs {
    margin-top: 20px;
    font-family: "roboto-regular", Helvetica, Arial, sans-serif !important;
}

.block-calc-repayment {
    margin: 30px 0 !important;
}

.block-calc-repayment h2 {
    font-weight: normal !important;
    font-size: 24px !important;
    text-align: center !important;
    margin-top: 30px;
}

.block-calculator-full-width select {
    border-radius: 5px;
    border: 1px solid #7c878e !important;
    padding: 10px;
    color: #7c878e !important;
    width: 300px;
    margin: 10px 0 0 0;
    font-size: 20px;
}

.block-calculator-full-width input {
    border-radius: 5px;
    border: 1px solid #7c878e !important;
    padding: 10px;
    color: #7c878e !important;
    width: 300px;
    margin: 10px 0 0 0;
    font-size: 20px;
}

.block-calc-repayment .block-apply-loan {
    margin-top: 0 !important;
}

.block-repayment-toggle {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.block-repayment-pane {
    border-radius: 0 0 5px 5px;
    border: 1px solid #d7dbdd !important;
}

.block-repayment-toggle-collapsed li {
    padding: 10px 0;
    list-style: none !important;
    text-align: left !important;
    border-bottom: 1px solid #d7dbdd !important;
}

.block-repayment-toggle-collapsed li:nth-last-child(-n+2) {
    border-bottom: none !important;
}

.block-repayment-toggle-collapsed li:nth-child(even) {
    text-align: right !important;
}

.block-calc-repayment h1, .block-calc-repayment p {
    text-align: center !important;
    font-weight: normal !important;
}

.block-repayment-form {
    /* padding-left: 15% !important; */
    padding: 10px 40px 10px 50px;
    background: #eee;
    border-radius: 0 0 5px 5px;
    margin-bottom: 40px;
}

.block-repayment-form-calculator {
    padding: 0 0 10px 0 !important;
    background: #eee;
    border-radius: 0 0 5px 5px;
    margin-bottom: 40px;
    margin-top: 20px !important;
}

.block-calculator-full-width .container {
    padding: 0 !important;
}

.block-repayment-form div {
    margin: auto !important;
}

.block-repayment-form label {
    width: 100% !important;
    margin-bottom: -5px !important;
    margin-top: 10px !important;
}

.block-repayment-form p {
    text-align: left !important;
    margin: 20px 0;
    width: 60% !important;
    font-size: 12px;
    line-height: normal;
}

.block-repayment-form h1 {
    color: #4d5961;
}

.block-insure-toggle .btn-medium {
    background: #d71724 !important;
    width: 25% !important;
    margin: auto !important;
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    line-height: normal !important;
    bottom: 0;
}

.block-insure-toggle .btn-medium:hover {
    color: #fff !important;
}

.block-business-calc-repayment p {
    text-align: left !important
}

.block-business-calc-repayment h1 {
    color: #3c474e !important;
}

.block-business-calc-repayment .block-repayment {
    margin-top: 0 !important;
}

.block-business-calc-repayment .block-insure {
    border: none !important;
}

.block-business-calc-repayment .block-insure-toggle-collapsed h3 {
    color: #3c474e !important;
    font-weight: 400 !important;
}

.block-business-calc-repayment .block-insure-toggle-collapsed {
    padding-bottom: 20px !important;
}

.block-business-calc-repayment .block-repayment-form {
    margin-top: 20px !important;
}

.block-insure-panel h2, #businessFinance a {
    font-size: 16px !important;
}

.line .tab-content.collapsed::after {
    font-family: FontAwesome;
    content: '\f105';
    float: right !important;
    margin: 0 20px 0 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.line .tab-content::after {
    font-family: FontAwesome;
    content: '\f107';
    float: right !important;
    margin: 0 20px 0 0 !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

.line {
    display: flex !important;
    border-bottom: 1px solid #ccc !important;
    position: relative;
    margin-top: 20px;
}

.block-insure-toggle .fa-angle-down {
    width: 50px;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
}

.block-insure-toggle .block-collapse-panel {
    margin-top: 30px !important;
}

.block-insure {
    border-radius: 5px !important;
    border: 1px solid #d7dbdd !important;
    margin-bottom: 40px;
}

.block-insure-panel {
    border-radius: 5px !important;
}

.block-insure-toggle {
    margin-bottom: 50px;
}

.block-insure-toggle-collapsed {
    border-bottom: 1px solid #d7dbdd !important;
}

.block-insure-toggle-collapsed label {
    font-size: 12px;
    font-weight: normal;
}

.block-insure-text {
    line-height: normal !important;
    text-align: left !important;
    margin-left: 12px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
    width: 60% !important;
}

.block-insure-toggle-collapsed .insure-amount {
    text-align: right;
    line-height: 50px !important;
}

.insure-amount .fa-question {
    /*margin-left: 320px;*/
    margin-top: 15px;
    float: right;
    font-size: 12px;
    font-weight: normal !important;
    border: none;
    background: #d71724;
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
}

.insure-amount input {
    border-radius: 0;
    border: 0px !important;
    padding: 10px;
    color: #7c878e !important;
    width: 100px;
    margin: 10px 0 0 0;
    font-size: 20px;
    line-height: 28px !important;
}

.block-insure-cost {
    text-align: right;
}

.block-insure input {
    border: solid 1px #fff !important;
    font-size: 16px !important;
    -webkit-appearance: none;
}

.block-disclaimer {
    font-size: 12px !important;
    margin-bottom: 30px;
    padding: 15px;
}

.block-insure-toggle-collapsed input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f0c8";
    font-size: 13px !important;
    top: -2px;
}

.block-repayment-form input[type="checkbox"].styled:checked + label:after {
    top: -3px;
    content: "\f0c8";
    font-size: 13px;
}

#fixed.affix {
    position: -webkit-sticky !important;
    position: -moz-sticky !important;
    position: -ms-sticky !important;
    position: -o-sticky !important;
    position: sticky !important;
    top: 0px !important;
    width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#fixed {
    z-index: 10 !important;
}

.block-cal-btn {
    border-radius: 0 !important;
    border-top: #d71724 1px solid;
    border-bottom: #d71724 1px solid;
    background: #fff !important;
    color: #d71724 !important;
    padding-left: 25px;
    text-align: left;
    height: 50px;
    line-height: 35px !important;
}

.block-cal-btn:hover {
    background: #fff !important;
    color: #d71724 !important;
}

.block-cal-btn .fa-angle-right {
    color: #f39200 !important;
    width: 30px !important;
    float: right !important;
    font-size: 30px !important;
}

.block-insure-toggle-collapsed .collapsed label span:first-line {
    content: "";
    font-size: 12px !important;
    color: #3c474e !important;
    font-weight: bold !important;
}

.block-insure-toggle-collapsed label span:first-line {
    content: "";
    font-size: 12px !important;
    color: #d71724 !important;
    font-weight: bold !important;
}

.calculator-tabs li {
    font-size: 16pt !important;
    font-weight: normal !important;
    font-family: "Roboto-light", roboto;
}

#fixed.affix {
    position: fixed;
    top: 0;
    width: 50%;
    margin: auto;
    left: 0;
    right: 0;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: -30px !important;
    padding: 2em;
    z-index: 200;
}

.sticky:before, .sticky:after {
    content: '';
    display: table;
}

.sticky--desktop {
    display: block;
}

@media screen and (min-width: 60em) {
    .sticky--desktop {
        display: block;
        z-index: 2000;
    }

    .sticky--mobile {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    /*  CALCULATORS PAGE  */
    .block-calc-repayment {
        text-align: center !important;
    }

    .block-calculator-full-widthselect, .block-calculator-full-width input:not
		([type="checkbox"] ) {
        width: 100% !important;
    }

    .block-insure-toggle .btn-medium {
        width: 35% !important;
    }

    .block-calc-repayment {
        text-align: left !important;
    }

    .block-calculator-full-width input, .block-calculator-full-width select {
        width: 100% !important;
    }

    .block-insure-table {
        padding: 0 !important;;
        border-top: 1px solid #ccc !important;
    }

    .block-insure {
        border-radius: 0 !important;
        border: none !important;
    }
}

@media (min-width: 1170px) {
    #fixed.affix {
        width: 1170px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1170px) {
    #fixed.affix {
        width: 970px !important;
        padding: 0 10px 10px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    #fixed.affix {
        width: 750px !important;
    }
}

.block-btn-primary-medium-small-teal {
    background-color: #d71724 !important;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

/*************************/
/*    SESSION COUNTER    */
/*************************/
#timerText {
    margin-bottom: 15px;
    text-align: center;
    font-family: roboto-bold;
    font-size: 55px;
    color: #000;
}

.timerNormal {
    color: #000;
}

.timerWarn {
    color: #cc0000;
}


/************************************************/
/*  		ADDED FOR PERSONAL PLATES			*/
/************************************************/

#totalPricePanel {
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: solid 3px #d71724;
    border-right: solid 3px #d71724;
    border-bottom: solid 3px #d71724;
}

#totalPricePanelConfirm {
    padding: 10px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: solid 3px #d71724;
    border-right: solid 3px #d71724;
    border-bottom: solid 3px #d71724;
}

.default-success-message {
    clear: both;
    color: #15A3B2;
}

.plates-showcase-general {
    text-transform: uppercase;
    margin-top: 10px;
    padding: 10px;
    color: #fff;
    font-size: 21pt;
    background-color: #dcd9d5;
    border-radius: 5px;
    border: solid 1px #98948f;
}

.plates-custom-number-unavailable {
    border: solid 3px #cf3f27 !important;
}

.plates-custom-number-confirm {
    border: solid 3px #3a484b !important;
}

.plates-custom-number {
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: xx-large;
    border: solid 3px #00a4ad;
    border-radius: 8px;
    text-align: center;
}

.plates-caret {
    margin-top: 34px;
    border-left: 12px solid transparent !important;
    border-right: 12px solid transparent !important;
    border-top: 12px solid #fff !important;
}

.plate-price-amount {
    font-weight: bold;
    border-radius: 8px !important;
    margin-top: 16px;
    font-size: 20px;
    text-align: center;
    height: 47px;
    padding-top: 8px;
}

.plate-price-line-item {

}

.plate-cost-block-left {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    min-height: 80px;
    color: #fff;
    background-color: #d71724;
}

.plate-cost-block-right {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    min-height: 80px;
    color: #fff;
    background-color: #3a484b;
}

.inverted-text {
    color: #fff;
}

.splash-panel-header {
    text-align: center;
    padding: 15px;
    color: #fff;
    background-color: #7c878e;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

.splash-panel-header-block {
    text-align: center;
    padding: 15px;
    color: #fff;
    background-color: #7c878e;
}


.splash-panel-sub-header {
    font-size: 20pt;
    text-align: center;
    padding: 15px;
    color: #fff;
    background-color: #00a4ad;
}

.splash-panel-body {
    padding: 15px;
    background-color: #f6f5f4;
}

.splash-panel-body-rounded-bottom {
    padding: 15px;
    background-color: #f6f5f4;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.splash-panel-footer {
    min-height: 15px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background-color: #f6f5f4;
}

.splash-header {
    margin-top: 20px;
    margin-bottom: 18px;
    color: #00b3bd;
}

.splash-header-inverted {
    margin-top: 10px;
    color: #fff;
}

.splash-sub-header {
    font-weight: bold;
    margin-top: 14px;
}

.splash-label {
    max-width: 450px;
    cursor: auto;
    border-radius: 10px;
    background-color: #15a3b2 !important;
    color: #fff;
    padding-bottom: 18px;
    padding-top: 18px;
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

.splash-label:hover {
    cursor: auto;
    color: #fff;
}

@media (max-width: 550px) {

    .remove-text {
        display: none !important;
    }

    .plate-price-line-item {
        font-size: 10px;
    }

    .plate-price-amount {
        font-weight: bold;
        margin-top: 22px;
        font-size: 14px;
        text-align: center;
        height: 47px;
        padding-top: 8px;
    }

}

@media screen and (max-width: 450px) {

    .plates-caret {
        margin-left: -8px;
    }

    .plates-custom-number {
        letter-spacing: 5px;
    }

    .custom-plates-sumamry-block-border {
        font-size: 14px !important;
        margin-top: 20px;
        padding: 10px;
    }

    .custom-plates-sumamry-block {
        font-size: 14px !important;
        margin-top: 20px;
        padding: 10px;
    }

    .splash-header {
        font-size: 15pt;
    }

    .splash-header-inverted {
        font-weight: bold;
        font-size: 12pt;
    }

    .splash-sub-header {
        font-weight: bold;
        font-size: 12pt;
    }

    .splash-label {
        font-size: 12pt;
    }

    .panel-body-plates {
        padding: 0px !important;
    }

    .panel-footer-plates {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

}

@media only screen and (min-width: 451px) {

    .plates-custom-number {
        letter-spacing: 18px;
    }

    .custom-plates-sumamry-block-border {
        font-size: 16px !important;
        margin-top: 20px;
        padding: 10px;
    }

    .custom-plates-sumamry-block {
        font-size: 16px !important;
        margin-top: 20px;
        padding: 10px;
    }

    .plateSectionLayout {
        padding: 15px;
    }

    .splash-header {
        font-size: 25pt;
    }

    .splash-header-inverted {
        font-size: 14pt;
    }

    .splash-sub-header {
        font-size: 20pt;
    }

    .splash-label {
        font-size: 16pt;
    }

    .panel-body-plates {
        padding: 10px 15px 10px 15px !important;
    }

    .panel-footer-plates {
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        background-color: #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

}

@media only screen and (min-width: 992px) {

    .plates-custom-number {
        letter-spacing: 35px;
    }

    .rear-plate {
        max-width: 160px;
        margin-left: auto;
    }

    .front-plate {
        max-width: 160px;
        margin-right: auto;
    }

    .pad-left-small-responsive {
        padding-left: 5px;
    }

    .pad-left-medium-responsive {
        padding-left: 10px;
    }

    .pad-left-large-responsive {
        padding-left: 15px;
    }

    .pad-left-x-large-responsive {
        padding-left: 20px;
    }

    .custom-plates-sumamry-block-border {
        font-size: 16px !important;
        min-height: 115px;
        margin-top: 20px;
        padding: 20px;
    }

    .custom-plates-sumamry-block {
        font-size: 16px !important;
        min-height: 115px;
        margin-top: 20px;
        padding: 20px;
    }

    .rear-plate-size {
        margin-top: 50px;
        text-align: right;
    }

    .rear-plate-size-small {
        margin-top: 25px;
        text-align: right;
    }

    .front-plate-size {
        margin-top: 50px;
        text-align: left;
    }

    .front-plate-size-small {
        margin-top: 25px;
        text-align: left;
    }

    .plates-illustration-vehicle-img {
        text-align: center;
    }

}