.rBlack {
    font-family: 'Univers45' !important
}
._hj-widget-container ._hj-widget-theme-light{
    display: none !important;
}

.rLight {
    
}

.med {
    font-family: "Univers45" !important
}

.rBold {
    font-family: "Univers45" !important;
}

.reg {
    
}

.medItalic {
    font-family: "Univers45" !important
}

.sBlue,
.themeClr {
    color: #8f0c2c !important
}

.black {
    color: #000000
}

.sGrey {
    color: #a7a7a7 !important
}

.greyBg {
    background: #e9e9e9;
    color: #000
}

body {
    font-family: "Univers45", sans-serif;
    font-size: 14px !important
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body b,
body strong {
    font-family: 'Univers45';
}

body>header {
    background: #000;
    color: #fff
}

body>header .brandLogos ul li a.imageFrame {
    position: relative;
    display: inline-block;
    height: 55px;
    width: 100px;
    margin: 20px 5px
}

body>header .brandLogos ul li a.imageFrame.max-60 {
    max-width: 60px
}

body>header .brandLogos ul li a.imageFrame.max-40 {
    max-width: 40px
}

body>header .brandLogos ul li a.imageFrame img {
    max-width: 100%
}

body>header .brandAddressBlock>div {
    float: left
}

body>header .brandAddressBlock>div.info {
    font-size: 15px;
    margin: 30px 0 0 20px;
    border-left: solid #ccc 1px;
    padding-left: 20px
}

body>header .brandAddressBlock>div.info p,
body>header .brandAddressBlock>div.info address {
    margin: 0 0 3px
}

body>header .brandAddressBlock .imageFrame {
    height: 100px;
    width: 130px
}

body>header .navigation a {
/*    padding: 40px 25px;*/
    /* color: #46ff08; */
    display: inline-block;
    margin-top:40px;
}

.transparent_header #mySidenav .language_btn{
    color: #fff;
}

#mySidenav .language_btn{
    color: #000000;
}

body>header .navigation a:hover {
    /* background: #585757; */
    color: #000;
    text-decoration: none
}

body #landingPage .banner {
    background: #000;
    color: #fff
}

body #landingPage .banner img {
    width: 100%
}

body #landingPage .brandList {
    background: #000;
    color: #fff;
    padding: 15px;
    border-bottom: solid 2px #585757
}

body #landingPage .brandList .brandFrame {
    height: 140px;
    position: relative
}

body #landingPage .brandList>div {
    cursor: pointer
}

body #landingPage .brandList>div.active {
    box-shadow: 0px 0px 25px #27AAE1
}

body #landingPage .vCardsBlock {
    background: linear-gradient(to bottom, black 0%, black 135px, #000 135px, white 135px, white 78%)
}

body #landingPage .vCardsBlock .modelsHeader {
    font-size: 17px;
    color: #fff;
    padding: 15px 30px
}

body #landingPage .vCardsBlock .modelsHeader .availableModels {
    font-size: 17px;
    margin: 0
}

body #landingPage .vCardsBlock .vCard {
    background: #f5f5f5;
    border: solid 1px #ccc;
    width: 90%;
    margin: 0 auto 30px;
    padding: 15px;
    height: 420px
}

body #landingPage .vCardsBlock .vCard .cardHeader .nav-tabs {
    border: none
}

body #landingPage .vCardsBlock .vCard .cardHeader .nav-tabs>li>a {
    background: none;
    border-radius: 0;
    border: none;
    padding: 5px 10px;
    font-size: 15px !important
}

body #landingPage .vCardsBlock .vCard .cardHeader .nav-tabs>li.active>a {
    border-bottom: solid 2px #27AAE1
}

body #landingPage .vCardsBlock .vCard .cardHeader button {
    background: none;
    border-radius: 0;
    border: none;
    padding: 5px 15px;
    font-size: 15px
}

body #landingPage .vCardsBlock .vCard .cardHeader button:focus {
    outline: none
}

body #landingPage .vCardsBlock .vCard .cardHeader button.active {
    border-bottom: solid 2px #27AAE1
}

body #landingPage .vCardsBlock .vCard .cardBody .imageFrame {
    height: 230px
}

body #landingPage .vCardsBlock .vCard .cardBody .imageFrame img {
    cursor: pointer
}

body #landingPage .vCardsBlock .vCard .cardBody .productInfo h5 {
    font-size: 22px
}

body #landingPage .vCardsBlock .vCard .cardBody .productInfo .countBlock {
    font-size: 22px
}

body #landingPage .vCardsBlock .vCard .cardBody .productInfo .countBlock i {
    color: #27AAE1
}

body #landingPage .vCardsBlock .vCard .cardFooter {
    margin-top: 30px
}

body #landingPage .vCardsBlock .vCard .cardFooter .big {
    font-size: 27px;
    color: #000000
}

body section.main #resultsPage {
    margin: 30px auto
}

body section.main .leftMenu form {
    /* border: solid #ccc 1px */
}

body section.main .leftMenu form>*:not(.ore_filterloader),
body section.main .leftMenu form .ore_filterloader>* {
    border-bottom: solid #ccc 1px;
    padding: 10px 15px
}

body section.main .leftMenu form .rSlider {
    height: 3px;
    background: #c4c4c4;
    margin: 25px 0px;
    cursor: pointer;
    position: relative;
    border: none;
    transition: 1s;
  
}

body section.main .leftMenu form .rSlider::before {
    content: '';
    background: transparent;
    height: 7px;
    width: 100%;
    position: absolute;
    top: -2px;
    z-index: 1
}

body section.main .leftMenu form .rSlider>.progressInfo {
    content: '';
    height: 3px;
    top: 0;
    left: 0;
    position: absolute;
    border: none;
    margin: 0
}

