/*---------------------------------------------------------------------------------

	Theme Name: autoRoyal

-----------------------------------------------------------------------------------
*/

@font-face {
  font-family: 'Montserrat-Thin';
  src: url('../fonts/Montserrat-Thin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Montserrat-Thin.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Montserrat-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Montserrat-Light';
  src: url('../fonts/Montserrat-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Montserrat-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Montserrat-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg'); /* Legacy iOS */
}

/*-----------------
	autoRoyal
-------------------*/
.text-primary {
    color: #2C425D !important;
}

.autoroyal-front-dashboard-sidebar {
    min-height: 10px;
    flex: 0 0 320px;
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    -ms-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    z-index: 2;
}

.autoroyal-front-dashboard-wrapper .site-branding-text {
    min-height: 10px;
    flex: 0 0 320px;
}

.autoroyal-front-dashboard-wrapper #primary-menu-wrap {
    margin-right: auto;
}

.autoroyal-front-dashboard-sidebar .advance-search {
    background-color: #fff;
    overflow: hidden;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.autoroyal-front-dashboard-sidebar .advance-search h4 {
    font-weight: 700!important;
    padding: 15px 30px;
    padding-top: 50px;
    line-height: 32px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 0;
    color: #484848;
}

ul.autoroyal-dashboard-menu, 
ul.autoroyal-dashboard-menu li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    width: 100%;
}

ul.autoroyal-dashboard-menu li:before {
    display: none;
}

ul.autoroyal-dashboard-menu li a {
    padding: 15px 30px;
    line-height: 130%;
    color: rgba(0,0,0,.5);
    letter-spacing: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-decoration: none;
    border-left: solid 3px transparent;
}

ul.autoroyal-dashboard-menu li a:hover, 
ul.autoroyal-dashboard-menu li.active a {
    color: #2c425d;
    background-color: #f0f7ff;
    border-left: solid 3px #2c425d;
}

ul.autoroyal-dashboard-menu li i,
.autoroyal-front-dashboard-sidebar .advance-search h4 i {
    width: 26px;
    margin: 0;
    font-size: 14px;
}

ul.autoroyal-dashboard-menu li i.material-icons,
.autoroyal-front-dashboard-sidebar .advance-search h4 i.material-icons {
    line-height: inherit;
    font-size: 20px !important;
    position: relative;
    top: 4px;
}

.autoroyal-front-dashboard-wrapper .container {
    max-width: 100%;
}

.autoroyal-front-dashboard-wrapper footer .footer-widgets,
.autoroyal-front-dashboard-wrapper footer .autoroyal-footer-header {
    display: none;
}

.autoroyal-front-dashboard-wrapper .navbar,
.autoroyal-front-dashboard-wrapper .header-main {
    padding-left: 15px;
    padding-right: 15px;
}

.autoroyal-front-dashboard-wrapper .navbar.main-navigation {
    box-shadow: 0 1px 10px rgba(78, 82, 99, 0.15);
}

#autoroyal_add_vehicle, 
#autoroyal_add_lead, 
#autoroyal_add_deal {
    background-color: #2c425d !important;
    color: #f0f7ff !important;
}

#autoroyal_add_vehicle:hover, 
#autoroyal_add_lead:hover, 
#autoroyal_add_deal:hover {
    background-color: #f0f7ff !important;
    color: #2c425d !important;
}

#autoroyal_add_vehicle i, 
#autoroyal_add_lead i, 
#autoroyal_add_deal i {
    margin-left: 0 !important;
}

.site-content {
    overflow-x: hidden;
    /*background-color: #fbfbfb;*/
}

.autoroyal-inventory-stats-block {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    -ms-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
}

.autoroyal-page-title {
    background: #0C3EB8;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.autoroyal-page-title .container {
    padding-top: 52px;
    padding-bottom: 60px;
}

.autoroyal-front-dashboard-wrapper .autoroyal-page-title {
    text-align: right;
}

.autoroyal-page-title h2 {
    color: #fff;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 0;
    font-weight: 600;
}

.breadcrumbs {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,.6);
    font-weight: 300;
}

.breadcrumbs > span {
    margin: 0 10px;
}

.breadcrumbs > span:first-child {
    margin-left: 0;
}

.autoroyal-front-dashboard-wrapper .autoroyal-page-title .breadcrumbs > span:last-child {
    margin-right: 0;
}

.breadcrumbs a {
    color: rgba(255,255,255,.6);
}

.breadcrumbs a:hover {
    color: rgba(255,255,255,1);
}

table.car-manager-cars {
    width: 100%;
    -webkit-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    -ms-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
}

table,
th,
td {
    border: solid 1px rgba(0,0,0,.03);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
    background-color: #fff;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

th {
    border-width: 0 1px 1px 0;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
}

td {
    border-width: 0 1px 1px 0;
}

th,
td {
    padding: 0.4375em;
}

table thead th {
    vertical-align: middle;
    border-top: none;
    border-bottom: solid 1px rgba(0,0,0,.03);
}

table td {
    border-top: none;
    vertical-align: middle;
}

table.car-manager-cars .btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #0C3EB8;
    border-color: #0C3EB8;
}

.autoroyal-pagination>ul>li>span.current, 
.autoroyal-pagination>ul>li>span.current:hover, 
.autoroyal-pagination>ul>li>span.current:focus, 
.autoroyal-pagination>ul>li>a.current, 
.autoroyal-pagination>ul>li>a.current:hover, 
.autoroyal-pagination>ul>li>a.current:focus,
.autoroyal-pagination>ul>li>a:focus, 
.autoroyal-pagination>ul>li>a:hover, 
.autoroyal-pagination>ul>li>span:focus, 
.autoroyal-pagination>ul>li>span:hover,
.woocommerce-pagination>ul>li>span.current, 
.woocommerce-pagination>ul>li>span.current:hover, 
.woocommerce-pagination>ul>li>span.current:focus, 
.woocommerce-pagination>ul>li>a.current, 
.woocommerce-pagination>ul>li>a.current:hover, 
.woocommerce-pagination>ul>li>a.current:focus,
.woocommerce-pagination>ul>li>a:focus, 
.woocommerce-pagination>ul>li>a:hover, 
.woocommerce-pagination>ul>li>span:focus, 
.woocommerce-pagination>ul>li>span:hover {
    background-color: #0C3EB8;
    border-color: #0C3EB8 !important;
    color: #fff !important;
}

.autoroyal-pagination>ul>li>a, 
.autoroyal-pagination>ul>li>span,
.woocommerce-pagination>ul>li>a, 
.woocommerce-pagination>ul>li>span,
.pagelinks .post-page-numbers {
    min-width: 40px;
    padding: 7px 12px !important;
    text-align: center;
    border: 2px solid #eee !important;
    color: #0C3EB8;
    border-radius: 3px;
    line-height: 22px;
    margin: 0 8px;
    display: inline-block;
    background: transparent;
    border-color: transparent !important;
}

.pagelinks .post-page-numbers:hover,
.pagelinks .post-page-numbers.current {
    color: #fff;
}

.autoroyal-pagination ul,
.woocommerce-pagination ul {
    margin-bottom: 30px;
}

.dashboard-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.autoroyal-front-dashboard-content {
    flex: 1;
    background-color: #fafafa;
    padding: 0;
    overflow: auto;
    position: relative;
    z-index: 1;
    padding: 40px 50px;
    position: relative;
}

.autoroyal-inventory-filter {
    width: 100%;
    display: inline-block;
}

/* Buttons */
.btn, 
input[type="submit"], 
#autoroyal-dashboard 
.options_group input[type="submit"],
.button {
    color: #fff;
    background-color: #2c425d;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    padding: 13px 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: none !important;
    text-decoration: none !important;
}

.btn-default:hover, 
button:hover, 
.btn:hover, 
input[type="submit"]:hover, 
#autoroyal-dashboard .options_group input[type="submit"]:hover,
.button:hover {
    background-color: #aa0020;
    color: #fff;
}

.btn-invers-colors {
    background-color: #f0f7ff;
    color: #2c425d;
    text-decoration: none !important;
}

.btn-invers-colors:hover {
    background-color: #2c425d;
    color: #f0f7ff;
}

/* autoRoyal Vehicle Block */
.autoroyal-vehicle-block {
    position: relative;
    box-shadow: none;
    z-index: 9;
    /*transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);*/
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.animated-car-blocks .autoroyal-vehicle-block {
    opacity: 0;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    transform: translateY(30px);
}

.autoroyal-block-style-1 {
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    -ms-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
}

.owl-item .autoroyal-block-style-1 {
    border: solid 1px #f0f7ff;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.autoroyal-vehicle-block.visible {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: translateY(0);
}

.autoroyal-vehicle-block.autoroyal-block-style-1:hover {
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
}

#autoroyal-advance-search-form .bootstrap-select>.btn,
#autoroyal-listing-sort .bootstrap-select>.btn,
#place_car_reservation .bootstrap-select>.btn,
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"],
input[type="color"], 
textarea,
.form-control {
    background-color: #1d1d1d;
    border: none;
    font-weight: normal;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 12px;
    height: auto;
    line-height: 21px;
    outline: none !important;
    border-radius: 4px !important;
    margin-bottom: 25px !important;
    font-size: 14px;
    float: none !important;
}

#autoroyal-advance-search-form .bootstrap-select>.btn,
#autoroyal-listing-sort .bootstrap-select>.btn,
#place_car_reservation .bootstrap-select>.btn {
    min-width: 140px;
}

#autoroyal-listing-sort .autoroyal-inventory-select-ppp.bootstrap-select>.btn {
    width: 60px;
    min-width: auto;
}

.card .widget input,
.comment-form-textarea input,
.comment-form-textarea textarea {
    background-color: #f4f4f4;
}

.autoroyal-page-comments {
    margin-top: 30px;
}

.widget-title {
    font-size: 24px;
    font-weight: bold;
    color: #2c425d;
    margin-bottom: 1.5em;
}

select.form-control:not([size]):not([multiple]) {
    height: 48px;
}

#autoroyal-contact-dealer label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.autoroyal-car-contact-form #autoroyal-contact-dealer .btn {
    width: 100%;
    padding: 14px 20px;
}

.autoroyal-car-contact-form #autoroyal-contact-dealer .btn .fa-angle-right {
    display: none;
}

.autoroyal-car-contact-form-header {
    width: 100%;
    display: inline-block;
    padding: 16px 24px;
    background-color: #f4f4f4;
    border-radius: 4px;
}

#autoroyal-contact-dealer textarea {
    padding: 16px 24px;
}

.autoroyal-car-contact-form-header h5,
.autoroyal-car-contact-form-header .fa {
    width: auto;
    float: left;
}

.listing-content .autoroyal-car-contact-form-header .heading {
    margin: 0 !important;
}

#autoroyal-contact-dealer input {
    margin-bottom: 19px !important;
}

#autoroyal-contact-dealer input.error_field {
    border-color: #D00027;
}

.autoroyal-car-contact-form-header .fa {
    margin-right: 10px;
    font-size: 26px;
}

.autoroyal-car-contact-form-header h5 {
    margin: 0 !important;
}

#autoroyal-advance-search-form .bootstrap-select>.btn:hover,
#autoroyal-listing-sort .bootstrap-select>.btn:hover,
#place_car_reservation .bootstrap-select>.btn:hover {
    background-color: #aa0020;
}

#autoroyal-advance-search-form .bootstrap-select.btn-group .dropdown-menu,
#autoroyal-listing-sort .bootstrap-select.btn-group .dropdown-menu,
#place_car_reservation .bootstrap-select.btn-group .dropdown-menu {
    margin-top: 0;
    border: none;
    border-radius: 4px;
}

#autoroyal-advance-search-form .dropdown-menu>.active>a, 
#autoroyal-advance-search-form .dropdown-menu>.active>a:hover, 
#autoroyal-advance-search-form .dropdown-menu>.active>a:focus,
#autoroyal-listing-sort .dropdown-menu>.active>a, 
#autoroyal-listing-sort .dropdown-menu>.active>a:hover, 
#autoroyal-listing-sort .dropdown-menu>.active>a:focus,
#place_car_reservation .dropdown-menu>.active>a, 
#place_car_reservation .dropdown-menu>.active>a:hover, 
#place_car_reservation .dropdown-menu>.active>a:focus,
.dropdown-item.active, 
.dropdown-item:active {
    background-color: #0C3EB8;
}

#autoroyal-listing-sort .autoroyal-inventory-select-order,
#autoroyal-listing-sort .autoroyal-inventory-select-ppp,
#place_car_reservation .autoroyal-inventory-select-order,
#place_car_reservation .autoroyal-inventory-select-ppp {
    margin-bottom: 0;
}

.bootstrap-select.btn-group .btn .bs-caret {
    float: right;
    width: 10px;
    margin-left: 20px;
    display: inline-block;
}

.bootstrap-select.btn-group .btn .caret {
    margin-top: -10px !important;
}

#autoroyal-listing-sort .dropdown-toggle::after,
#place_car_reservation .dropdown-toggle::after {
    /*display: none;*/
}

#autoroyal-listing-sort {
    float: left;
    width: 100%;
    text-align: right;
    border-bottom: solid 1px #edeff1;
    margin-bottom: 30px;
    position: relative;
}

.autoroyal-listing-sort-item {
    display: inline-block;
    margin-left: 20px;
}

.autoroyal-listing-view-type {
    float: right;
    margin-left: 30px;
    margin-bottom: 25px;
    background-color: #eee;
    border-radius: 4px;
    overflow: hidden;
}

.autoroyal-listing-view-type a {
    float: left;
    padding: 12px 16px;
    line-height: 21px;
}

.autoroyal-listing-view-type a.active,
.autoroyal-listing-view-type a:hover {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-listing-sort-item-result {
    float: left;
    margin-top: 14px;
}

.autoroyal-listing-sort-item > span {
    float: left;
    text-align: left;
}

.autoroyal-listing-sort-item span.autoroyal-listing-sort-item-title {
    margin-left: 30px;
    margin-top: 9px;
    margin-right: 10px;
}

#autoroyal-listing-sort label {
    margin-left: 30px;
    float: right;
}

#inventory-vehicles-holder {
    /*overflow: hidden;*/
}

.filter-surrency-symbol {
    display: none;
}

#subscribe-filter {
    color: #0C3EB8;
}

.autoroyal-vehicle-block .heading {
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .heading {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 20px;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .heading .autoroyal-vehicle-block-meta-price {
    font-size: 32px;
    line-height: 40px;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price {
    font-size: 24px;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price .rent-price-period,
.autoroyal-vehicle-grid-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price .rent-price-period {
    display: none;
    font-size: 20px;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price.period-price {
    margin-top: -10px !important;
}

.autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price.period-price .rent-price-period {
    display: block;
    margin-top: 5px;
}

.autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price.period-price .rent-price {
    font-size: 16px;
    color: #666;
    font-weight: normal;
}

.autoroyal-vehicle-grid-block.autoroyal-vehicle-rent .autoroyal-vehicle-block .autoroyal-vehicle-block-meta-price {
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    text-align: center;
    width: 100%;
}

.autoroyal-vehicle-grid-block.autoroyal-vehicle-rent .autoroyal-rent-subtitle {
    text-align: center;
}

.autoroyal-vehicle-grid-block.autoroyal-vehicle-rent {
    text-align: center;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta {
    padding-top: 7px;
}

.autoroyal-vehicle-block .heading:hover {
    color: #D00027;
}

.autoroyal-vehicle-block.autoroyal-block-style-1:not(.autoroyal-blog-post) .heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.autoroyal-vehicle-block .heading .productYear {
    color: #a0a0a0;
    margin-right: 3px;
}

.autoroyal-vehicle-block .heading .autoroyal-vehicle-block-meta-price {
    float: right;
    margin-left: 10px;
}

.autoroyal-block-style-1 .autoroyal-vehicle-block-image-wrapper {
    border-radius: 0;
}

.autoroyal-vehicles-for-rent .autoroyal-vehicle-item .autoroyal-vehicle-block-meta .separator {
    opacity: 0;
}

.autoroyal-vehicles-for-rent .autoroyal-vehicle-list-block .autoroyal-vehicle-block .autoroyal-vehicle-block-meta {
    padding-top: 2px;
}

.autoroyal-block-style-2 .autoroyal-vehicle-block-thumbnail, 
.autoroyal-block-style-2 .autoroyal-vehicle-block-no-thumbnail {
    border-radius: 4px;
    overflow: hidden;
}

.autoroyal-block-style-1 .autoroyal-vehicle-block-meta {
    padding: 20px;
}

.autoroyal-block-style-2 .autoroyal-vehicle-block-meta {
    padding: 0;
    padding-top: 20px;
}

.autoroyal-vehicle-block-meta .btn {
    bottom: 22px;
    right: 24px;
    width: 17px;
    height: 16px;
    font-size: 16px;
}

.autoroyal-block-style-2 .autoroyal-vehicle-block-meta .btn {
    right: 1px;
    bottom: 5px;
}

.autoroyal-vehicle-block-meta .btn.add-to-compare {
    right: 49px;
    height: 16px;
    width: 16px;
}

.autoroyal-block-style-2 .autoroyal-vehicle-block-meta .btn.add-to-compare {
    right: 25px;
}

.autoroyal-vehicle-block-meta .btn.add-to-compare svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: #dc3545;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.autoroyal-vehicle-block-meta .btn.add-to-compare:hover svg {
    fill: #aa0020;
}


#autoroyal-advance-search-form.autoroyal-vertical-car-filter .form-group.custom-range {
    margin-bottom: 30px;
    height: auto;
}

#autoroyal-advance-search-form.autoroyal-horizontal-car-filter {
    margin-top: -70px;
    border-radius: 4px !important;
}

#autoroyal-advance-search-form.autoroyal-horizontal-car-filter:not(.modern-form) {
    background-color: #fff;
    box-shadow: 0 0 90px -15px rgba(78, 82, 99, 0.2);
}

.autoroyal-vehicle-block-specs svg {
    height: 17px;
    margin-right: 7px;
    float: left;
    width: auto;
    fill: #999;
}

ul.autoroyal-vehicle-block-specs,
ul.reserv-subtitle {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
    display: inline-block;
    text-align: left;
}

ul.autoroyal-vehicle-block-specs.autoroyal-rent-subtitle {
    margin-bottom: 20px;
}

ul.autoroyal-vehicle-block-specs.autoroyal-rent-subtitle svg {
    margin-top: 2px;
}

.autoroyal-vehicle-grid-block ul.autoroyal-vehicle-block-specs,
.autoroyal-vehicle-grid-block ul.autoroyal-vehicle-block-specs li.autoroyal-vehicle-transmission p {
    margin-bottom: 0;
}

.autoroyal-vehicle-grid-block ul.autoroyal-vehicle-block-specs {
    margin-bottom: 20px;
}

.autoroyal-vehicle-grid-block ul.autoroyal-vehicle-block-specs li.autoroyal-vehicle-transmission p {
    color: #212529;
    margin-top: 5px;
}

.autoroyal-rent-subtitle {
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #8c8c8c;
}

.autoroyal-rent-subtitle-meta {
    margin-top: 10px;
    opacity: .6;
    display: none;
}

.autoroyal-rent-subtitle span {
    margin-right: 10px;
    color: #666;
    position: relative;
    white-space: nowrap;
}

.autoroyal-rent-subtitle svg {
    height: 14px;
    width: auto;
    margin-right: 6px;
    margin-bottom: 3px;
    fill: #a0a0a0;
}

.autoroyal-vehicle-rent .autoroyal-vehicle-block .heading {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
    white-space: unset !important;
    text-overflow: unset !important;
}

.autoroyal-vehicle-rent .autoroyal-button {
    margin-top: 5px;
}

.autoroyal-vehicle-rent .autoroyal-vehicle-block-meta-price {
    margin-top: 19px !important;
}

.autoroyal-vehicle-rent .autoroyal-vehicle-block-meta-price {
    font-size: 16px;
}

ul.autoroyal-vehicle-block-specs li,
ul.reserv-subtitle li {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1.3;
    display: inline-block;
}

ul.autoroyal-vehicle-block-specs li:first-child {
    text-align: left;
    margin-right: 15px;
}

ul.list-view-car-specs li,
ul.reserv-subtitle li,
ul.reserv-subtitle > span {
    margin-right: 5px !important;
    margin-bottom: 5px;
    padding: 4px 8px;
    background-color: #edeff1;
    float: left;
    border-radius: 3px;
    line-height: 1.3;
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

ul.list-view-car-specs li.autoroyal-vehicle-stock {
    text-transform: capitalize;
}

ul.list-view-car-specs li:last-child {
    float: left;
}

ul.list-view-car-specs li .car-color {
    border-radius: 50%;
    margin-top: 5px;
    margin-right: 4px;
    width: 10px;
    height: 10px;
    float: left;
}

ul.list-view-car-specs li:hover,
ul.reserv-subtitle li:hover {
    background-color: #D00027;
    color: #fff;
}

ul.list-view-car-specs li svg,
ul.reserv-subtitle li svg {
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

ul.list-view-car-specs li:hover svg,
ul.reserv-subtitle li:hover svg {
    fill: #fff !important;
}

.autoroyal-vehicle-list-block .autoroyal-vehicle-block-meta .btn.add-to-compare {
    width: 24px;
    height: 24px;
    right: 34px;
}

.autoroyal-vehicle-list-block .autoroyal-block-style-2 .autoroyal-vehicle-block-meta .btn {
    font-size: 24px;
    width: 24px;
    height: 24px;
    position: relative;
    right: 0;
    margin-right: 15px;
    margin-top: 5px;
    float: left;
}

.autoroyal-vehicle-list-block .autoroyal-block-style-2 .autoroyal-vehicle-block-meta .btn i {
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
}

.autoroyal-vehicle-list-block .autoroyal-block-style-2 .autoroyal-vehicle-block-meta .autoroyal-carfax-link {
    float: right;
    width: auto;
    margin: 0;
    margin-top: -5px;
    margin-left: 20px;
}

.autoroyal-vehicle-list-block .autoroyal-block-style-2 .autoroyal-vehicle-block-meta .autoroyal-carfax-link img {
    max-height: 34px;
}

.autoroyal-vehicle-block-meta .hidden,
.clean-price-set.hidden {
    display: none;
}

.single-add-to-compare {
    position: fixed;
    top: -30%;
    left: 0;
    right: 0;
    padding: 22px 0;
    background-color: #0C3EB8;
    z-index: 99999;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.single-add-to-compare .container {
    display: block;
    padding: 0;
}

.single-add-to-compare.single-add-to-compare-visible,
.single-add-to-compare.single-add-to-favorites-visible {
    top: 0;
    opacity: 1;
}

.single-add-to-compare.single-add-to-favorites-visible .compare-fixed-link {
    display: none;
}

.admin-bar .single-add-to-compare.single-add-to-compare-visible,
.admin-bar .single-add-to-compare.single-add-to-favorites-visible {
    top: 32px;
}

.single-add-to-compare .autoroyal-title {
    color: #fff;
    line-height: 45px;
}

.single-add-to-compare .compare-fixed-link {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    border: solid 2px #fff;
}

.single-add-to-compare .compare-fixed-link:hover {
    background-color: #232628;
}

.autoroyal-compare-row {
    padding: 60px 0;
}

.compare-options table,
.compare-values table {
    width: 100%;
}

.compare-values svg {
    max-height: 20px;
    margin-right: 10px;
    float: left;
    max-width: 30px;
    width: auto;
}

.compare-options table,
.compare-values table {
    border-collapse:collapse;
    border-spacing:0;
    border: none;
}

.compare-options table, 
.compare-options th, 
.compare-options td,
.compare-values table, 
.compare-values th, 
.compare-values td {
    border: none;
    background: transparent;
}

.compare-options table tr th,
.compare-values table tr th {
    padding: 15px 10px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.4;
    color: #1B1919;
    vertical-align: middle;
    border: none;
    border-bottom: 2px solid #EFEFEF;
}

.compare-options table>tbody tr td,
.compare-values table>tbody tr td {
    padding: 10px 0 9px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #797979;
    border-bottom: 1px solid #e8e8e8;
}

.compare-vehicles-price {
    font-weight: bold !important;
    color: #D00027 !important;
}

.compare-values table>tbody tr td {
    color: #232628;
}

.compare-col-autoroyal {
    text-align: center;
}

.compare-col-autoroyal a.add-to-compare {
    float: none !important;
    display: inline-block;
}

.compare-col-autoroyal h4 {
    margin-bottom: 20px;
    line-height: 1.4;
}

.compare-vehicle-price {
    margin-top: -16px;
    display: block;
    float: left;
    z-index: 9;
    position: relative;
    width: 100%;
}

.compare-values-empty {
    color: #0C3EB8;
}

.compare-vehicle-image.empty-slot .vehicle-grid-image .fa {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    font-size: 56px;
}

.compare-col-autoroyal-empty div.h4 {
    margin-bottom: 30px;
    margin-top: 5px;
    line-height: 27px;
    box-shadow: none !important;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    float: left;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.compare-title {
    margin-bottom: 25px;
    line-height: 42px;
    margin-top: 40px;
    display: none !important;
}

.compare-vehicle-image {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 30%;
    background-color: #fafafa;
    margin-bottom: 30px;
}

.compare-vehicle-image svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    padding: 40px;
    max-height: 100%;
    max-width: 100%;
    bottom: 0;
    stroke: #d3d5da;
    fill: #d3d5da;
}

.vehicle-compare-price {
    text-align: center;
    float: left;
    width: 100%;
}

.compare-list-style,
.compare-list-style li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important;
}

.compare-list-style li .fa {
    margin-right: 7px;
    font-size: 90%;
    color: #D00027;
}

.autoroyal-compare-features {
    line-height: 1;
}

.row-compare-features {
    padding-bottom: 30px;
}

ul.property-amenities li strong {
    font-weight: bold;
}

ul.property-amenities li span {
    font-weight: normal;
}

a.empty-slot div.h5 {
    margin-top: 30px;
    text-transform: uppercase;
    display: inline-block;
    color: #797979;
}

.compare-property-image.empty-slot .property-grid-image .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 56px;
    z-index: 99;
}

.compare-property-visible {
    display: none;
}

.compare-col-autoroyal h4 {
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 27px;
    box-shadow: none !important;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    float: left;
    width: 100%;
}

.compare-col-autoroyal h4 span.productYear {
    color: #a0a0a0;
    margin-right: 3px;
}

.add-to-compare-minus,
.add-to-compare.added .add-to-compare-plus {
    display: none;
}

.add-to-compare.added .add-to-compare-minus {
    display: block;
}

.menu-compare-button a.compare-action-button .fa {
    font-size: 32px !important;
    margin-right: 5px;
    float: left;
}

.menu-compare-button a.compare-action-button > span.list-badge {
    float: left;
    margin-top: 3px;
}

.menu-compare-button a.compare-action-button .list-badge {
    position: absolute;
    top: -8px;
    right: -14px;
    min-width: 18px;
    font-size: 11px;
    color: #111111;
    padding: 1px 2px 1px 1px;
    line-height: 16px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 2px 2px 0 rgba(0,0,0,.14);
}

.menu-compare-button a.compare-action-button .list-badge span {
    color: #111111;
}

.autoroyal-pagination {
    margin-top: 30px;
}

/* Favorite sidebar */
.favorite-panel {
    top: 0;
    width: 675px;
    overflow: auto;
    z-index: 999;
    height: 100%;
    position: fixed;
    right: 0;
    background-color: #fff;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);

    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.favorite-mask,
.modal-mask,
.rent-select-price-mask {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    z-index: 990;
    opacity: 0.01;
}

#favorite-mask.favorite-mask {
    opacity: 0.6;
}

#rent-select-price-mask.rent-select-price-mask {
    opacity: 0.3;
}

.modal-mask {
    display: block;
}

.favorite-panel.panel-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.favorite-panel .favorite-panel-header {
    border: none;
    padding: 135px 65px 35px;
}

i.close {
    content: url(../images/close-icon.svg);
    opacity: 1;
    cursor: pointer;
}

.favorite-panel .favorite-panel-header i.close {
    position: absolute;
    top: 40px;
    right: 40px;
}

.favorite-panel .favorite-panel-header h4.title {
    color: #212529;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px;
    margin-bottom: 28px;
}

.favorite-separator {
    display: block;
    height: 1px;
    width: 40px;
    background-color: #979797;
}

.favorite-panel .favorite-panel-header .favorite-separator {
    margin-bottom: 22px;
}

#favorite-vehicles-basket {
    padding: 0 65px 100px;
}

#favorite-vehicles-basket .autoroyal-vehicle-block {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: translateY(0);
}

