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

	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 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.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, 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: #26AC4E !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, 0.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, 0.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, 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, 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 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.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 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.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 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  box-shadow: 0 0 40px 0 rgba(0, 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: #eee;
  border: none;
  font-weight: normal;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.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 {
  display: flex;
  align-items: center;
}

.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: 0.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, 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,
.single_car .widget.autoroyal-rent-price-list {
  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, 0.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, 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: 0.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: 0.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: 0.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: 0.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, 0.4);
  background: #fff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.5s cubic-bezier(0.2, 1, 0.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, 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, 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 0.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;
  margin-right: 15px;
}

.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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 0.3s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 1, 0.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 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 6px 20px 0 rgba(0, 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, 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, 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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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, 0.3);
}

.autoroyal-icon-box-style-boxed:hover {
  transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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, 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, 0.1);
}

.autoroyal-icon-box-style-boxed.autoroyal-icon-box-style-boxed-colored-bg:hover
  p {
  opacity: 0.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(0.4, 0.2, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.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: 0.33;
  backface-visibility: hidden;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.1);
}

.flip-box-front .inner {
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.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(0.4, 0.2, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.2, 1);
  -webkit-transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.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: 0.16;
  backface-visibility: hidden;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.1);
}

.flip-box-back .inner {
  transform: translateY(-50%) translateZ(60px) scale(0.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(0.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: 0.6;
}

.autoroyal-carousel-view-all .material-icons {
  margin-left: 20px;
  vertical-align: bottom;
  line-height: 22px;
  transition: all 1s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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: 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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, 0.8);
  background-color: rgba(46, 0, 105, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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: 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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: 0.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, 0.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.5);
  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: 0.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(0.25, rgba(255, 255, 255, 0.1)),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, rgba(255, 255, 255, 0.1)),
    color-stop(0.75, rgba(255, 255, 255, 0.1)),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -moz-linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.1) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.1) 50%,
    rgba(255, 255, 255, 0.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 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  box-shadow: 0 0 40px 0 rgba(0, 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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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(0.2, 1, 0.22, 1);
  -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.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: 0.4;
  transition: all 0.2s ease;
  -webkit-transition: all 0.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: 0.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 0.2s ease;
  -webkit-transition: all 0.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 0.3s ease;
  -webkit-transition: all 0.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 0.2s ease;
  -webkit-transition: all 0.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, 0.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, 0.04),
    0 16px 40px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 16px 40px 0 rgba(0, 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,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled.xdsoft_today {
  cursor: not-allowed;
  background: #f8f8f6;
  color: #373737 !important;
  font-weight: normal;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled.xdsoft_today:hover {
  background: #f8f8f6 !important;
  color: #373737 !important;
  box-shadow: none !important;
}
.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 0.3s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.2, 1, 0.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: 0.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 0.7s cubic-bezier(0.2, 1, 0.22, 1);
  -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.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, 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, 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: 0.375rem 0.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, 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, 0.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, 0.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 0.35s;
  transition: all ease 0.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 0.35s;
  transition: all ease 0.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: 0.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 {
  background: #eee;
  padding: 10.5px;
  margin-top: 0;
  border-radius: 4px;
}

.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-container-single .chosen-single:hover,
.chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active
  .chosen-single {
  color: #495057 !important;
}

.chosen-container span {
  font-size: 14px;
}

.chosen-single:after {
  content: attr(data-label); /* no quotes around attribute name! */
  position: absolute;
  top: 4px;
  color: #9b9b9b;
  font-size: 12px;
  font-size: 0.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;
  position: absolute;
  right: 8px;
  top: -2px;
}

.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, 0.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, 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,
  .single_car .widget.autoroyal-rent-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: 20px 20px 20px 20px;
    margin-top: 15px !important;
  }
}

.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 0.2s;
  -o-transition: transform 0.2s;
  -webkit-transition: transform 0.2s;
  transition: transform 0.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: 0.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: 0.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: 0.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 0.2s;
  -o-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  transition: all 0.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, 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: 30px;
    padding-left: 30px;
  }
  .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;
    height: 45px;
  }
 

  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,
  .single_car .widget.autoroyal-rent-price-list {
    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: 0.25rem !important;
  }

  .md-mt-1,
  .md-my-1 {
    margin-top: 0.25rem !important;
  }

  .md-mr-1,
  .md-mx-1 {
    margin-right: 0.25rem !important;
  }

  .md-mb-1,
  .md-my-1 {
    margin-bottom: 0.25rem !important;
  }

  .md-ml-1,
  .md-mx-1 {
    margin-left: 0.25rem !important;
  }

  .md-m-2 {
    margin: 0.5rem !important;
  }

  .md-mt-2,
  .md-my-2 {
    margin-top: 0.5rem !important;
  }

  .md-mr-2,
  .md-mx-2 {
    margin-right: 0.5rem !important;
  }

  .md-mb-2,
  .md-my-2 {
    margin-bottom: 0.5rem !important;
  }

  .md-ml-2,
  .md-mx-2 {
    margin-left: 0.5rem !important;
  }

  .md-m-3 {
    margin: 0.75rem !important;
  }

  .md-mt-3,
  .md-my-3 {
    margin-top: 0.75rem !important;
  }

  .md-mr-3,
  .md-mx-3 {
    margin-right: 0.75rem !important;
  }

  .md-mb-3,
  .md-my-3 {
    margin-bottom: 0.75rem !important;
  }

  .md-ml-3,
  .md-mx-3 {
    margin-left: 0.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: 0.25rem !important;
  }

  .md-pt-1,
  .md-py-1 {
    padding-top: 0.25rem !important;
  }

  .md-pr-1,
  .md-px-1 {
    padding-right: 0.25rem !important;
  }

  .md-pb-1,
  .md-py-1 {
    padding-bottom: 0.25rem !important;
  }

  .md-pl-1,
  .md-px-1 {
    padding-left: 0.25rem !important;
  }

  .md-p-2 {
    padding: 0.5rem !important;
  }

  .md-pt-2,
  .md-py-2 {
    padding-top: 0.5rem !important;
  }

  .md-pr-2,
  .md-px-2 {
    padding-right: 0.5rem !important;
  }

  .md-pb-2,
  .md-py-2 {
    padding-bottom: 0.5rem !important;
  }

  .md-pl-2,
  .md-px-2 {
    padding-left: 0.5rem !important;
  }

  .md-p-3 {
    padding: 0.75rem !important;
  }

  .md-pt-3,
  .md-py-3 {
    padding-top: 0.75rem !important;
  }

  .md-pr-3,
  .md-px-3 {
    padding-right: 0.75rem !important;
  }

  .md-pb-3,
  .md-py-3 {
    padding-bottom: 0.75rem !important;
  }

  .md-pl-3,
  .md-px-3 {
    padding-left: 0.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: 0.25rem !important;
  }

  .sm-mt-1,
  .sm-my-1 {
    margin-top: 0.25rem !important;
  }

  .sm-mr-1,
  .sm-mx-1 {
    margin-right: 0.25rem !important;
  }

  .sm-mb-1,
  .sm-my-1 {
    margin-bottom: 0.25rem !important;
  }

  .sm-ml-1,
  .sm-mx-1 {
    margin-left: 0.25rem !important;
  }

  .sm-m-2 {
    margin: 0.5rem !important;
  }

  .sm-mt-2,
  .sm-my-2 {
    margin-top: 0.5rem !important;
  }

  .sm-mr-2,
  .sm-mx-2 {
    margin-right: 0.5rem !important;
  }

  .sm-mb-2,
  .sm-my-2 {
    margin-bottom: 0.5rem !important;
  }

  .sm-ml-2,
  .sm-mx-2 {
    margin-left: 0.5rem !important;
  }

  .sm-m-3 {
    margin: 0.75rem !important;
  }

  .sm-mt-3,
  .sm-my-3 {
    margin-top: 0.75rem !important;
  }

  .sm-mr-3,
  .sm-mx-3 {
    margin-right: 0.75rem !important;
  }

  .sm-mb-3,
  .sm-my-3 {
    margin-bottom: 0.75rem !important;
  }

  .sm-ml-3,
  .sm-mx-3 {
    margin-left: 0.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: 0.25rem !important;
  }

  .sm-pt-1,
  .sm-py-1 {
    padding-top: 0.25rem !important;
  }

  .sm-pr-1,
  .sm-px-1 {
    padding-right: 0.25rem !important;
  }

  .sm-pb-1,
  .sm-py-1 {
    padding-bottom: 0.25rem !important;
  }

  .sm-pl-1,
  .sm-px-1 {
    padding-left: 0.25rem !important;
  }

  .sm-p-2 {
    padding: 0.5rem !important;
  }

  .sm-pt-2,
  .sm-py-2 {
    padding-top: 0.5rem !important;
  }

  .sm-pr-2,
  .sm-px-2 {
    padding-right: 0.5rem !important;
  }

  .sm-pb-2,
  .sm-py-2 {
    padding-bottom: 0.5rem !important;
  }

  .sm-pl-2,
  .sm-px-2 {
    padding-left: 0.5rem !important;
  }

  .sm-p-3 {
    padding: 0.75rem !important;
  }

  .sm-pt-3,
  .sm-py-3 {
    padding-top: 0.75rem !important;
  }

  .sm-pr-3,
  .sm-px-3 {
    padding-right: 0.75rem !important;
  }

  .sm-pb-3,
  .sm-py-3 {
    padding-bottom: 0.75rem !important;
  }

  .sm-pl-3,
  .sm-px-3 {
    padding-left: 0.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: 0.25rem !important;
  }

  .xs-mt-1,
  .xs-my-1 {
    margin-top: 0.25rem !important;
  }

  .xs-mr-1,
  .xs-mx-1 {
    margin-right: 0.25rem !important;
  }

  .xs-mb-1,
  .xs-my-1 {
    margin-bottom: 0.25rem !important;
  }

  .xs-ml-1,
  .xs-mx-1 {
    margin-left: 0.25rem !important;
  }

  .xs-m-2 {
    margin: 0.5rem !important;
  }

  .xs-mt-2,
  .xs-my-2 {
    margin-top: 0.5rem !important;
  }

  .xs-mr-2,
  .xs-mx-2 {
    margin-right: 0.5rem !important;
  }

  .xs-mb-2,
  .xs-my-2 {
    margin-bottom: 0.5rem !important;
  }

  .xs-ml-2,
  .xs-mx-2 {
    margin-left: 0.5rem !important;
  }

  .xs-m-3 {
    margin: 0.75rem !important;
  }

  .xs-mt-3,
  .xs-my-3 {
    margin-top: 0.75rem !important;
  }

  .xs-mr-3,
  .xs-mx-3 {
    margin-right: 0.75rem !important;
  }

  .xs-mb-3,
  .xs-my-3 {
    margin-bottom: 0.75rem !important;
  }

  .xs-ml-3,
  .xs-mx-3 {
    margin-left: 0.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: 0.25rem !important;
  }

  .xs-pt-1,
  .xs-py-1 {
    padding-top: 0.25rem !important;
  }

  .xs-pr-1,
  .xs-px-1 {
    padding-right: 0.25rem !important;
  }

  .xs-pb-1,
  .xs-py-1 {
    padding-bottom: 0.25rem !important;
  }

  .xs-pl-1,
  .xs-px-1 {
    padding-left: 0.25rem !important;
  }

  .xs-p-2 {
    padding: 0.5rem !important;
  }

  .xs-pt-2,
  .xs-py-2 {
    padding-top: 0.5rem !important;
  }

  .xs-pr-2,
  .xs-px-2 {
    padding-right: 0.5rem !important;
  }

  .xs-pb-2,
  .xs-py-2 {
    padding-bottom: 0.5rem !important;
  }

  .xs-pl-2,
  .xs-px-2 {
    padding-left: 0.5rem !important;
  }

  .xs-p-3 {
    padding: 0.75rem !important;
  }

  .xs-pt-3,
  .xs-py-3 {
    padding-top: 0.75rem !important;
  }

  .xs-pr-3,
  .xs-px-3 {
    padding-right: 0.75rem !important;
  }

  .xs-pb-3,
  .xs-py-3 {
    padding-bottom: 0.75rem !important;
  }

  .xs-pl-3,
  .xs-px-3 {
    padding-left: 0.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: 0.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;
}

