.embed-container {
  --video--width: 1300;
  --video--height: 640;

  position: relative;
  padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
  overflow: hidden;
  max-width: 100%;
  background: black;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.carBlock {
  width: 350px;
  height: 300px;
  object-fit: cover;
}
.imgBlock {
  width: 100%;
  height: auto;
}

/*style="visibility: visible; animation-name: fadeIn;"*/

.button-theme {
  background: #f0151f;
}

.button-theme:hover {
  background: #dc141d;
}

.btn-border {
  color: #fff;
  background: #f0151f;
  border: solid 1px #f0151f;
}

.contact-2 .ci-box .icon i {
  color: #f0151f;
}

.btn-border:hover {
  background: #dc141d;
  border: solid 1px #dc141d;
}

.blog-2 .b-btn {
  color: #f0151f;
}

.blog-3 .b-btn {
  color: #f0151f;
}

.car-box .facilities-list li span i {
  color: #f0151f;
}

.service-info-2 .icon {
  color: #f0151f;
}

.about-slider-box:before {
  border: 2px solid #f0151f;
}

.question .contact-info li i {
  color: #f0151f;
}

.price-box-2 {
  color: #f0151f;
}

.car-box-3 .detail .title a {
  color: #f0151f;
}

.car-box-5 .facilities-list li i {
  color: #f0151f;
}

.car-box-3 .facilities-list li i {
  color: #f0151f;
}

.car-box .footer ul li a:hover {
  color: #f0151f;
}

.car-model-2 .ratings-2 span {
  background: #f0151f;
}

.car-box-3 .footer ul li a:hover {
  color: #f0151f;
}

.overlap-btn:hover {
  background: #f0151f;
  border: solid 1px #f0151f;
}

.overlap-btn.active {
  border: 1px solid #f0151f !important;
  background: #f0151f !important;
  color: #fff;
}

.car-box-2 .facilities-list li i {
  color: #f0151f;
}

.change-view-btn:hover {
  background: #f0151f;
  border: solid 1px #f0151f;
  color: #fff;
}

.car-model-2 .price-box .del-2 {
  color: #f0151f;
}

.change-view-btn {
  border-radius: 2px;
  border: solid 1px #f0151f;
  color: #f0151f;
}

.active-view-btn {
  background: #f0151f;
  border: solid 1px #f0151f;
  color: #fff;
}

.car-box-4 h5 {
  color: #f0151f;
}

.blog-3 .post-meta a {
  color: #f0151f;
}

.sb-5 .search-area-inner {
  background: #f0151f;
}

.carousel-indicators .active {
  background-color: #f0151f;
}

.navbar-light .navbar-toggler {
  background: #f0151f;
}

.banner h4 {
  color: #f0151f;
}

.shop-info .price del {
  color: #f0151f;
}

.details-banner .cover-buttons ul li a:hover {
  background: #f0151f;
}

.text .ratings-box {
  background: #f0151f;
}

.dashboard-nav ul {
  border-bottom: 1px solid #dc141d;
}

.new-user-box .follow:hover {
  background: #f0151f;
  color: #fff;
}

.service-info-3 .icon {
  color: #f0151f;
}

.setting-button i {
  color: #f0151f;
}

#page_scroller {
  background: #f0151f;
}

.dashboard-nav {
  background: #f0151f;
}

/** Tab box 2 start **/
.tab-box-2 .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: transparent;
  border-bottom: solid 2px#f0151f;
  border-radius: 0;
  color: #f0151f;
}

.tab-box .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background: #f0151f;
}

.checkbox-theme input[type="checkbox"]:checked + label::before {
  border: 2px solid#f0151f;
}

.main-header .dropdown-menu a:hover {
  color: #f0151f;
}

input[type="checkbox"]:checked + label:before {
  color: #f0151f;
}

.testimonial-3 .carousel-indicators li.active {
  background: #f0151f;
}

.testimonial-2 .testimonial-info-box {
  background: #f0151f;
}