/*colors*/
.aside-blk.colors{padding-top: 30px;}
.vertical-filter-fields-group .aside-blk.colors{padding-top: 0px;}
.aside-blk.colors .color-list{
    margin-left: -5px;
    margin-bottom: 0;
    width: calc(100% + 6px);
}
.vertical-filter-fields-group .aside-blk.colors label {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 13px;
    text-transform: uppercase;
}
.aside-blk.colors .color-list li:first-of-type{padding-left: 5px;}
.aside-blk.colors .color-list li:last-of-type{padding-right: 0;}
.aside-blk.colors .color-list li{margin: 10px 0;}

.color-list{
    margin-left: 0;
    margin-bottom: 28px;
}
.color-list li{
    padding: 0 7px;
    float: left;
}
.color-list li:first-child{padding-left: 0;}
.color-list li:last-child{padding-right: 0;}
.color-list li .btn{
    position: relative;
    width: 29px;
    height: 29px;
    border-radius: 30px;
    font-size: 8px;
    color: #666;
    padding: 0;
    border: solid 1px #eee;
}
.color-list li .btn:hover,.color-list li .btn.selected{border: 3px solid #0C3EB8 !important;}
.color-list li .btn.selected:after{
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0C3EB8;
    font-size: 18px;
    position: absolute;
    left: 3px;
    top: 3px;
}
.color-list li .custom-checkbox > label{line-height: 1.4;}
.color-list li .custom-checkbox .cr{margin-right: 10px;}

.single-car-page .hentry.card .card-body {
    padding: 0;
}

.single-car-page .site-main .card {
    background: transparent;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.card-title.entry-title span {
    width: 100%;
    color: #a0a0a0;
    display: inline-block;
}

.autoroyal-sidebar-car-meta {
    position: relative;
    margin: 0;
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 1.1px;
    font-family: "Montserrat", sans-serif;
}

.autoroyal-sidebar-car-meta .car-color {
    float: left;
    border-radius: 30px;
    background: #333;
    width: 10px;
    height: 10px;
}

.autoroyal-sidebar-car-meta .car-id {
    text-transform: uppercase;
    background: #fff;
    border-radius: 4px;
    padding: 4px 9px;
    line-height: 1;
    border: solid 1px #f7f7f7;
}

.fantasy-themes-sidebar-car .widget-area {
    border-radius: 4px;
    overflow: hidden;
}

.fantasy-themes-sidebar-car .widget {
    padding: 3rem;
    background-color: #f4f4f4;
    border-radius: 4px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.autoroyal-car-check-availability,
.autoroyal-car-check-availability-alt,
.autoroyal-open-car-page {
    padding: 0 !important;
}

.autoroyal-car-check-availability a,
.autoroyal-car-check-availability-alt a,
.autoroyal-open-car-page a {
    padding: 2rem 3rem;
    background-color: #D00027;
    color: #fff;
    font-size: 1.4rem;
    line-height: 54px;
    width: 100%;
    font-weight: 500;
    display: inline-block;
    border-radius: 4px;
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.autoroyal-car-check-availability-alt a {
    background-color: #f4f4f4;
    color: #D00027;
}

.autoroyal-car-check-availability a:hover,
.autoroyal-open-car-page a:hover {
    background-color: #0C3EB8;
    color: #fff;
}

.autoroyal-car-check-availability-alt a:hover {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-car-check-availability a .fa,
.autoroyal-car-check-availability-alt a .fa,
.autoroyal-open-car-page a .fa {
    width: 54px;
    height: 54px;
    color: #D00027;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    line-height: 54px;
    margin-right: 7px;
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.autoroyal-car-check-availability-alt a .fa {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-car-check-availability a .fa-paper-plane,
.autoroyal-car-check-availability-alt a .fa-paper-plane {
    text-indent: -5px;
}

.autoroyal-car-check-availability a .fa-tachometer,
.autoroyal-car-check-availability-alt a .fa-tachometer {
    line-height: 48px;
}

.autoroyal-car-check-availability a:hover .fa {
    background-color: #fff;
    color: #0C3EB8;
    -moz-animation: bounceIn 0.3s;
    -webkit-animation: bounceIn 0.3s;
    animation: bounceIn 0.3s;
}

.autoroyal-car-check-availability-alt a:hover .fa {
    background-color: #fff;
    color: #D00027;
    -moz-animation: bounceIn 0.3s;
    -webkit-animation: bounceIn 0.3s;
    animation: bounceIn 0.3s;
}

.fantasy-themes-sidebar-car .widget-area .autoroyal-price-list {
    background-color: #FF3366;
    display: block;
    padding: 2rem 3rem;
}

#quick-view-block .fantasy-themes-sidebar-car .widget-area .autoroyal-price-list,
#quick-view-block .fantasy-themes-sidebar-car .widget,
#quick-view-block .autoroyal-car-fuel-consumption,
.autoroyal-open-car-page a {
    padding: 20px 30px;
}

#quick-view-block .autoroyal-fuel-consumption .fuel-consumption-icon span {
    width: 50px;
    height: 50px;
    margin-top: 15px;
}

#quick-view-block .autoroyal-fuel-consumption .fuel-consumption-icon span svg {
    height: 20px;
    margin-top: 15px;
}

#quick-view-block .autoroyal-fuel-consumption .fuel-consumption-unit .fuel-consumption-value {
    font-size: 20px
}

#quick-view-block .autoroyal-fuel-consumption .fuel-consumption-unit .fuel-consumption-label {
    font-size: 11px;
}

.fantasy-themes-sidebar-car .widget-area .autoroyal-price-list h2 {
    color: #fff;
    margin: 0;
}

#quick-view-block .fantasy-themes-sidebar-car .widget-area .autoroyal-price-list h2 {
    font-size: 24px;
}

.fantasy-themes-sidebar-car .widget-area .autoroyal-price-list span.price-text,
.autoroyal-price-list .autoroyal-price s {
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
}

.single-car-page .card-title.entry-title {
    margin-bottom: 15px;
    margin-top: 5px;
}

.single-car-page .entry-header .sidebar-car-meta {
    margin-bottom: 40px;
    color: #777;
}

.single-car-page .sidebar-car-meta .car-color {
    border-radius: 50%;
    top: 2px;
    width: 16px;
    height: 16px;
}

.autoroyal-car-specifications > table {
    width: 100%;
    /*table-layout: unset;*/
    background: transparent;
    border: none;
    margin-bottom: 0;
}

.fantasy-themes-sidebar-car .widget.autoroyal-car-specifications {
    padding: 2.8rem 3rem;
}

.autoroyal-car-specifications > table tr td.label {
    padding-right: 3px;
    text-transform: uppercase;
    color: #888;
    font-size: 12px;
}

.autoroyal-car-specifications > table tr td.value {
    padding-left: 3px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
}

.autoroyal-car-specifications > table tr td {
    padding: 11px 0 6px;
}

.autoroyal-car-specifications > table > tbody tr td {
    padding: 9px 0 8px;
    font-size: 12px;
    color: #888;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.03);
}

.autoroyal-car-fuel-consumption {
    padding: 2rem !important;
}

.autoroyal-fuel-consumption {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.autoroyal-fuel-consumption .fuel-consumption-unit {
    padding-top: 8px;
    float: left;
    width: 36%;
    text-align: center;
}

.autoroyal-fuel-consumption .fuel-consumption-icon {
    float: left;
    width: 28%;
    text-align: center;
    text-indent: 3px;
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .autoroyal-fuel-consumption .fuel-consumption-unit,
    .autoroyal-fuel-consumption .fuel-consumption-icon {
        width: 100%;
    }
    .autoroyal-fuel-consumption .fuel-consumption-icon {
        margin-top: 10px;
    }
    .widget.autoroyal-car-specifications > table tr td.label {
        display: none;
    }
}

.autoroyal-fuel-consumption .fuel-consumption-icon span {
    width: 70px;
    height: 70px;
    background-color: #D00027;
    border-radius: 50%;
    display: inline-block;
}

.fuel-consumption-icon svg {
    height: 26px;
    width: auto;
    margin-top: 22px;
    fill: #fff;
}

.autoroyal-fuel-consumption .fuel-consumption-unit .fuel-consumption-value {
    padding: 0 3px;
    font-size: 26px;
    font-weight: 700;
}

.autoroyal-fuel-consumption .fuel-consumption-unit .fuel-consumption-label {
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
}

.autoroyal-vehicle-content-info .nav-tabs {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .5px;
    background: #0C3EB8;
    border-radius: 4px;
    padding: 0 5px;
    padding-top: 5px;
    border: none;
}

.autoroyal-vehicle-content-info .nav-tabs .nav-item {
    margin-bottom: 0;
}

.autoroyal-vehicle-content-info .nav-tabs .nav-link {
    padding: 20px;
    padding-top: 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: none;
    color: #fff;
    position: relative;
}

.autoroyal-vehicle-content-info .nav-tabs .nav-link.active {
    color: #D00027;
    background-color: #fbfbfb;
}

.autoroyal-vehicle-content-info .tab-content {
    margin-top: 30px;
}

.fantasy-themes-sidebar-width {
    margin-bottom: 30px;
}

.autoroyal-carfax-link {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}

.autoroyal-carfax-link a {
    margin: 20px 5px;
    display: inline-block;
}

.autoroyal-vehicle-block-meta .autoroyal-carfax-link a {
    margin: 5px;
}

.listing-content ul.checked li::before {
    margin-right: 10px;
    color: #D00027;
}

.columns-content .title {
    padding-bottom: 0;
    border: none;
    text-transform: uppercase;
}

.columns-content .title .heading {
    font-size: 14px;
    letter-spacing: .7px;
    font-weight: 700;
}

.listing-content ol, 
.listing-content ul {
    color: #666;
}

.listing-content {
    border: none;
}

.cd-dealer-address ul.list-unstyled li {
    padding-left: 45px;
    color: #232628;
    position: relative;
    margin-bottom: 15px;
    line-height: 18px;
}

.cd-dealer-address ul.list-unstyled li .fa {
    position: absolute;
    top: 0;
    margin-top: 3px;
    left: 0;
    width: 30px;
    height: 30px;
    font-size: 13px;
    background-color: #D00027;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.cd-dealer-address ul.list-unstyled li span {
    width: 100%;
    float: left;
    text-transform: uppercase;
    color: #888888;
    font-size: 13px;
}

.listing-content .heading, 
.dealer-info-block .heading {
    border: none;
    padding: 0;
    color: #212529;
    margin-top: 15px;
}

.autoroyal-top-header-menu .woocommerce-Price-amount.amount {
    color: #fff;
}

.autoroyal-specifications-block {
    width: 100%;
    margin-bottom: 30px;
}

.autoroyal-specifications-title {
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 45px;
    position: relative;
}

.autoroyal-specifications-title svg {
    height: 24px;
    width: auto;
    fill: #D00027;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.autoroyal-specifications-title svg .st0 {
    fill: #D00027;
}

.autoroyal-specifications-title h4 {
    width: auto;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    margin: 0 !important;
    margin-top: 15px !important;
}

.autoroyal-specifications-block table {
    background: transparent;
    border: none;
}

.autoroyal-specifications-block table td {
    padding-left: 0;
    padding-right: 0;
    border-right: none;
}

.autoroyal-specifications-block table .autoroyal-specifications-label {
    text-transform: uppercase;
    font-size: 12px;
    color: #888;
    letter-spacing: .7px;
}

.autoroyal-car-apply-forms-block {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    text-align: left;
    padding-left: 60px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .4px;
}

#autoroyal-open-trade-in.autoroyal-car-apply-forms-block {
    margin-bottom: 0;
}

.autoroyal-car-apply-forms-block .fa {
    width: 40px;
    text-align: center;
    position: absolute;
    top: 15px;
    left: 13px;
    font-size: 24px;
}

.autoroyal-vehicle-applications-block {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

#paymentCalc .form-group label {
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
    font-size: 13px;
    color: #888;
}

#paymentCalc .form-group label span {
    color: #D00027;
}

#paymentCalc .form-group input {
    width: 100%;
    background-color: #dcdcdc;
}

.autoroyal-car-financing-calculator-container ul.form-results,
.autoroyal-car-financing-calculator-container ul.form-results li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.autoroyal-car-financing-calculator-container ul.form-results {
    background-color: #0C3EB8;
    border-radius: 4px;
    padding: 10px 0;
    margin-top: 10px;
    border: none !important;
}

.autoroyal-car-financing-calculator-container ul.form-results li {
    padding: 7px 30px;
    border: none !important;
}

.autoroyal-car-financing-calculator-container ul.form-results li span,
.autoroyal-car-financing-calculator-container ul.form-results li h4 {
    color: #fff;
}

.autoroyal-car-financing-calculator-container ul.form-results li span {
    color: #e0e0e0;
    font-size: 12px;
}

.autoroyal-car-financing-calculator-container ul.form-results li:before {
    display: none;
}

.autoroyal-car-financing-calculator > h4 {
    margin-bottom: 30px;
}

.autoroyal-car-financing-calculator > h4 > .fa {
    float: right;
    color: #b3b3b3;
}

.overlay {
    position: fixed;
    overflow-y: scroll;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.85);
    pointer-events: none;
    z-index: 9999999;
    text-align: center;
}

.cs-modal {
    position: relative;
    width: 100%;
    max-width: 860px;
    margin: 100px auto 100px;
    border-radius: 3px;
    box-shadow: 0 5px 12px rgba(15,27,39,.4);
    background: #fff;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: all .5s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .5s cubic-bezier(.2,1,.22,1);
    z-index: 9999999;
}

.cs-modal-inner {
    padding: 30px;
}

#quick-view-block.ajax_loading .cs-modal-inner {
    padding: 90px 30px;
}

.cs-modal-inner h4 {
    line-height: 1;
    margin: 0;
    margin-bottom: 20px;
}

.overlay,
.cs-modal {
    opacity: 0;
}

#quick-view-block .modal-content .close {
    position: absolute;
    z-index: 999;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    font-size: 16px;
    right: -14px;
    top: -14px;
    line-height: 26px;
    padding: 0;
    background-color: #0C3EB8;
    color: #fff;
    text-align: center;
    box-shadow: 2px 2px 0 rgba(0,0,0,.14);
    opacity: 1;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#quick-view-block .modal-content .close:hover {
    background-color: #000;
}

#quick-view-block .modal-content .close i {
    padding-left: 2px;
}

#quick-view-block .cs-modal .close {
    top: -10px;
    right: -10px;
}

#quick-view-block.ajax_loading .cs-modal .close {
    display: none;
}

.overlay.open {
    opacity: 1;
    pointer-events: auto;
}

.open .cs-modal {
    opacity: 1;
    display: inline-block;
    -webkit-transform: none;
    transform: none;
}

.cs-modal-header {
    width: 100%;
    text-align: left;
    padding: 25px;
    color: #fff;
    background-color: #d00027;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

.cs-modal-header h4 {
    margin: 0;
    display: inline-block;
}

.cs-modal-header h4 .fa {
    margin-right: 10px;
}

#select-car-model select {
    margin-bottom: 0 !important;
}

#check-availability-response,
#pre-qualify-response,
#financial-application-response,
#test-drive-response,
#trade-in-response,
#reservation-modal-form {
    display: none;
}

#check-availability-response h5,
#pre-qualify-response h5,
#financial-application-response h5,
#test-drive-response h5,
#trade-in-response h5,
#reservation-modal-form h5 {
    line-height: 2;
}

#check-availability .cs-modal-inner,
#pre-qualify .cs-modal-inner,
#financial-application .cs-modal-inner,
#test-drive .cs-modal-inner,
#trade-in .cs-modal-inner,
#reservation-modal .cs-modal-inner {
    text-align: left;
}

.overlay .cs-modal-inner p.small-text {
    margin-bottom: 0;
    margin-top: 20px;
}

.small-text {
    font-size: 12px;
    color: #888;
}

#check-availability-form .btn,
#autoroyal_pre_qualify_me,
#autoroyal_submit_application_form,
#autoroyal_request_test_drive_ajax,
#autoroyal_submit_tradein_ajax {
    width: 100%;
    margin-bottom: 8px;
}

#check-availability label.error {
    margin-bottom: -16px !important;
}

.check-availability-loading,
.pre-qualify-loading,
.financial-application-loading,
.test-drive-loading,
.trade-in-loading,
.quick-view-block-loading {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 999;
    display: none;
}

#quick-view-block.ajax_loading .quick-view-block-loading {
    display: block;
}

.check-availability-loading .fa,
.pre-qualify-loading .fa,
.financial-application-loading .fa,
.test-drive-loading .fa,
.trade-in-loading .fa,
.quick-view-block-loading .fa {
    position: absolute;
    text-align: center;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    font-size: 48px;
    left: 0;
    color: #fff;
}

.options_group_heading {
    font-size: 24px;
    margin-bottom: 20px;
}

#autoroyal_pre_qualify_me .fa,
#autoroyal_submit_application_form .fa,
#autoroyal_request_test_drive_ajax .fa,
#autoroyal_submit_tradein_ajax .fa {
    font-size: 16px;
    display: none;
}

.autoroyal-inventory-ajax .autoroyal-filter-button,
.autoroyal-inventory-ajax-filter .autoroyal-filter-button,
.autoroyal-inventory-flash .autoroyal-filter-button,
.autoroyal-inventory-flash-filter .autoroyal-filter-button {
    display: none;
}

.autoroyal-filter-reset-button {
    width: 100%;
    display: none;
}

.autoroyal-inventory-ajax .autoroyal-filter-reset-button,
.autoroyal-inventory-ajax-filter .autoroyal-filter-reset-button,
.autoroyal-inventory-flash .autoroyal-filter-reset-button,
.autoroyal-inventory-flash-filter .autoroyal-filter-reset-button {
    display: inline-block;
}

.autoroyal-invetory-list-view .autoroyal-vehicle-grid-block,
.autoroyal-invetory-grid-view .autoroyal-vehicle-list-block {
    display: none;
}

.autoroyal-invetory-list-view .autoroyal-vehicle-list-block,
.autoroyal-invetory-grid-view .autoroyal-vehicle-grid-block {
    display: inline-block;
}

#cd-item-slider .carousel-indicators .thumbnail{
    position: relative;
    width: calc(20% - 20px);
    height: 90px;
    background-size: cover;
    background-position: center;
    border: none;
    border-radius: 4px;
    float: left;
    margin: 0 20px 20px 0 !important;
    overflow: hidden;
        transition: all .3s ease-in;
}

.dealer-info-block {
    padding: 30px;
    -webkit-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    -ms-box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    box-shadow: 0px 0px 90px -15px rgba(41, 44, 28, 0.085);
    background-color: #fff;
    margin-top: 30px;
    border: none;
}

.quicktags-toolbar input[type="button"] {
    background: transparent !important;
}

.user-filter-title {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px;
}

.autoroyal-homepage-search-box {
    float: left;
    width: 100%;
    box-shadow: 0 0 90px -15px rgba(78, 82, 99, 0.2);
}

.autoroyal-homepage-search-box.autoroyal-homepage-search-box-rent .autoroyal-homepage-filter-button svg {
    fill: #fff;
    height: 24px;
    margin: 34px;
    position: relative;
}

.autoroyal-homepage-search-box .row .padding-30 {
    padding: 30px 20px;
}

.autoroyal-homepage-search-box .row .right-separator {
    position: relative;
}

.autoroyal-homepage-search-box input,
.autoroyal-homepage-search-box .form-group {
    margin-bottom: 0 !important;
}

.autoroyal-homepage-search-box #autoroyal-advance-search-form .bootstrap-select .btn,
.bootstrap-select {
    margin-bottom: 0 !important;
    max-width: 100%;
    display: block;
    min-width: auto;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    display: block;
}

.dropdown-toggle::after {
    display: inline-block !important;
}

.bootstrap-select.bs-container .dropdown-menu {
    z-index: 999999999;
}

