@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: #ffffff;
  color: #000000;
}

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

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

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

/**
*
* Product
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#product .item {
  background-color: #f5f5f5;
}
#product .item .quantity-status {
  opacity: 0.7;
}
#product .item .info .price {
  color: #ff0000;
}
#product .item .info .material {
  color: #1e282c;
}

/**
*
* Policy
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#customer-form ul.nav li a {
  border: 0.0625rem solid #b8c7ce;
  color: #000000;
}
#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: #00abc0;
}
#product-detail .figure a:hover {
  color: #005690;
}

/**
*
* Post
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#post-group .image:hover img {
  border-color: #fab207;
}
#post-group .title a {
  font-size: 90%;
}
#post-group .title:hover a {
  color: #fab207 !important;
}

/**
*
* Policy
*
* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = 
*
*
*/
#policy .item {
  background-color: #fff3cd;
}
#policy .item .icon {
  color: #f17d59;
}

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

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