body section.main .leftMenu form .rSlider>span {
    height: 22px;
    width: 22px;
    border-radius: 100%;
    top: -11.5px;
    background: url(https://dt3ucbhe1ndk.cloudfront.net/imageslogos/1x/3lines_white.png) #000;
    cursor: pointer;
    border: none
}

body section.main .leftMenu form .rSlider>span:focus {
    outline: none
}
.SNI_content .leftMenu.sticky--bottom{
    /* width:322.25px !important */
}
@-moz-document url-prefix() {
    .SNI_content .leftMenu.sticky--bottom{
        /* width:268px !important */
    }
  }

body section.main .leftMenu form .filterAttrs {
    padding-bottom: 0
}

body section.main .leftMenu form .cDropDown {
    background: #fff;
    padding: 10px;
    margin: auto -15px
}

body section.main .leftMenu form .cDropDown li {
    margin: 10px auto
}

body section.main #searchInfo .header {
    margin: 0 0 25px;
    font-size: 40px
}

body section.main #searchInfo .sortByBlock {
    position: absolute;
    right: 0;
    top: 55px;
    font-size: 16px
}

body section.main #searchInfo .sortByBlock .select-wrapper {
    display: inline-block
}

body section.main #searchInfo .sortByBlock .select-wrapper select {
    display: inline-block;
    width: auto;
    cursor: pointer;
    border: 0px solid transparent;
    border-bottom: 1px solid black;
    border-radius: 0px;
}

body section.main .listBlock .nav-tabs li a {
    border: 1px solid #ccc;
    border-radius: 0;
    color: #585757;
    font-size: 14px;
    font-family: 'Everett-regular';
    margin-right: 0
}

body section.main .listBlock .nav-tabs li.active a {
    color: #000;
    border-bottom: solid #fff 1px
}

body section.main .listBlock .tab-content {
    margin-top: 5px
}

body section.main .listBlock .listCont {
    font-size: 14px;
    /*display: flex;
    align-items: stretch;*/
}

body section.main .listBlock .listCont>li {
    border: solid 1px #f5f5f5;
    border-bottom-color: #ccc;
    margin-bottom: 15px
}

body section.main .listBlock .listCont>li>.row:first-child {
    padding: 20px
}

body section.main .listBlock .listCont>li .imageFrame {
    /*height: 180px*/
    padding-top:5px;
}

body section.main .listBlock .listCont>li .imageFrame i {
    position: absolute;
    background: #fff;
    color: #000;
    bottom: 10px;
    right: 35px;
    padding: 5px;
    border: solid 1px;
    cursor: pointer
}

body section.main .listBlock .listCont>li .imageFrame.interior {
    height: 150px
}

.listCont>li .itemDetBlock h3,
.listCont>li .itemDetBlock .price,
.listCont>li .itemDetBlock .miles {
    font-size: 20px;
    line-height: 23px;
}

body section.main .listBlock .listCont>li .itemDetBlock .detBlock span.header {
    color: #585757
}

body section.main .listBlock .listCont>li .itemDetBlock .paymentCalc {
    font-size: 15px;
    color: #4990e2;
    text-decoration: underline
}

/*body section.main .listBlock .listCont>li .itemDetBlock .productDet {
    font-size: 15px;
    color: #585757
}

body section.main .listBlock .listCont>li .footerBtns .btn {
    font-size: 16px
}*/

body section.main .listBlock .listCont>li .footerBtns .btn i {
    position: absolute;
    right: 10px
}

body section.main .listBlock .listCont>li .quickInfo {
    background: #e3e3e3
}

body section.main .listBlock .listCont>li .quickInfo .header {
    border-bottom: solid #A1A5A8 2px;
    padding: 20px;
    margin: 0;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

body section.main .listBlock .listCont>li .quickInfo .header+div {
    padding: 15px;
    background: #ffffff;
    /*border: 1px solid #ebebeb;*/
    margin: 0px 0px;
    /*display: flex;*/
    min-height:520px;
}

body section.main .listBlock .loadMore .btn {
    background: #4990e2;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    padding: 9px 35px
}

body .detailBody .imageFrame {
    height: 350px;
    position: relative
}

body .detailBody .fwd-bck-btns {
    padding: 20px 15px
}

body .detailBody .fwd-bck-btns button {
    min-width: 200px;
    height: 53px
}

body .itemInfo {
    background: #666666;
    color: #fff;
    padding: 20px !important
}

body .itemInfo .header {
    font-size: 25px;
    margin: 0 0 20px
}

body .itemInfo .tabsContainer .nav-tabs li>a {
    border-radius: 0;
    background: #f5f5f5;
    color: #666666;
    margin-right: 1px;
    border-bottom: solid #666 1px;
    font-size: 15px
}

body .itemInfo .tabsContainer .nav-tabs li.active>a {
    background: #fff;
    color: #000000;
    border-bottom: solid 1px #fff
}

body .itemInfo .tabsContainer .nav-tabs li:not(.active)>a::after {
    content: '';
    background: #666666;
    height: 1px;
    width: calc(100% + 4px);
    position: absolute;
    bottom: -1px;
    left: -2px
}

body .itemInfo .tabsContainer .tab-content {
    background: #fff;
    color: #000;
    padding: 10px
}

body .itemInfo .tabsContainer .tab-content .wishListBlock .btn {
    color: #666666;
    border: solid 2px;
    width: 200px
}

body .itemInfo .tabsContainer .tab-content .wishListBlock .btn:hover {
    color: #000
}

body .detrailHeader {
    margin: 30px 0
}

body .legendStyle.nav-tabs li:first-child {
    padding-left: 0
}

body .legendStyle.nav-tabs li>a {
    border-radius: 0;
    padding: 15px 30px;
    color: #000;
    font-size: 13px;
   /* height: 50px;*/
    border: none
}

body .legendStyle.nav-tabs li>a:hover {
    border: none
}

body .legendStyle.nav-tabs li.active a {
    font-size: 15px;
    font-family: 'Univers57';
    width: calc(100% - 10px)
}

body .legendStyle.nav-tabs li.active a:hover,
body .legendStyle.nav-tabs li.active a:focus {
    border: none
}

body .legendStyle.nav-tabs li.active a::after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-width: 25px;
    margin-top: -25px
}