.autoroyal-homepage-search-box .title,
.autoroyal-homepage-search-box .title #price_up,
.control-label,
#autoroyal-advance-search-form .title,
#autoroyal-advance-search-form .title #price_up,
.autoroyal-listing-sort-item > span .title {
    color: #a0a0a0;
    font-size: 14px;
    line-height: 16px;
    user-select: none;
}

.autoroyal-listing-sort-item > span .title {
    margin-bottom: 0;
}

.autoroyal-homepage-search-box .autoroyal-homepage-filter-button {
    border-radius: 0;
    border: none;
    margin: 0;
    width: 100%;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 500 !important;
    letter-spacing: 1px;
    padding: 18px 20px;
    position: relative;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
    background-color: #FF3366;
    color: #fff;
}

.autoroyal-homepage-search-box.autoroyal-homepage-search-box-rent .autoroyal-homepage-filter-button {
    padding-top: 27px;
    margin-top: 1px !important;
    padding-bottom: 27px;
}

.autoroyal-homepage-search-box .autoroyal-homepage-filter-button:hover {
    background-color: #de2c59;
}

.autoroyal-homepage-search-box form#autoroyal-advance-search-form {
    position: relative;
    width: 100%;
}

.search-form-wrapper {
    border-radius: 4px;
    background-color: #fff;
    z-index: 999;
    position: relative;
    padding: 40px 60px;
}

.autoroyal-horizontal-filter-wrapper .autoroyal-homepage-search-box {
    margin-bottom: 30px;
    margin-top: -70px !important;
    background: transparent;
}

.autoroyal-horizontal-filter-wrapper .autoroyal-homepage-search-box form#autoroyal-advance-search-form {
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.autoroyal-horizontal-filter-wrapper .autoroyal-homepage-search-box form#autoroyal-advance-search-form .horizontal-autoroyal-filter-button {
    padding: 0;
}

.autoroyal-horizontal-filter-wrapper .autoroyal-homepage-search-box form#autoroyal-advance-search-form .autoroyal-filter-button,
.autoroyal-horizontal-filter-wrapper .autoroyal-homepage-search-box form#autoroyal-advance-search-form .autoroyal-filter-reset-button {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.autoroyal-homepage-search-box #autoroyal-advance-search-form {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    z-index: 98;
}

.autoroyal-homepage-search-box #autoroyal-advance-search-form .autoroyal-filter-advanced-fields {
    background-color: #fff;
    padding: 40px 60px;
    padding-bottom: 30px;
    border-top: solid 1px #edeff1;
    position: absolute;
    width: 100%;
    z-index: 99;
    border-radius: 4px;
    box-shadow: 0 60px 90px -15px rgba(78, 82, 99, 0.2);
    -ms-transform: rotateY(-90deg);
    -webkit-transform: rotateY(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    transition: all .3s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .3s cubic-bezier(.2,1,.22,1);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform-origin: 0% 0px;    
    -moz-transform-origin: 0% 0px;      
    -o-transform-origin: 0% 0px;    
    -ms-transform-origin: 0% 0px;     
    transform-origin: 0% 0px;
}

.autoroyal-homepage-search-box #autoroyal-advance-search-form.open .autoroyal-filter-advanced-fields {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.autoroyal-homepage-search-box .autoroyal-filter-advanced-fields .form-group {
    margin-bottom: 30px;
}

.autoroyal-homepage-search-box .autoroyal-filter-advanced-fields .aside-blk.colors {
    padding-top: 0;
}

.autoroyal-homepage-search-box .autoroyal-filter-advanced-fields .aside-blk.colors label {
    margin-bottom: 16px;
    color: #a0a0a0;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
}

.autoroyal-overflow-visible {
    overflow: visible !important;
}

.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
    /*display: none;*/
}

.dropdown-menu>li>a {
    padding: 10px !important;
}

.autoroyal-homepage-search-box #priceUpRange2 {
    width: 100%;
    background: transparent;
    border: none;
    height: 3px;
}

.autoroyal-homepage-search-box .range-holder,
#autoroyal-advance-search-form .range-holder {
    margin-top: 20px;
    margin-bottom: 18px;
}

.autoroyal-entry-title-wrapper {
    display: inline-block;
    width: 100%;
}

.autoroyal-entry-title {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9;
}

.autoroyal-locations-map .autoroyal-entry-title {
    margin: 120px 0;
}

.autoroyal-entry-title h5 {
    font-size: 20px;
    color: #696969;
    position: relative;
    z-index: 999;
}

.autoroyal-entry-title h3 {
    font-weight: normal;
    font-size: 48px;
    margin-bottom: 20px !important;
    line-height: 56px;
    font-weight: bold;
    position: relative;
    z-index: 999;
}

.autoroyal-entry-title.autoroyal-entry-title-align-center h3,
.autoroyal-entry-title.autoroyal-entry-title-align-center h3 span {
    margin: 0 auto;
}

.autoroyal-entry-title h3 span {
    font-weight: 600;
    font-weight: bold;
    max-width: 520px;
}

.autoroyal-entry-title .autoroyal-entry-title-letter-bg {
    position: absolute;
    top: 28px;
    left: 0;
    transform: translate(-50%, -50%);
    font-size: 180px;
    font-weight: bold;
    color: rgba(255,255,255,0.2);
    z-index: 1;
}

.autoroyal-entry-title.autoroyal-entry-title-align-center {
    text-align: center;
}

.autoroyal-entry-title.autoroyal-entry-title-align-center .autoroyal-entry-title-letter-bg {
    left: 50%;
    transform: translate(-50%, -45%);
}

.autoroyal-entry-title.autoroyal-entry-title-align-right {
    text-align: right;
}

.autoroyal-entry-title.autoroyal-entry-title-align-right .autoroyal-entry-title-letter-bg {
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}

a#autoroyal-advanced-options {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 40px;
    color: #999;
}

a#autoroyal-advanced-options:hover {
    color: #aa0020;
}

a#autoroyal-advanced-options .material-icons {
    font-size: 24px !important;
    line-height: 1;
}

/* -------------------------------------------------------------------------------- */
/*  31. Icon Boxes
/* -------------------------------------------------------------------------------- */
.autoroyal-icon-box,
.autoroyal-icon-box-content,
.autoroyal-icon-box-icon {
    display: block;
    text-align: left;
    width: 100%;
}

.autoroyal-icon-box {
    margin-bottom: 30px;
}

.autoroyal-icon-box-centered-alt-2.autoroyal-icon-box-style-boxed {
    margin-bottom: 60px;
}

.autoroyal-icon-box-icon {
    line-height: 64px;
    font-size: 64px;
    margin-bottom: 30px;
    color: #D00027;
}

.autoroyal-icon-box-content {
    color: #737373;
    font-size: 16px;
    line-height: 24px;
}

.autoroyal-icon-box-style-boxed .autoroyal-icon-box-icon,
.autoroyal-icon-box-style-boxed .autoroyal-icon-box-content {
    padding: 0;
}

.autoroyal-icon-box-content h4 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}

.autoroyal-icon-box-content h4 i {
    margin-right: 5px;
    font-size: 80%;
}

.autoroyal-icon-box-content p {
    color: #5f5f5f;
}

.autoroyal-section-title {
    position: relative;
    text-align: center;
    margin-bottom: 0px !important;
}

.autoroyal-section-title:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 200px;
}

.autoroyal-icon-box-centered,
.autoroyal-icon-box-centered .autoroyal-icon-box-content,
.autoroyal-icon-box-centered .autoroyal-icon-box-icon,
.autoroyal-icon-box-centered .autoroyal-icon-box-content h4,
.autoroyal-icon-box-centered .autoroyal-icon-box-content p {
    text-align: center !important;
}

.autoroyal-icon-box-centered-alt.center,
.autoroyal-icon-box-centered-alt.center .autoroyal-icon-box-content,
.autoroyal-icon-box-centered-alt.center .autoroyal-icon-box-icon,
.autoroyal-icon-box-centered-alt.center .autoroyal-icon-box-content h4 {
    text-align: center !important;
}