.autoroyal-reserve-vehicle.disabled {
  pointer-events: none;
  background-color: #e9ecf4;
  color: #afb6c3;
  user-select: none;
}

#bookedDateInfo {
  display: flex;
  gap: 10px;
}
#bookedDateInfo h6 {
  margin-top: 1px;
  color: #d00027;
}
#bookedDateInfo span {
  font-size: 14px;
  line-height: 22px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  padding: 4px 6px;
  border-radius: 4px;
  min-width: 40px;
}
.daterangepicker td.start-date {
  border-radius: 4px;
}
#totalEarn,
#totalVehiclePrice,
#vehicleDays,
#expenseDesc,
#expenseTotal {
  font-weight: 700;
  font-size: 16px;
}
#expenseDesc li {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: block;
  margin-bottom: 0;
}
.preloader {
  display: none;
  margin: 0 auto;
}
.daterangepicker .drp-buttons .ic-apply-button:hover {
  color: #fff !important;
  background: #223559 !important;
  border-color: #223559;
}
.daterangepicker .drp-calendar {
  max-width: 250px;
}

.autoroyal_sales_reports input {
  margin-bottom: 0 !important;
}
.pdf-btn {
  /* display: none; */
  padding: 5px 10px;
  font-size: 12px;
}
div#vechileStatus {
  font-weight: bold;
  font-size: 16px;
}

