/* ========== trangtrong ========== */

@media (max-width:992px) {
  .form_contact {
    float:left;
    width:100%;
    margin-bottom:10px;
  }
  .form_lh {
    float:left;
    width:100%;
  }
}

@media (max-width:600px) {
  .form_lh .right_input,
  .form_lh .left_input {
    float:left;
    width:100%;
  }
}

@media (max-width:450px) {
  #tabs li {
    padding:10px 10px !important;
  }
}

/* ========== trangtrong ========== */

.box_hover {
  position:relative;
}

.box_hover a:after {
  content:'';
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-transform:scale(0);
  -o-transform:scale(0);
  transform:scale(0);
  background:url(../images/icon/plus-icon.png) no-repeat center;
  position:absolute;
  z-index:100;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:rgba(0,0,0,0.4);
  transition:0.5s;
}

.box_hover:hover a:after {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
}

/* ========== tintuc========== */

.title_tinkhac {
  font-family:'SVNAvo';
  font-size:16px;
  padding-bottom:0;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:1px solid #d56a2d;
  display:block;
  text-transform:uppercase;
  color:#d56a2d;
}

.tinkhac_item {
  color:#fff;
  margin-bottom:5px;
  display:flex;
  align-items:center;
  font-size:13px;
  transition:0.2s;
  float:left;
  clear:both;
}

.tinkhac_item:hover {}

.tinkhac_item a {
  color:#fff;
}

/* ========== tintuc========== */

/*==Content pagination=*/

ul.pagination {
  text-align:center;
  color:#829994;
}

ul.pagination li {
  display:inline;
  padding:0 3px;
}

ul.pagination a {
  color:#3E3E3E;
  display:inline-block;
  padding:1.5px 10px;
  border:1px solid #cde0dc;
  text-decoration:none;
  font-size:13px;
  font-weight:bold;
  background:#fff;
}

ul.pagination a:hover,
ul.pagination a.current {
  background:#4d4e4c;
  color:#fff;
}

.pagination {
  margin:auto;
  width:auto;
  text-align:center;
  margin:10px 0;
}

.pages {}

.pages li.prev {
  margin-right:15px;
}

.pages li.next {
  margin-left:15px;
}

.pages li {
  display:inline-block;
  margin:5px 2px;
}

.pages li a {
  height:25px;
  padding:4px 8px;
  text-decoration:none;
  color:#666666;
  font-weight:bold;
  background:url(../images/backgrounds/pagingBg.png) repeat-x 0 0;
  border:1px solid #d5d5d5;
  font-size:11px;
}

.pages li a:hover {
  background:#f6f6f6;
}

.pages li .active {
  background:url(../images/backgrounds/sideGradient.png) repeat-x;
  color:#fff;
  border-color:#424852;
}

.pages li .active:hover {
  background:#2a313d;
}

.ngaydang {
  font-style:italic;
  color:#ccc;
}

.w_splq {
  float:left;
  width:100%;
}

.content_sanphamlq {
  float:left;
  width:100%;
}

.update_content {
  float:left;
  width:100%;
  padding:10px 20px;
  background:#f7f0f0;
  font-size:17px;
  font-family:'RobotoCondensedBold';
  color:#d20a0a;
  text-transform:uppercase;
  border-radius:7px;
  box-shadow:0 0 3px 0 #b5b5b5;
}

/* ========== Content pagination ========== */

.tab_product {
  margin:0 0 10px 0;
  float:left;
  width:100%;
  text-align:center;
}

.tab_product ul {
  display:inline-block;
}

.tab_product ul li {
  float:left;
  color:#DFBD43;
}

.tab_product ul li a {
  font-family:"OpenSansRegular";
  font-size:18px;
  color:#DFBD43;
  text-transform:capitalize;
  margin:0 18px;
  display:inline-block;
  position:relative;
}

.tab_product ul li a:after {
  content:"";
  position:absolute;
  left:-19px;
  bottom:0;
  top:5px;
  margin:auto;
  width:4px;
  height:4px;
  background:#DFBD43;
}