body .legendStyle.nav-tabs li.active a i {
    color: #fff !important;
}

body .vehicleTable {
    font-size: 15px
}

body .vehicleTable h3 {
    font-size: 17px
}

body .vehicleTable .contentBlock {
    border-bottom: 1px solid #ddd
}

body .vehicleTable .contentBlock>div {
    padding: 10px
}

body .vehicleTable .top .contentBlock {
    border-top: solid 1px #ddd
}

body #serviceProtection .header {
    background: #000;
    color: #fff;
    padding: 15px
}

body #serviceProtection .header h2 {
    font-size: 27px
}

body #serviceProtection .header p {
    border-left: solid 1px #e9e9e9;
    padding-left: 20px
}

body #serviceProtection .packageDetails {
    padding: 15px;
    display: none
}

body #serviceProtection .packageDetails h5 {
    font-size: 15px
}

body #serviceProtection .packageDetails h5 i {
    font-size: 25px
}

body #serviceProtection .packageDetails ul li {
    font-size: 15px;
    margin: 10px 0;
    padding-right: 30px;
    position: relative
}

body #serviceProtection .packageDetails ul li i {
    margin-left: 3px;
    cursor: pointer;
    padding: 5px;
    position: absolute
}

body #serviceProtection .packageDetails ul li i:hover {
    color: red
}

body .additionalCareBlocks>div>.row {
    margin: 15px -15px
}

body .additionalCareBlocks .contentBlock {
    color: #000;
}

body .additionalCareBlocks .contentBlock>*:not(h4) {
    margin-left: 30px
}

body .additionalCareBlocks .contentBlock>span {
    color: #999999;
    font-size: 11px
}

body .additionalCareBlocks .contentBlock h4 {
    font-size: 20px
}

body .additionalCareBlocks .contentBlock h4+span {
    font-size: 13px
}

body .additionalCareBlocks .contentBlock p {
    font-family: 'Univers45';
    font-size: 14px
}

body #review {
    color: #000;
    margin: 0 -15px
}

body #review .sub-header {
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: solid 1px
}

body #review .header {
    background: #666666;
    color: #fff;
    padding: 10px 20px
}

body #review .header h5 {
    font-size: 30px;
    letter-spacing: 1px
}

body #review .vehicleTable {
    margin: 20px 0
}

body #review .pkgOptns {
    font-size: 16px
}

body #review .pkgOptns .spec {
    font-size: 18px
}

body #review .pkgOptns ul li {
    margin: 10px 0
}

body #review .trade-in-fea {
    font-size: 16px
}

body #review .trade-in-fea .text-big {
    font-size: 40px
}

body #review .trade-in-fea h6 {
    font-size: 16px
}

body #review .additionalCareBlocks .contentBlock>*:not(h4) {
    margin-left: 0px
}

body #review .submitBlock {
    padding: 25px 10px
}

body #review .submitBlock .btn {
    border-radius: 2px;
    font-size: 15px;
    margin-right: 20px;
    padding: 15px 30px
}

body #review #reviewSubmitPopUp {
    font-size: 16px
}

body #review #reviewSubmitPopUp .modal-dialog {
    max-width: 500px
}

body #review #reviewSubmitPopUp .modal-dialog .modal-content {
    border-radius: 0
}

body #review #reviewSubmitPopUp .modal-dialog .modal-content .modal-title {
    font-size: 25px
}

body #review #reviewSubmitPopUp .modal-dialog .modal-body label {
    font-weight: normal
}

body #review #reviewSubmitPopUp .modal-dialog .modal-body input[type='submit'] {
    font-size: 15px;
    padding: 13px 12px;
    width: 70%
}

body .noResults {
    background: url(../images/backgrounds/dodge-rain.jpg) no-repeat #000;
    background-size: cover;
    height: 400px
}

body .noResults .cont {
    padding: 25px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    height: 400px
}

body .noResults .cont .heading {
    font-size: 16rem
}

body .noResults .cont .heading span {
    color: #27AAE1
}

body .noResults .cont p {
    font-size: 14px
}

body .noResults .cont p.highLight {
    font-size: 20px
}

body .noResults .cont .optionsBlock {
    margin-top: 30px
}

body .noResults .cont .optionsBlock .btn {
    border: solid #27AAE1;
    color: #fff;
    margin-right: 15px;
    border-radius: 20px;
    padding: 6px 20px
}

body .noResults .cont .optionsBlock .btn:hover {
    background: #27AAE1
}

body>footer {
    background: #000;
    color: #fff;
    padding: 25px 30px
}

body>footer a {
    color: #fff
}

body>footer .utilities li a {
    font-size: 16px;
    margin: 10px;
    display: inline-block
}

body>footer .fooBrandsList li a {
    font-size: 12px;
    margin: 20px auto;
    display: inline-block
}

body>footer p {
    font-size: 13px;
    margin: 10px auto
}

body #paymentCalc .modal-header,
body #leaseCalc .modal-header,
body #cashCalc .modal-header {
    border: none;
    padding: 15px 25px 0
}

body #paymentCalc .modal-header .modal-title,
body #leaseCalc .modal-header .modal-title,
body #cashCalc .modal-header .modal-title {
    font-size: 25px
}

body #paymentCalc .modal-body,
body #leaseCalc .modal-body,
body #cashCalc .modal-body {
    padding: 0 25px 15px;
    color: #333
}

body #paymentCalc .modal-body ul.popUpScroll>li,
body #leaseCalc .modal-body ul.popUpScroll>li,
body #cashCalc .modal-body ul.popUpScroll>li {
    border-top: solid #ccc 1px;
    padding: 10px 5px;
    margin: 10px auto
}