.ic-edit-options {
  position: relative;
  text-align: right;
  top: -40px;
}
#autoroyal_inventory_table .ic-edit-options .dropdown-menu {
  left: auto !important;
  transform: inherit !important;
  right: -20px;
  box-shadow: none !important;
}
table.car-manager-cars .car-inventory-actions:before {
  left: 75%;
}
#rent-file-wrap input,
.reserve-file-upload-wrap input {
  cursor: pointer;
}
#rent-file-wrap input[type="file"]::file-selector-button,
.reserve-file-upload-wrap input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

#rent-file-wrap input[type="file"]::file-selector-button:hover,
.reserve-file-upload-wrap input[type="file"]::file-selector-button:hover {
  background-color: #f3f4f6;
}
.reserve-file-upload-wrap input.form-control{
  padding: 6px 8px;
  margin-bottom: 10px!important;
}
.show-upload-file {
  margin-top: 20px;
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 20px;
}
.show-upload-file .btn {
  padding: 6px 10px;
  display: block;
  margin-top: 15px;
}
.show-upload-file img{
  height: 200px;
  width: 300px;
}
.reservationStatus.active .autoroyal-inventory-stats-block {
  background: #2c425d;
}
.reservationStatus.active .autoroyal-inventory-stats-block-title,
.reservationStatus.active .autoroyal-inventory-stats-block-value {
  color: #fff;
}