.banner-bg-color {
  background: #f0151f;
}

.btn-theme {
  background: #f0151f;
  border: solid 1px#f0151f;
}

.featured-car-4 .carousel-indicators li.active {
  background: #f0151f;
}

.btn-theme:hover {
  background: #dc141d;
  border: solid 1px #dc141d;
}

.btn-white-lg-outline:hover {
  color: #fff;
  background: #f0151f;
  border: solid 2px#f0151f;
}

.car-amenities ul li i {
  color: #f0151f;
}

.blog-2 h3 a {
  color: #f0151f;
}

.border-button-theme {
  color: #f0151f;
  border: 2px solid#f0151f;
}

.banner-detail-box .red-box {
  background: #f0151f url(../../img/slider-detail.png) center center;
}

.banner-detail-box .white-box .slide-price {
  color: #f0151f;
}

.banner-detail-box .white-box .slide-location::after {
  background-color: #f0151f;
}

.search-options-btn,
.search-options-btn:hover {
  background: #f0151f;
}

.search-button {
  background: #f0151f;
}

.intro-section {
  background: #f0151f;
}

.search-button:hover {
  color: #fff;
  background: #dc141d;
}

.popular .price-for-user {
  color: #f0151f;
}

.popular .price-for-user .price .dolar {
  color: #f0151f !important;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  color: #f0151f;
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover {
  color: #f0151f;
}

.bootstrap-select .dropdown-menu li a:hover .text {
  color: #f0151f;
}

.tag {
  background: #f0151f;
}

.view-all ul li a:hover {
  background: #f0151f;
  color: #fff;
}

.tag::after {
  border-left: 10px solid#f0151f;
}

.recent-properties-box .detail header::after {
  background-color: #f0151f;
}

.car-box .detail .title a {
  color: #f0151f;
}

footer .footer-item .contact-info li label a:hover {
  color: #f0151f;
}

.service-info .icon i {
  color: #f0151f;
}

.service-box .heading .title h4 a:hover {
  color: #f0151f;
}

.main-header .form-inline .submit {
  border: solid 1px#f0151f;
  color: #f0151f;
}

.main-header .form-inline .submit:hover {
  border: solid 1px#f0151f;
  background: #f0151f;
  color: #fff;
}

.main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #f0151f;
}

.sh-3 .navbar-expand-lg .navbar-nav .nav-link:hover {
  color: #515151;
}

.banner .banner-slider-inner h1 span {
  color: #f0151f;
}

/*.main-header .navbar-expand-lg .navbar-nav .active .nav-link {
    color:#f0151f !important;
}*/

.main-header .navbar-expand-lg .user-account li a:hover {
  color: #f0151f;
}

.plan .price-header h1 {
  color: #f0151f;
}

.car-box-5 .detail h3 a {
  color: #f0151f;
}

.btn-outline {
  border: solid 1px#f0151f;
  color: #f0151f;
}

.btn-outline:hover {
  border: solid 1px #dc141d;
  background: #dc141d;
  color: #fff;
}

.btn-outline-2 {
  border: solid 2px#f0151f;
  color: #f0151f;
  font-weight: 600;
}

.heading-car-2 h3 span {
  color: #f0151f;
}

.btn-outline-2:hover {
  border: solid 2px #dc141d;
  background: #dc141d;
  color: #fff;
}

.footer .form-inline .btn {
  background: #f0151f;
  color: #fff;
}

.search-box-2 {
  background: #f0151f;
}

.about-box .detail h3 {
  color: #f0151f;
}

li.active.filtr-button.filtr a {
  color: #f0151f;
}

.coming-soon-inner h1 span {
  color: #f0151f;
}

.filteriz-navigation li a:hover {
  color: #f0151f;
}

.sub-banner .page-info .breadcrumb-area ul li a:hover {
  color: #f0151f;
}

.show-more-options i {
  color: #f0151f;
}

.pagination > li > .active {
  background: #f0151f;
}

