#loader {
  z-index: 999;
  opacity: 1;
}
#loading-wrap {
  position: absolute;
  z-index: 9999999;
}
.rtl #loading-wrap {
  position: absolute;
  left: 0;
}
.explore {
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
  padding: 0 10px;
  border-bottom: solid 3px #d3b01c;
}
.explore-hongqi {
  overflow: hidden !important;
}
.explore-hongqi img {
  height: 100px;
  transition: all 0.5s ease;
}
.explore-hongqi img:hover {
  top: -10px;
}
.explore-hongqi h3 {
  text-align: center !important;
  font-size: 18px;
}
.explore-hongqi h1 {
  text-align: center;
  margin: 50px 0;
}
.explore-hongqi .nav-link {
  color: #000;
}
.explore-hongqi .nav-item {
  position: relative;
}
.explore-hongqi .nav-item .active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #000;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.tab-content {
  margin-top: -60px;
}
.explore-hongqi .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000;
  background-color: #f5fafd;
}
.explore-hongqi .car-box {
  display: flex;
  justify-content: space-evenly;
  margin-top: 100px;
}
.explore-hongqi .car-box .car {
  height: 250px;
}
.explore-hongqi .car-box .car h3 {
  font-size: 16px;
  text-align: center;
  margin-top: 15px;
}
.explore-hongqi .car-box .car img {
  width: 300px;
  transition: all 0.5s ease;
}
.explore-hongqi .car-box .car img:hover {
  width: 400px;
}
.selected-car {
  position: relative;
  background-size: 150% 310px;
  background-repeat: no-repeat;
  z-index: 0;
  margin-top: 15px !important;
}
.selected-car .carousel-inner {
  padding-bottom: 50px;
}
.selected-car h1,
.selected-car h2 {
  font-size: 90px;
  font-weight: 700;
}
.selected-car .area {
  position: absolute;
  top: 10vh;
}
.selected-car .area .top-title {
  width: 150px;
  display: block;
}
.selected-car .area .car-title {
  width: 150px;
  margin-top: 50px;
}
.selected-car .car-color-box {
  margin-top: 11%;
  display: flex;
  flex-direction: row;
  margin-left: 35%;
  cursor: pointer;
}
@media (min-width: 2000px) {
  .selected-car .car-color-box {
      margin-top: 40%;
  }
}
.selected-car .car-color-box .car-color {
  margin-right: 14px;
  z-index: 99999;
}
.selected-car .car-color-box .car-color .btn {
  border-radius: 10px;
  padding: 5px 24px;
  width: 50px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease;
}
.selected-car .car-color-box .car-color img {
  width: 60px;
}
.selected-car .car-color-box .car-color span {
  text-align: left;
  font-size: 13px;
  display: block;
  line-height: 16px;
  padding-top: 5px;
  text-transform: capitalize;
}
.selected-car .display-car {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  align-items: baseline;
  position: relative;
}
.selected-car .display-car img {
  top: 55px;
  align-self: flex-end;
  position: absolute;
}
.selected-car .area .group-color {
  position: relative;
  display: block;
}
.expl {
  width: 250px;
}
.group-h5 {
  position: absolute;
  top: 0;
  width: 100%;
}
.group-h9,
.group-hs5,
.group-hs7 {
  position: absolute;
  top: 0;
  width: 100%;
  left: 100%;
}
.click-h5,
.click-h5-r,
.click-h9,
.click-h9-r,
.click-hs5,
.click-hs5-r,
.click-hs7,
.click-hs7-r {
  position: relative;
}
.click-h5 i,
.click-h9 i,
.click-hs5 i,
.click-hs7 i {
  position: absolute;
  top: 50%;
  font-size: 50px;
  right: 60px;
}
.click-h5-r i,
.click-h9-r i,
.click-hs5-r i,
.click-hs7-r i {
  position: absolute;
  top: 50%;
  font-size: 50px;
  right: 30px;
}
.selected-car1 {
  opacity: 0;
}
.selected-car1.active {
  opacity: 1;
}
.fade-in {
  animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
      opacity: 0;
  }
  100% {
      opacity: 1;
  }
}
.discover-more h2 {
  margin: 50px 0;
  text-align: center;
}
.discover-more p {
  text-align: center;
}
.discover-more .card-text {
  text-align: left;
}
.service-center {
  background-color: #fff;
  padding-bottom: 100px;
  background: url(../assets/services.png);
}
.service-center h1 {
  text-align: center;
  margin: 50px 0;
}
.service-center p {
  text-align: center;
}
.service-center .service-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  padding-left: 20px;
}
.service-center .service-box .service {
  flex: 0 50%;
  padding: 0 20px 10px 10px;
}
.service-center .service-box .service i {
  font-size: 50px;
  color: #03a9f4;
}
.service-center .service-box .service h3 {
  font-size: 20px;
  margin-top: 10px;
}
.service-center .service-box .service p {
  font-size: 15px;
  text-align: left;
}
.local-center {
  padding: 0 0 50px 0;
}
.local-center h2 {
  text-align: center;
  margin: 0 0 50px 0;
}
.local-center .container-fluid {
  padding: 0;
}
.local-center p {
  text-align: center;
}
.local-center .service-box {
  display: flex;
  flex-wrap: wrap;
  padding-left: 20px;
}
.local-center .service-box .service {
  position: relative;
  flex: 0 50%;
  padding: 0 20px 100px 0;
}
.local-center .service-box .service i {
  font-size: 50px;
  color: #03a9f4;
  position: relative;
}
.local-center .service-box .service .btncustom {
  position: absolute;
  bottom: 28%;
  width: 90%;
}
.local-center .service-box .service h3 {
  font-size: 20px;
  margin-top: 10px;
}
.local-center .service-box .service p {
  font-size: 15px;
  text-align: left;
}
.local-center .addressdetail {
  background-color: #f7f4f4;
  padding-left: 20px;
}
.hongqi-brochure {
  background-size: cover;
  height: 50vh;
}
.hongqi-brochure h1 {
  color: #fff;
  text-align: center;
  margin-top: 100px;
}
.hongqi-brochure h3 {
  color: #fff;
  text-align: center;
  margin-top: 50px;
}
.bottom {
  background-color: #f6f6f6 !important;
  padding: 50px 0;
}
.car-img {
  height: 158px;
  overflow: hidden;
}
.round #tawkchat-status-text-container {
  opacity: 0;
}
.rtl .selected-car .car-color-box .car-color span {
  font-size: 14px;
  text-align: center;
}
.special-hs5 {
  width: 94% !important;
}
.container {
  max-width: 90%;
}
.carousel-control-next,
.carousel-control-prev {
  width: 7% !important;
}
@media screen and (min-width: 450px) {
  .local-center {
      background-size: cover;
  }
}
.first-banner {
  position: absolute;
  top: 0;
  left: 0;
}
.hide-banner {
  display: none !important;
}
.carousel-control-prev,
.selected-car .carousel-control-next {
  color: #000;
  font-size: 36px;
}
.megamenu .car-box {
  margin-top: 80px !important;
}
.background-fixed {
  background-image: url(../assets/ax7-fixed-int.jpg?var=1);
  background-attachment: fixed;
  padding: 200px;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  background-size: 200%;
}
.home-about {
  padding: 80px 0 0 0;
}
.home-about .container-fluid {
  padding-right: 0;
}
.home-about img {
  width: 100%;
}
.home-about h1 {
  font-size: 46px;
  text-align: left;
  font-variant: all-petite-caps;
}
.rtl .home-about h1 {
  text-align: right;
}
.home-about p {
  text-align: justify;
}
.two-option {
  padding: 80px 0 50px 0;
}
.two-option h3 {
  margin-top: 20px;
  text-align: center;
}
.two-option h3 a {
  color: #000;
}
.two-option .image {
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.two-option .image img {
  width: 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: 50%/100% 100% no-repeat;
}

.boxes {
  display: flex;
  margin-top: 100px;
}
.boxes .box {
  flex: 1;
  position: relative;
  cursor: pointer;
  border-right: solid 2px #fff;
}
.boxes .box .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* opacity: 0.3; */
}
.boxes .box h2 {
  position: absolute;
  color: #fff;
  bottom: 20px;
  width: 100%;
  text-align: center;
  transition: all .4s;
  opacity: 0;
}
.boxes .box:hover h2 {
  opacity: 1;
  bottom: 40px;
}