body #paymentCalc .modal-body ul.popUpScroll>li h4,
body #leaseCalc .modal-body ul.popUpScroll>li h4,
body #cashCalc .modal-body ul.popUpScroll>li h4 {
    margin: 0;
    font-size: 15px;
    font-family: 'Univers45'
}

body #paymentCalc .modal-body ul.popUpScroll>li h4>*:last-child:not(.glyphicon):not(.fa),
body #leaseCalc .modal-body ul.popUpScroll>li h4>*:last-child:not(.glyphicon):not(.fa),
body #cashCalc .modal-body ul.popUpScroll>li h4>*:last-child:not(.glyphicon):not(.fa) {
    float: right
}

body #paymentCalc .modal-body ul.popUpScroll>li h4 i.glyphicon,
body #leaseCalc .modal-body ul.popUpScroll>li h4 i.glyphicon,
body #cashCalc .modal-body ul.popUpScroll>li h4 i.glyphicon {
    font-size: 20px
}

body #paymentCalc .modal-body ul.popUpScroll>li .form-control:not(select),
body #leaseCalc .modal-body ul.popUpScroll>li .form-control:not(select),
body #cashCalc .modal-body ul.popUpScroll>li .form-control:not(select) {
    width: 100px;
    text-align: right;
    color: #9a9a9a
}

body #paymentCalc .modal-body ul.popUpScroll>li .addOffers ul li,
body #leaseCalc .modal-body ul.popUpScroll>li .addOffers ul li,
body #cashCalc .modal-body ul.popUpScroll>li .addOffers ul li {
    margin: 10px 0
}

body #paymentCalc .modal-body ul.popUpScroll>li .addOffers ul li i,
body #leaseCalc .modal-body ul.popUpScroll>li .addOffers ul li i,
body #cashCalc .modal-body ul.popUpScroll>li .addOffers ul li i {
    font-style: normal
}

body #paymentCalc .modal-body ul.popUpScroll>li .totDue ul li,
body #leaseCalc .modal-body ul.popUpScroll>li .totDue ul li,
body #cashCalc .modal-body ul.popUpScroll>li .totDue ul li {
    margin: 10px auto;
    color: #9a9a9a;
    font-size: 15px
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>*,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>*,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* {
    margin: 10px 0
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::before,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::before,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::before {
    height: 8px;
    top: 3px
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::after,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::after,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .customCheckBox span::after {
    border-radius: 50%;
    height: 16px;
    width: 16px
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .badge {
    font-size: 10px;
    width: 14px;
    height: 14px;
    padding: 2px 0;
    margin-bottom: 10px
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .thirdPartyVal,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .thirdPartyVal,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .thirdPartyVal {
    display: inline-block;
    margin-right: 5px;
    width: 50px;
    font-size: 12px
}

body #paymentCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .duration,
body #leaseCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .duration,
body #cashCalc .modal-body ul.popUpScroll>li.estimatedBlock .row>div>* .duration {
    display: inline-block
}

body #paymentCalc .modal-body ul.popUpScroll>li:last-child,
body #leaseCalc .modal-body ul.popUpScroll>li:last-child,
body #cashCalc .modal-body ul.popUpScroll>li:last-child {
    border-bottom: solid #ccc 1px
}

body #paymentCalc .modal-body .buyFor .buyForPrice,
body #leaseCalc .modal-body .buyFor .buyForPrice,
body #cashCalc .modal-body .buyFor .buyForPrice {
    font-size: 24px
}

body #paymentCalc .modal-body .instructions,
body #leaseCalc .modal-body .instructions,
body #cashCalc .modal-body .instructions {
    color: #333;
    font-family: 'Univers45';
    font-size: 12px;
    font-weight: normal
}

body #paymentCalc .modal-body .financeBlock .btn,
body #leaseCalc .modal-body .financeBlock .btn,
body #cashCalc .modal-body .financeBlock .btn {
    position: relative
}

body #paymentCalc .modal-body .financeBlock .btn i,
body #leaseCalc .modal-body .financeBlock .btn i,
body #cashCalc .modal-body .financeBlock .btn i {
    position: absolute;
    top: 10px;
    right: 10px
}

body #paymentCalc .modal-body .badge,
body #leaseCalc .modal-body .badge,
body #cashCalc .modal-body .badge {
    border-radius: 50%;
    background: #d4d4d4;
    color: #000;
    padding: 2px 0;
    width: 14px;
    height: 14px;
    text-align: center;
    margin-bottom: 10px;
}

body iframe {
    width: 100%
}

body .container {
    width: 1200px;
    max-width: 100%;
    margin: auto
}

body ul:not(.avoid) {
    list-style-type: none;
    padding: 0;
    margin: 0
}

body .hideMe {
    display: none
}

body input[type=number].noControls::-webkit-inner-spin-button,
body input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

body input[type=number].noControls {
    -moz-appearance: textfield
}

body .required {
    vertical-align: middle
}

body .row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

body .row.no-gutters>[class^=col-] {
    padding-right: 0;
    padding-left: 0
}

body .imageFrame {
    position: relative;
    display: block;
/*    width: 100%*/
}