.pagination > li > a:hover {
  background: #f0151f;
  color: #fff;
}

.contact-section .btn-section .active-bg {
  color: #f0151f;
}

.read-more {
  color: #f0151f;
}

.blog-3 .detail .post-meta span a i {
  color: #f0151f;
}

.range-slider .ui-slider .ui-slider-handle {
  background: #f0151f;
}

.our-agent-sidebar .carousel-indicators .active {
  background: #f0151f;
}

.counter-box-2 .icon {
  color: #f0151f;
}

.range-slider .ui-slider .ui-slider-handle {
  border: 2px solid#f0151f;
}

.range-slider .ui-widget-header {
  background-color: #f0151f;
}

.main-header .navbar-expand-lg .navbar-nav .link-color {
  color: #f0151f;
  border: solid 1px#f0151f;
}

.main-header .navbar-expand-lg .navbar-nav .link-color:hover {
  color: #fff;
  border: solid 1px#f0151f;
  background: #f0151f;
}

.posts-by-category ul li a:hover {
  color: #f0151f;
}

.tags-box ul li a:hover {
  color: #fff;
  border: 1px solid #f0151f;
  background: #f0151f;
}

.latest-tweet a {
  color: #f0151f;
}

.blog-1 h3 a:hover {
  color: #f0151f;
}

.blog-tags a:hover {
  color: #fff;
  border: 1px solid #f0151f;
  background: #f0151f;
}

.car-box-5 .detail .title a {
  color: #f0151f;
}

.price-box-3 {
  color: #f0151f;
}

.vs {
  color: #f0151f;
}

.blog-1 .detail h4 a {
  color: #f0151f;
}

.leaflet-container a.leaflet-popup-close-button {
  color: #f0151f;
}

.breadcrumbs li a:hover {
  color: #f0151f;
}

.helping-center ul li i {
  color: #f0151f;
}

.my-account-box .title::after {
  background-color: #f0151f;
}

.breadcrumb-nav ul .active {
  color: #f0151f;
}

.photoUpload {
  background: #f0151f;
}

.typography-page mark.color {
  background-color: #f0151f;
}

.faq-accordion .card-header .collapsed.card-title:before {
  color: #f0151f;
}

.dashboard-nav ul li span.nav-tag {
  color: #f0151f;
}

.comment-content h6 span a {
  color: #f0151f;
}

.comment-content h6 span a:hover {
  color: #dc141d;
}

.bg-active {
  background: #f0151f;
  color: #fff !important;
}

.bg-apartado {
  background: #ffc000;
  color: #fff !important;
}

.banner h3 span {
  color: #f0151f;
}

.typography .list-3 li:before,
.list-2 li:before,
.list-1 li:before {
  color: #f0151f;
}

.numbered.color.filled ol > li::before {
  border: 1px solid#f0151f;
  background-color: #f0151f;
}

.numbered.color ol > li::before {
  border: 1px solid#f0151f;
  color: #f0151f;
}

.widget-link:hover {
  color: #f0151f;
}

.coming-soon-inner .btn,
.coming-soon-inner .btn:hover,
.coming-soon-inner .btn:active {
  background: #f0151f;
}

.car-box-2 .detail .title a {
  color: #f0151f;
}

.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: #f0151f;
}

.tabbing-box .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link:hover {
  background-color: #f0151f;
}

.map-marker:hover {
  background-color: #f0151f;
  cursor: pointer;
}

.map-marker:hover:before {
  border-color: #f0151f transparent transparent transparent;
}

.map-marker.featured:hover {
  background-color: #f0151f;
}

.map-marker.featured:hover:before {
  border-color: #f0151f transparent transparent transparent;
}

.map-marker .icon {
  border: 3px solid#f0151f;
}

.marker-active .map-marker {
  background-color: #f0151f;
}

.marker-active .map-marker:before {
  border-color: #f0151f transparent transparent transparent;
}

