html {
  scroll-behavior: smooth;
}

@media (min-width: 992px) {
    #topnav .navigation-menu {
        justify-content: flex-end;
    }
}

.card__brand .logo {
    height: 61px;
    width: 61px;
    /* margin: 0 19px 0; */
}

.order-target .select2-selection.select2-selection--single {
  min-height: 40px;
  padding-top: 5px;
}

.order-target .select2 .select2-selection__arrow {
  margin-top: 5px;
}

.slider.slider-horizontal {
  width: 100% !important;
}

.brand-img {
    width: 85px;
}


/*top-layer starts*/
#green{
    max-width: 9%;
}

#blue{
    top: 400px;
    max-width: 10%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #green {
        max-width: 12%;
    }
    #blue {
        top: 425px;
        max-width: 13%;
    }
}

@media (max-width: 768px) {
    #blue {
        top: 435px;
    }
}

@media (max-width: 992px) {
    #green {
        max-width: 11%;
    }
    #blue {
        max-width: 14%;
    }
}

@media (min-width: 416px) and (max-width: 575px) {
    #green {
        max-width: 50px;
    }
    #blue {
        top: 672px;
        max-width: 50px;
    }
}

@media (min-width: 200px) and (max-width: 415px) {
    #green {
        max-width: 50px;
    }
    #blue {
        top: 733px;
        max-width: 50px;
    }
}

.shop-list .label {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
}

#bookroom .tagline {
    font-size: 18px;
}

.card__brand .logo-brand-search {
    width: 52px;
}

.card-body .search {
    padding: 22px;
}

@media (max-width:320px) {
    .card-body .search {
        padding: 15px;
    }
}

.brand-item.active-brand .card {
    -moz-box-shadow: 0px 0px 8px 2px rgb(108 196 158 / 50%) !important;
    -webkit-box-shadow: 0px 0px 8px 2px rgb(108 196 158 / 50%) !important;
    box-shadow: 0px 0px 8px 2px rgb(108 196 158 / 50%) !important;
}

.mt--md {
    margin-top: -85px;
}

.slider-handle {
    background-color: #3854cc !important;
    background-image: none !important;
}

/* Pagination */
.paginationjs .paginationjs-pages li {
    border-color: #dee2e6 !important;
    /* font-size: 14px; */
}

.paginationjs .paginationjs-pages li:not(.disabled):hover {
    border-color: #00c29e !important;
}

.paginationjs .paginationjs-pages li > a:hover {
    background: #00c29e !important;
    border-color: #00c29e !important;
    color: #ffffff;
}
.paginationjs .paginationjs-pages li > a {
    /* background-color: #dee2e6 !important; */
    padding: 5px 16px !important;
    height: 40px !important;
}

.paginationjs .paginationjs-pages li.active {
    border: 1px solid #00c29e !important;
}

.paginationjs .paginationjs-pages li.active > a {
    background-color: #00c29e !important;
}

@media (max-width: 576px) {
    #phoneForm button {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
}

/*redifine success color*/
.btn-success {
    background-color: #00c29e !important;
    border: 1px solid #00c29e !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgb(108 196 159 / 30%);
    box-shadow: 0 3px 5px 0 rgb(108 196 159 / 30%);
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #00c29e;
    border-color: #00c29e;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.focus,
.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: #00c29e;
    border-color: #00c29e;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgb(108 196 159 / 30%);
    box-shadow: 0 3px 5px 0 rgb(108 196 159 / 30%);
}

.btn-warning {
    background-color: #E45670 !important;
    border: 1px solid #E45670 !important;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgb(228 86 112 / 30%);
    box-shadow: 0 3px 5px 0 rgb(228 86 112 / 30%);
}

.btn-outline-warning {
  border: 1px solid #E45670;
  color: #E45670;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
    color: #fff;
    background-color: #E45670;
    border-color: #E45670;
}

.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active {
    background-color: #E45670;
    border-color: #E45670;
    color: #ffffff !important;
    -webkit-box-shadow: 0 3px 5px 0 rgb(228 86 112 / 30%);
    box-shadow: 0 3px 5px 0 rgb(228 86 112 / 30%);
}

#topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
    color: #00c29e !important;
}
@media (min-width: 992px) {
    #topnav .navigation-menu > li:hover > a, #topnav .navigation-menu > li.active > a {
        color: #00c29e !important;
    }
}

.explore-feature:hover .icon, .explore-feature:hover .title {
    color: #00c29e !important;
}

.bg-success {
    background-color: #00c29e !important;
}

.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success:active, .btn-soft-success.active, .btn-soft-success.focus {
    background-color: #00c29e !important;
    border-color: #00c29e !important;
    color: #ffffff !important;
}

.text-success {
    color: #00c29e !important;
}
.badge {
    color: #ffffff;
}

.badge.badge-link:hover {
    color: #ffffff !important;
}

/*-----*/
.avatar.avatar-ex-md {
    max-height: 55px;
    min-width: 32px;
}

.t-xs {
    font-size: 12px;
}

/* View more | View Less*/
/* Brands */
@media (min-width: 769px) {
  .brands-items-list div.collapsable-item:nth-child(n+18) {
    display: none;
  }
}

@media (max-width: 769px) {
  .brands-items-list div.collapsable-item:nth-child(n+18) {
    display: none;
  }
}

@media (min-width: 769px) {
  .brands-items-list div.collapsable-item:nth-child(n+18) {
    display: none;
  }
}

@media (max-width: 769px) {
  .brands-items-list div.collapsable-item:nth-child(n+18) {
    display: none;
  }
}

/* Models */
@media (min-width: 769px) {
  .models-items-list div.collapsable-item:nth-child(n+9) {
    display: none;
  }
}

@media (max-width: 769px) {
  .models-items-list div.collapsable-item:nth-child(n+9) {
    display: none;
  }
}

@media (min-width: 769px) {
  .models-items-list div.collapsable-item:nth-child(n+9) {
    display: none;
  }
}

@media (max-width: 769px) {
  .models-items-list div.collapsable-item:nth-child(n+9) {
    display: none;
  }
}
/* View more | View Less*/
.text-gray {
  color: #808ea1;
}

@media (max-width: 767px) {
  .features .title, .key-feature .title,
  .key-feature strong {
    font-size: 16px;
  }
}

/* Input has error */
div.has-error, .phone_initilizeField.invalid {
  border: 1px solid red !important;
}

.thanks-you-lead p{
  text-align: center;
  font-size: 20px;
}

.thanks-you-lead {
  background: url(/images/bg-modal-mensaje.png) no-repeat center 25px;
  background-size: 70%;
  padding: 160px 0 0;
  text-align: center;
}

/* SELECT2 */
.select2-container--default .select2-selection--multiple {
  min-height: 42px !important;
  height: auto !important;
}
.select2-container--default .select2-selection--single {
  min-height: 42px !important;
  padding-top: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(90,109,144, 0.1) !important;
    border: 1px solid rgba(90,109,144, 0.1) !important;
    color: #5a6d90 !important;
    font-weight: 600 !important;
    margin-top: 7px !important;
    padding: 3px 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #5a6d90 !important;
}
/***/

.shadow-hover-primary:hover {
    -webkit-box-shadow: 0 0 3px rgb(47, 85, 212) !important;
    box-shadow: 0 0 3px rgb(47, 85, 212) !important;
}

.shadow-hover-success:hover {
  -webkit-box-shadow: 0 0 3px rgb(108, 196, 159) !important;
  box-shadow: 0 0 3px rgb(108, 196, 159) !important;
}

.shadow-hover-warning:hover {
  -webkit-box-shadow: 0 0 3px rgb(228, 86, 112) !important;
  box-shadow: 0 0 3px rgb(228, 86, 112) !important;
}

.text-black {
  color: #000000;
}

.form-control.error {
  border-color: rgb(228, 86, 112);
}

.newsletter.thanks-you-lead {
  padding-top: 105px !important;
  background-position-y: 6px !important;
}
.newsletter.thanks-you-lead label {
  font-size: 12px !important;
}