.boxes .box .logo {
  /* animation: pulsate-bck 1.5s ease-in-out infinite both; */
  /* mix-blend-mode: lighten; */
  opacity: 0;
  position: absolute;
  /* transform: scale(0);
  transition: all .4s;
  width: 6.40625vw */
  top: 36%;
  left: 32%;
  transform: scale(1);
}
.boxes .box:hover .logo {
  animation: pulsate-bck 1.5s ease-in-out infinite both;
  transition: all .4s;
  opacity: 1;
}
.boxes .box:hover .overlay {  
  background-color: rgba(1,96,255,.2)
}
@keyframes pulsate-bck {
  0% {
      transform: scale(1)
  }

  50% {
      transform: scale(.9)
  }

  to {
      transform: scale(1)
  }
}

.bt-boxes {
  display: flex;
}
.bt-boxes .bt-box-one {
  flex : 1;
  border-right: solid 2px #fff;
  position: relative;
}
.bt-boxes .bt-box-one h3 {
  color: #fff;
  position: absolute;
  left: 20px;
  bottom: 30px;
  transition: all .4s;
}
.bt-boxes .bt-box-one:hover h3 {
  /* animation: ball 1.5s ease-in-out infinite both; */
 bottom: 40px; 
}
.bt-boxes .bt-box-two {
  flex: 2;
}
.bt-boxes .bt-box-two .inner-boxes {
  display: flex;
}
.bt-boxes .bt-box-two .inner-boxes .inner-box {
  flex: 1;
  border-right: solid 2px #fff;
  position: relative;
}
.bt-boxes .bt-box-two .inner-boxes .inner-box h3 {  
  color: #fff;
  position: absolute;
  left: 20px;
  bottom: 30px;
  transition: all .4s;
}
.bt-boxes .bt-box-two .inner-boxes .inner-box:hover h3 {
  /* animation: ball 1.5s ease-in-out infinite both; */
  bottom: 40px;
}
.bt-boxes .bt-box-one .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bt-boxes .bt-box-one:hover .overlay {  
  background-color: rgba(1,96,255,.2)
}

.bt-boxes .bt-box-two .inner-boxes .inner-box .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.bt-boxes .bt-box-two .inner-boxes .inner-box:hover .overlay {  
  background-color: rgba(1,96,255,.2)
}
.border-top {
  border-top: solid 2px #fff;
}

.int-boxes {
  display: flex;
}
.int-boxes .int-box {
  flex: 1;
  border-right: solid 4px #fff;
  background-color: #f3f3f3;
  cursor: pointer;
  transition: all .4s;
}
.int-boxes .int-box:hover { 
  margin-top: -20px;  
  border-radius: 23px;
}

.int-boxes .inner-box:last-child {
  border-right: solid 0px;
}
.int-box-header {
  display: flex;
  padding: 10px;
}
.int-box-header .int-logo {
  flex: 30%;
}
.int-box-header .int-logo img {
  display: block;
  width: 80%;
  margin: auto;
}
.int-box-header .int-heading {
  flex: 70%;
}
.int-box-header .int-heading h2 {
  margin: 0;
  font-size: 29px;
}
.int-box-header .int-heading .time {
  color: #667785;
  font-size: 1.04167vw;
}