@font-face {
  font-family: "Lobster";
  src: url("/assets/fonts/Lobster/Lobster-Regular.ttf");
}
@font-face {
  font-family: "Open Sans R";
  src: url("/assets/fonts/OpenSans/OpenSans-Regular.ttf");
}
@font-face {
  font-family: "Open Sans B";
  src: url("/assets/fonts/OpenSans/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "Open Sans I";
  src: url("/assets/fonts/OpenSans/OpenSans-Italic.ttf");
}
@font-face {
  font-family: "Open Sans BI";
  src: url("/assets/fonts/OpenSans/OpenSans-BoldItalic.ttf");
}
body {
  background-color: #1a2226;
  color: #b8c7ce;
}

a, .btn-link {
  color: #b8c7ce;
  transition: 0.3s;
}
a:hover, .btn-link:hover {
  color: #fab207;
}

div, th, td {
  color: #b8c7ce;
}

input, select, textarea {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-light {
  background-color: #1e282c !important;
}

header .top-info {
  border-bottom: 0.0625rem solid #6c757d;
}
header .top-info .hotline a {
  animation: colorHotline 2s infinite;
}
header .top-info .other i {
  color: #b8c7ce;
}
header .top-info .other i:hover {
  color: #ffffff;
}
header .top-info .other .user .dropdown-menu {
  background-color: #1e282c;
  box-shadow: 0rem 0.3125rem 0.625rem 0rem rgba(255, 255, 255, 0.1);
}
header .top-info .other .user .dropdown-menu > div > a, header .top-info .other .user .dropdown-menu > div > span {
  color: #b8c7ce;
}
header .top-info .other .user .dropdown-menu > div > a:hover, header .top-info .other .user .dropdown-menu > div > span:hover {
  color: #ffffff;
}
header .top-info .other .user .dropdown-menu hr {
  border-color: #b8c7ce;
}
header .top-info .other .user .dropdown-menu .theme a i {
  color: #f5f5f5;
}
header .logo-menu .mainmenu .menu .submenu {
  background-color: rgba(30, 40, 44, 0.9);
}
header .logo-menu .mainmenu .menu .submenu > li > a {
  color: #b8c7ce;
}
header .logo-menu .mainmenu.show-menu .menu {
  background-color: rgba(255, 255, 255, 0.9);
}
header .logo-menu .mainmenu.show-menu .menu > li > a {
  color: #000000;
}
header .logo-menu .mainmenu.show-menu .menu > li.active a {
  color: #fab207;
}
header .logo-menu .mainmenu.show-menu .menu > li > .submenu > li > a {
  color: #000000;
}
header .logo-menu .mainmenu.show-menu .menu > li > .submenu > li.active a {
  color: #fab207;
}

/**
*
* Product
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
.paginate span, .paginate a {
  background: rgba(0, 0, 0, 0) !important;
}
.paginate span {
  opacity: 0.7;
}

#product .item {
  background-color: #1e282c;
}
#product .item .quantity-status {
  opacity: 0.7;
}
#product .item .info .price {
  color: #fab207;
}
#product .item .info .material {
  color: #b8c7ce;
}

/**
*
* Policy
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#customer-form ul.nav li a {
  border: 0.0625rem solid #b8c7ce;
  color: #b8c7ce;
}
#customer-form ul.nav li a.active, #customer-form ul.nav li a:hover {
  background-color: #b8c7ce;
  color: #000000;
}

/**
*
* Product detail
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#product-detail .figure a {
  color: #fab207;
}
#product-detail .figure a:hover {
  color: #005690;
}

/**
*
* Policy
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#policy .item {
  background-color: #1e282c;
}
#policy .item .icon {
  color: #00abc0;
}

/**
*
* Footer
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
footer {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/images/bg-foot.jpg?8b61eb8bbfa7c4012478a289315f9bd2);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/**
*
* Effect
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
@keyframes colorHotline {
  0% {
    color: #ffffff;
  }
  20% {
    color: #ff0000;
  }
  40% {
    color: #005690;
  }
  60% {
    color: #00abc0;
  }
  80% {
    color: #000000;
  }
  100% {
    color: #fab207;
  }
}