/* Common */
.no-p-margin p {
  margin-bottom: 0;
}
.no-heading-margin h1,
.no-heading-margin h2,
.no-heading-margin h3,
.no-heading-margin h4,
.no-heading-margin h5,
.no-heading-margin h6 {
  margin-bottom: 0;
}
.no-margin p,
.no-margin h1,
.no-margin h2,
.no-margin h3,
.no-margin h4,
.no-margin h5,
.no-margin h6,
.no-margin img,
.no-margin a {
  margin-bottom: 0 !important;
}
.small-margin p,
.small-margin h1,
.small-margin h2,
.small-margin h3,
.small-margin h4,
.small-margin h5,
.small-margin h6,
.small-margin img,
.small-margin a {
  margin-bottom: 0.5em !important;
}
.medium-margin p,
.medium-margin h1,
.medium-margin h2,
.medium-margin h3,
.medium-margin h4,
.medium-margin h5,
.medium-margin h6,
.medium-margin img,
.medium-margin a {
  margin-bottom: 1em !important;
}
.orange-medium-btn {
  background: #e46907;
  background: linear-gradient(0deg, #e46907 0%, #f27610 50%, #fb8222 100%);
  text-shadow: 1px 1px 3px #cc630f;
}
.col-broder {
  border: 1px solid #ccc;
  border-radius: 10px;
}
.col-broder-blue-1 {
  border: 1px solid #289BD8;
  border-radius: 3px;
}
.col-broder-blue-5 {
  border: 5px solid #289BD8;
  border-radius: 10px;
}
.panel {
  margin: 0 auto;
}
.menu-item-only-dealer {
  display: none !important;
}
.social-icons .button.icon:not(.is-outline).skype {
  background: #08a3e9 !important;
  border-color: #08a3e9 !important;
}
.social-icons .button.icon:not(.is-outline).zalo {
  background: #12a3d9 !important;
  border-color: #12a3d9 !important;
}
.social-icons .button.icon:not(.is-outline).zalo i.icon-zalo {
  background: url("../img/icon_zalo.png");
  width: 20px;
  height: 19px;
}
.social-icons .button.icon:not(.is-outline).viber {
  background: #8b67a8 !important;
  border-color: #8b67a8 !important;
}
.social-icons .button.icon:not(.is-outline).viber i.icon-viber {
  background: url("../img/icon_viber.png");
  width: 21px;
  height: 23px;
}
/* Tieu de tab */
.khung-tab {
  height: 38px;
  border-bottom: 1px solid #000;
  border-top: 1px solid #f2f3f2;
  background-color: #f7f7f7;
  overflow: hidden;
}
.khung-tab a.tieude {
  background-color: #ed1c24;
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
}
.khung-tab a.tieude:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 99%;
  width: 37px;
  height: 40px;
  background: url(../img/tieude.png) no-repeat center;
  z-index: 2;
}
.khung-tab a.xem_ct {
  float: right;
  color: #999;
  font-size: small;
  line-height: 38px;
  margin-right: 10px;
}
/* Header */
.header-search-form-wrapper form.searchform {
  border: 1px solid #ed1c24;
  border-radius: 5px;
}
.header-search-form-wrapper form.searchform select.search_categories {
  border: none;
  border-right: 1px solid #ccc;
  border-radius: 1px 0 0 1px;
  background: none;
}
.header-search-form-wrapper form.searchform button.submit-button {
  background: #ed1c24 !important;
}
/* News page - top one news */
.top-one-news .post-item .is-divider {
  display: none;
}
.top-one-news .post-item:hover .post-title {
  color: #ed1c24;
}
.top-one-news .post-item:hover .from_the_blog_excerpt {
  color: #333;
}
.list-news .post-item .box-image {
  display: none;
}
.list-news .post-item .box-text {
  padding-bottom: 10px;
}
.list-news .post-item .box-text .post-title {
  font-weight: normal;
  display: inline-block;
  width: auto;
  line-height: 20px;
  margin: 0;
}
.list-news .post-item .box-text .post-title:hover {
  color: #ed1c24;
}
.list-news .post-item .box-text .post-title:after {
  display: inline-block;
  content: " - ";
  padding: 0 7px;
}
.list-news .post-item .box-text .post-meta {
  display: inline-block;
  line-height: 20px;
}
.list-news .post-item .box-text .is-divider {
  display: none;
}
.block-highlight {
  background-color: #fff8f8;
  padding: 10px 15px;
  border: 1px dashed #ed1c24;
  margin-bottom: 20px;
}
/* Product */
.product-small {
  position: relative;
}
.product-small .badge-container {
  top: 0;
  left: auto;
  right: -15px;
  margin: 0;
}
.product-small .badge-container .badge-inner {
  background: rgba(237, 28, 36, 0.5);
}
.product-small .hover {
  position: absolute;
  top: -220px;
  left: 50px;
  z-index: -1;
  opacity: 0;
  width: 300px;
  padding: 15px;
  border: 1px solid #ed1c24;
  background-color: #fff;
  transition: all 1s;
}
.product-small .hover .add_to_cart_inline {
  border: none !important;
}
.product-small:hover .hover {
  top: -180px;
  left: 120px;
  z-index: 5;
  opacity: 1;
}
/* buttonizer */
.buttonizer a.buttonizer-button .buttonizer-label {
  right: 0 !important;
}
.buttonizer a.buttonizer-button:hover .buttonizer-label {
  transform: translate(-56px, -50%) !important;
  transition: all 0.6s ease-out 0s !important;
}
/* Widget */
.widget .widget-title {
  display: block;
  height: 38px;
  width: 100%;
  border-bottom: 1px solid #000;
  border-top: 1px solid #f2f3f2;
  background-color: #f7f7f7;
  overflow: hidden;
  margin-bottom: 15px;
}
.widget .widget-title .widget-title-inner {
  background-color: #ed1c24;
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
  padding: 0 15px;
  color: #fff;
}
.widget .widget-title .widget-title-inner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 99%;
  width: 37px;
  height: 40px;
  background: url(../img/tieude.png) no-repeat center;
  z-index: 2;
}
.widget .is-divider {
  display: none;
}
/* Footer */
#footer {
  padding: 0;
}
#footer .slider-logo {
  border: 1px solid #dcdcdc;
  border-radius: 3px;
  padding: 7px 40px;
}
#footer .slider-logo .flickity-button {
  top: 10%;
}
#footer .sec-nhan-tin {
  border-bottom: 1px solid #bfbfbf;
}
#footer .sec-nhan-tin .col-contact-icon a.button i {
  margin-right: 0;
}
#footer .sec-nhan-tin .col-contact-icon a.button span {
  font-weight: normal;
}
/* Popup contact */
#pum-991 button.pum-close::after {
  content: "\f101";
  font: normal normal normal 14px/1 FontAwesome;
  vertical-align: text-bottom;
}
/* buttonizer */
.buttonizer a.buttonizer-button {
  align-items: center;
  justify-content: center;
  display: flex !important;
}
.swing {
  animation: swing ease-in-out 0.2s infinite alternate;
  margin-top: -10px;
  margin-left: -10px;
}
@keyframes swing {
  0% {
    transform: rotate(12deg);
  }
  100% {
    transform: rotate(-12deg);
  }
}
.ringring {
  animation: pulsate 1s ease-out;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  animation-iteration-count: infinite;
  opacity: 0;
}
@keyframes pulsate {
  0% {
    transform: scale(0.5);
    opacity: 0.3;
  }
  40% {
    transform: scale(0.7);
    opacity: 0.5;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* Common Ninja Form */
.nf-form-content .listselect-wrap .nf-field-element div,
.nf-form-content input.ninja-forms-field,
.nf-form-content select.ninja-forms-field:not([multiple]) {
  height: 40px !important;
  font-size: 14px !important;
  line-height: 20px;
}
.nf-error.field-wrap .nf-field-element:after {
  height: 38px !important;
  width: 45px !important;
  line-height: 40px !important;
}
.nf-form-content .list-select-wrap > div div:after {
  height: 40px !important;
  line-height: 40px !important;
}
.nf-error-msg {
  font-size: 14px !important;
}
/* flip book */
#flipBook {
  top: 30px !important;
}
/* For Desktop and tablet */
/* For Mobile */
@media only screen and (max-width: 512px) {
  .buttonizer {
    position: fixed !important;
    left: 0 !important;
    bottom: 0 !important;
    flex-direction: row-reverse !important;
    visibility: visible !important;
    width: 100%;
  }
  .buttonizer::before {
    content: "";
    position: absolute;
    top: -10px;
    width: 100%;
    height: calc(100% + 10px);
    background-color: rgba(255, 255, 255, 0.8);
  }
  #pum-991 > .popmake {
    left: 10px !important;
    right: 10px !important;
  }
}