body .focused {
    border-color: #66afe9;
    border-style: solid;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

body .centerH,
body .centerh {
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

body .centerV,
body .centerv {
    position: absolute;
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

body .centerHV,
body .centerVH,
body .centerhv,
body .centervh {
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

body .centerHV:not(img),
body .centerVH:not(img),
body .centerhv:not(img),
body .centervh:not(.avoid),
body .centervh:not(img) {
    width: 100%
}

body .clearAfter::after,
body .fL::after {
    clear: both;
    display: block;
    content: ''
}

body .error .errorInfo {
    color: red;
    display: block;
}

body .error .required {
    color: red
}

body .row>.errorInfo {
    padding: 0 15px
}

body .errorInfo {
    /* display: none; */
    font-size: 14px;
    margin: 5px 0
}

body .blur {
    filter: blur(5px)
}

body .select-wrapper {
    position: relative
}

body .select-wrapper::before {
    content: "\e259";
    font-family: 'Glyphicons Halflings';
    border-radius: 0 8px 8px 0;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #27AAE1;
    font-size: 20px;
    padding-top: 1px;
    position: absolute;
    width: 35px;
    text-align: center;
    height: 100%;
    top: 0px;
    right: 0
}

body .select-wrapper select {
    -webkit-appearance: none;
    background: transparent;
    box-shadow: none;
    z-index: 10;
    position: relative;
    padding-right: 45px
}

body .modal-header .close {
    font-size: 35px;
    opacity: 1
}

body .scrollUpBtn {
    width: 81px;
    background: #000;
    color: #fff;
    padding: 15px;
    position: fixed;
    right: 0;
    display: none;
    cursor: pointer
}

body .scrollUpBtn i {
    margin-bottom: 5px
}

body #popImageCont .modal-lg {
    width: 90%
}

body #popImageCont .modal-lg img {
    margin: auto
}

body #zipCodePopUp .modal-body {
    padding: 50px 15px
}

body #zipCodePopUp .modal-body h2 {
    font-size: 29px
}

body #zipCodePopUp .modal-body h2::after {
    content: '';
    background: #c6c6c6;
    height: 1px;
    width: 340px;
    margin: 15px auto;
    display: block
}

body #zipCodePopUp .modal-body .zipCodeCont {
    width: 50%;
    margin: auto;
    color: #c6c6c6
}

/* body #zipCodePopUp .modal-body input[type="number"],
body #zipCodePopUp .modal-body button:not(.custom-close) {
    height: 40px
} */

body button.custom-close {
    border-radius: 15px;
    background: #fff;
    /* border: 1px solid #bfbfbf; */
    font-size: 16px !important;
    opacity: 1;
    padding: 5px 10px;
    text-transform: uppercase;
    position: absolute;
    right: 25px;
    top: 25px;
    z-index: 1
}

body .tintedOverlay {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    top: 0
}

body .bold {
    font-weight: bold
}

body .noRadius {
    border-radius: 0 !important
}

body .dOpener,
body .glyphicon-info-sign {
    cursor: pointer
}

body .customCheckBox {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    line-height: 16px;
    margin: 0
}

body .uLine {
    border-bottom: solid 1px;
    text-decoration: none
}

body .uLine:hover {
    text-decoration: none
}