.autoroyal-icon-box-centered-alt.right,
.autoroyal-icon-box-centered-alt.right .autoroyal-icon-box-content,
.autoroyal-icon-box-centered-alt.right .autoroyal-icon-box-icon,
.autoroyal-icon-box-centered-alt.right .autoroyal-icon-box-content h4 {
    text-align: right !important;
    margin-left: auto;
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-content {
    max-width: 320px;
}

.autoroyal-icon-box-centered-alt.center .autoroyal-icon-box-content {
    margin: 0 auto;
}

.autoroyal-icon-box-centered-alt.autoroyal-icon-box-style-boxed {
    margin-top: 36px;
    overflow: visible;
}

.autoroyal-icon-box-centered-alt.autoroyal-icon-box-style-boxed .autoroyal-icon-box-icon {
    margin-top: -81px;
}

.autoroyal-icon-box-centered-alt-2.autoroyal-icon-box-style-boxed {
    margin-top: 36px;
    overflow: visible;
    border-radius: 6px;
}

.autoroyal-icon-box-centered-alt-2.autoroyal-icon-box-style-boxed .autoroyal-icon-box-icon {
    margin-top: -81px;
}

.autoroyal-icon-box-icon img {
    max-height: 140px;
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon i {
    display: inline-block;
    line-height: 36px;
    font-size: 36px;
    color: #2C425D;
    overflow: hidden;
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-circle i,
.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_1 i,
.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_2 i,
.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_3 i,
.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_4 i {
    width: 84px;
    height: 84px;
    padding: 24px;
    background-color: #F0F7FF;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.nav .nav-item.icon-bg-circle i,
.nav .nav-item.icon-bg-shape_1 i,
.nav .nav-item.icon-bg-shape_2 i,
.nav .nav-item.icon-bg-shape_3 i,
.nav .nav-item.icon-bg-shape_4 i {
    width: 50px;
    height: 50px;
    padding: 5px;
    line-height: 40px;
    color: #2C425D;
    margin-right: 10px;
    background-color: #F0F7FF;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-circle i,
.nav .nav-item.icon-bg-circle i {
    border-radius: 100px;
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_1 i,
.nav .nav-item.icon-bg-shape_1 i {
    background-color: transparent;
    background-image: url(../images/icon-bg-shape-1.svg);
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_2 i,
.nav .nav-item.icon-bg-shape_2 i {
    background-color: transparent;
    background-image: url(../images/icon-bg-shape-2.svg);
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_3 i,
.nav .nav-item.icon-bg-shape_3 i {
    background-color: transparent;
    background-image: url(../images/icon-bg-shape-3.svg);
}

.autoroyal-icon-box-centered-alt .autoroyal-icon-box-icon.icon-bg-shape_4 i,
.nav .nav-item.icon-bg-shape_4 i {
    background-color: transparent;
    background-image: url(../images/icon-bg-shape-4.svg);
}

.autoroyal-card {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f0f7ff;
    border-radius: 6px;
    padding: 2rem;
    padding: 32px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.autoroyal-card:hover {
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
    box-shadow: 0 6px 20px 0 rgba(0,0,0,.06);
}

.autoroyal-icon-box-centered-alt-2 .autoroyal-icon-box-icon i {
    width: 120px;
    height: 120px;
    display: inline-block;
    padding: 30px;
    line-height: 36px;
    font-size: 36px;
    background-color: #faa529;
    border: solid 12px #fad536;
    box-shadow: 4px 2px 0 rgba(0,0,0,.1);
    color: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 100px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.autoroyal-icon-box-centered-alt-2 i:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 9px 7px 0 rgba(0,0,0,.1);
}

.autoroyal-icon-box-style-boxed {
    position: relative;
    overflow: hidden;
    padding: 2.4375em;
    padding-top: 3.7em;
    background-color: #ffffff;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.location-card.autoroyal-icon-box-style-boxed {
    padding: 3.7em 2.4375em;
}

.location-card.autoroyal-icon-box-style-boxed:hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.location-card-style-2 {
    display: block;
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 2.4375em;
    margin-bottom: 30px;
}

.location-card-style-2 .autoroyal-location-block {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.location-card-style-2 h4 {
    margin-bottom: 30px;
}

.location-card.autoroyal-icon-box-style-boxed h4 {
    margin-bottom: 30px;
    margin-top: 12px;
    font-size: 1.5rem;
    color: #212529;
    text-transform: uppercase;
}

.location-card.autoroyal-icon-box-style-boxed .autoroyal-location-block {
    padding-left: 0;
    margin: 0;
    margin-bottom: 20px;
}

.locations-map {
    height: 400px; 
    width: 100%; 
    position: relative; 
    overflow: hidden;
}

.autoroyal-location-big {
    position: relative;
    width: 100%;
    float: left;
}

.autoroyal-location-big .location-card {
    width: calc(50% - 140px);
    float: right;
    margin: 120px 60px;
    position: relative;
    z-index: 1;
}

.autoroyal-location-big .location-big-map {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 100% !important;
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg-style-2 {
    background-color: rgba(255,255,255,.3);
}

.autoroyal-icon-box-style-boxed:hover {
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    z-index: 9;
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg {
    border-radius: 6px;
    overflow: visible;
    position: relative;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 6px;
    background: #0C3EB8;
    background: -moz-linear-gradient(125deg, #0C3EB8 0%, #D00027 100%);
    background: -webkit-linear-gradient(125deg,#0C3EB8 0,#D00027 100%);
    background: linear-gradient(125deg,#0C3EB8,#D00027);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    opacity: 0;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    z-index: -1;
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover:before {
    opacity: 1;
    /*box-shadow: 0 30px 90px rgba(255,79,15,.33);*/
    box-shadow: 0 30px 90px rgba(0,0,0,.33);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg-style-2:hover {
    background-color: #D00027;
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover h4,
.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover p,
.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover i {
    color: #fff !important;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg-style-2:hover h4,
.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg-style-2:hover p,
.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg-style-2:hover i {
    color: #fff !important;
    -webkit-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -moz-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -ms-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    -o-transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
    transition: all 0.45s cubic-bezier(0.25, 1, 0.2, 1);
}

.autoroyal-icon-box-centered-alt-2.autoroyal-icon-box-style-boxed-colored-bg:hover i {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 9px 7px 0 rgba(0,0,0,.1);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover p {
    opacity: .8;
}

.autoroyal-icon-box-side {
    float: left;
}

.autoroyal-icon-box-side .autoroyal-icon-box-icon {
    float: left;
    margin-right: 20px;
    font-size: 48px;
    line-height: 48px;
    width: 48px;
}

.autoroyal-icon-box-side .autoroyal-icon-box-content {
    float: left;
    max-width: 76%;
    max-width: -webkit-calc(100% - 78px);
    max-width: calc(100% - 78px);
}

.autoroyal-bg-img-bottom {
    background-position: center bottom;
}

/*//////////////////////////// 
/ 29 Flip Blocks
///////////////////////////*/
.autoroyal-flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;

    margin-bottom: 30px;
}

.flip-box-front {
    background-color: rgb(10, 10, 10);
    min-height: 400px;
    height: auto;
    text-align: center;
    color: #fff;

    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;

    background-size: cover;
    background-position: center;
    -ms-transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-front:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    opacity: 0.4;
    background-color: inherit;
    backface-visibility: hidden;
}

.flip-box-front:before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background: transparent;
    backface-visibility: hidden;
    opacity: .33;
    backface-visibility: hidden;
    box-shadow: 0 30px 90px rgba(0,0,0,.1);
}

.flip-box-front .inner {
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;

    position: absolute;
    left: 0;
    width: 100%;
    padding: 2.4375em;
    padding-top: 3.7em;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
}

.flip-box-front .inner h3,
.flip-box-front .inner h5,
.flip-box-front .inner .autoroyal-icon-box-icon,
.flip-box-front .inner .autoroyal-icon-box-content,
.flip-box-back .inner p,
.flip-box-back .inner .autoroyal-icon-box-icon,
.flip-box-back .inner .autoroyal-icon-box-content {
    text-align: center;
    color: #fff;
}

.flip-box-front .inner .autoroyal-icon-box-content {
    padding: 0;
}

.flip-box-front .inner h3 {
    margin-bottom: 10px;
}

.flip-box-front .inner h5 {
    margin-bottom: 0;
}

.flip-box-back {
    background-color: rgb(18, 57, 255);
    min-height: 400px;
    height: auto;

    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    background-size: cover;
    background-position: center;
    -ms-transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: transform 0.5s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-box-back:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ' ';
    display: block;
    background: transparent;
    opacity: .16;
    backface-visibility: hidden;
    box-shadow: 0 30px 90px rgba(0,0,0,.1);
}

.flip-box-back .inner {
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
    -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
    top: 50%;

    position: absolute;
    left: 0;
    width: 100%;
    padding: 60px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;

    font-size: 16px;
    line-height: 1.6;
    text-align: center;
    color: #fff;
}

.autoroyal-flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.autoroyal-flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.autoroyal-latest-vehicles {
    display: inline-block;
    float: left;
    width: 100%;
}

.autoroyal-latest-vehicles .owl-carousel .owl-stage-outer {
    /*width: 200%;*/
}

.autoroyal-latest-vehicles-style2 {
    background-color: #000;
}

.autoroyal-latest-vehicles-style2 .autoroyal-vehicle-block-meta-price {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 20px !important;
}

.autoroyal-latest-vehicles-style2 .autoroyal-vehicle-block-image-wrapper a.autoroyal-vehicle-block-image-gallery {
    left: 60px;
    top: 60px;
    font-size: 20px;
    line-height: 40px;
    height: auto;
    min-width: 60px;
}

.autoroyal-latest-vehicles .owl-nav,
.autoroyal-carousel-view-all ,
.autoroyal-latest-vehicles-style2 .owl-nav,
.locations-carousel .owl-nav {
    width: auto;
    display: inline-block;
    margin-top: 30px;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
}

.autoroyal-carousel-view-all {
    color: #212529;
    float: right;
}

.autoroyal-carousel-view-all:hover {
    color: #212529;
    opacity: .6;
}

.autoroyal-carousel-view-all .material-icons {
    margin-left: 20px;
    vertical-align: bottom;
    line-height: 22px;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-carousel-view-all:hover .material-icons {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}

.autoroyal-carousel-view-all.hidden {
    display: none;
}

.autoroyal-latest-vehicles .owl-nav .owl-prev,
.autoroyal-latest-vehicles .owl-nav .owl-next,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-next,
.locations-carousel .owl-nav .owl-prev,
.locations-carousel .owl-nav .owl-next {
    display: inline-block;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
    opacity: 1;
    position: relative;
}

.autoroyal-latest-vehicles .owl-nav .owl-prev:hover,
.autoroyal-latest-vehicles .owl-nav .owl-next:hover,
.autoroyal-latest-vehicles .owl-nav .owl-prev.disabled,
.autoroyal-latest-vehicles .owl-nav .owl-next.disabled,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev:hover,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-next:hover,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev.disabled,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-next.disabled,
.locations-carousel .owl-nav .owl-prev:hover,
.locations-carousel .owl-nav .owl-next:hover,
.locations-carousel .owl-nav .owl-prev.disabled,
.locations-carousel .owl-nav .owl-next.disabled {
    opacity: .6;
}

.autoroyal-latest-vehicles .owl-nav .owl-prev.disabled,
.autoroyal-latest-vehicles .owl-nav .owl-next.disabled,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev.disabled,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-next.disabled,
.locations-carousel .owl-nav .owl-prev.disabled,
.locations-carousel .owl-nav .owl-next.disabled {
    cursor: initial;
}

.autoroyal-latest-vehicles .owl-nav .owl-prev,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev,
.locations-carousel .owl-nav .owl-prev {
    margin-right: 60px;
}

.autoroyal-latest-vehicles .owl-nav .owl-prev:before,
.autoroyal-latest-vehicles-style2 .owl-nav .owl-prev:before,
.locations-carousel .owl-nav .owl-prev:before {
    content: "";
    position: absolute;
    top: 9px;
    right: -40px;
    width: 20px;
    height: 1px;
    background-color: #848484;
}

.autoroyal-latest-vehicles-style2 .owl-nav {
    position: absolute;
    bottom: 90px;
    right: 50%;
    color: #fff;
    transform: translateX(255px);
}

.autoroyal-search-by-make,
.autoroyal-search-by-price {
    float: left;
    width: 100%;
}

.tab-style-1 .autoroyal-search-by-make,
.tab-style-1 .autoroyal-search-by-price {
    float: left;
    width: 100%;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f0f7ff;
    padding: 30px 60px;
    border-radius: 4px;
    /*box-shadow: 3px 3px 10px 0 rgba(0,0,0,.03);*/
    margin-bottom: 30px;
}

.tab-wrapper {
    overflow: hidden;
}

.tab-wrapper .tab-content {
    padding: 60px;
}

.autoroyal-search-by-make a span.line {
    position: relative;
    width: 60px;
    display: inline-block;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-search-by-make a:hover span.line {
    width: 70px;
}

.autoroyal-latest-vehicles.autoroyal-vehicles-for-rent .autoroyal-rent-subtitle {
    margin-bottom: 20px;
}

.autoroyal-latest-vehicles.autoroyal-vehicles-for-rent .autoroyal-block-style-1 .autoroyal-vehicle-block-meta {
    padding: 30px;
    padding-bottom: 35px;
}

.autoroyal-search-by-make a,
.autoroyal-search-by-price a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 0;
    width: 100%;
    color: #232323;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.ft-mega-menu .autoroyal-search-by-make a,
.ft-mega-menu .autoroyal-search-by-price a {
    font-size: 14px;
    padding: 3px 0;
    line-height: 32px;
}

.autoroyal-search-by-make a:hover,
.autoroyal-search-by-price a:hover {
    color: #D00027;
    margin-left: 3px;
}

.autoroyal-search-by-make a span.line:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 20px;
    width: 20px;
    height: 1px;
    background-color: #edeff1;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-search-by-make a:hover span.line:before {
    width: 30px;
}

.vehicles-style2-carousel .autoroyal-vehicle-block {
    border-radius: 0;
    background-color: #ffffff;
    margin: 0;
}

.vehicles-style2-carousel .autoroyal-vehicle-block-meta {
    float: right;
    width: 50%;
    background-color: rgba(255,255,255,.8);
    background-color: rgba(46, 0, 105, .8);
    padding-top: 120px;
    padding-left: 120px;
    padding-right: 90px;
    padding-bottom: 190px;
    z-index: 999;
    position: relative;
    overflow: hidden;
}

.vehicles-style2-carousel .autoroyal-vehicle-block-meta .autoroyal-vehicle-block-meta-inner {
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
    transform: translateX(20%);
    opacity: 0;
    display: inline-block;
    width: 100%;
    float: left;
}

.vehicles-style2-carousel .owl-item.active .autoroyal-vehicle-block-meta .autoroyal-vehicle-block-meta-inner {
    transform: translateX(0);
    opacity: 1;
}

.vehicles-style2-carousel .autoroyal-vehicle-block .heading {
    color: #ffffff;
    left: -200px;
    left: 0;
    position: relative;
    font-size: 64px;
    letter-spacing: 1px;
    line-height: 72px;
    width: calc(100% + 200px);
    width: 100%;
    margin-bottom: 50px;
}

.vehicles-style2-carousel .autoroyal-vehicle-block .heading span {
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.vehicles-style2-carousel .autoroyal-vehicle-block .heading:hover,
.vehicles-style2-carousel .autoroyal-vehicle-block .heading:hover span {
    color: #D00027;
}

.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper {
    width: 100%;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper .autoroyal-vehicle-block-thumbnail, 
.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper .autoroyal-vehicle-block-no-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
}

.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper:hover a.autoroyal-vehicle-block-no-thumbnail, 
.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper:hover a.autoroyal-vehicle-block-thumbnail {
    transform: scale(1);
}

.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper:hover a.autoroyal-vehicle-block-thumbnail:before, 
.vehicles-style2-carousel .autoroyal-vehicle-block-image-wrapper:hover a.autoroyal-vehicle-block-no-thumbnail:before {
    opacity: .3;
}

.vehicles-style2-carousel .autoroyal-vehicle-block .heading .productYear {
    color: #bdbdbd;
    width: 100%;
    display: inline-block;
}

.autoroyal-meta-2-specs,
.autoroyal-meta-2-specs li {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #fff;
    font-size: 20px;
}

.autoroyal-meta-2-specs li {
    margin: 10px 0;
}

.autoroyal-meta-2-specs li svg {
    height: 20px;
    margin-top: 5px;
    margin-right: 10px;
    line-height: 20px;
    width: 30px;
    fill: #bdbdbd;
    float: left;
}

.autoroyal-meta-2 {
    float: left;
    width: 100%;
}

.autoroyal-button-container {
    display: inline-block;
    text-align: center;
}

.vehicles-style2-carousel .autoroyal-check-availability,
.autoroyal-button {
    padding: 14px 20px !important;
    color: #fff;
    background-color: #D00027;
    border-radius: 4px !important;
    float: left;
    font-size: 14px !important;
    line-height: 16px ! important;
    font-weight: 700 !important;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}

.autoroyal-button.autoroyal-button-size-small {
    padding: 5px 15px !important;
    font-size: 12px !important;
    line-height: 14px !important;
}

.autoroyal-button.autoroyal-button-size-small .fa {
    width: 34px;
    height: 34px;
    line-height: 34px !important;
}

.autoroyal-button.autoroyal-button-size-small.button-icon-right .fa,
.autoroyal-button.autoroyal-button-size-small.button-icon-right i {
    margin-right: -12px !important;
    margin-top: -8px !important;
    float: right;
}

.autoroyal-button.autoroyal-button-size-small.button-icon-left .fa,
.autoroyal-button.autoroyal-button-size-small.button-icon-left i {
    margin-left: -12px !important;
    margin-top: -8px !important;
    float: left;
}

.autoroyal-button.autoroyal-button-align-center {
    float: none;
}

.autoroyal-button.autoroyal-button-align-right {
    float: right;
}

.vehicles-style2-carousel .autoroyal-check-availability {
     margin-top: 30px;
}

.vehicles-style2-carousel .autoroyal-check-availability:hover,
.autoroyal-button:hover {
    background-color: #aa0020;
    color: #fff;
}

.button-icon-right i {
    margin-left: 10px;
}

.button-icon-left i {
    margin-right: 10px;
}

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

.autoroyal-grid-view-all {
    font-size: 20px;
    line-height: 32px;
    padding: 20px 30px;
    color: #fff;
    background-color: #D00027;
    border-radius: 100px;
    font-weight: 500;
    display: inline-block;
    margin-top: 60px;
}

.autoroyal-grid-view-all .fa {
    float: right;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    color: #D00027;
    text-align: center;
    line-height: 44px;
    margin-top: -6px;
    margin-right: -15px;
    margin-bottom: -10px;
    margin-left: 15px;
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.autoroyal-grid-view-all:hover {
    background-color: #aa0020;
    color: #fff;
}

.autoroyal-grid-view-all:hover .fa {
    background-color: #fff;
    color: #0C3EB8;
    -moz-animation: bounceIn 0.3s;
    -webkit-animation: bounceIn 0.3s;
    animation: bounceIn 0.3s;
}

/****
/  Tabs
****/

body.autoroyal.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
    text-align: center;
    margin: 0;
    margin-bottom: 90px;
}

body.autoroyal.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    position: relative;
    margin: 0 15px;
}

body.autoroyal.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab a:before,
body.autoroyal.wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab a:after {
    display: none !important;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
    border: none;
    background: transparent;
    font-size: 18px;
    line-height: 32px;
    padding: 20px 30px;
    color: #D00027;
    border-radius: 100px !important;
    background-color: #fff;
    font-weight: 500;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a .fa {
    float: left;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: inline-block;
    background-color: #0C3EB8;
    color: #fff;
    text-align: center;
    line-height: 44px;
    margin-top: -6px;
    margin-left: -15px;
    margin-bottom: -10px;
    -webkit-transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    transition: all 0.9s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover .fa {
    -moz-animation: bounceIn 0.3s;
    -webkit-animation: bounceIn 0.3s;
    animation: bounceIn 0.3s;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a .fa {
    background-color: #fff;
    color: #D00027;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover,
body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    color: #ffffff;
    background-color: #D00027;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background: transparent;
    border: none;
}

body.autoroyal.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    padding: 0;
    border-radius: 0;
}

.autoroyal-search-by-make-bg {
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    background-color: #dbe9ef;
    background-image: url("../images/search-by-make-bg.svg");
}

.autoroyal-location-card {
    width: 100%;
    float: left;
    margin-bottom: 30px;
    padding: 40px;
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-location-card:hover {
    box-shadow: 0 0px 20px rgba(78, 82, 99, 0.05);
}

.autoroyal-location-name {
    margin-bottom: 0;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px;
}

.autoroyal-location-block {
    position: relative;
    padding-left: 50px;
    display: inline-block;
    width: 100%;
    float: left;
    margin: 20px 0;
}

.autoroyal-location-block .fa,
.autoroyal-location-block svg {
    position: absolute;
    top: 0;
    left: 0;
    color: #D00027;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 30px;
    margin-top: 2px;
}

.autoroyal-location-block .fa {
    display: none;
}

.autoroyal-location-block svg {
    fill: #D00027;
    height: 30px;
    width: auto;
    margin-top: 3px;
}

.autoroyal-location-block .fa-envelope-open {
    font-size: 24px;
}

.autoroyal-location-block .address .heading-font {
    color: #232323;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

.autoroyal-location-block .address .heading-font a {
    color: #232323;
}

.autoroyal-location-block .address .heading-font a:hover {
    color: #D00027;
}

.autoroyal-location-block .address .heading-font.first-line {
    color: #8c8c8c;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    letter-spacing: .5px;
}

.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row {
    margin: 0;
    border-left: solid 1px #edeff1;
    border-top: solid 1px #edeff1;
}

.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-12,
.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-6,
.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-4 {
    padding: 0;
    z-index: 1;
    border-right: solid 1px #edeff1;
    border-bottom: solid 1px #edeff1;
}

.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .autoroyal-location-card {
    border-radius: 0;
    margin: 0;
}

.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .autoroyal-location-card:hover {
    box-shadow: 0 0px 50px rgba(78, 82, 99, .15);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-12:hover,
.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-6:hover,
.autoroyal-locations-style_2 .autoroyal-locations-cards-holder .row .col-md-4:hover {
    z-index: 2;
}

.autoroyal-locations-top-map-holder {
    margin-top: 60px;
    margin-bottom: 60px;
}

#locations-map {
    min-height: 440px;
    width: 100%;
    float: left;
}

.marker-holder {
    width: 300px;
    height: 270px;
    padding: 10px;
    display: block;
    position: relative;
}

.marker-content {
    width: 270px;
    height: 250px;
    position: relative;
    float: left;
}

.marker-vehicle-holder .marker-content {
    width: 278px;
    height: 250px;
    position: relative;
    float: left;
    margin-left: 1px;
    border-radius: 6px;
    overflow: hidden;
}

.marker-vehicle-holder .marker-listing-image {
    height: 120px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.marker-vehicle-holder .marker-listing-image a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.marker-vehicle-holder .marker-content .marker-listing-title {
    margin: 0;
    padding: 10px 20px;
    padding-top: 18px;
    padding-bottom: 5px;
    border: none;
    text-align: center;
}

.marker-vehicle-holder .marker-content .marker-price {
    padding: 10px 20px;
    padding-top: 0;
    width: 100%;
    display: inline-block;
    color: #0C3EB8;
    line-height: 1;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.marker-vehicle-holder .marker-content .marker-listing-title span {
    color: #a0a0a0;
}

.marker-content .marker-listing-title {
    padding: 15px 20px;
    width: 100%;
    display: inline-block;
    color: #0C3EB8;
    line-height: 1.5em;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    border-bottom: solid 1px #f1f1f1;
    text-transform: uppercase;
}

.marker-content .marker-listing-data {
    padding: 15px 20px;
    text-align: left;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    display: inline-block;
    color: #484848;
    line-height: 20px;
    overflow: hidden;
    font-size: 14px;
}

.marker-content .marker-listing-data a {
    padding-left: 25px;
    position: relative;
    float: left;
    width: 100%;
    color: #232323;
}

.marker-content .marker-listing-data a:hover {
    color: #D00027;
}

.marker-content .marker-listing-data .fa {
    position: absolute;
    top: 3px;
    left: 0;
    width: 25px;
    color: #D00027;
}

/* -------------------------------------------------------------------------------- */
/*  34. autoroyal Box
/* -------------------------------------------------------------------------------- */
.autoroyal-price-box {
    width: 100%;
    padding: 50px;
    background-color: #fff;
    position: relative;
    float: left;
    text-align: left;
    background-size: cover;
    background-position: center center;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.autoroyal-price-box.featured-autoroyal-price-box {
    border: solid 10px #D00027;
    margin-top: -10px;
}

.autoroyal-price-box:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    z-index: 9;
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}

.autoroyal-price-box .autoroyal-price-box-icon,
.autoroyal-price-box .autoroyal-price-box-title,
.autoroyal-price-box .autoroyal-price-box-subtitle,
.autoroyal-price-box .autoroyal-price-box-price,
.autoroyal-price-box .autoroyal-price-box-features,
.autoroyal-price-box .autoroyal-price-box-button {
    width: 100%;
    display: block;
}

.autoroyal-price-box .autoroyal-price-box-icon {
    margin-bottom: 10px;
    font-size: 24px;
}

.autoroyal-price-box .autoroyal-price-box-title h4 {
    margin-bottom: 10px;
    font-weight: normal;
}

.autoroyal-price-box .autoroyal-price-box-subtitle {
    color: #a2a2a2;
    letter-spacing: 0.5px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

.autoroyal-price-box .autoroyal-price-box-price {
    font-size: 3em;
    font-weight: 300;
    padding: 0.85em 0;
    font-weight: bold;
}

.autoroyal-price-box .autoroyal-price-box-price div {
    display: inline-block;
}

.autoroyal-price-box .autoroyal-price-box-price .autoroyal-price-box-price-currency {
    font-size: 0.65em;
    vertical-align: super;
    color: #a2a2a2;
    font-weight: normal;
}

.autoroyal-price-box .autoroyal-price-box-price .autoroyal-price-box-price-period {
    font-size: 0.35em;
    color: #a2a2a2;
    font-weight: normal;
}

.autoroyal-price-box .autoroyal-price-box-features {
    padding: 0 0 2.5em;
    color: #757575;
}

.autoroyal-price-box .pricing__feature-list {
    margin-left: 0;
    padding: 0;
}

.autoroyal-price-box .autoroyal-price-box-features li {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin: 0 0 14px;
    font-size: 14px;
}

.autoroyal-price-box .autoroyal-price-box-features li:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 1px;
    background: #111111;
    left: 0;
    top: 11px;
    margin: -2px 0 0 0;
}

.autoroyal-price-box .autoroyal-price-box-features p {
    padding: 0;
}

.autoroyal-price-box .autoroyal-price-box-button {
    margin-bottom: 0 !important;
}

.autoroyal-price-box.autoroyal-price-box-dark,
.autoroyal-price-box.autoroyal-price-box-dark .autoroyal-price-box-title h4,
.autoroyal-price-box.autoroyal-price-box-dark .autoroyal-price-box-features li {
    color: #fff;
}

.autoroyal-price-box.autoroyal-price-box-dark .autoroyal-price-box-features {
    color: #eeeeee;
}

.autoroyal-price-box.autoroyal-price-box-dark .autoroyal-price-box-features li:before {
    background-color: #f4f4f4;
}

.autoroyal-price-box.autoroyal-price-box-align-center,
.autoroyal-price-box.autoroyal-price-box-align-center .autoroyal-price-box-title h4,
.autoroyal-price-box.autoroyal-price-box-align-center .autoroyal-price-box-features li {
    text-align: center !important;
}

.autoroyal-price-box.autoroyal-price-box-align-center .autoroyal-price-box-features li {
    padding: 0;
}

.autoroyal-price-box.autoroyal-price-box-align-center .autoroyal-price-box-features li:before {
    display: none;
}

.autoroyal-price-box.autoroyal-price-box-align-right,
.autoroyal-price-box.autoroyal-price-box-align-right .autoroyal-price-box-title h4,
.autoroyal-price-box.autoroyal-price-box-align-right .autoroyal-price-box-features li {
    text-align: right !important;
}

.autoroyal-price-box.autoroyal-price-box-align-right .autoroyal-price-box-features li {
    padding: 0 20px 0 0;
}

.autoroyal-price-box.autoroyal-price-box-align-right .autoroyal-price-box-features li:before {
    left: initial;
    right: 0;
}

.rrssb-buttons {
    margin: 0 !important;
    padding: 0 !important;
}

.rrssb-buttons li {
    list-style: none !important;
}

/* -------------------------------------------------------------------------------- */
/*  40. FlipClock
/* -------------------------------------------------------------------------------- */

/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.autoroyal-flipclock {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    text-align: center;
}

.autoroyal-flipclock-align-left .flip-clock-wrapper {
    float: left;
    margin-left: 0 !important;
}

.autoroyal-flipclock-align-right .flip-clock-wrapper {
    float: right;
    margin-right: 0 !important;
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font-family: 'Montserrat-Thin', sans-serif;
  font-size: 11px;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: auto;
  margin: 1em;
  display: inline-block;
  background-color: #0f1012;
  border-radius: 6px;
  padding: 3px 7px;
  padding-right: 6px;
  margin-bottom: 60px;
  z-index: 9;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

.flip-clock-wrapper:after {
    content: "";
    position: absolute;
    top: 0;
    margin-top: 10px;
    left: 40px;
    right: 40px;
    height: 90px;
    width: 80%;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    bottom: 0;
    box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.50);
    z-index: 0;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px 0;
  margin-right: 1px;
  width: 100px;
  height: 90px;
  font-size: 80px;
  line-height: 87px;
  border-radius: 6px;
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 87px;
    text-decoration: none !important;
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.flip-clock-wrapper ul li:before {
    display: none;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0;
  border-bottom: solid 1px #0f1012; }

.flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 34px;
    right: 0;
    z-index: 5;
    height: 10px;
    width: 4px;
    background-color: #0f1012; }

.flip-clock-wrapper ul li a div.up:before {
    content: "";
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 5;
    height: 10px;
    width: 4px;
    background-color: #0f1012;
}

.flip-clock-wrapper ul li a div.down:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 10px;
    width: 4px;
    background-color: #0f1012;
}

.flip-clock-wrapper ul li a div.down:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    height: 10px;
    width: 4px;
    background-color: #0f1012;
}

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #fff;
  text-align: center;
  background-color: #202427;
  border-radius: 6px;
  font-size: 80px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 15px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #757575;
  width: 4px;
  height: 4px;
  position: absolute;
  border-radius: 50%;
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  font-family: 'Ubuntu', sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 13px;
  bottom: -40px;
  width: 204px;
  left: 1px;
  text-align: center;
  color: #000;
  text-shadow: none; }

.autoroyal-flipclock-background-dark .flip-clock-divider .flip-clock-label {
    color: #cacaca;
}

.flip-clock-divider.hours .flip-clock-label,
.flip-clock-divider.minutes .flip-clock-label,
.flip-clock-divider.seconds .flip-clock-label {
  left: 14px; }

.flip-clock-dot.top {
  top: 37px; }

.flip-clock-dot.bottom {
  bottom: 37px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }



/* -------------------------------------------------------------------------------- */
/*  29. Progress Circle
/* -------------------------------------------------------------------------------- */
@-webkit-keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

@keyframes load {
    0% {
        stroke-dashoffset: 0;
    }
}

.autoroyal-progress-circle {
    position: relative;
    /*display: inline-block;*/
    padding: 0;
    text-align: center;
}

.autoroyal-progress-circle > span.progress-block {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #93A2AC;
    font-family: Lato;
    font-weight: 100;
    margin: 2rem 0;
}

.autoroyal-progress-circle > .progress-block:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    font-weight: 400;
    color: #737373;
    font-family: 'Ubuntu', sans-serif;
}

.autoroyal-progress-circle > .autoroyal-progress-circle-precentage {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    font-size: 2rem;
    text-align: center;
    color: #737373;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
}

.autoroyal-progress-circle svg {
    width: 10rem;
    height: 10rem;
}

.autoroyal-progress-circle svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

.autoroyal-progress-circle svg:nth-child(2) path {
    opacity: 0;
}

.autoroyal-progress-circle.animated svg:nth-child(2) path {
    fill: none;
    stroke-width: 25;
    stroke-dasharray: 629;
    opacity: .9;
    -webkit-animation: load 2s;
            animation: load 2s;
}



/* -------------------------------------------------------------------------------- */
/*  30. Progress Bars
/* -------------------------------------------------------------------------------- */
.autoroyal-progress-bar-thick,
.autoroyal-progress-bar-holder,
.autoroyal-progress-bar-content {
    display: block;
    width: 100%;
    position: relative;
}

.autoroyal-progress-bar-thick {
    margin-bottom: 30px;
}

.autoroyal-progress-bar-description {
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
    z-index: 999;
    margin-top: 14px;
    margin-left: 20px;
}

.autoroyal-progress-bar-content {
    background: #f4f4f4;
    border-radius: 50px;
    height: 46px;
}

.autoroyal-progress-bar-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 46px;
    background: #f53e82;
    border-radius: 50px;
}

.autoroyal-progress-bar-progress:before {
    content: attr(data-percent);
    position: absolute;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    color: #ffffff;
    right: 0;
    top: 0;
    margin-top: 14px;
    margin-right: 20px;
}

.autoroyal-progress-bar-progress.animated-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .1)), color-stop(.75, rgba(255, 255, 255, .1)), color-stop(.75, transparent), to(transparent) );
    background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .1) 75%, transparent 75%, transparent );
    z-index: 1;
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    background-size: 80px 80px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    overflow: hidden;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 80px 80px;
    }
}

.autoroyal-body-style-link {
    text-align: center;
}

.autoroyal-body-style-link a {
    float: left;
    width: 100%;
    padding: 60px 40px;
    border-radius: 4px;
    margin-bottom: 30px;
    background-color: #fff;
    border: solid 1px #E8F3FF;
    position: relative;
}

.autoroyal-body-style-link a .autoroyal-body-style-count {
    position: absolute;
    top: 40px;
    left: -10px;
    padding: 2px 20px;
    background-color: #0C3EB8;
    color: #fff;
    width: auto !important;
    border-radius: 4px;
}

.autoroyal-body-style-link a:hover .autoroyal-body-style-count {
    color: #fff;
}

.autoroyal-body-style-link a:hover {
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
    box-shadow: 0 0 40px 0 rgba(0,0,0,.07);
}

.autoroyal-body-style-link a:hover span {
    color: #D00027;
}

.autoroyal-body-style-link span {
    font-size: 18px;
    font-weight: 600;
    padding-top: 15px;
    width: 100% !important;
    text-align: center;
    color: #232323;
    float: left;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.autoroyal-body-style-link img {
    max-height: 112px;
}

.autoroyal-dealer-card {
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
    background-color: #fff;
    text-align: center;
    transition: all 1s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all 1s cubic-bezier(.2,1,.22,1);
}

.autoroyal-dealer-card a {
    position: relative;
    display: block;
}

.autoroyal-dealer-card a img {
    width: 100%;
}

.autoroyal-dealer-card a::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: '';
    opacity: .4;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}

.autoroyal-dealer-card a:hover::after {
    opacity: .8;
}

.autoroyal-dealer-card a .dealer-details-inner {
    position: absolute;
    left: 30px;
    bottom: 5px;
    right: 30px;
    text-align: left;
    color: #fff;
    z-index: 9;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transform: translateY(calc(100% - 45px));
    -webkit-transform: translateY(calc(100% - 45px));
}

.autoroyal-dealer-card a:hover .dealer-details-inner {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.autoroyal-dealer-card:hover {
    box-shadow: 0 0px 20px rgba(78, 82, 99, 0.05);
}

.autoroyal-dealer-card h4,
.autoroyal-dealer-card span {
    padding: 15px 0;
    float: left;
    width: 100%;
}

.autoroyal-dealer-card h4 {
    padding-bottom: 10px;
    margin: 0;
    padding-top: 0;
    font-weight: 600;
}

.autoroyal-dealer-card span {
    padding-bottom: 20px;
    padding-top: 5px;
    color: #eee;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    position: relative;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.autoroyal-dealer-card a:hover span {
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
}

.dealer-info-phone {
    margin-bottom: 10px;
}

.dealer-info-phone .material-icons {
    top: 3px;
    position: relative;
    margin-right: 5px;
}

#place_car_reservation ul.nav-tabs {
    border: none;
    margin-bottom: 30px;
    position: relative;
}

#place_car_reservation ul.nav-tabs:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 15px;
    right: 15px;
    border-bottom: solid 1px #edeff1;
}

#place_car_reservation ul.nav-tabs li a {
    border: none;
    background: transparent;
    padding: 0;
    padding-left: 47px;
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 500;
    color: #232323;
    position: relative;
    border-bottom: solid 1px #edeff1;
    padding-bottom: 25px;
}

#place_car_reservation ul.nav-tabs li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    border-bottom: solid 1px #edeff1;
}

#place_car_reservation ul.nav-tabs li a.active:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    border-bottom: solid 3px #D00027;
}

#place_car_reservation ul.nav-tabs li a span {
    width: 100%;
    float: left;
    font-weight: normal;
    letter-spacing: 0;

    color: #a0a0a0;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    user-select: none;
}

#place_car_reservation ul.nav-tabs li a i {
    position: absolute;
    top: 3px;
    left: 0px;
    width: 32px;
    height: 32px;
    text-indent: 5px;
    letter-spacing: 1px;
    border-radius: 50%;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    background-color: #999;
    font-style: normal;
    color: #fff;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

#place_car_reservation ul.nav-tabs li a.active i,
#place_car_reservation ul.nav-tabs li a:hover i {
    background-color: #d00027;
}

.car-preview {
    margin-bottom: 30px;
    border-radius: 4px;
    overflow: hidden;
}

#place_car_reservation .reserv-header {
    float: left;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#place_car_reservation .reserv-subtitle,
#car-rent-details .reserv-subtitle {
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #8c8c8c;
}

#place_car_reservation .reserv-subtitle span,
#car-rent-details .reserv-subtitle span {
    margin-right: 10px;
}

#place_car_reservation .reserv-subtitle svg,
#car-rent-details .reserv-subtitle svg {
    height: 12px;
    width: auto;
    margin-right: 5px;
    fill: #8c8c8c;
    float: left;
    margin-top: 3px;
}

#place_car_reservation label,
#check-availability-form label {
    color: #a0a0a0;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
    text-transform: uppercase;
    overflow: visible;
}

#place_car_reservation .form-group,
#place_car_reservation .bootstrap-select {
    margin: 0;
    width: 100%;
}

#rent-price-table li {
    font-size: 14px;
    padding: 3px 11px;
    color: #727272;
    border-radius: 3px;
}

#place_car_reservation input.error {
    box-shadow: 0 0 0 0.2rem rgba(208,0,39,.25);
}

.result-dates li {
    padding: 3px 0;
}

#rent-price-table li:nth-child(odd) {
    background-color: #eee;
}

.result-dates {
    padding: 5px 15px;
    background-color: #eee;
    border-radius: 4px;
    color: #727272;
}

.result-dates li.reservation-total {
    margin-top: 5px;
    padding-top: 5px;
    border-top: solid 1px #d8d8d8;
    color: #212529;
}

.reservation-total #totDayP,
.reservation-total .totDayP {
    color: #D00027;
}

.xdsoft_datetimepicker {
    background-color: #fff;
    border: 1px solid #edeff1;
    border-radius: 3px;
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.04), 0 16px 40px 0 rgba(0,0,0,.08);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.04), 0 16px 40px 0 rgba(0,0,0,.08);
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: 10px;
}

.xdsoft_datetimepicker .xdsoft_calendar td, 
.xdsoft_datetimepicker .xdsoft_calendar th {
    text-align: center;
    color: #373737;;
    background: #fff;
    border: 1px solid #efefef;
    height: 28px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    background-color: #232323;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background-color: #d00027;
    box-shadow: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff !important;
    background: #aa0020 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled {
    cursor: not-allowed;
    background: #f8f8f6;
    color: #373737 !important;
    font-weight: normal;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    margin: 0 !important;
}

#reservation-modal-response {
    display: none;
}

#reservation-next-step,
#reservation-extras-step {
    margin-top: 10px;
}