.tab_product ul li:nth-child(1) a:after {
  display:none;
}

.tab_product ul li a:before {
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:1px;
  background:#fff;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  -ms-transition:all 0.3s;
}

.tab_product ul li a:hover:before,
.tab_product ul li.active a:before {
  left:0;
  right:0;
}

.tab_product ul li a:hover,
.tab_product ul li.active a {
  color:#fff;
}

/*++++++++++PAGINATION+++++++++++*/

div.pagination_ajax {
  clear:both;
  text-align:center;
  line-height:1.4em;
  margin-top:20px;
}

div.pagination_ajax span {
  display:inline-block;
  color:#FF0;
  width:21px;
  padding:2px 0;
  text-align:center;
  text-shadow:0 0 2px #000;
  background-color:#902803;
  font-weight:bold;
  border-radius:50%;
}

div.pagination_ajax a.paging {
  display:inline-block;
  color:#FFF;
  width:21px;
  padding:2px 0;
  text-align:center;
  background-color:#319710;
  font-weight:bold;
  cursor:pointer;
}

div.pagination_ajax a.paging:hover {
  background-color:#319710;
}

div.pagination_ajax {
  text-align:center;
  color:#e32424;
}

div.pagination_ajax ul {
  display:inline-block;
}

div.pagination_ajax ul li {
  margin-bottom:5px;
  float:left;
  min-width:10px;
  display:inline-block;
  margin-right:5px;
  padding:7px 12px;
  border:thin #b2b2b2 solid;
  background:#fff;
  color:#444444;
}

div.pagination_ajax ul li a {
  color:#444444;
  font-family:'RobotoRegular';
  font-size:14px;
}

div.pagination_ajax ul li:hover {
  color:#fff;
  background:#8c8c8c;
  cursor:pointer;
}

div.pagination_ajax ul li:hover a {
  color:#fff;
}

div.pagination_ajax .actived {
  cursor:pointer;
  color:#4879a6;
  background:#8c8c8c;
}

div.pagination_ajax .actived a {
  color:#fff;
}

.phantrang {
  text-align:center;
  margin-top:20px;
}

/*=======*/

div#container_product {
  margin-top:10px;
  width:100%;
  float:left;
}

div#container_product #tabs {
  float:left;
  width:100%;
  margin-bottom:20px;
}

#tabs li {
  display:inline-block;
  padding:10px 15px;
  font-family:'RobotoBold';
  font-size:15px;
  background:#fff;
}

#tabs li.active {
  position:relative;
  top:1px;
  border:1px solid #dee2e6;
  border-bottom:none;
  border-radius:5px 5px 0 0;
}

#tabs li.active a {
  color:#e5101d;
}

#tabs li a {
  color:#000;
  position:relative;
  top:1px;
}

div#container_product .content_tabdetail {
  float:left;
  width:100%;
  border:1px solid #dee2e6;
}

/*==*/

.paging {
  display:inline-block;
  text-align:center;
  width:100%;
}

/*Preloader*/

#loader-wrapper {
  width:100%;
  height:100%;
  position:fixed;
  top:0%;
  left:0%;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:9999999999999999999;
  background:#fff;
}

.spinner {
  width:70px;
  text-align:center;
}

.spinner .bounce1 {
  -webkit-animation-delay:-0.32s;
  animation-delay:-0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay:-0.16s;
  animation-delay:-0.16s;
}

.spinner > div {
  width:18px;
  height:18px;
  background-color:#333;
  border-radius:100%;
  display:inline-block;
  -webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;
  animation:sk-bouncedelay 1.4s infinite ease-in-out both;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform:scale(0);
  }
  40% {
    -webkit-transform:scale(1.0);
  }
}

@keyframes sk-bouncedelay {
  0%,
80%,
100% {
  -webkit-transform:scale(0);
  transform:scale(0);
}

40% {
  -webkit-transform:scale(1.0);
  transform:scale(1.0);
}

/*Preloader*/