.slick-arrow-buton:hover {
  background: #f0151f;
  color: #fff;
}

.map-properties .map-content h4 a {
  color: #f0151f;
}

.dropzone-design:hover {
  border: 2px dashed#f0151f;
}

@media (max-width: 992px) {
  .main-header .navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #f0151f !important;
  }

  .car-model-2 .modal-header {
    background: #f0151f;
    padding: 20px 20px 10px;
  }
}

@media (max-width: 768px) {
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #f0151f;
  }

  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    background-color: #f0151f !important;
  }

  .main-header .navbar-default .nav > li > a:hover {
    background: #f0151f;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #f0151f !important;
  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    background: #eee;
  }
}

@media (min-width: 992px) {
  /*.header-transparent .navbar-expand-lg .navbar-nav .active .nav-link,
    .header-transparent .navbar-expand-lg .navbar-nav .nav-link:hover
    {
        color: #fff !important;
    }

    .header-transparent .navbar-expand-lg .navbar-nav .nav-link {
        color: #fff;
    }

    .header-transparent .link-color {
        color: #fff;
    }*/
}

.counters {
  background: url(../img/360motors-bg.webp);
}

/** Service section start **/
.service-section-3 {
  background: rgba(0, 0, 0, 0.1) url(../img/360motors-bg.webp) top left repeat;
}

/** Sub Banner start **/
.sub-banner {
  background: rgba(0, 0, 0, 0.5) url(../img/header-360motors.webp) top left repeat;
}

/** Sub Banner start **/
.sub-banner {
  background: rgba(0, 0, 0, 0.5) url(../img/header-360motors.webp) top left repeat;
  background-size: cover;
  height: 250px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  font-family: "Montserrat", sans-serif;
}

/**/

.footer .f-logo {
  height: 30px;
}

.main-header .company-logo-2 img {
  height: 40px;
}

/* Media Query para dispositivos móviles */
@media (max-width: 767px) {
  .main-header .company-logo-2 img {
    height: 30px;
  }
}
.container {
  max-width: 1400px !important;
}

.lista360 {
  list-style: square;
  padding-left: 30px;
  margin: 5px auto 20px auto;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/360motors/fonts/icomoon.eot?shfw3k");
  src: url("../fonts/360motors/fonts/icomoon.eot?shfw3k#iefix") format("embedded-opentype"), url("../fonts/360motors/fonts/icomoon.ttf?shfw3k") format("truetype"), url("../fonts/360motors/fonts/icomoon.woff?shfw3k") format("woff"), url("../fonts/360motors/fonts/icomoon.svg?shfw3k#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-motors:before {
  content: "\e900";
}
.icon-detallado:before {
  content: "\e901";
}
.icon-documentacion:before {
  content: "\e902";
}
.icon-llantas:before {
  content: "\e903";
}
.icon-duplicado:before {
  content: "\e904";
}
.icon-servicio:before {
  content: "\e905";
}
.icon-garantia:before {
  content: "\e906";
}

/*EVOLUCIONAMOS*/
.containerdiv {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 50px auto 50px auto;
}
.videodiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.custom-list {
  margin: 0;
  padding: 0;
}
.footer-list {
  margin: 0;
  padding: 0;
  list-style-type: none !important;
}

.facilities-list {
  margin: 0;
  padding: 0;
}

.darkTxt {
  color: #000 !important;
}
.lightTxt {
  color: #fff !important;
}

.tag-xmas {
  float: left;
  position: absolute;
  background: url("../img/xmas-lights.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 0;
  top: -10px;
  width: 100%;
  height: 100px;
}

.msi {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
}

.blindado {
  border-width: 10px;
  border-style: solid;
  border-image: linear-gradient(to bottom, darkgrey, lightgrey) 1;
}
.blindado-ico {
  position: absolute;
  right: 20px;
  margin: 20px;
  max-width: 60px;
  height: auto;
  display: block;
}

.page_loader {
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../img/loader.webp) center no-repeat #fff;
}