#order_details .separator {
    margin-bottom: 35px;
}

#autoroyal-advance-search-form.autoroyal-vertical-car-filter-rent .bootstrap-select>.btn,
#autoroyal-advance-search-form.autoroyal-vertical-car-filter-rent input[type="text"],
.autoroyal-rent-booking-dates-update .bootstrap-select>.btn,
#place_car_reservation .bootstrap-select>.btn,
.autoroyal-rent-booking-dates-update input[type="text"] {
    margin-bottom: 15px !important;
    color: #495057;
    background-color: #eee;
    padding: 12px;
    height: auto;
    line-height: 1.5;
    border: none;
    font-weight: normal;
    font-size: 14px;
}

.autoroyal-rent-booking-dates-update .bootstrap-select>.btn:hover,
#place_car_reservation .bootstrap-select>.btn:hover {
    color: #fff;
}

.autoroyal-rent-booking-dates {
    background-color: #eee;
    margin-bottom: 30px;
    box-shadow: 0 0px 20px rgba(78, 82, 99, 0.03);
    text-align: left;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    z-index: 9;
    position: relative;
}

.autoroyal-rent-booking-dates .row {
    margin: 0;
}

.autoroyal-rent-booking-dates .row .col-md-3 {
    padding: 30px 20px;
    position: relative;
    border-right: solid 1px #fbfbfb;
}

.autoroyal-rent-booking-dates .row .col-md-3:last-of-type {
    border: none;
}

.autoroyal-rent-booking-dates .row .col-md-3 svg {
    height: 15px;
    width: 15px;
    margin-right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 20px;
    float: left;
    display: inline-block;
    fill: #D00027;
}

.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-pickup-location,
.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-return-location,
.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-rental-period-label {
    color: #495057;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
    width: 100%;
    display: inline-block;
    padding-left: 30px;
    text-align: left;
}

.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-pickup-date,
.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-return-date,
.autoroyal-rent-booking-dates .autoroyal-rent-booking-dates-rental-period {
    color: #818386;
    font-size: 12px;
    float: left;
    display: inline-block;
    padding-left: 30px;
    text-align: left;
    width: 100%;
}

.autoroyal-rent-booking-dates-update {
    background-color: #fff;
    padding: 30px 15px;
    padding-bottom: 10px;
    border-top: solid 1px #fbfbfb;
    position: absolute;
    width: 100%;
    z-index: 99999;
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: all .3s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .3s cubic-bezier(.2,1,.22,1);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform-origin: 0% 0px;
    -moz-transform-origin: 0% 0px;
    -o-transform-origin: 0% 0px;
    -ms-transform-origin: 0% 0px;
    transform-origin: 0% 0px;
}

.autoroyal-rent-booking-dates.open {
    z-index: 999999;
}

.autoroyal-rent-booking-dates.open .autoroyal-rent-booking-dates-update {
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    box-shadow: 0 0px 20px rgba(78, 82, 99, 0.03);
}

.autoroyal-change-rent-booking-dates {
    font-size: 12px;
    text-align: center;
    position: relative;
    line-height: 36px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
}

.autoroyal-change-rent-booking-dates .fa {
    margin-left: 7px;
}

#autoroyal-listing-sort .autoroyal-rent-booking-dates-update label {
    margin: 0;
    float: left;
    color: #a0a0a0;
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 13px;
    text-transform: uppercase;
    user-select: none;
}

#autoroyal-listing-sort .autoroyal-rent-booking-dates-update .bootstrap-select,
#autoroyal-listing-sort .autoroyal-rent-booking-dates-update .form-group {
    margin-bottom: 0;
}

.autoroyal-rent-filter-checkbox-unit {
    position: relative;
    width: 100%;
    display: inline-block;
    margin: 5px 0;
    padding: 0;
}

.autoroyal-rent-filter-checkbox-unit input {
    opacity: 0;
}

.autoroyal-rent-filter-checkbox-unit span {
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 15px;
    background: #dfe1e5;
    padding: 3px;
}

#autoroyal-advance-search-form .autoroyal-rent-filter-checkbox-unit label {
    width: auto;
    font-size: 14px;
    text-transform: initial;
    color: #818386;
}

#autoroyal-advance-search-form .autoroyal-rent-filter-checkbox-unit.checked label {
    color: #495057;
}

.autoroyal-rent-filter-checkbox-unit svg {
    height: 10px;
    width: 10px;
    fill: #fff;
    float: left;
    opacity: 0;
}

.autoroyal-rent-filter-checkbox-unit.checked span {
    background-color: #D00027;
}

.autoroyal-rent-filter-checkbox-unit.checked svg {
    opacity: 1;
}

.autoroyal-filter-heading {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #232628;
    margin-bottom: 20px;
    position: relative;
}

.autoroyal-filter-heading:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #D00027;
    opacity: 0;
}

.autoroyal-rent-filter-date {
    width: 60%;
    float: left;
    padding-right: 5px;
}

.autoroyal-rent-filter-time {
    width: 40%;
    float: left;
    padding-left: 5px;
}

.autoroyal-svg-container, 
.autoroyal-svg-container img {
    width: 100%;
    height: auto;
}

.autoroyal-blog-post .autoroyal-vehicle-block-meta {
    text-align: center;
    padding: 1.75em;
    padding-bottom: 2.7em;
}

.autoroyal-blog-post .autoroyal-vehicle-block-meta .heading {
    text-align: center;
    line-height: 1.475;
    font-size: 1.6em;
}

.autoroyal-blog-post .autoroyal-vehicle-block-meta .entry-title {
    margin-bottom: 10px;
}

.autoroyal-blog-post .autoroyal-vehicle-block-meta .autoroyal-rent-subtitle {
    font-size: 14px;
    text-transform: uppercase;
}

.autoroyal-blog-post .autoroyal-vehicle-block-image-wrapper {
    background-color: #0C3EB8;
}

.autoroyal-blog-post .autoroyal-vehicle-block-image-wrapper a {
    width: 100%;
    display: inline-block;
}

.autoroyal-blog-post .autoroyal-vehicle-block-image-wrapper:hover > a {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: .7;
}

.autoroyal-blog-isotope-container {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.autoroyal-team-social {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40px;
    opacity: 0;
    transform: translateY(20px);
    transition: all .7s cubic-bezier(.2,1,.22,1);
    -webkit-transition: all .7s cubic-bezier(.2,1,.22,1);
}

.autoroyal-blog-post .autoroyal-vehicle-block-image-wrapper:hover .autoroyal-team-social {
    transform: translateY(0px);
    opacity: 1;
}

.autoroyal-team-social a {
    margin: 5px;
    border-radius: 50%;
    font-size: 1.2em;
    width: 2.86em !important;
    height: 2.86em;
    line-height: 3em;
    display: inline-block;
    text-align: center;
    color: #4a4a4a;
    background-color: #fff;
    display: inline-block;
}

.autoroyal-team-social a:hover {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-team-block .autoroyal-vehicle-block-meta .entry-title {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    color: #8c8c8c;
    letter-spacing: 1px;
    position: relative;
    font-weight: 500;
    z-index: 999;
}

.autoroyal-team-single {
    padding: 90px 0;
}

.autoroyal-team-single-title {
    margin-bottom: 60px;
    width: 100%;
    display: inline-block;
}

.autoroyal-team-single-image {
    border-radius: 4px;
    overflow: hidden;
}

.autoroyal-team-single-social {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 30px;
}

.autoroyal-team-single-social a {
    margin: 5px;
    border-radius: 50%;
    font-size: 1.2em;
    width: 2.86em !important;
    height: 2.86em;
    line-height: 3em;
    display: inline-block;
    text-align: center;
    color: #4a4a4a;
    background-color: #fff;
    display: inline-block;
}

.autoroyal-team-single-social a:hover {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-team-single .card {
    border-radius: 4px;
}

.autoroyal-team-holder {
    display: inline-block;
    margin: 0;
    background-color: rgba(0,0,0,.07);
    width: 100%;
}

.autoroyal-team-carousel-image {
    width: 50%;
    float: left;
    display: inline-block;
}

.autoroyal-team-carousel-content {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 50%;
    width: 50%;
    max-height: 100%;
    overflow: hidden;
    padding: 2em 3em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.autoroyal-team-carousel-content .autoroyal-vehicle-block-meta {
    padding: 0;
}

.team-carousel .owl-dots {
    margin-top: 60px;
}

.autoroyal-team-social-style-2 {
    width: 100%;
    display: inline-block;
}

.autoroyal-team-social-style-2 a {
    margin: 5px 5px 0 0;
    border-radius: 50%;
    font-size: 14px;
    width: 34px !important;
    height: 34px;
    line-height: 34px;
    display: inline-block;
    text-align: center;
    color: #4a4a4a;
    background-color: #fff;
    display: inline-block;
}

.autoroyal-team-social-style-2 a:hover {
    background-color: #D00027;
    color: #fff;
}

.autoroyal-team-carousel-content .heading {
    line-height: 1em;
    margin-bottom: 0.6rem;
    margin-top: 0;
    font-size: 1.571em;
    font-weight: 700;
    color: #212529;
}

.autoroyal-team-carousel-content .heading:hover {
    color: #D00027;
}

.autoroyal-team-carousel-content .entry-title {
    text-transform: uppercase;
    font-size: 14px;
    color: #8c8c8c;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative;
    z-index: 999;
}

.autoroyal-team-carousel-content .description {
    color: #5d5d5d;
    font-size: 14px;
}

.team-carousel .owl-dots .owl-dot {
    background-color: #5d5d5d;
}

.rent-price-title {
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    font-weight: 500;
}

.autoroyal-rent-price-list ul {
    padding: 0 !important;
}

.autoroyal-rent-price-list ul li {
    text-transform: uppercase;
    color: #727272;
    font-size: 14px;
    padding: 10px 0 !important;
    border: none !important;
    border-bottom: 1px solid rgba(0,0,0,.03) !important;
}

.autoroyal-rent-price-list ul li:before {
    display: none;
}

.autoroyal-rent-price-list ul li .pull-right b {
    font-size: 1rem;
}

.widget.autoroyal-rent-price-list .autoroyal-reserve-vehicle {
    margin-top: 30px;
}

.widget.autoroyal-rent-price-list .hidden {
    display: none;
}

.extra-option-group {
    margin-bottom: 30px !important;
    padding: 10px 15px;
    background-color: #eee;
    border-radius: 4px;
    color: #727272;
}

.extra_options_heading {
    margin-bottom: 20px;
}

.extra-options-multiple-selections {
    width: 50px !important;
    display: inline-block;
    border: none!important;
    height: 32px!important;
    padding: .375rem .25rem !important;
    background-color: #fff !important;
    margin: 0 !important;
}

.extra-option-group label.extra-option-label {
    width: 100%;
}

.extra-option-group .custom-control {
    width: auto;
    display: inline-block;
    margin: 0 !important;
    margin-right: 20px !important;
    min-height: auto;
}

.extra-option-group .custom-control label,
.extra-option-group span.extra_option_type {
    font-size: 14px !important;
    color: #727272 !important;
    margin-bottom: 0 !important;
    overflow: visible;
}

.extra-option-group span.extra_option_type {
    margin-right: 20px !important;
}

.extra-option-group .custom-control-label::before,
.extra-option-group .custom-control-label::after {
    top: 0;
}

.extra-option-group .custom-control-label::before {
    background-color: #fff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #d00027;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(208, 0, 39, 0.25);
}

#autoroyal_reservations_table td {
    text-align: center;
}

.autoroyal-page-content-fullwidth {
    display: inline-block;
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 0;
}

.autoroyal-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.error-404-page {
    text-align: center;
    background-color: #000;
    background-image: url(../images/search.jpg);
    background-position: center center;
    background-size: cover;
    position: relative;
}

.error-404-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
}

.error-404-page .content {
    width: 65%!important;
    width: -webkit-calc(75% - 30px)!important;
    width: calc(75% - 30px)!important;
    text-align: left;
    margin: 0 auto;
    float: none;

}

.error-404-page .post-content, 
.error-404-page .post-content p, 
.error-404-page h2 {
    text-align: center;
    color: #fff;
    z-index: 999;
    position: relative;
}

.error-404-page h2 {
    text-transform: uppercase;
    font-size: 2.8125em;
    line-height: 1.15555556em;
    font-weight: 700;
}

.error-404-page .post-content {
    margin-top: 30px;
}

input#big-search-box.search-404 {
    display: inline-block;
    max-width: 400px;
}

.error-404-page .input-with-icon {
    display: inline-block;
    max-width: 400px;
    width: 100%;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.error-404-page .input-with-icon i {
    position: absolute;
    font-size: 20px;
    margin-right: 24px;
    top: 25px;
    right: 0;
    color: #d00027;
}

.highlight {
    background: #D00027;
    width: auto;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
}

/* -------------------------------------------------------------------------------- */
/*  9. Element Size
/* -------------------------------------------------------------------------------- */
.height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
  height: auto;
  padding: 5em 0;
}
@media all and (max-width: 767px) {
  .height-100,
  .height-90,
  .height-80,
  .height-70,
  .height-60,
  .height-50,
  .height-40,
  .height-30,
  .height-20,
  .height-10 {
    height: auto;
    padding: 4em 0;
  }
}
@media all and (min-height: 600px) and (min-width: 767px) {
  .height-10 {
    height: 10vh;
  }
  .height-20 {
    height: 20vh;
  }
  .height-30 {
    height: 30vh;
  }
  .height-40 {
    height: 40vh;
  }
  .height-50 {
    height: 50vh;
  }
  .height-60 {
    height: 60vh;
  }
  .height-70 {
    height: 70vh;
  }
  .height-80 {
    height: 80vh;
  }
  .height-90 {
    height: 90vh;
  }
  .height-100 {
    height: 100vh;
  }
}

.autoroyal-footer-menu {
    float: right;
    margin: 0;
}

.autoroyal-footer-menu li {
    width: auto;
    display: inline-block;
    margin-left: 10px;
}

.autoroyal-footer-menu li ul {
    display: none;
}

.autoroyal-footer-header {
    color: rgba(255, 255, 255, 0.5);
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, .07);
}

.autoroyal-footer-header .logo-wrapper {
    padding: 30px;
    padding-left: 0;
    display: inline-block;
}

.autoroyal-footer-header .logo-wrapper img {
    float: left;
    height: 42px;
}

.autoroyal-footer-stats {
    display: inline-block;
    padding: 25px 0;
}

.stat-wrapper {
    display: inline-block;
    position: relative;
}

.stat-wrapper .icon {
    font-size: 48px;
    line-height: 48px;
    width: 63px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}

.stat-wrapper .number {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    padding-left: 63px;
}

.stat-wrapper .caption {
    color: rgba(255,255,255,.35);
    font-size: 12px;
    display: flex;
    padding-left: 63px;
}

.footer-social {
    width: 100%;
    text-align: center;
    margin-bottom: 60px;
    float: left;
}

.footer-social.social-links-align-left {
    text-align: left;
    margin-left: -6px;  
}

.footer-social.social-links-align-right {
    text-align: right;
    margin-right: -6px; 
}

.footer-social a,
.footer-social a:hover {
    box-shadow: none;
    display: inline-block;
}

.footer-social svg {
    height: 60px;
    width: 60px;
    border: 2px solid #5F5F5F;
    padding: 6px;
    border-radius: 50%;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
    margin: 0 8px;
    overflow: visible;
}

.footer-social svg:hover {
    border-color: #fff;
}

.footer-social svg circle {
    fill: none;
    stroke: none;
}

.footer-social svg path {
    fill: #5F5F5F;
    -webkit-transition: all ease .35s;
    transition: all ease .35s;
}

.footer-social svg:hover path {
    fill: #fff;
}



.footer-social.social-background-dark svg {
    border-color: rgba(255,255,255,0.7);
}

.footer-social.social-background-dark svg path {
    fill: rgba(255,255,255,0.7);
}

.footer-social.social-background-light svg {
    border-color: rgba(0,0,0,0.7);
}

.footer-social.social-background-light svg path {
    fill: rgba(0,0,0,0.7);
}

.footer-social.social-background-light svg:hover,
.footer-social.social-background-dark svg:hover {
    border-color: #D00027;
}

.footer-social.social-background-light svg:hover path,
.footer-social.social-background-dark svg:hover path {
    fill: #D00027;
}

.woocommerce-MyAccount-navigation {
    margin-top: 40px;
}

.autoroyal-woocommerce-page {
    margin: 60px 0;
}

ul.products li.product .onsale {
    position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    font-size: .85rem;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

ul.products li.product .onsale,
.single-product .product .onsale {
    background-color: #D00027 !important;
    color: #fff;
    border: none !important;
    top: -5px !important;
    left: -5px !important;
    width: 46px !important;
    height: 46px !important;
    line-height: 46px !important;
}

.columns-3 ul.products.columns-2 li.product { 
    width: 48.1%;
    text-align: center;
} 

ul.products li.product img {
    width: 100%;
}

ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    font-size: 1.286rem;
    line-height: 1.3;
    margin-top: 30px;
}

.button.add_to_cart_button {
    background-color: #D00027 !important;
    border-color: #D00027 !important;
    border-radius: 4px !important;
}

.button.add_to_cart_button:hover {
    background-color: #aa0020 !important;
    border-color: #aa0020 !important;
}

.autoroyal-woocommerce-page .summary .product_title {
    display: none;
}

.single-product .summary.entry-summary .quantity input {
    margin-bottom: 0 !important;
    width: 60px !important;
    text-align: center;
    float: left;
}

.woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 30px !important;
}

.woocommerce-Reviews .commentlist {
    list-style: none;
    padding: 0;
    width: 100%;
    display: inline-block;
}

.woocommerce-Reviews .commentlist li {
    padding: 20px;
    border-radius: 3px;
    background-color: #f4f4f4;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.woocommerce-Reviews .commentlist li .comment_container img.avatar {
    border-radius: 3px;
    overflow: hidden;
    width: 60px;
    margin-right: 30px;
}

.woocommerce-Reviews .commentlist li .comment_container .comment-text {
    width: calc(100% - 90px);
    float: right;
}

.star-rating span:before {
    color: #D00027 !important;
}

.autoroyal-woocommerce-page .woocommerce-product-gallery figure,
.autoroyal-woocommerce-page .summary {
    margin-top: 0 !important;
}

.shop_table.shop_table_responsive.woocommerce-cart-form__contents button[type="submit"], 
.form-row.place-order button[type="submit"], 
.single-product .summary.entry-summary button[type="submit"] {
    background-color: #D00027 !important;
    border-color: #D00027 !important;
}

.shop_table.shop_table_responsive.woocommerce-cart-form__contents button[type="submit"]:hover, 
.form-row.place-order button[type="submit"]:hover, 
.single-product .summary.entry-summary button[type="submit"]:hover {
    background-color: #aa0020 !important;
    border-color: #aa0020 !important;
}

.autoroyal-woocommerce-page .related.products h2 {
    margin-bottom: 30px;
}

ul.products li.product {
    text-align: center;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart {
    list-style: none;
    padding: 0;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li {
    margin-bottom: 20px !important;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li:before {
    display: none;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove_from_cart_button {
    position: absolute;
    left: -20px;
    top: 0;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li a img {
    width: 40px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 6px;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li a:not(.remove_from_cart_button) {
    float: left;
    padding-left: 50px;
    line-height: 1.4;
}

.widget_shopping_cart_content ul.woocommerce-mini-cart li .quantity {
    margin-left: 50px;
}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
    margin-bottom: 30px;
}

.woocommerce-cart-form,
.woocommerce-form-coupon-toggle {
    margin-top: 3rem;
}

.woocommerce-form-coupon-toggle,
.woocommerce-NoticeGroup-checkout {
    margin-bottom: 30px;
}

.woocommerce-cart-form table,
.woocommerce-cart-form table.shop_table {
    table-layout: auto;
}

.woocommerce-cart-form table .product-thumbnail img {
    width: 40px;
}

.woocommerce-cart-form table .product-quantity input {
    margin-bottom: 0 !important;
    width: 60px;
}

.woocommerce-cart-form table .actions .coupon {
    float: left;
    margin-right: 10px;
}

.woocommerce-cart-form table .actions .coupon #coupon_code {
    margin-bottom: 0 !important;
    width: auto;
}

.woocommerce-cart-form table .actions .coupon button.button {
    margin-top: 0;
    float: none;
    line-height: 27px;
    margin-left: 10px;
}

.woocommerce-cart-form table .actions button.button {
    margin-top: 0 !important;
}

body.woocommerce-cart .fantasy-themes-sidebar-width,
body.woocommerce-checkout .fantasy-themes-sidebar-width {
    display: none;
}

body.woocommerce-cart .fantasy-themes-content-width,
body.woocommerce-checkout .fantasy-themes-content-width {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 60px;
}

.woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-billing-fields__field-wrapper .form-row,
.form-row.place-order {
    margin-right: 0;
    margin-left: 0;
}

table.shop_table th {
    text-align: left;
}

.col2-set {
    margin-left: -15px;
    margin-right: -15px;
}

.woocommerce-checkout-payment {
    padding: 30px;
    background-color: #f4f4f4;
    margin-bottom: 30px;
    border-radius: 4px;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin-bottom: 60px;
}

.autoroyal-vechile-collections {
    float: left;
    width: 100%;
}

#quick-view-block .cs-modal-inner {
    text-align: left;
}

.autoroyal-quick-view-car-image {
    border-radius: 4px;
    overflow: hidden;
}

.autoroyal-quick-view-car-image img {
    width: 100%;
}

.tagcloud a {
    font-size: 16px !important;
    text-transform: uppercase;
    padding: 2px 7px;
    background-color: #D00027;
    color: #fff;
    margin: 2px;
    display: inline-block;
    border-radius: 3px;
}

.tagcloud a:hover {
    background-color: #aa0020;
    color: #fff;
}

.wc_payment_methods {
    padding: 0 !important;
}

.compare-action-button {
    position: relative;
}

#autoroyal_reservations_table .reservation-sorting-name,
#autoroyal_reservations_table .autoroyal-reservation {
    text-align: left;
}

.add-new-price-period {
    margin-top: 30px;
}

.contact-message-sent-response {
    display: none;
    margin-bottom: 30px;
}

/*
Chosen
*/
.chosen-container {
    width: 100% !important;
    margin-top: 12px;
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    background: none;
    padding: 0;
    font-size: 20px;
    box-shadow: none;
    border: none;
    color: #3B3B3B;
}

.chosen-container-single .chosen-single:hover,
.chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active .chosen-single {
    color: #0C3EB8 !important;
}

.chosen-single:after { 
    content: attr(data-label); /* no quotes around attribute name! */
    position: absolute;
    top: 4px;
    color: #9b9b9b;
    font-size: 12px;
    font-size: .85714rem;
    display: block;
    left: 0;
    margin-left: 15px;
    width: auto;
}

.chosen-container .chosen-drop,
.range-container {
    position: absolute;
    top: 100%;
    z-index: 1010;
    clip: rect(0,0,0,0);
    font-size: 13px;
    padding: 15px;
    padding-top: 18px;
    margin-left: -25px;
    width: calc(100% + 50px);
    margin-top: 10px;
    color: #d6d6d6;
    border: none;
    box-shadow: 0 1px 10px rgba(78, 82, 99, 0.15);
    background: none;
    font-weight: 500;
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
}

.chosen-container .chosen-results {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.range-container {
    padding: 15px 25px;
    margin-top: 7px;
}

.open_range {
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
    position: relative;
    width: 100%;
    line-height: 20px;
    margin-top: 12px;
}

.open_range #price_up,
.open_range #year_up,
.open_range #mileage_up {
    float: left;
}

a.open_range:hover,
.range-wrapper.active a,
.range-wrapper.active a:hover {
    color: #0C3EB8 !important;
}

.range-container.open {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
}

.range-wrapper {
    display: block;
    width: 100%;
    position: relative;
}

.open_range .material-icons {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
    font-size: 18px;
    margin-top: 1px;
    color: #a0a0a0;
}

.chosen-container .chosen-results li {
    color: #505050;
    padding: 10px;
    letter-spacing: 0;
    font-size: 16px;
    border-radius: 4px;
    position: relative;
    border: none;
    font-weight: 400;
}

.select-flag .chosen-container .chosen-results li {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: 10px center !important;
    padding-left: 55px;
}

.chosen-container .chosen-results li.highlighted {
    color: #0C3EB8;
    background: none;
    background-color: #e6ecf7;
}

.chosen-container-single .chosen-search {
    margin-bottom: 10px;
    padding: 0 4px;
}

.chosen-container-single .chosen-search input[type=text] {
    background-image: none !important;
    background-color: #f4f4f4;
    margin: 0 0 10px;
    padding: 10px;
    border-radius: 4px;
    border: none;
}

.chosen-container-single .chosen-search:before {
    font-family: FontAwesome;
    content: "\f002";
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 0;
    display: inline-block;
    position: absolute;
    margin: 0;
    color: #a0a0a0;
    right: 15px;
    top: 17px;
    z-index: 99;
}

.chosen-container-single .chosen-single div b {
    background-image: none;
}

.chosen-container-single .chosen-single div i.material-icons {
    font-size: 18px;
    margin-top: 4px;
    color: #a0a0a0;
}

.chosen-with-drop.chosen-container-active.chosen-container-single .chosen-single div i.material-icons {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.select2-container--default .select2-selection--single {
    background-color: #eee;
    border: none;
    height: auto;
    min-height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 8px 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -14px;
    margin-top: 7px;
}

.select2-dropdown {
    border: none;
    box-shadow: 0 1.5rem 4rem rgba(22,28,45,.15);
}

.select2-search--dropdown {
    padding: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    margin-bottom: 0 !important;
}

.select2-results__option {
    padding: 6px 10px;
}


@media (max-width: 425px) {

    .tab-wrapper .nav-classic .nav-link {
        flex: 0 0 100%;
    }

    .ft-small-6 {
        width: 50% !important;
    }

    .columns-3 ul.products.columns-2 li.product {
        width: 100%;
    }

    .compare-values {
        margin-top: 30px;
    }
    
    .compare-values table>tbody tr td,
    .row-compare-features {
        text-align: center;
    }

    .autoroyal-homepage-search-box .row .top-separator-mobile {
        position: relative;
        border-top: solid 1px #edeff1;
    }

    #place_car_reservation ul.nav-tabs li a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #place_car_reservation ul.nav-tabs li a i {
        top: 13px;
    }

    .autoroyal-listing-view-type,
    table#autoroyal_deal_payments_table .autoroyal-balance {
        display: none;
    }

    .woocommerce-cart-form table, 
    .woocommerce-cart-form table.shop_table {
        table-layout: fixed;
    }

    .woocommerce-cart-form table .actions .coupon #coupon_code {
        width: 100%;
    }

    .col2-set {
        display: inline-block !important;
    }

    .col2-set .col-1,
    .col2-set .col-2 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .comments-area .wb-comment-form {
        padding: 20px;
    }

    .autoroyal-vertical-center {
        top: 0;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }

}