body .colorInfo {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

body .customCheckBox input[type=checkbox] {
    display: none
}

body .customCheckBox input[type=checkbox]+span:before {
    content: "";
    background: #fff;
    position: absolute;
    height: 0;
    width: 3px;
    top: 5px;
    left: 6px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]+span:after {
    content: "";
    position: absolute;
    width: 14px;
    display: block;
    height: 14px;
    border: 1px solid #c8c8c8;
    top: 0;
    left: 0;
    background: #FFF;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: 9px;
    top: 2px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #FFF;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:checked+span:after {
    border: 1px #27AAE1 solid;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

body .customCheckBox input[type=checkbox]:disabled+span:after {
    border: 1px solid #D2D2D2;
    cursor: not-allowed
}

body .inline-radiobtn label.customRadioBtn {
    display: inline-block !important;
    margin: 0 5px;
    position: static;
    pointer-events: all
}

body .customRadioBtn {
    position: relative;
    padding: 0 25px;
    cursor: pointer;
    margin: 0
}

body .customRadioBtn input[type=radio] {
    display: none
}

body .customRadioBtn input[type=radio]+span:after,
body .customRadioBtn input[type=radio]+span::before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    top: 2px;
    left: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}

body .customRadioBtn input[type=radio]+span::after {
    display: block;
    border: 2px solid #000
}

body .customRadioBtn input[type=radio]+span::before {
    border: 2px solid transparent
}

body .customRadioBtn input[type=radio]:checked+span:after,
body .customRadioBtn input[type=radio]:checked+span::before {
    border: 2px solid #27AAE1;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}

body .customRadioBtn input[type=radio]:checked+span:before {
    background: #000000;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    z-index: 1
}

body .onOffSlider>label {
    padding: 5px 10px 5px 35px;
    margin: 10px 0;
    border-radius: 25px;
    position: relative;
    cursor: pointer
}

body .onOffSlider>label::before {
    content: '';
    display: block;
    background: #fff;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px
}

body .onOffSlider>label.leaseBtn {
    padding: 5px 35px 5px 10px
}

body .onOffSlider>label.leaseBtn::before {
    right: 2px;
    left: inherit
}

body .stylePicker {
    position: fixed;
    bottom: -80px;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    z-index: 2;
    padding: 5px;
    transition: 0.5s
}

body .stylePicker.active {
    bottom: 0
}

body .stylePicker .floatingIcon {
    font-size: 20px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    top: -54px;
    cursor: pointer;
    border: solid #fff 2px;
    color: #fff
}

body .stylePicker h5 {
    color: #fff
}

body .stylePicker ul li {
    cursor: pointer;
    background-color: transparent;
    color: #fff
}

body .stylePicker ul li:hover,
body .stylePicker ul li:focus,
body .stylePicker ul li.active {
    background: #000;
    color: #fff
}

body .size-10 {
    font-size: 10px !important;
    line-height: 12px !important
}

body .size-12 {
    font-size: 12px;
    line-height: 14px
}

body .size-11 {
    font-size: 14px;
    line-height: 12px;
    min-width: 13px;
    max-width: 95%;
    margin: 3px 16px;
}

body .size-13 {
    font-size: 13px;
    line-height: 15px
}

body .size-14 {
    font-size: 14px !important;
    line-height: 16px !important
}

body .size-15 {
    font-size: 15px !important;
    line-height: 18px !important
}

body .size-16 {
    font-size: 16px;
    line-height: 19px
}

body .size-18 {
    font-size: 18px;
    line-height: 21px
}

body .size-19 {
    font-size: 19px;
    line-height: 22px
}

body .size-21 {
    font-size: 21px;
    line-height: 23px
}

body .size-20 {
    font-size: 20px;
    line-height: 23px
}

body .size-24 {
    font-size: 24px;
    line-height: 28px
}

body .size-32 {
    font-size: 32px;
    line-height: 35px
}

body .size-48 {
    font-size: 48px;
    line-height: 15px
}

body .size-64 {
    font-size: 64px;
    line-height: 15px
}

body .size-96 {
    font-size: 96px;
    line-height: 15px
}

.mTop-0 {
    margin-top: 0 !important
}

.mRight-0 {
    margin-right: 0 !important
}

.mBottom-0 {
    margin-bottom: 0 !important
}

.mLeft-0 {
    margin-left: 0 !important
}

.marginX-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.marginY-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.margin-1 {
    margin: 4px !important
}

.mTop-1 {
    margin-top: 4px !important
}

.mRight-1 {
    margin-right: 4px !important
}

.mBottom-1 {
    margin-bottom: 4px !important
}

.mLeft-1 {
    margin-left: 4px !important
}

.marginX-1 {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.marginY-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.margin-2 {
    margin: 8px !important
}

.mTop-2 {
    margin-top: 8px !important
}

.mRight-2 {
    margin-right: 8px !important
}

.mBottom-2 {
    margin-bottom: 8px !important
}

.mLeft-2 {
    margin-left: 8px !important
}

.marginX-2 {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.marginY-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.margin-3 {
    margin: 16px !important
}

.mTop-3 {
    margin-top: 16px !important
}

.mRight-3 {
    margin-right: 16px !important
}

.mBottom-3 {
    margin-bottom: 16px !important
}

.mLeft-3 {
    margin-left: 16px !important
}

.marginX-3 {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.marginY-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.margin-4 {
    margin: 24px !important
}

.mTop-4 {
    margin-top: 24px !important
}

.mRight-4 {
    margin-right: 24px !important
}

.mBottom-4 {
    margin-bottom: 24px !important
}

.mLeft-4 {
    margin-left: 24px !important
}

.marginX-4 {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.marginY-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.margin-5 {
    margin: 48px !important
}

.mTop-5 {
    margin-top: 48px !important
}

.mRight-5 {
    margin-right: 48px !important
}

.mBottom-5 {
    margin-bottom: 48px !important
}

.mLeft-5 {
    margin-left: 48px !important
}

.marginX-5 {
    margin-right: 48px !important;
    margin-left: 48px !important
}

.marginY-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.padding-0 {
    padding: 0 !important
}

.pTop-0 {
    padding-top: 0 !important
}

.pRight-0 {
    padding-right: 0 !important
}

.pBottom-0 {
    padding-bottom: 0 !important
}

.pLeft-0 {
    padding-left: 0 !important
}

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

.paddingY-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.padding-1 {
    padding: 4px !important
}

.pTop-1 {
    padding-top: 4px !important
}

.pRight-1 {
    padding-right: 4px !important
}

.pBottom-1 {
    padding-bottom: 4px !important
}

.pLeft-1 {
    padding-left: 4px !important
}

.paddingX-1 {
    padding-right: 4px !important;
    padding-left: 4px !important
}

.paddingY-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.padding-2 {
    padding: 8px !important
}

.pTop-2 {
    padding-top: 8px !important
}

.pRight-2 {
    padding-right: 8px !important
}

.pBottom-2 {
    padding-bottom: 8px !important
}

.pLeft-2 {
    padding-left: 8px !important
}

.paddingX-2 {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.paddingY-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.padding-3 {
    padding: 16px !important
}

.pTop-3 {
    padding-top: 16px !important
}

.pRight-3 {
    padding-right: 16px !important
}

.pBottom-3 {
    padding-bottom: 16px !important
}

.pLeft-3 {
    padding-left: 16px !important
}

.paddingX-3 {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.paddingY-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.padding-4 {
    padding: 24px !important
}

.pTop-4 {
    padding-top: 24px !important
}

.pRight-4 {
    padding-right: 24px !important
}

.pBottom-4 {
    padding-bottom: 24px !important
}

.pLeft-4 {
    padding-left: 24px !important
}

.paddingX-4 {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.paddingY-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.padding-5 {
    padding: 48px !important
}

.pTop-5 {
    padding-top: 48px !important
}

.pRight-5 {
    padding-right: 48px !important
}

.pBottom-5 {
    padding-bottom: 48px !important
}

.pLeft-5 {
    padding-left: 48px !important
}

.paddingX-5 {
    padding-right: 48px !important;
    padding-left: 48px !important
}

.paddingY-5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

@media all and (max-width: 1200px) {
    body section.main {
        margin: 30px auto
    }

    body section.main .leftMenu h4 {
        font-size: 15px
    }

    body .legendStyle.nav-tabs li:first-child {
        padding-left: 0
    }

    body .legendStyle.nav-tabs li a {
        font-size: 14px;
        padding: 15px
    }

    body .legendStyle.nav-tabs li.active a {
        font-size: 14px
    }
}

@media all and (min-width: 992px) {
    #landingPage .brandList>div {
        width: 18%
    }

    #landingPage .brandList>div.fiat {
        width: 10%
    }
}

@media all and (max-width: 991px) {
    body>header .brandLogos ul li a.imageFrame {
        width: 70px
    }

    body>header .navigation a {
        padding: 40px 10px
    }

    body>header .brandAddressBlock>div.info {
        font-size: 12px
    }

    body section.main #searchInfo .header {
        margin: 25px 0 25px;
        font-size: 22px
    }

    body section.main #searchInfo .sortByBlock {
        position: static;
        margin: 20px 0
    }

    body section.main .leftSideBar {
        left: -100%;
        transition: 0.5s;
        position: fixed;
        z-index: 1;
        background: #fff;
        width: 70%;
        height: 100%;
        top: 0;
        overflow-y: scroll
    }

    body section.main .leftSideBar .leftMenu {
        border: none
    }

    body #serviceProtection .header h2 {
        font-size: 25px
    }

    body #serviceProtection .header p {
        border-left: none;
        padding: 0;
        margin-top: 20px
    }

    body .vehicleTable .top .contentBlock {
        border-top: 0
    }

    .showInDevice {
        display: block
    }

    .hideForDevices {
        display: none
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }

    .text-md-justify {
        text-align: justify !important
    }
}

@media all and (max-width: 767px) {
    body>header .brandAddressBlock .imageFrame {
        margin: auto
    }

    body>header .brandAddressBlock>div {
        float: none
    }

    body>header .brandAddressBlock>div.info {
        font-size: 12px;
        border-left: none;
        margin: 15px 0 0;
        padding-left: 0;
        text-align: center
    }

    body #landingPage .vCardParent {
        padding: 0
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }

    .text-sm-justify {
        text-align: justify !important
    }
}

@media all and (max-width: 574px) {
    body .brandLogos .list-inline li {
        width: 32%
    }

    body section.main .brandLogos ul li {
        width: 32%
    }

    body section.main .listBlock .nav-tabs li a {
        font-size: 13px
    }

    body section.main .footerBtns .btn {
        width: 100%;
        margin: 5px 0
    }

    body .detailBody .fwd-bck-btns button {
        width: 80%;
        margin: 5px auto !important
    }

    body #zipCodePopUp .modal-body h2 {
        font-size: 22px
    }

    body #zipCodePopUp .modal-body .zipCodeCont {
        width: 100%
    }

    body #serviceProtection .header h2 {
        font-size: 20px
    }

    body .noResults .cont p {
        font-size: 12px
    }

    body .noResults .cont p.highLight {
        font-size: 14px
    }

    body .noResults .cont .optionsBlock .btn {
        margin-right: 10px
    }

    body .text-xs-left {
        text-align: left !important
    }

    body .text-xs-right {
        text-align: right !important
    }

    body .text-xs-center {
        text-align: center !important
    }

    body .text-xs-justify {
        text-align: justify !important
    }
}

