@font-face{
  font-family:Calibri;
  src:url('../fonts/CALIBRIL.TTF')
}

body{font-family: Calibri; }
.nav-item{padding-right:20px; }

.nav-item .nav-link{}
.navbar-nav> li:hover .dropdown-menu {display: block;}
.navbar-nav .dropdown-menu {border-radius: 1px !important;border: none !important;}
.navbar-nav .nav-link.active{
  border-bottom: solid 3px #e77918;
  text-underline: #e77918;
}
.navbar-nav .nav-link:hover{
  /*border-bottom: solid 3px #e77918;*/
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: pulse;
  border-bottom: solid 3px #e77918;
}
.navbar .offcanvas{width: 85%;}
.product-lists .offcanvas{width: 85%;}
.top-info{color: #777;}
.top-logo{width: 8em;}
.top-logo-2{width: 7em;}
.top-logo-3{width: 4em;margin-left: 10px;}
.product-item .card-img-top:hover{
  /*transform: scale(1.2);*/
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: pulse;
}

.product-detail-img{width: 100%;}
.detail-boot{height: 4em;overflow: hidden; width: 100%;}
.detail-boot .product-detail-boot-img{max-width:19%;height: 4em;}
.detail-boot .boot-img-2{width: 5.26em;height: 3.5em; margin-right: 10px;}
.vedio-content{width: 100%;}

.modal{    --bs-modal-width:40%;}

/*.product-lists .product-item:hover{*/
  /*!*transform: scale(1.2);*!*/
  /*-webkit-animation-duration: 1s;*/
  /*animation-duration: 1s;*/
  /*-webkit-animation-fill-mode: both;*/
  /*animation-fill-mode: both;*/
  /*animation-name: pulse;*/
/*}*/

.bg-qinyan{
	background:#ff5e13;
}

.company-info-box img{width:100%;border-radius:10px; }
.company-info-box img:hover{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: tada;
}

.border-color-ju{border-color: #ff5e13 !important;}
.product-lists .product-item .card {border:none;}
.product-lists .product-item .card-title{
  color:#ff5e13 !important; font-weight: 600;font-size:15px  !important;
}
.product-lists .product-item .card-text{
   font-size:13px  !important;
}

footer .footer-logo{width: 6em;border-radius:10px}
footer .outlink{margin-right: 10px;}
footer .outlink i{color: black;font-size: 22px;}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}