@media (max-width: 768px) {

    .stat-wrapper {
        width: 100%;
        margin-left: 0!important;
    }

    .autoroyal-footer-stats {
        width: 100%;
    }

    .md-ml-0 {
        margin-right: 0!important;
    }
    
    .autoroyal-location-big .location-big-map {
        position: relative !important;
        height: 400px !important;
    }

    .autoroyal-location-big .location-card {
        width: 100% !important;
        margin: 0 !important;
    }

    .vehicles-style2-carousel .autoroyal-check-availability, 
    .autoroyal-button {
        padding: 10px 15px !important;
        font-size: 14px !important;
        line-height: 24px ! important;
    }

    .vehicles-style2-carousel a.autoroyal-check-availability .fa, 
    .autoroyal-button .fa {
        width: 36px;
        height: 36px;
        font-size: 14px !important;
        line-height: 34px ! important;
    }

    .autoroyal-button.button-icon-left .fa {
        margin-right: 5px !important;
        margin-left: -10px !important;
    }

    .autoroyal-button.button-icon-right .fa {
        margin-right: -10px !important;
        margin-left: 10px !important;
    }

}

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

    .autoroyal-front-dashboard-sidebar .advance-search h4 {
        padding: 15px;
        line-height: 24px;
        letter-spacing: 0;
        font-weight: 500 !important;
        font-size: 14px;
    }

    ul.autoroyal-dashboard-menu li a {
        padding: 15px;
        text-transform: inherit;
        color: rgba(0,0,0,.7);
    }

    /* flipclock responsive */

    .flip-clock-wrapper {
        margin: 0;
        margin-bottom: 30px;
    }

    .flip-clock-wrapper ul {
        margin-bottom: 50px;
        display: inline-block;
        float: initial;
    }

    .flip-clock-dot,
    table#autoroyal_inventory_table th.sorting-cost,
    table#autoroyal_inventory_table td.autoroyal-cost,
    table#autoroyal_inventory_table th.sorting-age,
    table#autoroyal_inventory_table td.autoroyal-age,
    table#autoroyal_reservations_table th.reservation-sorting-date,
    table#autoroyal_reservations_table td.autoroyal-date,
    table#autoroyal_reservations_table th.reservation-sorting-status,
    table#autoroyal_reservations_table td.autoroyal-status,
    table#autoroyal_reservations_table th.reservation-sorting-days,
    table#autoroyal_reservations_table td.autoroyal-days {
        display: none !important;
    }

    .flip-clock-divider,
    .flip-clock-divider:first-child {
        width: 100%;
        height: 0;
        clear: both;
    }

    .flip-clock-divider .flip-clock-label {
        bottom: -140px;
        left: 50% !important;
        margin-left: -102px;
    }

    .autoroyal-team-carousel-image {
        width: 100%;
    }

    .autoroyal-team-carousel-content {
        width: 100%;
        position: relative;
        height: auto;
        top: 0;
        -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
    }

    .autoroyal-panel-group .card h5.autoroyal-panel-title button {
        white-space: inherit;
    }

    .vehicles-style2-carousel .autoroyal-vehicle-block-meta {
        width: 100%;
        padding: 40px 30px;
        padding-bottom: 60px;
    }

    .autoroyal-latest-vehicles-style2 .owl-nav {
        bottom: 20px;
        right: auto;
    }

    .autoroyal-icon-box-side .autoroyal-icon-box-icon {
        display: none;
    }

    .autoroyal-icon-box-side .autoroyal-icon-box-content {
        width: 100%;
    }

    .favorite-panel {
        width: 100%;
        height: 100%;
    }

    .autoroyal-homepage-search-box {
        margin-top: 0 !important;
    }

}

@media (max-width: 1024px) { 

    .listing-item .cd-offer-short .heading,
    .listing-item .cd-offer-short .cd-car-spec {
        width: 100%;
        margin-left: 0;
    }

    .listing-item .cd-offer-short img {
        position: relative;
        margin-bottom: 10px;
    }
    
    .autoroyal-front-dashboard-sidebar .advance-search h4 .fa,
    table#autoroyal_inventory_table th.sorting-mileage,
    table#autoroyal_inventory_table td.autoroyal-mileage,
    table#autoroyal_reservations_table th.reservation-sorting-date,
    table#autoroyal_reservations_table td.autoroyal-date,
    table#autoroyal_reservations_table th.reservation-sorting-status,
    table#autoroyal_reservations_table td.autoroyal-status,
    table#autoroyal_reservations_table th.reservation-sorting-days,
    table#autoroyal_reservations_table td.autoroyal-days,
    table#autoroyal_leads_table th.lead-sorting-status,
    table#autoroyal_leads_table td.autoroyal-status,
    table#autoroyal_leads_table th.lead-sorting-appointment,
    table#autoroyal_leads_table td.autoroyal-appointment,
    table#autoroyal_leads_table th.lead-sorting-sku,
    table#autoroyal_leads_table td.autoroyal-sku,
    table#autoroyal_deal_payments_table .autoroyal-principal,
    table#autoroyal_deal_payments_table .autoroyal-interest,
    table#autoroyal_deal_payments_table .autoroyal-total-interest,
    table#autoroyal_filters_table .autoroyal-date,
    table#autoroyal_filters_table .autoroyal-mileage,
    table#autoroyal_filters_table .autoroyal-fuel {
        display: none !important;
    }

}

@media (max-width: 991px) and (min-width: 425px) {

    .widget-title {
        font-size: 16px;
    }

    .fantasy-themes-sidebar-car .widget,
    .autoroyal-car-check-availability a, 
    .autoroyal-car-check-availability-alt a, 
    .autoroyal-open-car-page a,
    .fantasy-themes-sidebar-car .widget.autoroyal-car-specifications,
    .fantasy-themes-sidebar-car .widget-area .autoroyal-price-list {
        padding: 2rem;
    }

    .autoroyal-car-financing-calculator-container ul.form-results li {
        padding: 0px 15px;
    }

    .autoroyal-car-fuel-consumption,
    #place_car_reservation ul.nav-tabs li a span {
        display: none;
    }

    #place_car_reservation ul.nav-tabs li a {
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 20px;
        text-transform: inherit;
    }

    .extra-options-multiple-selections {
        padding: 5px !important;
    }

    .autoroyal-homepage-search-box .row .padding-30 {
        padding: 10px;
    }

    .autoroyal-homepage-search-box #autoroyal-advance-search-form .autoroyal-filter-advanced-fields {
        padding: 10px 0px;
    }

    .autoroyal-homepage-search-box #autoroyal-advance-search-form .autoroyal-filter-advanced-fields .row .col-md-3 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .autoroyal-homepage-search-box.autoroyal-homepage-search-box-rent .autoroyal-homepage-filter-button {
        padding: 48px 20px 47px 20px;
    }

}

.ar-section-bg {
    position: relative;
}

.ar-section-bg > .vc_row {
    z-index: 3;
    position: relative;
}

.ar-section-bg > .ar-section-pattern-holder {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    background-image: url(../images/pattern.svg);
    z-index: 1;
    transform: rotateX(180deg);
}

.ar-section-bg.ar-section-pattern-offset-top > .ar-section-pattern-holder {
    top: -30px;
    transform: rotateY(180deg) !important;
}

.ar-section-bg.ar-section-bg-oriented-left > .ar-section-pattern-holder {
    left: 15px;
}

.ar-section-bg.ar-section-bg-oriented-right > .ar-section-pattern-holder {
    right: 15px;
    transform: rotateZ(180deg);
}

.ar-section-bg > .ar-section-bg-holder {
    position: absolute;
    top: 0;
    width: 300%;
    bottom: 0;
    background-color: #F0F7FF;
    z-index: 2;
}

.ar-section-bg.ar-section-bg-oriented-left > .ar-section-bg-holder {
    left: 15px;
}

.ar-section-bg.ar-section-bg-oriented-right > .ar-section-bg-holder {
    right: 15px;
}

.z-index-9 {
    z-index: 9 !important;
}

.btn .material-icons,
.autoroyal-button .vc-material {
    vertical-align: bottom;
    line-height: 16px;
    margin-left: 10px;
    -moz-transition: transform .2s;
    -o-transition: transform .2s;
    -webkit-transition: transform .2s;
    transition: transform .2s;
}

.autoroyal-button.button-icon-left .vc-material {
    margin-left: 0;
    margin-right: 10px;
}

.btn-icon-right:hover .material-icons,
.button-icon-right:hover .vc-material {
    transform: translateX(5px);
}

.autoroyal-custom-maps {
    position: relative;
    margin-right: 60px;
    margin-bottom: 60px;
}

.map-content-wrapper {
    position: absolute;
    z-index: 99;
    padding: 60px 50px;
    padding-bottom: 30px;
    width: 100%;
    max-width: 560px;
    bottom: 0;
    margin-bottom: -60px;
    right: 0;
    margin-right: -60px;
}

.map-content-inner {
    position: relative;
    z-index: 3;
}

.map-content-bg {
    position: absolute;
    z-index: 2;
    background: #F0F7FF;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 4px;
}

.map-content-pattern {
    position: absolute;
    z-index: 1;
    height: 100%;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-right: -30px;
    transform: rotateZ(180deg);
    margin-bottom: -30px;
    background-image: url(../images/pattern.svg);
}

.eyebrow {
    color: #8994A0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.fw-medium {
    font-weight: 600;
}

.logo-map {
    max-width: 190px;
    margin-bottom: 38px;
}

.block-header,
.block-header h1,
.block-header h2,
.block-header h3,
.block-header h4,
.block-header h5,
.block-header h6,
.block-header p {
    font-size: 28px;
    line-height: 40px;
    font-weight: bold;
    color: #2C425D;
}

.block-content {
    font-size: 18px;
    line-height: 32px;
    color: #696969;
}

.ar-badge p,
p.ar-badge,
.cat-links .ar-badge a {
    padding: 5px 15px;
    background-color: #0C3EB8;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 15px;
    background-color: #f0f7ff;
    text-transform: uppercase;
    font-size: 14px;
    color: #2C425D;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
}

.cat-links .ar-badge a {
    color: #fff;
    font-size: 12px;
    padding: 5px 12px;
    font-weight: 400;
    line-height: 16px;
}

.cat-links {
    display: inline-block;
}

.cat-links .ar-badge a {
    margin-right: 5px;
    margin-bottom: 10px;
}

.cat-links .ar-badge a:hover {
    background-color: #2C425D;
    color: #f0f7ff;
}

.post-meta-comm a {
    padding: 6px 10px;
    background-color: #D00027;
    color: #fff;
    border-radius: 6px;
}

.post-meta-comm a:hover {
    background-color: #a20724;
    color: #fff !important;
}

.autoroyal-vehicle-block .heading {
    color: #2C425D;
}

.autoroyal-front-dashboard {
    background-color: #ffffff;
}