@media all and (max-width: 400px) {
    body section.main .leftSideBar {
        width: 80%
    }
}

body .gcss-colors-background-primary {
    background: #fff
}

body .gcss-colors-background-tertiary {
    background: #D1D1D1
}

body .gcss-colors-background-gutter {
    background: #E3E3E3
}

body .gcss-colors-background-secondary {
    background: #ffffff
}

body .gcss-colors-background-quaternary {
    background: #FFFFFF
}

body .gcss-colors-background-semi-opaque {
    background: none
}

body .gcss-colors-element-primary {
    background: #8f0c2c
}

body .gcss-colors-element-secondary {
    background: #FFFFFF
}

body .gcss-colors-element-tertiary {
    background: #3A57A0
}

body .gcss-colors-element-accent {
    background: #558DDD
}

body .gcss-colors-element-complementary {
    background: #253B74
}

body .gcss-colors-element-subdued {
    background: #FFFFFF
}

body .gcss-colors-element-subdued-dark {
    background: #BFBFBF
}

body .gcss-colors-element-subdued-light {
    background: none
}

body .gcss-colors-element-error {
    background: #F02222
}

body .gcss-colors-element-positive {
    background: #3A57A0
}

body .gcss-colors-element-disclosure-bubble {
    background: #3E3E3E
}

body .gcss-colors-element-warning {
    background: #CA4D01
}

body .gcss-colors-element-disclosure-panel {
    background: #FFFFFF
}

body .gcss-colors-element-bottom-navigation-previous {
    background: #FFFFFF
}

body .gcss-colors-element-heading {
    color: #000000
}

body .gcss-colors-text-body-primary {
    color: #000000
}

body .gcss-colors-text-body-tertiary {
    color: #636363
}

body .gcss-colors-text-body-secondary {
    color: #000000
}

body .gcss-colors-text-element-primary {
    color: #FFFFFF
}

body .gcss-colors-text-element-subdued {
    color: #E7E7E7
}

body .gcss-colors-text-disclosure-panel {
    color: #000000
}

body .gcss-colors-text-element-secondary {
    color: #3A57A0
}

body .gcss-colors-text-disclosure-bubble {
    color: #FFFFFF
}

body .gcss-colors-line-primary {
    border-color: #BFBFBF
}

body .gcss-typography-brand-heading-1 {
    font-size: 59px;
    font-size: 4.28571rem
}

body .gcss-typography-brand-heading-2 {
    font-size: 45px;
    font-size: 3.21429rem
}

body .gcss-typography-brand-heading-3 {
    font-size: 38px;
    font-size: 2.71429rem
}

body .gcss-typography-brand-heading-4 {
    font-size: 35px;
    font-size: 2.5rem
}

body .gcss-typography-brand-heading-5 {
    font-size: 30px;
    font-size: 2.14286rem
}

body .gcss-typography-brand-heading-6 {
    font-size: 24px;
    font-size: 1.71429rem
}

body .gcss-typography-utility-heading-1 {
    font-size: 31px;
    font-size: 2.28571rem;
    font-weight: 700
}

body .gcss-typography-utility-heading-2 {
    font-size: 31px;
    font-size: 2.28571rem;
    font-weight: 500
}

body .gcss-typography-utility-heading-3 {
    font-size: 24px;
    font-size: 1.78571rem;
    font-weight: 700
}

body .gcss-typography-utility-heading-4 {
    font-size: 24px;
    font-size: 1.78571rem;
    font-weight: 500
}

body .gcss-typography-utility-heading-5 {
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 700
}

body .gcss-typography-utility-heading-6 {
    font-size: 20px;
    font-size: 1.42857rem;
    font-weight: 500
}

body .gcss-typography-utility-heading-7 {
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 700
}

body .gcss-typography-utility-heading-big-1 {
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 700
}

body .gcss-typography-utility-heading-big-2 {
    font-size: 40px;
    font-size: 2.85714rem;
    font-weight: 900
}