.ic-get-contract{
  position: absolute;
  right: 80px;
}

button#editPerDayPrice {
  padding: 8px 10px;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 6px;
}
div#editPerDayPriceBox {
  overflow: hidden;
  display: block;
  width: 100%;
}
div#editPerDayPriceBox input {
  border: 1px solid #29416d;
  padding: 7px 10px;
  margin-top: 10px;
  display: block;
  margin-bottom: 10px!important;
}
#editPerDayPriceBox button{
  padding: 8px 10px;
  font-size: 14px;
}
#editPerDayPriceBox button:hover{
  background: #29416d;
  color:white;
}
div#vechileClientName span {
  display: block;
  font-size: 15px;
  margin-block: 8px;
  font-weight: 500;
  min-width: 180px;
}
#vehicleStockWrap input[type="text"]{
  margin-bottom: 0!important;
}
#vehicleStockWrap .loader {
  position: absolute;
  top: 41px;
  left: 5px;
  width: 98%;
  background: #fff;
  padding-left: 8px;
  display: none;
}
#rent-vehicle-deposit {
  font-size: 14px;
  padding: 8px 10px;
  color: #727272;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  margin: 0;
  background-color: #eee;
}
@media only screen and (max-width: 991.98px) {
  #vehicleStockWrap input[type="text"]{
    margin-bottom: 15px!important;
  }
}
@media only screen and (max-width: 767.98px) {
  .ic-autoroyal-reports h4 {
    font-size: 18px;
  }
  .daterangepicker .drp-calendar {
    max-width: 100%;
  }
  .ic-autoroyal-reports .autoroyal_rent_reports_nav {
    display: flex;
  }

  .ic-autoroyal-reports .autoroyal_rent_reports_nav li {
    padding: 13px 10px;
    font-size: 10px;
    flex: 1;
    line-height: normal;
  }
  .ic-autoroyal-reports input,
  .ic-autoroyal-reports select {
    padding: 8px;
    font-size: 13px;
    width: auto;
    max-width: 180px;
    background: #fbfbfb;
    border: 1px solid #dddddd70;
  }
  .ic-autoroyal-reports button {
    margin-left: auto;
  }
  .ic-autoroyal-reports table {
    border: 0;
  }

  .ic-autoroyal-reports table caption {
    font-size: 1.3em;
  }

  .ic-autoroyal-reports table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .ic-autoroyal-reports table tr {
    display: block;
    margin-bottom: 0.625em;
  }

  .ic-autoroyal-reports table td {
    border-bottom: 1px solid #ddd;
    border-right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
    font-size: 12px;
    /* padding: 0; */
  }

  .ic-autoroyal-reports table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  .ic-autoroyal-reports #totalEarn,
  .ic-autoroyal-reports #totalVehiclePrice,
  .ic-autoroyal-reports #vehicleDays,
  .ic-autoroyal-reports #expenseDesc,
  .ic-autoroyal-reports #expenseTotal {
    font-size: 13px;
  }
  .ic-autoroyal-reports .preloader {
    margin: inherit;
    margin-left: auto;
  }
  .daterangepicker.opensright:before {
    left: 50%;
    transform: translateX(-50%);
  }
  .daterangepicker.opensright:after {
    left: 50%;
    transform: translateX(-50%);
  }
  .daterangepicker {
    right: 20px !important;
    max-width: 300px;
  }
  .ic-booked-reservation-info table thead {
    position: initial;
  }
  .ic-booked-reservation-info table thead th {
    border: 0;
  }
  .ic-booked-reservation-info table thead tr {
    margin-bottom: 0;
    border-bottom: 0;
  }
  .ic-booked-reservation-info table td {
    display: block;
    padding: 0.75rem;
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    border-bottom: 0;
    font-size: 1rem;
  }
  .ic-get-contract {
    position: inherit;
    margin: -10px 10px 0 auto;
  }
  .ic-get-contract .btn{
    padding: 8px 10px;
    font-size: 13px;
  }
  div#vechileClientName span{
    min-width: auto;
    font-size: 13px;
    margin-bottom: 3px;
  }
 #vehicleStockWrap .loader {
    top: 65px;
  }
}
@media only screen and (max-width: 575.98px) {
  .fantasy-themes-sidebar-car .widget-area {
    margin-top: 0;
  }
  .single-car-page .site-main .card {
    margin-bottom: 0;
  }
}