.vc-material {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.autoroyal-cta {
    color: #fff;
    border-radius: 6px;
    background-image: url(../images/cta-bg.svg);
    background-repeat: no-repeat;
    background-position: 40px 20px;
    background-size: 180px;
    background-color: #0c3eb8;
}

.autoroyal-cta h3 {
    font-weight: 600;
    font-size: 28px
}

.autoroyal-cta h5 {
    font-weight: 600;
    font-size: 24px
}

body .background-image-left {
    background-position: left center !important;
}

body .background-image-left-offset {
    background-position: -60% center !important;
}

body .background-image-right {
    background-position: -40% center !important;
}

body .background-image-right-offset {
    background-position: 200% center !important;
}

.icon-box-left {
    max-width: 84px;
    width: 100% !important;
    margin-right: 1.5rem !important;
    display: inline-block;
    margin-bottom: 0;
}

.icon-box-left-holder {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

.owl-image-slider {
    position: relative;
}

.owl-image-slider.owl-carousel .owl-stage-outer {
    border-radius: 6px;
}

.owl-image-slider:after {
    content: '';
    position: absolute;
    top: 0;
    margin-top: 30px;
    left: 0;
    margin-left: 30px;
    height: 100%;
    width: 100%;
    z-index: -1;
    transform: rotateX(180deg);
    background-image: url(../images/pattern.svg);
}

.owl-image-slider .owl-item img {
    border-radius: 6px;
}

.owl-image-slider .owl-nav .owl-prev, 
.owl-image-slider .owl-nav .owl-next,
.testimonials-carousel .owl-nav .owl-prev, 
.testimonials-carousel .owl-nav .owl-next {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    z-index: 20;
    border: 5px solid #fff;
    background: #F0F7FF;
    color: #2C425D;
}

.owl-image-slider .owl-nav .owl-prev i, 
.owl-image-slider .owl-nav .owl-next i,
.testimonials-carousel .owl-nav .owl-prev i, 
.testimonials-carousel .owl-nav .owl-next i {
    line-height: calc(4rem - 10px);
    font-size: 28px !important;
}

.owl-image-slider .owl-nav .owl-prev,
.testimonials-carousel .owl-nav .owl-prev {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: -2rem;
}

.owl-image-slider .owl-nav .owl-next,
.testimonials-carousel .owl-nav .owl-next {
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -2rem;
}

.owl-image-slider .owl-nav .owl-next[class*="disabled"],
.testimonials-carousel .owl-nav .owl-next[class*="disabled"] {
    -webkit-transform: translate(100%, -50%);
    -moz-transform: translate(100%, -50%);
    transform: translate(100%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

.owl-image-slider .owl-nav .owl-prev[class*="disabled"],
.testimonials-carousel .owl-nav .owl-prev[class*="disabled"] {
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
}

.owl-image-slider .owl-nav .owl-prev:hover,
.owl-image-slider .owl-nav .owl-next:hover,
.testimonials-carousel .owl-nav .owl-prev:hover,
.testimonials-carousel .owl-nav .owl-next:hover {
    background-color: #2C425D; 
    color: #F0F7FF;
}

.bordered {
    border-radius: 4px;
}

.shape-holder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.car-makes-section-bg > * {
    z-index: 3;
    position: relative;
}

.car-makes-section-bg .car-makes-bg-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}

.car-makes-section-bg .car-makes-bg-holder .car-makes-animated-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .08;
    background-image: url(../images/car-logos-pattern-full.svg);
    background-repeat: repeat;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-animation: backgroundCarLogos 50s linear infinite;
    animation: backgroundCarLogos 50s linear infinite;
    background-position-y: 0px;
    background-size: auto;
}

@-webkit-keyframes backgroundJobs{
    from{
        background-position-y:960px
    }
}

@keyframes backgroundCarLogos{
    from{
        background-position-y:960px
    }
}

.car-makes-section-bg .car-makes-bg-holder .car-makes-pattern-big {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: .08;
    background-image: url(../images/car-logos-pattern.svg);
    background-repeat: repeat;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position-y: 0px;
    background-size: auto;
}

.car-makes-section-bg .car-makes-bg-holder .car-makes-pattern-small {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200%;
    z-index: 1;
    opacity: .06;
    filter: blur(1.5px);
    -webkit-filter: blur(1.5px);
    background-image: url(../images/car-logos-pattern-small.svg);
    background-repeat: repeat;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position-y: 0px;
    background-size: auto;
}

.car-makes-section-bg .car-makes-bg-holder .car-logo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-size: contain;
}

.car-makes-section-bg .car-makes-bg-holder .car-logo-bmw {
    background-image: url(../images/car-logo/bmw.svg);
}

.car-makes-section-bg .car-makes-bg-holder .car-logo-audi {
    background-image: url(../images/car-logo/audi.svg);
}

.car-makes-section-bg .car-makes-bg-holder .car-logo-mercedes {
    background-image: url(../images/car-logo/mercedes.svg);
}

.car-makes-section-bg .car-makes-bg-holder .car-logo-vw {
    background-image: url(../images/car-logo/vw.svg);
}

.ar-section-devider > * {
    position: relative;
    z-index: 3;
}

.ar-section-devider-bottom .devider {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 96px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar-section-devider-top .devider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 96px;
    z-index: 2;
    transform: rotateX(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ar-section-devider-bottom .devider svg,
.ar-section-devider-top .devider svg {
    min-width: 900px;
}

.wp-caption { max-width: 100%; }

.wp-caption .alignleft,
.wp-caption .alignright {
    margin-bottom: 0;
}

.wp-caption a {
    display: inline-block;
}

.gallery-caption {
    position: absolute;
    padding: 20px 30px;
    right: 30px;
    left: 30px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    bottom: 30px;
    z-index: 9;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;

    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.05);
}

.gallery-caption:after {
    display: none;
    content: "";
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 10px;
    right: 10px;
    height: 5px;
    background-color: #eee;
    border-radius: 0 0 3px 3px;
}

.wp-caption-text,
.gallery-caption {
    margin: 4px auto 16px;
    font-family: 'Rubik', sans-serif;
    font-size: 0.9rem;
    line-height: 160%; 
    color: #444;
    text-align: center;
}

.gallery-caption {
    font-size: 16px;
    line-height: 24px;
}

.bypostauthor {
    display: block;
}

.alignleft,
.alignright {
    display: block;
    float: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 30px;
}

.alignright {
    float: right;
    margin-left: 30px;
}

.alignleft img,
.alignright img {
    display: block;
    margin: 0 auto;
}

.aligncenter,
.aligncenter img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-dark {
    color: #2c425d !important;
}

.widget_price_filter .ui-slider-horizontal {
    height: 3px !important;
    border: none;
}

.widget_price_filter .ui-slider .ui-slider-handle {
    margin-top: 0 !important;
}

.widget_price_filter .price_slider_amount .button {
    margin-top: 0;
}

.no-shadow {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.ft-vehicle-banner {
    display: inline-block;
    width: 100%;
    padding: 60px 30px;
    background-size: cover;
    background-position: center;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.ft-vehicle-banner:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(30, 32, 34, 0.7);
}

.ft-vehicle-banner-inner {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
}

.ft-vehicle-banner-inner a.heading {
    color: #fff !important;
    font-size: 32px !important;
    margin-bottom: 20px;
    font-weight: 900;
    text-align: center;
}

.ft-vehicle-banner-inner a.heading span {
    position: relative;
    display: inline-block;
}

.ft-vehicle-banner-inner a.heading span:after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-bottom: -6px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #fff;
    opacity: 0;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.ft-vehicle-banner-inner a.heading:hover span:after {
    opacity: 1;
}

.ft-vehicle-banner-inner ul {
    text-align: center;
    margin-bottom: 30px;
}

.ft-vehicle-banner-inner ul li {
    width: auto !important;
    margin: 0 7px;
    float: none !important;
    font-weight: 600;
    font-size: 16px;
}

.ft-vehicle-banner-inner ul.autoroyal-vehicle-block-specs svg {
    fill: #fff;
}

.ft-vehicle-banner-inner .autoroyal-vehicle-block-meta-price > span.amount {
    padding: 5px 15px;
    background-color: #f0f7ff;
    text-transform: uppercase;
    color: #2C425D;
    border-radius: 4px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 25px;
}

.ft-vehicle-banner-inner a.autoroyal-button {
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    color: #f0f7ff !important;
    background-color: #2C425D;
}

.ft-vehicle-banner-inner a.autoroyal-button:hover {
    color: #2C425D !important;
    background-color: #f0f7ff;
}

.ft-mega-menu .vc_row.vc_row-o-equal-height>.vc_column_container>.vc_column-inner .wpb_wrapper {
    height: 100%;
}

.left-bottom-bg > div {
    background-repeat: no-repeat;
    background-position: calc(100% + 100px) calc(100% + 100px);
}

.h-100px {
    max-height: 100px;
}

.h-100px img {
    max-height: 100px;
    width: auto;
}

.header-image {
    height: 190px;
    flex: 0 0 190px;
    margin-right: 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 12px rgba(0,0,0,.03);
    display: flex;
    padding: 20px;
}

.header-image img {
    border-radius: 4px;
}

.agency-flag {
    width: 24px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-block;
    float: left;
    margin-right: 7px;
    border-radius: 2px;
    margin-top: 4px;
}

.text-white a {
    color: #fff !important;
}

.text-white a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.material-icons {
    font-size: inherit !important;
}

.modal-header,
.modal-body {
    padding: 30px;
}

.modal-header .close {
    border-radius: 6px;
    background: transparent !important;
}

.menu-block-padding > .vc_column-inner > .wpb_wrapper {
    padding: 50px;
    padding-left: 20px;
}

.autoroyal-side-inner-menu .menu-block-padding > .vc_column-inner > .wpb_wrapper {
    padding: 0;
}

.autoroyal-side-inner-menu .menu-block-padding {
    width: 100% !important;
}

.autoroyal-side-inner-menu .vc_col-sm-3,
.autoroyal-side-inner-menu .vc_col-sm-4,
.autoroyal-side-inner-menu .vc_col-sm-6,
.autoroyal-side-inner-menu .vc_col-sm-8,
.autoroyal-side-inner-menu .vc_col-md-3,
.autoroyal-side-inner-menu .vc_col-md-4,
.autoroyal-side-inner-menu .vc_col-md-6,
.autoroyal-side-inner-menu .vc_col-md-8,
.autoroyal-side-inner-menu .vc_col-lg-3,
.autoroyal-side-inner-menu .vc_col-lg-4,
.autoroyal-side-inner-menu .vc_col-lg-6,
.autoroyal-side-inner-menu .vc_col-lg-8 {
    width: 100%;
}

.section-menu-padding {
    padding: 40px 50px 0 50px !important;
    margin: 0 !important;
}

.autoroyal-side-inner-menu .section-menu-padding {
    padding: 0 !important;
    background-color: transparent !important;
}

@media all and (min-width: 480px) and (max-width: 768px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .price_label {
        width: 100%;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .modal-dialog {
        max-width: calc(100% - 60px);
    }
    .autoroyal-front-dashboard-content {
        padding: 30px;
    }
    .search-form-wrapper {
        padding: 30px;
    }
    .autoroyal-post-testimonials-content {
        font-size: 18px;
        line-height: 32px;
    }
    select {
        background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #ccc, #ccc);
        background-position:
            calc(100% - 20px) calc(1em + 6px),
            calc(100% - 15px) calc(1em + 6px),
            calc(100% - 2.5em) 12px;
        background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
        background-repeat: no-repeat;
        padding-top: 11px;
        padding-bottom: 11px;
    }
    select:focus {
        background-image:
            linear-gradient(45deg, green 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, green 50%),
            linear-gradient(to right, #ccc, #ccc);
        background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
        background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
        background-repeat: no-repeat;
        outline: 0;
    }

    select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #000;
    }
    .autoroyal-front-dashboard-wrapper .navbar, 
    .autoroyal-front-dashboard-wrapper .header-main {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 480px) {
    .modal-dialog {
        max-width: calc(100% - 30px);
    }
    .autoroyal-car-check-availability-alt a {
        padding: 30px;
    }

    .autoroyal-front-dashboard-wrapper .site-branding-text {
        flex: 0 0 180px;
    }

    .sidebar-1-area .widget, 
    .footer-widgets .widget {
        padding: 1.5rem 0;
    }

    .autoroyal-front-dashboard-content {
        padding: 15px;
    }
    .navbar-expand-lg>.container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .autoroyal-front-dashboard-wrapper .navbar, 
    .autoroyal-front-dashboard-wrapper .header-main {
        padding-left: 0;
        padding-right: 0;   
    }

}

/* Post Navigation --------------------------------------- */
.post-navigation {
    margin-top: 30px;
}

.post-navigation-inner {
    padding: 0 0 30px 0;
    margin: 0 auto;
}

.project-navigation .post-navigation-inner {
    width: 100%;
}

.post-nav-prev,
.post-nav-next {
    display: block;
    float: left;
    width: 47.5%;
    text-align: left;
}

.post-navigation p {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 8px;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
}

.post-navigation h4 {
    display: block;
    font-size: 1em;
    line-height: 130%;
    font-weight: 700;
}

.post-navigation h4 a { color: #111; }
.post-navigation h4 a:hover { color: #2a41e8; }

.post-nav-next { float: right; }

.post-nav-next,
.post-nav-next h4 { 
    text-align: right; 
}

.no-background {
    background: transparent !important;
}

.mr-n5 {
    right: -3rem!important;
}

@media (max-width: 992px) and (min-width: 768px) {
    
    .md-mb-30 {
        margin-bottom: 30px;
    }
    .md-mt-0,
    .md-my-0 {
        margin-top: 0!important
    }

    .md-mr-0,
    .md-mx-0 {
        margin-right: 0!important
    }

    .md-mb-0,
    .md-my-0 {
        margin-bottom: 0!important
    }

    .md-ml-0,
    .md-mx-0 {
        margin-left: 0!important
    }

    .md-m-1 {
        margin: .25rem!important
    }

    .md-mt-1,
    .md-my-1 {
        margin-top: .25rem!important
    }

    .md-mr-1,
    .md-mx-1 {
        margin-right: .25rem!important
    }

    .md-mb-1,
    .md-my-1 {
        margin-bottom: .25rem!important
    }

    .md-ml-1,
    .md-mx-1 {
        margin-left: .25rem!important
    }

    .md-m-2 {
        margin: .5rem!important
    }

    .md-mt-2,
    .md-my-2 {
        margin-top: .5rem!important
    }

    .md-mr-2,
    .md-mx-2 {
        margin-right: .5rem!important
    }

    .md-mb-2,
    .md-my-2 {
        margin-bottom: .5rem!important
    }

    .md-ml-2,
    .md-mx-2 {
        margin-left: .5rem!important
    }

    .md-m-3 {
        margin: .75rem!important
    }

    .md-mt-3,
    .md-my-3 {
        margin-top: .75rem!important
    }

    .md-mr-3,
    .md-mx-3 {
        margin-right: .75rem!important
    }

    .md-mb-3,
    .md-my-3 {
        margin-bottom: .75rem!important
    }

    .md-ml-3,
    .md-mx-3 {
        margin-left: .75rem!important
    }

    .md-m-4 {
        margin: 1rem!important
    }

    .md-mt-4,
    .md-my-4 {
        margin-top: 1rem!important
    }

    .md-mr-4,
    .md-mx-4 {
        margin-right: 1rem!important
    }

    .md-mb-4,
    .md-my-4 {
        margin-bottom: 1rem!important
    }

    .md-ml-4,
    .md-mx-4 {
        margin-left: 1rem!important
    }

    .md-m-5 {
        margin: 1.5rem!important
    }

    .md-mt-5,
    .md-my-5 {
        margin-top: 1.5rem!important
    }

    .md-mr-5,
    .md-mx-5 {
        margin-right: 1.5rem!important
    }

    .md-mb-5,
    .md-my-5 {
        margin-bottom: 1.5rem!important
    }

    .md-ml-5,
    .md-mx-5 {
        margin-left: 1.5rem!important
    }

    .md-m-6 {
        margin: 2rem!important
    }

    .md-mt-6,
    .md-my-6 {
        margin-top: 2rem!important
    }

    .md-mr-6,
    .md-mx-6 {
        margin-right: 2rem!important
    }

    .md-mb-6,
    .md-my-6 {
        margin-bottom: 2rem!important
    }

    .md-ml-6,
    .md-mx-6 {
        margin-left: 2rem!important
    }

    .md-m-7 {
        margin: 2.5rem!important
    }

    .md-mt-7,
    .md-my-7 {
        margin-top: 2.5rem!important
    }

    .md-mr-7,
    .md-mx-7 {
        margin-right: 2.5rem!important
    }

    .md-mb-7,
    .md-my-7 {
        margin-bottom: 2.5rem!important
    }

    .md-ml-7,
    .md-mx-7 {
        margin-left: 2.5rem!important
    }

    .md-m-8 {
        margin: 3rem!important
    }

    .md-mt-8,
    .md-my-8 {
        margin-top: 3rem!important
    }

    .md-mr-8,
    .md-mx-8 {
        margin-right: 3rem!important
    }

    .md-mb-8,
    .md-my-8 {
        margin-bottom: 3rem!important
    }

    .md-ml-8,
    .md-mx-8 {
        margin-left: 3rem!important
    }

    .md-m-9 {
        margin: 4rem!important
    }

    .md-mt-9,
    .md-my-9 {
        margin-top: 4rem!important
    }

    .md-mr-9,
    .md-mx-9 {
        margin-right: 4rem!important
    }

    .md-mb-9,
    .md-my-9 {
        margin-bottom: 4rem!important
    }

    .md-ml-9,
    .md-mx-9 {
        margin-left: 4rem!important
    }

    .md-m-10 {
        margin: 5rem!important
    }

    .md-mt-10,
    .md-my-10 {
        margin-top: 5rem!important
    }

    .md-mr-10,
    .md-mx-10 {
        margin-right: 5rem!important
    }

    .md-mb-10,
    .md-my-10 {
        margin-bottom: 5rem!important
    }

    .md-ml-10,
    .md-mx-10 {
        margin-left: 5rem!important
    }

    .md-m-11 {
        margin: 6rem!important
    }

    .md-mt-11,
    .md-my-11 {
        margin-top: 6rem!important
    }

    .md-mr-11,
    .md-mx-11 {
        margin-right: 6rem!important
    }

    .md-mb-11,
    .md-my-11 {
        margin-bottom: 6rem!important
    }

    .md-ml-11,
    .md-mx-11 {
        margin-left: 6rem!important
    }

    .md-m-12 {
        margin: 8rem!important
    }

    .md-mt-12,
    .md-my-12 {
        margin-top: 8rem!important
    }

    .md-mr-12,
    .md-mx-12 {
        margin-right: 8rem!important
    }

    .md-mb-12,
    .md-my-12 {
        margin-bottom: 8rem!important
    }

    .md-ml-12,
    .md-mx-12 {
        margin-left: 8rem!important
    }

    .md-m-13 {
        margin: 10rem!important
    }

    .md-mt-13,
    .md-my-13 {
        margin-top: 10rem!important
    }

    .md-mr-13,
    .md-mx-13 {
        margin-right: 10rem!important
    }

    .md-mb-13,
    .md-my-13 {
        margin-bottom: 10rem!important
    }

    .md-ml-13,
    .md-mx-13 {
        margin-left: 10rem!important
    }

    .md-m-14 {
        margin: 12rem!important
    }

    .md-mt-14,
    .md-my-14 {
        margin-top: 12rem!important
    }

    .md-mr-14,
    .md-mx-14 {
        margin-right: 12rem!important
    }

    .md-mb-14,
    .md-my-14 {
        margin-bottom: 12rem!important
    }

    .md-ml-14,
    .md-mx-14 {
        margin-left: 12rem!important
    }

    .md-m-15 {
        margin: 16rem!important
    }

    .md-mt-15,
    .md-my-15 {
        margin-top: 16rem!important
    }

    .md-mr-15,
    .md-mx-15 {
        margin-right: 16rem!important
    }

    .md-mb-15,
    .md-my-15 {
        margin-bottom: 16rem!important
    }

    .md-ml-15,
    .md-mx-15 {
        margin-left: 16rem!important
    }

    .md-m-16 {
        margin: 25rem!important
    }

    .md-mt-16,
    .md-my-16 {
        margin-top: 25rem!important
    }

    .md-mr-16,
    .md-mx-16 {
        margin-right: 25rem!important
    }

    .md-mb-16,
    .md-my-16 {
        margin-bottom: 25rem!important
    }

    .md-ml-16,
    .md-mx-16 {
        margin-left: 25rem!important
    }

    .md-p-1 {
        padding: .25rem!important
    }

    .md-pt-1,
    .md-py-1 {
        padding-top: .25rem!important
    }

    .md-pr-1,
    .md-px-1 {
        padding-right: .25rem!important
    }

    .md-pb-1,
    .md-py-1 {
        padding-bottom: .25rem!important
    }

    .md-pl-1,
    .md-px-1 {
        padding-left: .25rem!important
    }

    .md-p-2 {
        padding: .5rem!important
    }

    .md-pt-2,
    .md-py-2 {
        padding-top: .5rem!important
    }

    .md-pr-2,
    .md-px-2 {
        padding-right: .5rem!important
    }

    .md-pb-2,
    .md-py-2 {
        padding-bottom: .5rem!important
    }

    .md-pl-2,
    .md-px-2 {
        padding-left: .5rem!important
    }

    .md-p-3 {
        padding: .75rem!important
    }

    .md-pt-3,
    .md-py-3 {
        padding-top: .75rem!important
    }

    .md-pr-3,
    .md-px-3 {
        padding-right: .75rem!important
    }

    .md-pb-3,
    .md-py-3 {
        padding-bottom: .75rem!important
    }

    .md-pl-3,
    .md-px-3 {
        padding-left: .75rem!important
    }

    .md-p-4 {
        padding: 1rem!important
    }

    .md-pt-4,
    .md-py-4 {
        padding-top: 1rem!important
    }

    .md-pr-4,
    .md-px-4 {
        padding-right: 1rem!important
    }

    .md-pb-4,
    .md-py-4 {
        padding-bottom: 1rem!important
    }

    .md-pl-4,
    .md-px-4 {
        padding-left: 1rem!important
    }

    .md-p-5 {
        padding: 1.5rem!important
    }

    .md-pt-5,
    .md-py-5 {
        padding-top: 1.5rem!important
    }

    .md-pr-5,
    .md-px-5 {
        padding-right: 1.5rem!important
    }

    .md-pb-5,
    .md-py-5 {
        padding-bottom: 1.5rem!important
    }

    .md-pl-5,
    .md-px-5 {
        padding-left: 1.5rem!important
    }

    .md-p-6 {
        padding: 2rem!important
    }

    .md-pt-6,
    .md-py-6 {
        padding-top: 2rem!important
    }

    .md-pr-6,
    .md-px-6 {
        padding-right: 2rem!important
    }

    .md-pb-6,
    .md-py-6 {
        padding-bottom: 2rem!important
    }

    .md-pl-6,
    .md-px-6 {
        padding-left: 2rem!important
    }

    .md-p-7 {
        padding: 2.5rem!important
    }

    .md-pt-7,
    .md-py-7 {
        padding-top: 2.5rem!important
    }

    .md-pr-7,
    .md-px-7 {
        padding-right: 2.5rem!important
    }

    .md-pb-7,
    .md-py-7 {
        padding-bottom: 2.5rem!important
    }

    .md-pl-7,
    .md-px-7 {
        padding-left: 2.5rem!important
    }

    .md-p-8 {
        padding: 3rem!important
    }

    .md-pt-8,
    .md-py-8 {
        padding-top: 3rem!important
    }

    .md-pr-8,
    .md-px-8 {
        padding-right: 3rem!important
    }

    .md-pb-8,
    .md-py-8 {
        padding-bottom: 3rem!important
    }

    .md-pl-8,
    .md-px-8 {
        padding-left: 3rem!important
    }

    .md-p-9 {
        padding: 4rem!important
    }

    .md-pt-9,
    .md-py-9 {
        padding-top: 4rem!important
    }

    .md-pr-9,
    .md-px-9 {
        padding-right: 4rem!important
    }

    .md-pb-9,
    .md-py-9 {
        padding-bottom: 4rem!important
    }

    .md-pl-9,
    .md-px-9 {
        padding-left: 4rem!important
    }

    .md-p-10 {
        padding: 5rem!important
    }

    .md-pt-10,
    .md-py-10 {
        padding-top: 5rem!important
    }

    .md-pr-10,
    .md-px-10 {
        padding-right: 5rem!important
    }

    .md-pb-10,
    .md-py-10 {
        padding-bottom: 5rem!important
    }

    .md-pl-10,
    .md-px-10 {
        padding-left: 5rem!important
    }

    .md-p-11 {
        padding: 6rem!important
    }

    .md-pt-11,
    .md-py-11 {
        padding-top: 6rem!important
    }

    .md-pr-11,
    .md-px-11 {
        padding-right: 6rem!important
    }

    .md-pb-11,
    .md-py-11 {
        padding-bottom: 6rem!important
    }

    .md-pl-11,
    .md-px-11 {
        padding-left: 6rem!important
    }

    .md-p-12 {
        padding: 8rem!important
    }

    .md-pt-12,
    .md-py-12 {
        padding-top: 8rem!important
    }

    .md-pr-12,
    .md-px-12 {
        padding-right: 8rem!important
    }

    .md-pb-12,
    .md-py-12 {
        padding-bottom: 8rem!important
    }

    .md-pl-12,
    .md-px-12 {
        padding-left: 8rem!important
    }

    .md-p-13 {
        padding: 10rem!important
    }

    .md-pt-13,
    .md-py-13 {
        padding-top: 10rem!important
    }

    .md-pr-13,
    .md-px-13 {
        padding-right: 10rem!important
    }

    .md-pb-13,
    .md-py-13 {
        padding-bottom: 10rem!important
    }

    .md-pl-13,
    .md-px-13 {
        padding-left: 10rem!important
    }

    .md-p-14 {
        padding: 12rem!important
    }

    .md-pt-14,
    .md-py-14 {
        padding-top: 12rem!important
    }

    .md-pr-14,
    .md-px-14 {
        padding-right: 12rem!important
    }

    .md-pb-14,
    .md-py-14 {
        padding-bottom: 12rem!important
    }

    .md-pl-14,
    .md-px-14 {
        padding-left: 12rem!important
    }

    .md-p-15 {
        padding: 16rem!important
    }

    .md-pt-15,
    .md-py-15 {
        padding-top: 16rem!important
    }

    .md-pr-15,
    .md-px-15 {
        padding-right: 16rem!important
    }

    .md-pb-15,
    .md-py-15 {
        padding-bottom: 16rem!important
    }

    .md-pl-15,
    .md-px-15 {
        padding-left: 16rem!important
    }

    .md-p-16 {
        padding: 25rem!important
    }

    .md-pt-16,
    .md-py-16 {
        padding-top: 25rem!important
    }

    .md-pr-16,
    .md-px-16 {
        padding-right: 25rem!important
    }

    .md-pb-16,
    .md-py-16 {
        padding-bottom: 25rem!important
    }

    .md-pl-16,
    .md-px-16 {
        padding-left: 25rem!important
    }
}



@media (max-width: 768px) and (min-width: 576px) {
    .dropdown-menu-md,
    .dropdown-menu-lg,
    .dropdown-menu-xl {
        min-width: 100%;
    }
    .autoroyal-post-testimonials-content {
        font-size: 22px;
        line-height: 36px;
    }
    .nav-alt .nav-item {
        width: 100%;
    }
    .sm-mb-30 {
        margin-bottom: 30px;
    }
    .sm-mb-30 {
        margin-bottom: 30px;
    }
    .sm-mt-0,
    .sm-my-0 {
        margin-top: 0!important
    }

    .sm-mr-0,
    .sm-mx-0 {
        margin-right: 0!important
    }

    .sm-mb-0,
    .sm-my-0 {
        margin-bottom: 0!important
    }

    .sm-ml-0,
    .sm-mx-0 {
        margin-left: 0!important
    }

    .sm-m-1 {
        margin: .25rem!important
    }

    .sm-mt-1,
    .sm-my-1 {
        margin-top: .25rem!important
    }

    .sm-mr-1,
    .sm-mx-1 {
        margin-right: .25rem!important
    }

    .sm-mb-1,
    .sm-my-1 {
        margin-bottom: .25rem!important
    }

    .sm-ml-1,
    .sm-mx-1 {
        margin-left: .25rem!important
    }

    .sm-m-2 {
        margin: .5rem!important
    }

    .sm-mt-2,
    .sm-my-2 {
        margin-top: .5rem!important
    }

    .sm-mr-2,
    .sm-mx-2 {
        margin-right: .5rem!important
    }

    .sm-mb-2,
    .sm-my-2 {
        margin-bottom: .5rem!important
    }

    .sm-ml-2,
    .sm-mx-2 {
        margin-left: .5rem!important
    }

    .sm-m-3 {
        margin: .75rem!important
    }

    .sm-mt-3,
    .sm-my-3 {
        margin-top: .75rem!important
    }

    .sm-mr-3,
    .sm-mx-3 {
        margin-right: .75rem!important
    }

    .sm-mb-3,
    .sm-my-3 {
        margin-bottom: .75rem!important
    }

    .sm-ml-3,
    .sm-mx-3 {
        margin-left: .75rem!important
    }

    .sm-m-4 {
        margin: 1rem!important
    }

    .sm-mt-4,
    .sm-my-4 {
        margin-top: 1rem!important
    }

    .sm-mr-4,
    .sm-mx-4 {
        margin-right: 1rem!important
    }

    .sm-mb-4,
    .sm-my-4 {
        margin-bottom: 1rem!important
    }

    .sm-ml-4,
    .sm-mx-4 {
        margin-left: 1rem!important
    }

    .sm-m-5 {
        margin: 1.5rem!important
    }

    .sm-mt-5,
    .sm-my-5 {
        margin-top: 1.5rem!important
    }

    .sm-mr-5,
    .sm-mx-5 {
        margin-right: 1.5rem!important
    }

    .sm-mb-5,
    .sm-my-5 {
        margin-bottom: 1.5rem!important
    }

    .sm-ml-5,
    .sm-mx-5 {
        margin-left: 1.5rem!important
    }

    .sm-m-6 {
        margin: 2rem!important
    }

    .sm-mt-6,
    .sm-my-6 {
        margin-top: 2rem!important
    }

    .sm-mr-6,
    .sm-mx-6 {
        margin-right: 2rem!important
    }

    .sm-mb-6,
    .sm-my-6 {
        margin-bottom: 2rem!important
    }

    .sm-ml-6,
    .sm-mx-6 {
        margin-left: 2rem!important
    }

    .sm-m-7 {
        margin: 2.5rem!important
    }

    .sm-mt-7,
    .sm-my-7 {
        margin-top: 2.5rem!important
    }

    .sm-mr-7,
    .sm-mx-7 {
        margin-right: 2.5rem!important
    }

    .sm-mb-7,
    .sm-my-7 {
        margin-bottom: 2.5rem!important
    }

    .sm-ml-7,
    .sm-mx-7 {
        margin-left: 2.5rem!important
    }

    .sm-m-8 {
        margin: 3rem!important
    }

    .sm-mt-8,
    .sm-my-8 {
        margin-top: 3rem!important
    }

    .sm-mr-8,
    .sm-mx-8 {
        margin-right: 3rem!important
    }

    .sm-mb-8,
    .sm-my-8 {
        margin-bottom: 3rem!important
    }

    .sm-ml-8,
    .sm-mx-8 {
        margin-left: 3rem!important
    }

    .sm-m-9 {
        margin: 4rem!important
    }

    .sm-mt-9,
    .sm-my-9 {
        margin-top: 4rem!important
    }

    .sm-mr-9,
    .sm-mx-9 {
        margin-right: 4rem!important
    }

    .sm-mb-9,
    .sm-my-9 {
        margin-bottom: 4rem!important
    }

    .sm-ml-9,
    .sm-mx-9 {
        margin-left: 4rem!important
    }

    .sm-m-10 {
        margin: 5rem!important
    }

    .sm-mt-10,
    .sm-my-10 {
        margin-top: 5rem!important
    }

    .sm-mr-10,
    .sm-mx-10 {
        margin-right: 5rem!important
    }

    .sm-mb-10,
    .sm-my-10 {
        margin-bottom: 5rem!important
    }

    .sm-ml-10,
    .sm-mx-10 {
        margin-left: 5rem!important
    }

    .sm-m-11 {
        margin: 6rem!important
    }

    .sm-mt-11,
    .sm-my-11 {
        margin-top: 6rem!important
    }

    .sm-mr-11,
    .sm-mx-11 {
        margin-right: 6rem!important
    }

    .sm-mb-11,
    .sm-my-11 {
        margin-bottom: 6rem!important
    }

    .sm-ml-11,
    .sm-mx-11 {
        margin-left: 6rem!important
    }

    .sm-m-12 {
        margin: 8rem!important
    }

    .sm-mt-12,
    .sm-my-12 {
        margin-top: 8rem!important
    }

    .sm-mr-12,
    .sm-mx-12 {
        margin-right: 8rem!important
    }

    .sm-mb-12,
    .sm-my-12 {
        margin-bottom: 8rem!important
    }

    .sm-ml-12,
    .sm-mx-12 {
        margin-left: 8rem!important
    }

    .sm-m-13 {
        margin: 10rem!important
    }

    .sm-mt-13,
    .sm-my-13 {
        margin-top: 10rem!important
    }

    .sm-mr-13,
    .sm-mx-13 {
        margin-right: 10rem!important
    }

    .sm-mb-13,
    .sm-my-13 {
        margin-bottom: 10rem!important
    }

    .sm-ml-13,
    .sm-mx-13 {
        margin-left: 10rem!important
    }

    .sm-m-14 {
        margin: 12rem!important
    }

    .sm-mt-14,
    .sm-my-14 {
        margin-top: 12rem!important
    }

    .sm-mr-14,
    .sm-mx-14 {
        margin-right: 12rem!important
    }

    .sm-mb-14,
    .sm-my-14 {
        margin-bottom: 12rem!important
    }

    .sm-ml-14,
    .sm-mx-14 {
        margin-left: 12rem!important
    }

    .sm-m-15 {
        margin: 16rem!important
    }

    .sm-mt-15,
    .sm-my-15 {
        margin-top: 16rem!important
    }

    .sm-mr-15,
    .sm-mx-15 {
        margin-right: 16rem!important
    }

    .sm-mb-15,
    .sm-my-15 {
        margin-bottom: 16rem!important
    }

    .sm-ml-15,
    .sm-mx-15 {
        margin-left: 16rem!important
    }

    .sm-m-16 {
        margin: 25rem!important
    }

    .sm-mt-16,
    .sm-my-16 {
        margin-top: 25rem!important
    }

    .sm-mr-16,
    .sm-mx-16 {
        margin-right: 25rem!important
    }

    .sm-mb-16,
    .sm-my-16 {
        margin-bottom: 25rem!important
    }

    .sm-ml-16,
    .sm-mx-16 {
        margin-left: 25rem!important
    }

    .sm-p-1 {
        padding: .25rem!important
    }

    .sm-pt-1,
    .sm-py-1 {
        padding-top: .25rem!important
    }

    .sm-pr-1,
    .sm-px-1 {
        padding-right: .25rem!important
    }

    .sm-pb-1,
    .sm-py-1 {
        padding-bottom: .25rem!important
    }

    .sm-pl-1,
    .sm-px-1 {
        padding-left: .25rem!important
    }

    .sm-p-2 {
        padding: .5rem!important
    }

    .sm-pt-2,
    .sm-py-2 {
        padding-top: .5rem!important
    }

    .sm-pr-2,
    .sm-px-2 {
        padding-right: .5rem!important
    }

    .sm-pb-2,
    .sm-py-2 {
        padding-bottom: .5rem!important
    }

    .sm-pl-2,
    .sm-px-2 {
        padding-left: .5rem!important
    }

    .sm-p-3 {
        padding: .75rem!important
    }

    .sm-pt-3,
    .sm-py-3 {
        padding-top: .75rem!important
    }

    .sm-pr-3,
    .sm-px-3 {
        padding-right: .75rem!important
    }

    .sm-pb-3,
    .sm-py-3 {
        padding-bottom: .75rem!important
    }

    .sm-pl-3,
    .sm-px-3 {
        padding-left: .75rem!important
    }

    .sm-p-4 {
        padding: 1rem!important
    }

    .sm-pt-4,
    .sm-py-4 {
        padding-top: 1rem!important
    }

    .sm-pr-4,
    .sm-px-4 {
        padding-right: 1rem!important
    }

    .sm-pb-4,
    .sm-py-4 {
        padding-bottom: 1rem!important
    }

    .sm-pl-4,
    .sm-px-4 {
        padding-left: 1rem!important
    }

    .sm-p-5 {
        padding: 1.5rem!important
    }

    .sm-pt-5,
    .sm-py-5 {
        padding-top: 1.5rem!important
    }

    .sm-pr-5,
    .sm-px-5 {
        padding-right: 1.5rem!important
    }

    .sm-pb-5,
    .sm-py-5 {
        padding-bottom: 1.5rem!important
    }

    .sm-pl-5,
    .sm-px-5 {
        padding-left: 1.5rem!important
    }

    .sm-p-6 {
        padding: 2rem!important
    }

    .sm-pt-6,
    .sm-py-6 {
        padding-top: 2rem!important
    }

    .sm-pr-6,
    .sm-px-6 {
        padding-right: 2rem!important
    }

    .sm-pb-6,
    .sm-py-6 {
        padding-bottom: 2rem!important
    }

    .sm-pl-6,
    .sm-px-6 {
        padding-left: 2rem!important
    }

    .sm-p-7 {
        padding: 2.5rem!important
    }

    .sm-pt-7,
    .sm-py-7 {
        padding-top: 2.5rem!important
    }

    .sm-pr-7,
    .sm-px-7 {
        padding-right: 2.5rem!important
    }

    .sm-pb-7,
    .sm-py-7 {
        padding-bottom: 2.5rem!important
    }

    .sm-pl-7,
    .sm-px-7 {
        padding-left: 2.5rem!important
    }

    .sm-p-8 {
        padding: 3rem!important
    }

    .sm-pt-8,
    .sm-py-8 {
        padding-top: 3rem!important
    }

    .sm-pr-8,
    .sm-px-8 {
        padding-right: 3rem!important
    }

    .sm-pb-8,
    .sm-py-8 {
        padding-bottom: 3rem!important
    }

    .sm-pl-8,
    .sm-px-8 {
        padding-left: 3rem!important
    }

    .sm-p-9 {
        padding: 4rem!important
    }

    .sm-pt-9,
    .sm-py-9 {
        padding-top: 4rem!important
    }

    .sm-pr-9,
    .sm-px-9 {
        padding-right: 4rem!important
    }

    .sm-pb-9,
    .sm-py-9 {
        padding-bottom: 4rem!important
    }

    .sm-pl-9,
    .sm-px-9 {
        padding-left: 4rem!important
    }

    .sm-p-10 {
        padding: 5rem!important
    }

    .sm-pt-10,
    .sm-py-10 {
        padding-top: 5rem!important
    }

    .sm-pr-10,
    .sm-px-10 {
        padding-right: 5rem!important
    }

    .sm-pb-10,
    .sm-py-10 {
        padding-bottom: 5rem!important
    }

    .sm-pl-10,
    .sm-px-10 {
        padding-left: 5rem!important
    }

    .sm-p-11 {
        padding: 6rem!important
    }

    .sm-pt-11,
    .sm-py-11 {
        padding-top: 6rem!important
    }

    .sm-pr-11,
    .sm-px-11 {
        padding-right: 6rem!important
    }

    .sm-pb-11,
    .sm-py-11 {
        padding-bottom: 6rem!important
    }

    .sm-pl-11,
    .sm-px-11 {
        padding-left: 6rem!important
    }

    .sm-p-12 {
        padding: 8rem!important
    }

    .sm-pt-12,
    .sm-py-12 {
        padding-top: 8rem!important
    }

    .sm-pr-12,
    .sm-px-12 {
        padding-right: 8rem!important
    }

    .sm-pb-12,
    .sm-py-12 {
        padding-bottom: 8rem!important
    }

    .sm-pl-12,
    .sm-px-12 {
        padding-left: 8rem!important
    }

    .sm-p-13 {
        padding: 10rem!important
    }

    .sm-pt-13,
    .sm-py-13 {
        padding-top: 10rem!important
    }

    .sm-pr-13,
    .sm-px-13 {
        padding-right: 10rem!important
    }

    .sm-pb-13,
    .sm-py-13 {
        padding-bottom: 10rem!important
    }

    .sm-pl-13,
    .sm-px-13 {
        padding-left: 10rem!important
    }

    .sm-p-14 {
        padding: 12rem!important
    }

    .sm-pt-14,
    .sm-py-14 {
        padding-top: 12rem!important
    }

    .sm-pr-14,
    .sm-px-14 {
        padding-right: 12rem!important
    }

    .sm-pb-14,
    .sm-py-14 {
        padding-bottom: 12rem!important
    }

    .sm-pl-14,
    .sm-px-14 {
        padding-left: 12rem!important
    }

    .sm-p-15 {
        padding: 16rem!important
    }

    .sm-pt-15,
    .sm-py-15 {
        padding-top: 16rem!important
    }

    .sm-pr-15,
    .sm-px-15 {
        padding-right: 16rem!important
    }

    .sm-pb-15,
    .sm-py-15 {
        padding-bottom: 16rem!important
    }

    .sm-pl-15,
    .sm-px-15 {
        padding-left: 16rem!important
    }

    .sm-p-16 {
        padding: 25rem!important
    }

    .sm-pt-16,
    .sm-py-16 {
        padding-top: 25rem!important
    }

    .sm-pr-16,
    .sm-px-16 {
        padding-right: 25rem!important
    }

    .sm-pb-16,
    .sm-py-16 {
        padding-bottom: 25rem!important
    }

    .sm-pl-16,
    .sm-px-16 {
        padding-left: 25rem!important
    }
}

@media (max-width: 576px){
    .dropdown-menu-md,
    .dropdown-menu-lg,
    .dropdown-menu-xl {
        min-width: 100%;
    }
    .autoroyal-post-testimonials-content {
        font-size: 22px;
        line-height: 36px;
    }
    .nav-alt .nav-item {
        width: 100%;
    }
    .xs-mb-30 {
        margin-bottom: 30px;
    }
    .xs-mb-30 {
        margin-bottom: 30px;
    }
    .xs-mt-0,
    .xs-my-0 {
        margin-top: 0!important
    }

    .xs-mr-0,
    .xs-mx-0 {
        margin-right: 0!important
    }

    .xs-mb-0,
    .xs-my-0 {
        margin-bottom: 0!important
    }

    .xs-ml-0,
    .xs-mx-0 {
        margin-left: 0!important
    }

    .xs-m-1 {
        margin: .25rem!important
    }

    .xs-mt-1,
    .xs-my-1 {
        margin-top: .25rem!important
    }

    .xs-mr-1,
    .xs-mx-1 {
        margin-right: .25rem!important
    }

    .xs-mb-1,
    .xs-my-1 {
        margin-bottom: .25rem!important
    }

    .xs-ml-1,
    .xs-mx-1 {
        margin-left: .25rem!important
    }

    .xs-m-2 {
        margin: .5rem!important
    }

    .xs-mt-2,
    .xs-my-2 {
        margin-top: .5rem!important
    }

    .xs-mr-2,
    .xs-mx-2 {
        margin-right: .5rem!important
    }

    .xs-mb-2,
    .xs-my-2 {
        margin-bottom: .5rem!important
    }

    .xs-ml-2,
    .xs-mx-2 {
        margin-left: .5rem!important
    }

    .xs-m-3 {
        margin: .75rem!important
    }

    .xs-mt-3,
    .xs-my-3 {
        margin-top: .75rem!important
    }

    .xs-mr-3,
    .xs-mx-3 {
        margin-right: .75rem!important
    }

    .xs-mb-3,
    .xs-my-3 {
        margin-bottom: .75rem!important
    }

    .xs-ml-3,
    .xs-mx-3 {
        margin-left: .75rem!important
    }

    .xs-m-4 {
        margin: 1rem!important
    }

    .xs-mt-4,
    .xs-my-4 {
        margin-top: 1rem!important
    }

    .xs-mr-4,
    .xs-mx-4 {
        margin-right: 1rem!important
    }

    .xs-mb-4,
    .xs-my-4 {
        margin-bottom: 1rem!important
    }

    .xs-ml-4,
    .xs-mx-4 {
        margin-left: 1rem!important
    }

    .xs-m-5 {
        margin: 1.5rem!important
    }

    .xs-mt-5,
    .xs-my-5 {
        margin-top: 1.5rem!important
    }

    .xs-mr-5,
    .xs-mx-5 {
        margin-right: 1.5rem!important
    }

    .xs-mb-5,
    .xs-my-5 {
        margin-bottom: 1.5rem!important
    }

    .xs-ml-5,
    .xs-mx-5 {
        margin-left: 1.5rem!important
    }

    .xs-m-6 {
        margin: 2rem!important
    }

    .xs-mt-6,
    .xs-my-6 {
        margin-top: 2rem!important
    }

    .xs-mr-6,
    .xs-mx-6 {
        margin-right: 2rem!important
    }

    .xs-mb-6,
    .xs-my-6 {
        margin-bottom: 2rem!important
    }

    .xs-ml-6,
    .xs-mx-6 {
        margin-left: 2rem!important
    }

    .xs-m-7 {
        margin: 2.5rem!important
    }

    .xs-mt-7,
    .xs-my-7 {
        margin-top: 2.5rem!important
    }

    .xs-mr-7,
    .xs-mx-7 {
        margin-right: 2.5rem!important
    }

    .xs-mb-7,
    .xs-my-7 {
        margin-bottom: 2.5rem!important
    }

    .xs-ml-7,
    .xs-mx-7 {
        margin-left: 2.5rem!important
    }

    .xs-m-8 {
        margin: 3rem!important
    }

    .xs-mt-8,
    .xs-my-8 {
        margin-top: 3rem!important
    }

    .xs-mr-8,
    .xs-mx-8 {
        margin-right: 3rem!important
    }

    .xs-mb-8,
    .xs-my-8 {
        margin-bottom: 3rem!important
    }

    .xs-ml-8,
    .xs-mx-8 {
        margin-left: 3rem!important
    }

    .xs-m-9 {
        margin: 4rem!important
    }

    .xs-mt-9,
    .xs-my-9 {
        margin-top: 4rem!important
    }

    .xs-mr-9,
    .xs-mx-9 {
        margin-right: 4rem!important
    }

    .xs-mb-9,
    .xs-my-9 {
        margin-bottom: 4rem!important
    }

    .xs-ml-9,
    .xs-mx-9 {
        margin-left: 4rem!important
    }

    .xs-m-10 {
        margin: 5rem!important
    }

    .xs-mt-10,
    .xs-my-10 {
        margin-top: 5rem!important
    }

    .xs-mr-10,
    .xs-mx-10 {
        margin-right: 5rem!important
    }

    .xs-mb-10,
    .xs-my-10 {
        margin-bottom: 5rem!important
    }

    .xs-ml-10,
    .xs-mx-10 {
        margin-left: 5rem!important
    }

    .xs-m-11 {
        margin: 6rem!important
    }

    .xs-mt-11,
    .xs-my-11 {
        margin-top: 6rem!important
    }

    .xs-mr-11,
    .xs-mx-11 {
        margin-right: 6rem!important
    }

    .xs-mb-11,
    .xs-my-11 {
        margin-bottom: 6rem!important
    }

    .xs-ml-11,
    .xs-mx-11 {
        margin-left: 6rem!important
    }

    .xs-m-12 {
        margin: 8rem!important
    }

    .xs-mt-12,
    .xs-my-12 {
        margin-top: 8rem!important
    }

    .xs-mr-12,
    .xs-mx-12 {
        margin-right: 8rem!important
    }

    .xs-mb-12,
    .xs-my-12 {
        margin-bottom: 8rem!important
    }

    .xs-ml-12,
    .xs-mx-12 {
        margin-left: 8rem!important
    }

    .xs-m-13 {
        margin: 10rem!important
    }

    .xs-mt-13,
    .xs-my-13 {
        margin-top: 10rem!important
    }

    .xs-mr-13,
    .xs-mx-13 {
        margin-right: 10rem!important
    }

    .xs-mb-13,
    .xs-my-13 {
        margin-bottom: 10rem!important
    }

    .xs-ml-13,
    .xs-mx-13 {
        margin-left: 10rem!important
    }

    .xs-m-14 {
        margin: 12rem!important
    }

    .xs-mt-14,
    .xs-my-14 {
        margin-top: 12rem!important
    }

    .xs-mr-14,
    .xs-mx-14 {
        margin-right: 12rem!important
    }

    .xs-mb-14,
    .xs-my-14 {
        margin-bottom: 12rem!important
    }

    .xs-ml-14,
    .xs-mx-14 {
        margin-left: 12rem!important
    }

    .xs-m-15 {
        margin: 16rem!important
    }

    .xs-mt-15,
    .xs-my-15 {
        margin-top: 16rem!important
    }

    .xs-mr-15,
    .xs-mx-15 {
        margin-right: 16rem!important
    }

    .xs-mb-15,
    .xs-my-15 {
        margin-bottom: 16rem!important
    }

    .xs-ml-15,
    .xs-mx-15 {
        margin-left: 16rem!important
    }

    .xs-m-16 {
        margin: 25rem!important
    }

    .xs-mt-16,
    .xs-my-16 {
        margin-top: 25rem!important
    }

    .xs-mr-16,
    .xs-mx-16 {
        margin-right: 25rem!important
    }

    .xs-mb-16,
    .xs-my-16 {
        margin-bottom: 25rem!important
    }

    .xs-ml-16,
    .xs-mx-16 {
        margin-left: 25rem!important
    }

    .xs-p-1 {
        padding: .25rem!important
    }

    .xs-pt-1,
    .xs-py-1 {
        padding-top: .25rem!important
    }

    .xs-pr-1,
    .xs-px-1 {
        padding-right: .25rem!important
    }

    .xs-pb-1,
    .xs-py-1 {
        padding-bottom: .25rem!important
    }

    .xs-pl-1,
    .xs-px-1 {
        padding-left: .25rem!important
    }

    .xs-p-2 {
        padding: .5rem!important
    }

    .xs-pt-2,
    .xs-py-2 {
        padding-top: .5rem!important
    }

    .xs-pr-2,
    .xs-px-2 {
        padding-right: .5rem!important
    }

    .xs-pb-2,
    .xs-py-2 {
        padding-bottom: .5rem!important
    }

    .xs-pl-2,
    .xs-px-2 {
        padding-left: .5rem!important
    }

    .xs-p-3 {
        padding: .75rem!important
    }

    .xs-pt-3,
    .xs-py-3 {
        padding-top: .75rem!important
    }

    .xs-pr-3,
    .xs-px-3 {
        padding-right: .75rem!important
    }

    .xs-pb-3,
    .xs-py-3 {
        padding-bottom: .75rem!important
    }

    .xs-pl-3,
    .xs-px-3 {
        padding-left: .75rem!important
    }

    .xs-p-4 {
        padding: 1rem!important
    }

    .xs-pt-4,
    .xs-py-4 {
        padding-top: 1rem!important
    }

    .xs-pr-4,
    .xs-px-4 {
        padding-right: 1rem!important
    }

    .xs-pb-4,
    .xs-py-4 {
        padding-bottom: 1rem!important
    }

    .xs-pl-4,
    .xs-px-4 {
        padding-left: 1rem!important
    }

    .xs-p-5 {
        padding: 1.5rem!important
    }

    .xs-pt-5,
    .xs-py-5 {
        padding-top: 1.5rem!important
    }

    .xs-pr-5,
    .xs-px-5 {
        padding-right: 1.5rem!important
    }

    .xs-pb-5,
    .xs-py-5 {
        padding-bottom: 1.5rem!important
    }

    .xs-pl-5,
    .xs-px-5 {
        padding-left: 1.5rem!important
    }

    .xs-p-6 {
        padding: 2rem!important
    }

    .xs-pt-6,
    .xs-py-6 {
        padding-top: 2rem!important
    }

    .xs-pr-6,
    .xs-px-6 {
        padding-right: 2rem!important
    }

    .xs-pb-6,
    .xs-py-6 {
        padding-bottom: 2rem!important
    }

    .xs-pl-6,
    .xs-px-6 {
        padding-left: 2rem!important
    }

    .xs-p-7 {
        padding: 2.5rem!important
    }

    .xs-pt-7,
    .xs-py-7 {
        padding-top: 2.5rem!important
    }

    .xs-pr-7,
    .xs-px-7 {
        padding-right: 2.5rem!important
    }

    .xs-pb-7,
    .xs-py-7 {
        padding-bottom: 2.5rem!important
    }

    .xs-pl-7,
    .xs-px-7 {
        padding-left: 2.5rem!important
    }

    .xs-p-8 {
        padding: 3rem!important
    }

    .xs-pt-8,
    .xs-py-8 {
        padding-top: 3rem!important
    }

    .xs-pr-8,
    .xs-px-8 {
        padding-right: 3rem!important
    }

    .xs-pb-8,
    .xs-py-8 {
        padding-bottom: 3rem!important
    }

    .xs-pl-8,
    .xs-px-8 {
        padding-left: 3rem!important
    }

    .xs-p-9 {
        padding: 4rem!important
    }

    .xs-pt-9,
    .xs-py-9 {
        padding-top: 4rem!important
    }

    .xs-pr-9,
    .xs-px-9 {
        padding-right: 4rem!important
    }

    .xs-pb-9,
    .xs-py-9 {
        padding-bottom: 4rem!important
    }

    .xs-pl-9,
    .xs-px-9 {
        padding-left: 4rem!important
    }

    .xs-p-10 {
        padding: 5rem!important
    }

    .xs-pt-10,
    .xs-py-10 {
        padding-top: 5rem!important
    }

    .xs-pr-10,
    .xs-px-10 {
        padding-right: 5rem!important
    }

    .xs-pb-10,
    .xs-py-10 {
        padding-bottom: 5rem!important
    }

    .xs-pl-10,
    .xs-px-10 {
        padding-left: 5rem!important
    }

    .xs-p-11 {
        padding: 6rem!important
    }

    .xs-pt-11,
    .xs-py-11 {
        padding-top: 6rem!important
    }

    .xs-pr-11,
    .xs-px-11 {
        padding-right: 6rem!important
    }

    .xs-pb-11,
    .xs-py-11 {
        padding-bottom: 6rem!important
    }

    .xs-pl-11,
    .xs-px-11 {
        padding-left: 6rem!important
    }

    .xs-p-12 {
        padding: 8rem!important
    }

    .xs-pt-12,
    .xs-py-12 {
        padding-top: 8rem!important
    }

    .xs-pr-12,
    .xs-px-12 {
        padding-right: 8rem!important
    }

    .xs-pb-12,
    .xs-py-12 {
        padding-bottom: 8rem!important
    }

    .xs-pl-12,
    .xs-px-12 {
        padding-left: 8rem!important
    }

    .xs-p-13 {
        padding: 10rem!important
    }

    .xs-pt-13,
    .xs-py-13 {
        padding-top: 10rem!important
    }

    .xs-pr-13,
    .xs-px-13 {
        padding-right: 10rem!important
    }

    .xs-pb-13,
    .xs-py-13 {
        padding-bottom: 10rem!important
    }

    .xs-pl-13,
    .xs-px-13 {
        padding-left: 10rem!important
    }

    .xs-p-14 {
        padding: 12rem!important
    }

    .xs-pt-14,
    .xs-py-14 {
        padding-top: 12rem!important
    }

    .xs-pr-14,
    .xs-px-14 {
        padding-right: 12rem!important
    }

    .xs-pb-14,
    .xs-py-14 {
        padding-bottom: 12rem!important
    }

    .xs-pl-14,
    .xs-px-14 {
        padding-left: 12rem!important
    }

    .xs-p-15 {
        padding: 16rem!important
    }

    .xs-pt-15,
    .xs-py-15 {
        padding-top: 16rem!important
    }

    .xs-pr-15,
    .xs-px-15 {
        padding-right: 16rem!important
    }

    .xs-pb-15,
    .xs-py-15 {
        padding-bottom: 16rem!important
    }

    .xs-pl-15,
    .xs-px-15 {
        padding-left: 16rem!important
    }

    .xs-p-16 {
        padding: 25rem!important
    }

    .xs-pt-16,
    .xs-py-16 {
        padding-top: 25rem!important
    }

    .xs-pr-16,
    .xs-px-16 {
        padding-right: 25rem!important
    }

    .xs-pb-16,
    .xs-py-16 {
        padding-bottom: 25rem!important
    }

    .xs-pl-16,
    .xs-px-16 {
        padding-left: 25rem!important
    }
}

.top-navigation {
    background-color: #0C3EB8;
}

.op-3 {
    opacity: .3;
}


.autoroyal-uploaded-files .image-drag-placeholder {
    padding-bottom: 160px;
    position: relative;
    height: 0;
}

.autoroyal-uploaded-files .image-drag-placeholder:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: 2;
    border-radius: 3px;
    background-color: rgba(0,0,0,0.4);
}

#cd-item-slider .carousel-item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.location-logo {
    max-width: 200px;
    display: inline-block;
    margin-bottom: 30px;
}

/* Buy theme from Envato button */
.autoroyal-buy-now-buttons {
    font-size: 13px;
    font-weight: 700;
    left: 15px;
    bottom: 20px;
    display: block;
    padding: 16px;
    color: #fff;
    background: #82b541;
    border-radius: 48px;
    position: fixed;
    z-index: 999;
    overflow: hidden;
}

.autoroyal-buy-now-buttons .autoroyal-buy-now-inner img {
    height: 12px;
}

.autoroyal-buy-now-buttons:hover,
.autoroyal-buy-now-buttons:active,
.autoroyal-buy-now-buttons:focus {
    color: #fff !important;
}

.autoroyal-buy-now-buttons .autoroyal-buy-now-inner span {
    font-weight: 300;
    font-style: normal;
    text-transform: none;
    margin: 0 3px;
}

.autoroyal-buy-now-buttons img {
    margin-left: 5px;
    vertical-align: initial;
}

.autoroyal-buy-now-buttons .fa {
    margin-right: 5px;
}

.autoroyal-buy-now-buttons img.autoroyal-buy-now-logo {
    width: 24px;
    height: auto;
    float: left;
    margin: 0;
}

.autoroyal-buy-now-buttons .autoroyal-buy-now-inner {
    display: block;
    padding: 3px 0;
    float: left;
    line-height: 18px;
    padding-left: 0;
    max-width: 0;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: -70px;
}

.autoroyal-buy-now-buttons:hover .autoroyal-buy-now-inner {
    padding-left: 10px;
    padding-right: 5px;
    margin-right: 0;
    max-width: 400px;
    opacity: 1;
}