body .gcss-typography-utility-heading-big-3 {
    font-size: 50px;
    font-size: 3.57143rem;
    font-weight: 900
}

body .gcss-typography-utility-heading-big-4 {
    font-size: 65px;
    font-size: 4.64286rem;
    font-weight: 900
}

body .gcss-typography-font-size-default {
    font-size: 14px;
    font-size: 1rem;
    font-weight: normal
}

body .gcss-typography-label-1 {
    font-size: 17px;
    font-size: 1.21429rem;
    font-weight: 700
}

body .gcss-typography-label-2 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700
}

body .gcss-typography-label-3 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400
}

body .gcss-typography-label-4 {
    font-size: 12px;
    font-size: .85714rem;
    font-weight: 700
}

body .gcss-typography-label-5 {
    font-size: 12px;
    font-size: .85714rem;
    font-weight: 400
}

body .gcss-typography-label-6 {
    font-size: 10px;
    font-size: .71429rem;
    font-weight: 700
}

body .gcss-typography-label-7 {
    font-size: 10px;
    font-size: .71429rem;
    font-weight: 400
}

body .gcss-typography-label-8 {
    font-size: 10px;
    font-size: .78571rem;
    font-weight: 400
}

body .gcss-typography-label-9 {
    font-size: 8px;
    font-size: .57143rem;
    font-weight: 400
}

body .gcss-typography-label-10 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700
}

body .gcss-button {
    background-color: #8f0c2c;
    border-radius: .07143rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.35714rem;
    line-height: 1;
    padding: 1.14286rem 3.14286rem 1.14286rem 1.78571rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

body .gcss-button:hover {
    background-color: #8f0c2c;
    color: #fff
}

body .gcss-button-secondary {
    background-color: #636363;
    border-radius: .07143rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.35714rem;
    font-weight: bold;
    line-height: 1;
    padding: 1rem 3rem 1rem 1.64286rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background-color 250ms ease-in-out;
    transition: background-color 250ms ease-in-out
}

/*body .gcss-button-secondary:hover {
    background-color: #636363;
    color: #fff
}*/

body .gcss-button-tertiary {
    color: #8f0c2c;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    padding: 0 1.21429rem 0 0;
    position: relative;
    text-decoration: none;
    -webkit-transition: border-color 250ms ease-in-out;
    transition: border-color 250ms ease-in-out
}

body .gcss-button-tertiary:hover {
    text-decoration: underline
}

body .gcss-button.gcss-button-small {
    font-size: 12px;
    font-size: .85714rem;
    padding: .64286rem 2.07143rem .64286rem 1.21429rem
}

body .gcss-button.gcss-button-plain {
    padding-right: 1.78571rem
}

body .gcss-button.gcss-button-block {
    display: block
}

body .gcss-button[class*=gcss-icon-] {
    padding-left: 3.42857rem
}

.themeClr-bg {
    background: #c5c5c5 !important;
}

body .themeClr,
body .themeClr2 {
    color: #8f0c2c !important
}

body .theme {
    background: #8f0c2c;
    color: #fff;
    border-color: #8f0c2c
}

body .theme:hover {
    background-color: #9d1a2e;
    color: #fff
}

body .sGrey:hover {
    color: #8f0c2c !important
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    background: #8f0c2c
}

body .customCheckBox input[type=checkbox]:checked+span:after {
    border-color: #8f0c2c !important;
    background: #8f0c2c
}

body .select-wrapper::before {
    color: #8f0c2c
}

body .select-wrapper.bg::before {
    background: #8f0c2c;
    color: #fff
}

body .customRadioBtn input[type=radio]:checked+span:after,
body .customRadioBtn input[type=radio]:checked+span::before {
    border: 2px solid #8f0c2c
}

body #landingPage .brandList>div.active {
    box-shadow: 0px 0px 25px #8f0c2c
}

body .quickInfo .header {
    color: #8f0c2c
}

body .rSlider>.progressInfo {
    background: #8f0c2c
}

body .rSlider>span {
    background: url(https://dt3ucbhe1ndk.cloudfront.net/imageslogos/1x/3lines_white.png) #000 !important
}

body .leftMenu form h4 i {
    color: #8f0c2c
}

body .leftMenu form .filterAttrs.resetFiltersBlock .btn {
    color: #8f0c2c
}

body .legendStyle.nav-tabs li>a {
    color: #000;
    font-size: 13px
}

body .legendStyle.nav-tabs li>a i {
    color: #8f0c2c
}

body .legendStyle.nav-tabs li.active a {
    background: #8f0c2c;
    color: #fff
}

body .legendStyle.nav-tabs li.active a::after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #8f0c2c
}

body .legendStyle.nav-tabs li.active a i {
    color: #fff
}

body .wishListBlock .btn i {
    color: #8f0c2c
}

body .wishListBlock .btn:hover {
    background: #8f0c2c;
    color: #fff !important;
    border-color: #000 !important
}

body .wishListBlock .btn:hover i {
    color: #fff
}

body .onOffSlider>label {
    background: #8f0c2c;
    color: #fff
}

body .customCheckBox input[type=checkbox]:checked+span:before {
    border-color: #000;
}

body #paymentCalc .modal-body ul.popUpScroll>li h4 i.glyphicon,
body #leaseCalc .modal-body ul.popUpScroll>li h4 i.glyphicon,
body #cashCalc .modal-body ul.popUpScroll>li h4 i.glyphicon {
    color: #8f0c2c
}

.filterAttrs .cDropDown ul::-webkit-scrollbar-thumb {
    background: #8f0c2c;
}

.filterAttrs .cDropDown ul::-webkit-scrollbar-thumb:hover {
    background: #67011a;
}

.wishlist-thumb-padd .imageFrame {
    cursor: auto;
}



@media screen and (min-width: 992px)
{
    body>header .navigation a, body>header .how-itworks-nav a 
{
    position: relative;
    z-index: 0;
}
}

.min-width-60 {
    min-width: auto !important;
}