body {
  font-size: 14px;}

/* font */
body {
   font-family: airbnb_cereal_appbook;}




/* pre-loader */
.pre-loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1d191ff0;
  z-index: 110;}
.pre-loader::before,
.pre-loader::after {
 content: '';
 position: absolute;
 border: 3px solid;
 border-radius: 4em;}
.pre-loader::before {
  border-color: #ff7300;}
.pre-loader::after {
border-color: #fff;}
.pre-loader::before {
 width: 30px;
height: 30px;
 border-bottom-color: transparent;
-webkit-animation: animate-inner 1.4s linear infinite;
animation: animate-inner 1.4s linear infinite;}
.pre-loader::after {
      width: 60px;
      height: 60px;
      border-top-color: transparent;
      -webkit-animation: animate-outer 1.8s linear infinite;
              animation: animate-outer 1.8s linear infinite;
    }
    @-webkit-keyframes animate-inner {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @keyframes animate-inner {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @-webkit-keyframes animate-outer {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
      }
    }
    @keyframes animate-outer {
      from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
      }
      to {
        -webkit-transform: rotate(-360deg);
                transform: rotate(-360deg);
      }
    }





/* wrapper */   
.wrapper {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;}
@media (min-width: 768px) {
.wrapper {
    max-width: 2500px;
	  padding: 0 70px;}
}
@media (max-width: 767px) {
.wrapper {
	  padding: 0 15px;}
} 




/* header */
header {
  position: fixed;
  z-index: 101;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: #fff;
  box-shadow: 0 -10px 18px #2e2c2c;
  padding-left: 50px;
  padding-right: 50px;
  max-width: 2500px;
  margin-left: auto;
  margin-right: auto;
 /**/
  opacity: 1;
  transition: height 0ms 0ms, opacity 600ms 0ms;}
body.specific_scroll:not(.up_scroll) header {
  height: 0;
  z-index: 0;
  opacity: 0;
  transition: height 0ms 400ms, opacity 400ms 0ms;}
@media (max-width: 991px) {
header {
  height: 60px;
  padding-left: 15px;
  padding-right: 15px;}
}


/* a-logo */
header .a-logo {
  margin-top: 17px;
  display: inline-block;}
header .a-logo .logo {
  max-width: 100%;
  height: 45px;}
@media (max-width: 991px) {
header .a-logo {
  margin-top: 12px;}
header .a-logo .logo {
  height: 35px;}
}
 


/* profile_popup */
.profile_popup_btn {
  cursor: pointer;}
.profile_popup {
  display: none;}
.profile_popup.profile_popup_open {
  display: block;
  position: fixed;
  background: #fff;
  box-shadow: 5px 5px 22px #00000038;
  z-index: 110;
  width: 300px;
  padding: 15px;
  right: 15px;
  top: 45px;
  border-radius: 5px;}
.profile_popup .profile_popup_btn {
  position: absolute;
  min-width: auto;
  right: 0;
  top: 0;
  color: #b1b1b1;
  padding: 12px;
  background: transparent;
  box-shadow: none;
  border: none;}
.profile_popup .profile_body {
  text-align: center;}
.profile_popup .profile_body h3 {
  font-size: 20px;
  padding-bottom: 15px;
  color: #353535;}
.profile_popup .profile_body .btn {
  font-size: 13px;
  color: #2d2d2d;
  margin: 5px;
  border: 1px solid #2d2d2d78;}
.profile_popup .profile_body .btn:hover {
  border-color: #2d2d2d;}




/* main-div */
.main-div {
  padding-top: 60px;
  max-width: 2500px;
  margin-left: auto;
  margin-right: auto;}




/* section */
section {
  background: #fff;
  padding-top: 70px;
  padding-bottom: 70px;}
@media (max-width: 767px) {
section {
  padding-top: 50px;
  padding-bottom: 50px;}
}


/* read-more */
.read-more {
  display: inline-block;
  white-space: nowrap;
  text-decoration: none;
  font-size: 13.4px;
  color: #000;}
.read-more:hover {
  color: #000;}


/* btn-yellow */
.btn-yellow {
  background-color: #f9b000;
  color: #000;
  border: none;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 8px 40px;}


/* btn-zoom-hover */
.btn-zoom-hover {
  /*overflow: hidden;*/
  transition: transform .6s;}
.btn-zoom-hover:hover,
.btn-zoom-hover:focus {
  -ms-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);}

/* btn-d-green */
.btn-d-green {
  padding-left: 25px;
  padding-right: 25px;
  background-color: #2ca12a;
  color: #fff;
  border-color: #2ca12a;}
.btn-d-green:hover {
  background-color: #2ca12a;
  color: #fff;
  border-color: #2ca12a;}

/* btn-l-blue */
.btn-l-blue {
  padding-left: 25px;
  padding-right: 25px;
  background-color: #dbe5ff;
  color: #3b6ae1;
  border-color: #dbe5ff;}
.btn-l-blue:hover {
  background-color: #dbe5ff;
  color: #3b6ae1;
  border-color: #dbe5ff;}

/* btn-l-border-blue */
.btn-l-border-blue {
  background-color: #fff;
  color: #0a58ca;
  border-color: #0a58ca;}
.btn-l-border-blue:hover {
  background-color: #fff;
  color: #0a58ca;
  border-color: #0a58ca;}

/* btn-m-blue */
.btn-m-blue {
  font-size: 13px;
  color: #026eb5;
  background-color: #dcf0fd;}

/* btn-group-icon */
.btn-group-icon {
  border-radius: 8px;
  padding: 9px 25px 9px 47px;
  font-size: 12.3px;
  background-color: #eaeaea;
  color: #6c6c6c;
  position: relative;}
.btn-group-icon .fi {
  margin-left: 10px;
  font-size: 18px;
  line-height: 12px;
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}





/* btn-icon */
.btn-icon {
  display: inline-block;
  border: none;
  background-color: transparent;}
.btn-icon .fi {
  font-size: 20px;}


/* chose-checkbox-radio */
.chose-checkbox-radio .chose-item {
  display: inline-block;}
.chose-checkbox-radio .chose-item label {
  cursor: pointer;
  margin-right: 15px;}
.chose-checkbox-radio .chose-item input {
  position: relative;
  top: 2px;}
.chose-checkbox-radio .chose-item span {
  margin-left: 5px;
  font-size: 12px;}



/* mobile_device */
body:not(.mobile_device) .show-mobile {
  display: none;}
.mobile_device .hide-mobile {
  display: none;}



/* section-head */
.section-head h4 {
  color: #c6c6c6;
  font-size: 24px;
  letter-spacing: 3px;}
.section-head h3 {
  color: #353535;
  font-size: 38px;}
@media (max-width: 991px) {
.section-head h4 {
  font-size: 20px;
  letter-spacing: 2px;}
.section-head h3 {
  font-size: 36px;}
}
@media (max-width: 767px) {
.section-head h4 {
  font-size: 16px;}
.section-head h3 {
  font-size: 30px;}
}







/* pagination */
.pagination {
  display: inline-block;
  width: 100%;
  text-align: center;}
.pagination .current {
  display: inline;
  font-size: 13px;
  position: relative;
  bottom: 3px;}
.pagination .current .text-muted {
  font-size: 18px;}
.pagination .current span {
  padding-left: 2px;
  padding-right: 2px;}
.pagination button {
  border: none;
  min-width: auto;
  color: #21383e;
  font-size: 24px;
  letter-spacing: 2px;
  box-shadow: inherit;
  background: transparent;
  border-radius: 2px;
  padding: 5px 8px;
  margin-left: 5px;
  margin-right: 5px;}
.pagination button:hover {
  background: transparent;
  color: #000;}




/* form-default */
/* form-body */
.form-default .form-body [class^="col-"] {
  margin-bottom: 20px;}
.form-default .form-body .form-label {
  font-family: airbnb_cereal_appmedium;
  color: #565659;
  font-size: 12px;}
.form-default .form-body .form-control,
.form-default .form-body .form-select {
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 8px 15px;
  border-color: transparent;}
/* chosen */
.form-default .form-body .chosen-container-single .chosen-single {
  text-align: left;
  box-shadow: none;
  border-radius: .25rem;
  background-color: #f2f2f2;
  height: 34px;
  margin-top: 1px;
  line-height: 27px;}
.form-default .form-body .chosen-container-single .chosen-single div b:before {
  background-color: #ccc;
  color: #fff;
  padding: 2px 5px;
  border-radius: 50%;
  position: relative;
  bottom: 2px;
  right: 3px;}



/* field-view */
.form-default .form-body .field-view {
  background-color: #f2f2f2;
  margin-top: 5px;
  border-radius: 0.25rem;
  font-size: 12px;
  padding: 8px 15px;}


/* file-name */
.form-default .form-body .file-name {
  font-size: 11px;
  word-break: break-all;}



/* attach-label-btn */
.form-default .form-body .attach-label-btn {
  display: block;
  position: relative;
  background-color: #f2f2f2;
  height: 35px;
  border-radius: .25rem;
  font-size: 16px;
  padding: 10px;}
.form-default .form-body .attach-label-btn .attach-label {
  font-family: airbnb_cereal_appmedium;
  position: absolute;
  top: 5px;
  z-index: 5;
  background-color: #29abe2;
  color: #fff;
  text-align: center;
  width: 120px;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  border-radius: 5px;}
.form-default .form-body .attach-label-btn input[type="file"] {
  font-size: 11px;
  position: relative;
  bottom: 7px;
  z-index: 0;
  margin-left: 44px;}
.form-default .form-body .attach-label-btn img {
  height: 20px;
  position: absolute;
  right: 10px;
  top: 8px;}
@media (max-width: 767px) {
.form-default .form-body .attach-label-btn .attach-label {
  background-color: #62646c;}
}


/* img-show */
.form-default .form-body .img-show {
  position: relative;
  border: 1px solid #e0e1e3;
  padding: 10px;
  border-radius: 5px;}
.form-default .form-body .img-show .primary-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 50%;
  padding: 3px 8px;}


/* form-body-section */
/* section-head */
.form-default .form-body .form-body-section .section-head .section-head-text {
  font-family: airbnb_cereal_appmedium;
  color: #424242;
  font-size: 18px;}


/* modal */
.modal .modal-content {
    border-radius: 15px;
    border: none;}
/* modal-header */
.modal .modal-header {
    padding: 30px;}
.modal .modal-header h5 {
    font-size: 20px;}

/* modal-body */
.modal .modal-body {
    padding: 30px;}

/* modal-footer */
.modal .modal-footer {
    padding: 30px;}



/* confirm-modal */
.modal.confirm-modal .modal-dialog {
  max-width: 400px;}
.modal.confirm-modal .color-yellow {
  color: #fca83e;}
.modal.confirm-modal .color-green {
  color: #4bb40b;}
/* modal-body */
/* icon */
.modal.confirm-modal .modal-body .icon {
  font-size: 55px;
  border: 7px solid;
  display: inline-block;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin-top: 20px;
  margin-bottom: 30px;}
/* h1 */
.modal.confirm-modal .modal-body h1 {
  font-size: 20px;
  color: #1a1a1a;
  margin-bottom: 15px;}
/* h6 */
.modal.confirm-modal .modal-body h5 {
  font-size: 13px;
  margin-top: 25px;
  color: #8291a0;}
/* modal-footer */
.modal.confirm-modal .modal-footer {
  padding-bottom: 40px;
  border-top: none;}
.modal.confirm-modal .modal-footer .btn {
  min-width: 120px;
  font-size: 13px;}




/* filter-by */
.filter-by .filter-item {
  display: inline-block;
  margin-right: 15px;
  width: 250px;}
/* chosen-container */
.filter-by .filter-item .chosen-container {
  width: 100% !important;}
.filter-by .filter-item .chosen-container-single .chosen-single {
  box-shadow: none;
  height: 45px;
  padding-left: 15px;
  line-height: 36px;
  font-weight: bold;
  background-color: #eaeaea;}
.filter-by .filter-item .chosen-container-single .chosen-single div {
  right: 15px;}
.filter-by .filter-item .chosen-container-single .chosen-single span {
  font-size: 14px;}
.filter-by .filter-item .chosen-container-single .chosen-single div b:before {
  background-color: #b9b5b5;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  padding: 2px 4px;}
/* form-select */
.filter-by .filter-item .form-select {
  border: none;
  font-size: 13px;
  border-radius: 8px;
  color: #71717b;
  box-shadow: 12px 5px 17px #e3e3e5;}



/* banner-cover */
.banner-cover {
  position: relative;
  overflow: hidden;}
.banner-cover::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #0000008a;}
.banner-cover .img-primary {
  height: 380px;
  width: 100%;
  object-fit: cover;}
.banner-cover .caption {
  width: 85%;
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);}
.banner-cover .caption h3 {
  font-size: 40px;
  margin-top: 0;}
.banner-cover .caption h4 {
  font-size: 35px;
  margin-top: 10px;
  margin-bottom: 0;}
.banner-cover .caption h5 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 0;}
@media (max-width: 991px) {
.banner-cover .img-primary {
  height: 250px;}
.banner-cover .caption h3 {
  font-size: 30px;}
.banner-cover .caption h4 {
  font-size: 20px;}
.banner-cover .caption h5 {
  font-size: 15px;}
}
@media (max-width: 767px) {
.banner-cover .caption h3 {
  font-size: 25px;}
}

/* scrollbar */
.scrollbar::-webkit-scrollbar {
  background-color: transparent;
  width: 0px;}
.scrollbar::-webkit-scrollbar {
  width: 5px;}
.scrollbar:hover::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);}
@media (hover: none) {
.scrollbar::-webkit-scrollbar {
  width: 5px;}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);}
}



/* select-filter */
.select-filter {
  position: relative;}
/* select */
.select-filter .select {
  background-color: #2d2d2d;
  position: relative;
  border-radius: 8px;
  height: 45px;}
.select-filter .select .place-holder {
  font-size: 12px;
  margin-left: 15px;
  padding-top: 3px;
  color: #fff;}
.select-filter .select .btn-toggle {
  position: absolute;
  height: 45px;
  background-color: transparent;
  text-align: left;
  border: none;
  width: 100%;}
.select-filter .select .btn-toggle .fi {
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #5b5b5b;
  color: #fff;
  border: none;
  font-size: 8px;
  padding: 4px;
  line-height: 5px;
  border-radius: 4px;}
.select-filter .select .btn-toggle:hover .fi {
  background-color: #444242;}
.open.select-filter .select .btn-toggle .fi {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);}
/* selected */
.select-filter .select .selected {
  white-space: nowrap;
  overflow-x: auto;
  margin-right: 45px;
  margin-left: 15px;}
.select-filter .select .selected .item {
  background-color: #535353;
  position: relative;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 10px;
  line-height: 17px;
  padding: 4px 40px 4px 10px;}
.select-filter .select .selected .item:first-of-type {
  margin-left: 0;}
.select-filter .select .selected .item .btn-remove {
  background-color: transparent;
  border: none;
  color: #a1a0a0;
  font-size: 14px;
  position: absolute;
  right: 2px;
  top: 4px;}
.select-filter .select .selected .item .btn-remove:hover {
  color: #fff;}
/* auto-complete-results */
.select-filter .auto-complete-results {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
  width: 100%;}
/* selected */
.select-filter .auto-complete-results .selected .item {
  background-color: #48c33d;
  position: relative;
  display: inline-block;
  color: #fff;
  border-radius: 15px;
  font-size: 11px;
  margin-right: 4px;
  line-height: 17px;
  padding: 2px 30px 2px 14px;}
.select-filter .auto-complete-results .selected .item .btn-remove {
  background-color: transparent;
  border: none;
  color: #d0d5cf;
  font-size: 14px;
  position: absolute;
  right: 2px;
  top: 2px;}
.select-filter .auto-complete-results .selected .item .btn-remove:hover {
  color: #fff;}
/* btn-back */
.select-filter .auto-complete-results .btn-back {
  background-color: transparent;
  border: none;
  padding-top: 10px;
  color: #757676;
  font-size: 20px;
  padding-left: 0;}
.select-filter .auto-complete-results .btn-back:hover {
  color: #000;}
/* auto-complete-result */
.select-filter .auto-complete-results .auto-complete-result .label {
  color: #3c3a3a;
  font-size: 18px;}
.select-filter .auto-complete-results .auto-complete-result .content {
  height: 200px;
  margin-bottom: 10px;
  margin-top: 5px;
  overflow-y: auto;}
.select-filter .auto-complete-results .auto-complete-result .content .item {
  position: relative;
  color: #666a6c;
  cursor: pointer;
  font-size: 13px;
  margin-top: 5px;
  margin-right: 10px;
  max-width: 430px;
  padding: 4px 10px 1px 28px;
  border: 1px solid transparent;
  border-radius: 25px;}
.select-filter .auto-complete-results .auto-complete-result .content .item:hover {
  color: #000;
  border-color: #48c33d;}
.select-filter .auto-complete-results .auto-complete-result .content .item:hover::before {
  font-family: FontAwesome;
  content: '\f058';
  color: #48c33d;
  position: absolute;
  left: 8px;
  top: 0;
  font-size: 16px;}



/* auto-complete-list */
.auto-complete-list .auto-complete-result-item {
  min-width: 100%;
  padding: 2px 3px;
  white-space: nowrap;
  padding: 4px 10px;
  color: #000;
  cursor: pointer;
  font-size: 13px;}       
.auto-complete-list .auto-complete-result-item:hover{
  background-color: #efefef;
  color: #292929;}



/* search-form */
.search-form {
  position: relative;
  width: 100%;}
.search-form .form-control {
  background-color: #eaeaea;
  font-size: 13px;
  border-radius: 8px;
  border-color: transparent;
  padding: 11px 45px 11px 15px;}
.search-form .btn {
  position: absolute;
  right: 0;
  top: 4px;
  min-width: auto;
  color: #757878;
  font-size: 20px;}



/* copy-icon-btn  */
.copy-icon-btn {
  position: relative;
  display: inline-block;
  padding-right: 18px;}
.copy-icon-btn:not(:hover)::before {
  opacity: .7;}
.copy-icon-btn::before {
  font-family: FontAwesome;
  content: '\f24d';
  color: #ff7d06;
  position: absolute;
  right: 0;
  cursor: pointer;}





/* suppliers-list */
/* item */
.suppliers-list .item {
  position: relative;}
/* title */
.suppliers-list .title {
  color: #555656;
  margin-bottom: 10px;
  font-size: 15.4px;}
/* shop */
.suppliers-list .shop {
  border-radius: 10px;}
/* div-col */
.suppliers-list .div-col {
  font-size: 11.2px;
  color: #555656;
  display: inline-block;
  position: relative;
  margin-top: 15px;
  padding-right: 20px;}
.suppliers-list .div-col:not(:last-of-type):after {
  position: absolute;
  content: '';
  background-color: #646464;
  right: 8px;
  top: 3px;
  width: 2px;
  height: 12px;}
.suppliers-list .div-col .data {
  display: inline-block;
  color: #555656;}
/* btn-proceed */
.suppliers-list .btn-proceed {
  background-color: #3b81ff;
  font-size: 12px;
  color: #fff;
  min-width: 110px;}
/* url-primary */
.suppliers-list .url-primary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}

/* large-list */
/* title */
.suppliers-list.large-list .title {
  margin-bottom: 20px;
  font-size: 24px;}
/* price */
.suppliers-list.large-list .price {
  border-width: 2px;}
.suppliers-list.large-list .price label {
  font-size: 16px;}
.suppliers-list.large-list .price .data {
  font-size: 20px;}


/* count-item */
.suppliers-list.large-list .div-col {
  background-color: #eaeaea;
  padding: 10px 15px;
  min-width: 180px;
  margin-right: 15px;
  font-size: 13px;
  border-radius: 5px;}
.suppliers-list.large-list .div-col label {
  color: #555656;}
.suppliers-list.large-list .div-col .data {
  color: #302d2d;}
.suppliers-list.large-list .div-col:not(:last-of-type):after {
  background-color: transparent;}
/* contact-info */
.suppliers-list.large-list .contact-info {
  margin-top: 20px;}
.suppliers-list.large-list .contact-info a {
  color: #555656;
  margin-top: 15px;
  display: block;
  min-width: 200px;
  text-decoration: none;}
.suppliers-list.large-list .contact-info a .fa {
  background-color: #eaeaea; 
  text-align: center;
  border-radius: 5px;
  margin-right: 5px;
  font-size: 15px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 14px;
  color: #8a00e5;
  position: absolute;}
.suppliers-list.large-list .contact-info a span {
  margin-left: 35px;
  margin-top: 4px;
  display: inline-block;
  font-size: 12px;}
.suppliers-list.large-list .contact-info .address span {
  vertical-align: top;}
/* btn-map */
.suppliers-list.large-list .contact-info .btn-map {
  color: #e3e3e3;
  background-color: #3c3b3b;
  font-size: 12px;
  min-width: 160px;}
/* btn-proceed */
.suppliers-list.large-list .btn-proceed {
  font-size: 14.6px;
  min-width: 130px;}





/* price-history */
.price-history .history-item {
  position: relative;}
.price-history .history-item:not(:first-of-type) {
  padding-top: 25px;}
.price-history .history-item:not(:last-of-type) {
  padding-bottom: 25px;
  border-bottom: 1px solid #d0d0d1;}
/* date-time */
.price-history .date-time {
  color: #555656;
  margin-bottom: 10px;
  font-size: 13.4px;}
/* product-img */
.price-history .product-img {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px 10px;}
/* spek */
.price-history .spek .item {
  margin-top: 5px;}
.price-history .spek .item label {
  font-size: 12.4px;
  color: #555656;}
.price-history .spek .item .data {
  font-size: 15px;
  color: #4a4a4a;}
@media (max-width: 991px) {
.price-history .spek {
  margin-top: 20px;
  margin-bottom: 20px;}
}
@media (max-width: 767px) {
.price-history .spek {
  margin-top: 0;
  margin-bottom: 0;}
}

/* img-brand */
.price-history .img-brand {
  display: block;
  max-width: 100%;
  max-height: 25px;}
@media (max-width: 767px) {
.price-history .img-brand {
  max-height: initial;}
}

/* price-qr */
@media (max-width: 767px) {
.price-history .price-qr {
  padding: 2px 5px;}
}


/* price */
.price-history .price {
  margin-top: 20px;
  border: 1px solid #85e59e;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 15px;}
.price-history .price label {
  color: #4a4a4a;
  font-size: 12.4px;}
.price-history .price .data {
  color: #212122;
  font-size: 15px;}

/* url-primary */
.price-history .url-primary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}






/* autocomplete */
/* autocomplete-input */
.autocomplete-vehicle .autocomplete-input {
  position: relative;
  background-color: #eaeaea;
  cursor: pointer;
  border-radius: 10px;
  margin-bottom: 10px;
  padding: 7px 10px;}
.autocomplete-vehicle .autocomplete-input .img-tumb {
  max-height: 60px;
  width: 100%;
  object-fit: contain;}
.autocomplete-vehicle .autocomplete-input .selected {
  color: #3c3b3b;
  margin-left: 5px;
  font-size: 14px;}
.autocomplete-vehicle .autocomplete-input button {
  background-color: #b3b3b3;
  color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  border: none;
  font-size: 14px;
  line-height: 6px;
  padding: 3px;}
/**/
.autocomplete-vehicle .auto-complete-result {
  position: relative;}
@media (min-width: 576px) {
.autocomplete-vehicle .auto-complete-result {
  width: 400px;}
}
/* auto-complete-results */
.autocomplete-vehicle .auto-complete-results-vehicle{
  background-color: #fff;
  box-shadow: 9px 8px 22px #0000002e;
  border-radius: 10px;
  position: absolute;
  z-index: 50;
  max-height: 400px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item {
  display: inline-block;
  position: relative;
  color: #2d2d2d;
  padding: 5px 10px;
  width: 100%;}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item:hover {
  background-color: #f9b000;
  color: #fff;}
.autocomplete-vehicle .auto-complete-results .auto-complete-result-item:hover::after {
  font-family: FontAwesome;
  content: '\f058';
  font-size: 17px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item:not(:last-of-type) {
  border-bottom: 1px solid #ddd;}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item .img-tumb {
  height: 60px;
  width: 100%;
  object-fit: contain;}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*padding-right: 35px;*/
  font-size: 15px;}
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item .url-primary {
  background-color: transparent;
  width: 100%;
  border: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}
@media (max-width: 767px) {
.autocomplete-vehicle .auto-complete-results-vehicle .auto-complete-result-item .img-tumb {
  max-height: 30px;
  height: auto;
  max-width: 100%;
  object-fit: contain}
}

/* autocomplete-search */
.autocomplete-vehicle.autocomplete-search .search-form {
  margin-bottom: 2px;}
.autocomplete-vehicle.autocomplete-search .search-form .form-control {
  background-color: transparent;
  border: 1px solid #ddd;}
.autocomplete-vehicle.autocomplete-search .search-form .btn {
  top: 2px;
  font-size: 16px;}

/* autocomplete-list-lg */
@media (min-width: 992px) {
.autocomplete-vehicle.autocomplete-list-lg .autocomplete-input {
  display: none;}
.autocomplete-vehicle.autocomplete-list-lg .auto-complete-result.d-none {
  display: block !important;}
.autocomplete-vehicle.autocomplete-list-lg .auto-complete-results-vehicle {
  border-radius: 10px;
  position: initial;
  max-height: initial;
  width: auto;
  overflow-y: initial;
  overflow-x: initial;}
.autocomplete-vehicle.autocomplete-list-lg .auto-complete-results-vehicle .auto-complete-result-item:first-of-type {
  border-radius: 10px 10px 0 0;}
.autocomplete-vehicle.autocomplete-list-lg .auto-complete-results-vehicle .auto-complete-result-item:last-of-type {
  border-radius: 0 0 10px 10px;}
/**/
.autocomplete-vehicle.autocomplete-list-lg .auto-complete-result {
  width: auto;}
}




/* offcanvas */
.offcanvas {
    width: 100%;
    max-width: 500px;}
.offcanvas-sm {
    max-width: 300px;}
.offcanvas-md {
    max-width: 600px;}
.offcanvas-lg {
    max-width: 800px;}
.offcanvas-xl {
    max-width: 1140px;}


/* offcanvas-title */
.offcanvas .offcanvas-title {
    font-size: 22px;}

/* btn-offcanvas-close */
.offcanvas .btn-offcanvas-close img {
   height: 25px;
   opacity: .7;}
.offcanvas .btn-offcanvas-close .fi {
   opacity: .7;}
  
/* offcanvas-header */
.offcanvas .offcanvas-header {
    padding: 30px;
    padding-bottom: 10px;}

/* offcanvas-inner-body */
.offcanvas .offcanvas-inner-body {
    padding: 30px;
    padding-top: 0;}

/* offcanvas-footer */
.offcanvas .offcanvas-footer {
    padding: 30px;}

/* form-default */
.offcanvas .form-default .form-body .form-label {
    font-size: 13px;}





/* request_view */
/* accordion-button */
body:not(.mobile_device) #request_view .card-group .card .card-body .accordion-disabled .accordion-button {
  pointer-events: none;}
body:not(.mobile_device) #request_view .card-group .card .card-body .accordion-disabled .accordion-button::after, 
body:not(.mobile_device) #request_view .card-group .card .card-body .accordion-disabled .accordion-icon::after {
  content: initial;}
/**/
.mobile_device #request_view .card-group .card .card-body .accordion-button::after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

/* collapse */
body:not(.mobile_device) #request_view .card-group .card .card-body .accordion-disabled .collapse:not(.show) {
  display: block !important;}
/* img-product */
body:not(.mobile_device) #request_view .card-group .card .card-body .img-product {
  max-height: 100px;}
/* price-qr */
#request_view .card-group .card .card-body .price-qr {
  padding: 2px 5px;}
#request_view .card-group .card .card-body .price-qr label {
  font-size: 11px;}
#request_view .card-group .card .card-body .price-qr .data {
  font-size: 12px;}