*{ margin: 0; padding: 0;}
li{list-style: none;}
a,a:hover  { color: #15abff; text-decoration: none; transition: all 0.4s; -webkit-transition: all 0.4s;}
ul{ margin-bottom: 0;} 
a:focus { outline: none; text-decoration: none;}
a:hover, a.active {  color: #fdcd00 ; } 
p:last-child{ margin-bottom: 0 !important; }
p{line-height: 18px; margin-bottom: 16px;}
img {
  max-width: 100%;
}
input:focus, select:focus{
  outline: none;
}
@font-face {
  font-family: "FontAwesome";
    src: url('../fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
  src: url("../fonts/fontawesome-webfont.ttf"), /* Safari, Android, iOS */
       url('../fontawesome-webfont.woff'), /* Modern Browsers */
       url('../fonts/FontAwesome.otf')  , 
       url('../fonts/fontawesome-webfont.svg'); /* Legacy iOS */
} 
@font-face {
	font-family: 'Verdana';
	src: url('../fonts/Verdana.eot');
	src: url('../fonts/Verdana.woff') format('woff'), 
		url('../fonts/Verdana.ttf') format('truetype'), 
		url('../fonts/Verdana.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'verdanab';
	src: url('../fonts/verdanab.eot');
	src: url('../fonts/verdanab.woff') format('woff'), 
	url('../fonts/verdanab.ttf') format('truetype'), 
	url('../fonts/verdanab.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body {
  font-family: 'Verdana', arial;
  font-size: 13px;
}
.container {
  max-width: 1170px;
}
/* input */
input, select {
  width: 100%;
  display:block;
  height: 33px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius:4px;
  padding: 0 10px;
}
textarea {
    border: 1px solid #e1e1e1;
    border-radius:4px;
    padding: 10px;
    width: 100%;
    min-height: 100px;
}  
:focus {
  outline: none;
}

/* btn */
.btn {
  background: #e81b23;
  color: #fff !important;
}
.btn:hover {
  opacity: .7;
}

.toogle-menu {
  float: left;
  cursor: pointer;
  width: 33px;
  display: none;
}
.toogle-menu span {
  display: block;
  height: 4px;
  background-color: #fff;
  margin-bottom: 4px;
}
.toogle-menu span:last-child {
  margin-bottom: 0;
}


header,
.home header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 99 !important;
  background: url('../images/bg-header.png') no-repeat !important;
  background-size: cover !important;
}
.header-top {
  background-color: rgba(255,255,255,.7);
  padding: 10px 0;
  min-height: 90px;
}
.header-top a {
  color: #000;
}
.header-top .left{
  float: left;
}
.header-top .right{
  float: right;
}
.header-top {position: relative;}
.header-top .logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 0;
  text-align: center;
  z-index: 10;
}
.header-top .logo img {
  width: 210px;
  max-width: 100%;
  max-height: 52px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
.header-top .social {
  overflow: hidden;
  margin-bottom: 9px;
}
.header-top .social li {
  float: left;
  margin-right: 6px;
}
.header-top .social li:last-child {
  margin-right: 0;
}
.header-top select {
  background-color: #f58634;
  border: none;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  width: 124px;
}
.header-top .login{
  margin-bottom: 7px;
}
.header-top .language {
  /* font-size: 14px; */
  margin-bottom: 6px;
}

.header-top .search {
  position: relative;
}
.header-top .search input {
  height: 30px;
}
.header-top .search .button{
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 25px;
  border: none;
  background-color: #F58634;
  border-radius: 4px;
  color: #fff;
}

/*===cart==*/
.ct-cart{ /* float: right; */padding-top: 8px;position: relative;clear: both;}
.cart-toogle{cursor: pointer;line-height: 0;}
.cart-toogle .icon-cart{
  float: left;
  /* text-indent: -100000px; */
  /* width: 50px; */
  /* height: 50px; */
  /* background: url("../images/icon-sp.png") no-repeat center #FDCD00; */
  /* border-radius: 50%; */
} 
.cart-toogle .number{ color: #000; font-size: 17px;      text-align: center;float: left;margin: 6px 0 0 6px;line-height: 19px;}
 
.open-shopping-cart .fa-shopping-cart { color: #000; font-size: 18px; margin-right: 5px; }
.open-shopping-cart .text { color: #707070; }
.open-shopping-cart .text strong { color: #000; }
.open-shopping-cart .fa-angle-down { color: #fff; margin-left: 5px; padding: 3px 6px; background-color: #9b5ec3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.popup-shopping-cart { display: none; width: 344px; position: absolute; top: 88px; right: 0; z-index: 12; padding: 15px; border: 1px solid #E9E9E9; background-color: #FFF; }
.popup-shopping-cart .empty { text-align: center; padding: 10px 0; }
.shopping-cart-list-product tr {}
.shopping-cart-list-product td {vertical-align: top;padding: 10px;font-family: "Roboto", sans-serif;font-size: 13px;}
.shopping-cart-list-product .product-image { width: 102px; padding-top: 0; padding-left: 0; padding-right: 0; }
.shopping-cart-list-product .product-name { width: 60px; color: #bababa; }
.shopping-cart-list-product .product-qty, .shopping-cart .shopping-cart-list-product .product-total-price { font-weight: bold; }
.shopping-cart-list-product .product-remove { text-align: right; }
.shopping-cart-list-product .icon-remove { margin-right: 0; }
.shopping-cart-total { padding-top: 10px; border-top: 1px solid #e5e5e5; }
.shopping-cart-total .sub-total, .shopping-cart-total .total {text-align: right;font-family: "Roboto", sans-serif;color: #000;font-size: 13px;padding: 2px 0;margin-bottom: 0;}
.shopping-cart-total .wrap-btn { margin-top: 15px; text-align: right; }

.form-register-card .input-box {
  margin-bottom: 10px;
}
.form-register-card form {
  display: block;
  max-width: 600px;
  margin: 0 auto;
}
/* page-titl */
.page-title h1 {
  font-size: 17px;
  font-weight: bold;
  color: #e81b23;
  text-align: center;
  margin: 30px 0 26px;
  font-family: 'verdanab', arial;
font-weight: normal;
font-style: normal;
}
.page-title h1 img {
  height: 17px;
}
.page-title h1 span {
  margin: 0 10px;
  text-transform:uppercase;
}

/* nav */
nav {
  background-color: #e81b23;
  position: relative;
  margin-bottom: 10px;
}
nav:before {
  position: absolute;
  content:"";
  left: 0;
  right: 0;
  height: 13px;
  top: 100%;
  background: url('../images/parterm.png') repeat-x;
  background-size: 13px;
}
.home nav:before {
  display: none;
}
.main-menu:after, nav:after {
  display: table;
  content: "";
  clear:both;
}
.main-menu > li {
  float:left
}
.main-menu > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  /* text-transform: uppercase; */
  padding: 12px 51px 11px;
  position: relative;
  font-family: 'verdanab', arial;
font-weight: normal;
font-style: normal;
}
html[lang="en"] .main-menu > li > a {
  padding: 12px 42px 11px;
}
.main-menu > li:last-child > a, html[lang="en"] .main-menu > li:last-child > a{
  padding-right: 0;
}
.main-menu > li > a:hover {
  opacity: .7;
}
.main-menu > li > a:after{
  position: absolute;
  content: "";
  height: 12px;
  border-right: 1px solid rgba(255, 255, 255, 0.52);
  right: 0;
  top: 50%;
  margin-top: -6px;
}
.main-menu > li:last-child > a:after {
  display: none;
}
.main-menu > li:first-child > a{
  padding-left: 0;
}
.main-menu > li:first-child > a img {
  height: 20px;
  position: relative;
  top: -2px;
}
.main-menu li{
  position: relative;
}
.main-menu li ul {
  position: absolute;
  min-width: 227px;
  background: rgba(237, 50, 55, 0.78);
  top: 45px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  opacity: 0;
  z-index: 123;
}
.main-menu li:hover > ul{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.main-menu li ul li {
  border-bottom: 1px solid #F5A5A5;
}
.main-menu li ul li:last-child{
  border-bottom: 0;
}
.main-menu li ul a {
  display: block;
  color: #fff;
  font-family: "verdanab", arial;
  padding:10px 15px;
font-weight: normal;
font-style: normal;
}
.main-menu li ul a:hover {
  background: #e81b23;
}
/* pagination */

.pagination {
  text-align:center;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.pagination ul {
  display: inline-block;
}
.pagination ul li {
  display: inline-block;
  margin-right: 6px;
}
.pagination ul li:last-child {
  /* margin-right: 0; */
}
.pagination ul li a {
  display: block;
  font-size: 16px;
  color: #000;
  padding: 6px 8px;
  text-align: center;
  box-shadow: 1px 1px 1px 1px #e1e1e1;
  min-width: 36px;
}
.pagination ul li a.active, .pagination ul li a:hover {
  color: #ed3237;
  background: #fff212;
}
.pagination ul li.prev a, .pagination ul li.next a{
  color: #fff212;
}

.content-detail {
  padding-bottom: 20px;
}
.content-detail p img {
  display: inherit;
  margin: 0 auto;
}
/* block-search */
.block-search {
  background: url('../images/bg-gh-ft.png') no-repeat center 0px;
  height: 141px;
  position: relative;
}
/* .block-search:before {
  position: absolute;
  content: "";
  height: 7px;
  background: url('../images/parterm-ft.png') repeat-x;
  background-size: 13px;
  bottom: 100%;
  left: 0;
  right: 0;
} */
.home .block-search {
  background: url('../images/bg-gh.png') no-repeat center 0px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12;
  -webkit-transition: all 400ms;
  -moz-transform: all 400ms;
  transition: all 400ms;
  margin-top: -18px;
}
.home .banner.active .block-search {
  opacity: 1;
  visibility: visible;
}
.home .block-search:before {
  display: none;
}
.block-search .form-search {
  /* float: left; */
}
.block-search .form-search h2 {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.025em;
  margin-bottom: 24px;
  font-family: 'verdanab';
  font-weight: normal;
  font-style: normal;
  margin-top: 26px;
}
.block-search .form-search:after {
  display: table;
  content: "";
  clear: both;
}
.block-search .form-search .input-box {
  float: left;
  width: 260px;
  /* margin-right: 12px; */
}
.block-search .form-search .input-box select {
  height: 40px;
  border-radius: 0;
  border: none;
}
.block-search .form-search .input-box:last-of-type{
  width: 331px;
}
.block-search .form-search .button {
  width: 121px;
  height: 40px;
  border: 3px solid #fff;
  background-color: #fff212;
  color: #e81b23;
  font-size: 19px;
  padding-top: 0;
}
.block-search .form-search .button:hover {
  opacity: .9;
}
.block-search .form-search .button i {position: relative;top: -1px;}


.product-detail {
  padding-top: 20px;
  clear: both;
}
.condition h3{
  font-size: 16px;
  margin-top: 0px;
}
.condition ul li {
  padding-left: 10px;
  position: relative;
}
.condition ul li:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #e81b23;
  left: 0;
  top: 7px;
}
.product-detail .main-image {
  overflow: hidden;
}
.product-detail .main-image {
  width: 80%;
  float: left;
}
.product-image .thumnail {
  float: right;
  width: 20%;
  padding-left: 2%;
  position: relative;
}
.product-image .thumnail ul {
  position: relative;
}
.product-image .thumnail .control-thumn {
  text-align:center;
  display: none;
}
.product-image .thumnail .control-thumn a {
    color: #000;
    font-size: 20px;
}
.product-image .thumnail .control-thumn a.up {
  position: absolute;
  top: -25px;
}
.product-image .thumnail .control-thumn a:hover {
  color: red;
}
.product-image .thumnail .move-slider {
  max-height: 412px;
  overflow: hidden;
}
.product-image .thumnail .move-slider up {
  position: relative;
}
.product-image .thumnail li {
  padding: 5px 0;
}
.product-image .thumnail li.video a {
  position: relative;
  display: block;
}
.product-image .thumnail li.video a:after {
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('../images/ico_play.png') no-repeat center;
  background-size: 30px;
}
.product-image .thumnail li:last-child {
  margin-bottom: 0;
}
.product-image .main-image {
  position: relative;
}
.product-image .main-image iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;

}
.product-image .main-image iframe.active {
  opacity: 1;
}
.product-image img {
  width: 100%;
}
.product-image .active {
  opacity: .5;
}
.product-tab {
  clear: both;
  background-color: #fffbf1;
  padding: 15px;
  margin-top: 25px;
}

.product-shop input[name="quantity"]{
    display: inline-block;
    width: 50px;
    text-align: center;
}

.product-shop {
  padding-left: 2%;
}
.product-shop h2 {
  text-transform: uppercase;
  font-size: 25px;
  margin-top: 10px;
}
.product-shop .wrap-social {
  margin-bottom: 10px;
}
.product-shop .wrap-social img {
  width: 220px;
}
.product-shop .rating {
  margin-bottom: 8px;
}
.product-shop .rating img {
  height: 19px;
}
.product-shop p {
  font-size: 17px;
  margin-bottom: 10px;
}
.product-shop p span {
  color: red;
}
.product-shop .addcart {
  font-size: 18px;
  padding-left: 13%;
  margin-bottom: 20px;
  padding-top: 28px;
  clear: both;
  display: block;
}
.product-shop .addcart img {
  width: 44px;
}
.product-shop .addcart strong {
  font-weight: normal;
  color: #000;
  text-transform: uppercase;
  vertical-align: bottom;
  margin-left: 8px;
}
.product-shop .hotline {
  color: red;
  font-size: 20px;
  margin-top: 20px;
  line-height: 28px;
  font-family: "verdanab", arial;
  font-weight: normal;
  font-style: normal;
}
.list-tab {
  overflow: hidden;
  margin-bottom: 13px;
  margin-top: 5px;
}
.list-tab li {
  float: left;
  margin-right: 35px;
  position: relative;
}
.list-tab li:after {
  position: absolute;
  content: "";
  height: 18px;
  border-right: 1px solid  #e81b23;
  right: -17.5px;
  top: 1px;
}
.list-tab li:last-child {
  margin-right: 0;
}
.list-tab li:last-child:after {
  display: none;
}
.list-tab li a {
  display: block;
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
}
.list-tab li.active a {
  color: #e81b23;
} 

.style-tab-2 .list-tab {
  margin-top: 40px;
}
.style-tab-2 .list-tab{
  text-align: center;
  font-size:0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.style-tab-2 .list-tab ul {
  max-width: 900px;
  margin: 0 auto;
}
.style-tab-2 .list-tab ul li a{
  padding: 10px 0;
  background: #e81b23;
  color: #fff;
  font-size: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.style-tab-2 .list-tab ul li.active a{
  background: #3C3E93;
}
.style-tab-2 .list-tab ul li{
  margin-right: 0;
  padding: 0 5px;
  width: 33.3333333%;
}
.style-tab-2 .list-tab ul li:after {
  display: none;
}
.style-tab-2 .content-tab {
  padding: 20px;
  /* background: #F1F1F1; */
  border-radius: 5px;
  box-shadow: 0 0 4px #ccc;
}

.product-related .title {
  text-align: center;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 30px 0 20px;;
}
.product-related .title span {
  position: relative;
}
.product-related .title span:after, .product-related .title span:before {
  width: 100px;
  border-bottom: 1px solid #e81b23;
  position: absolute;
  content: "";
  left: -110px;
  top: 50%;
  margin-top: -2px;
}
.product-related .title span:after {
  left: auto;
  right: -110px;
}
/* list-product */
.product-home {padding-top: 20px;}
.product-home .list-product ul{margin-bottom: -20px; overflow: hidden;}
.product-home a span img {max-height: 0;}
.list-product li a > img {
  width: 100%;
}
.list-product li {
  margin-bottom: 20px;
}
.list-product li a {
  display: block;
  position: relative;
}
.list-product li a > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: rgba(0,0,0,.5);
  opacity: 0;
  transition: all 0.4s;
}
.list-product li a:hover > span {
  opacity: 1;
}
.list-product li a > span span {
  display: block;
  color: #fff;
  font-weight: bold; 
  font-size: 18px;
}
.list-product li a > span img {
  margin: 27% 0 12px;
}
.main-content {
  padding-bottom: 20px;
}
.list-product li .inner {
  position: relative;
}
.list-product li .inner .hover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.5);
  text-align: center;
  transition: all 0.4s;
  opacity: 0;
}
.list-product li .inner:hover .hover{
  opacity: 1;
}
.list-product li .inner h3 {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  margin-bottom: 4%;
  margin-top: 13%;
}
.list-product li .inner .ma {
  font-size: 17px;
  color: #fff;
}
.list-product li .inner .price {
  color: #FFF212;
  font-size: 25px;
  font-weight: bold;
}
.list-product li .inner .price span {
  position: relative;
}
.list-product li .addCart {
  color: #fff;
  font-size: 17px;
}
.list-product li .link {
  position: absolute;
  top: 0;
  left:0;
  right: 0;
  bottom: 0;
  text-indent: -100000px;
  z-index: 2;
}
.list-product li .addCart img{
  width: 42px;
  display: block;
  margin: 0 auto 4px;
  position: relative;
  z-index: 12;
}
.list-product li .inner .price span:after, .list-product li .inner .price span:before {
  width: 40px;
  height: 14px;
  background: url('../images/part-1.png') no-repeat;
  position: absolute;
  content:"";
  left: -46px;
  top: 10px;
  background-size: 100%;
}
.list-product li .inner .price span:after {
  left: auto;
  right: -46px;
  background: url('../images/part-2.png') no-repeat;
   background-size: 100%;
}
/* list-news */
.list-news li img {
  width: 100%;
}
.list-news li {
  margin-bottom: 20px;
}
.list-news .info a {
  display: block;
  color: #000;
  font-size: 15px;
  margin-top: 8px;
  margin-bottom: 5px;
}
.list-news .info p {
  margin-bottom: 6px;
}
.list-news li:nth-child(4n+1) {
  clear: left;
}
.list-news .info .time-post {
  display: block;
  font-style: italic;
  color: #666;
}


.everslider .es-slides > li {
  height: auto !important;
}
.es-ticker {
  display: none;
}
.picture ul li a{
  margin-bottom: 10px;
  display: block;
}
.picture .everslider li {
  width: 270px;
}
.es-navigation a {
  position: static;
  display: inline-block;
  border-radius: 50%;
  background: #e81b23;
}
.es-navigation a:hover {
  opacity: .7;
}
.es-navigation {
  padding-top: 20px;
  clear: both;
  text-align: center;
}
.es-navigation .es-next span {
  background-position: right -20px;
}
.es-navigation .es-prev span{
  background-position: 0 -20px;
}
.map{line-height: 0;overflow: hidden;position: relative;}
.map iframe {height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/* store */
.store .title {
  text-align: center;
  font-family: "verdanab", arial;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0;
  padding: 20px 10px;
  margin-bottom: 30px;
  background: #e81b23;
  color: #fff;
}
.store {
  padding-bottom: 30px;
}
.store .service {
  text-align: center;
  padding-top: 30px;
}
.store .service h2 {
  font-size: 25px;
  font-family: "verdanab", arial;
  font-weight: normal;
  font-style: normal;
}
.store .service h3 {
  margin-top: 10px;
  font-size: 28px;
  color: #e81b23;
  font-family: "verdanab", arial;
  font-weight: normal;
  font-style: normal;
}
.store table th {
  padding: 12px 10px;
  background: #e81b23;
  color: #fff;
  font-family: "verdanab",arial;
  font-weight: normal;
  font-style: normal;
}
.store table td strong {
  display: block;
  font-weight: normal;
  font-family: "verdanab", arial;

}
.store table tbody tr {
  border-bottom: 1px solid #ddd;
}
.store table tbody tr:last-child {
  border-bottom: none;
}
.store table th:nth-child(3){
  white-space: nowrap;
}
.store table {
  width: 100%;
}
.store table td {
  padding: 9px 10px;
  font-size: 14px;
}

/* container-popup */
.container-popup {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1243;
}
/* footer */
footer .footer-top {
  background: #e81b23;
  color: #fff;
}
footer .footer-top h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: 'verdanab', arial;
font-weight: normal;
font-style: normal;
}
footer .footer-top  ul li a {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
}
footer .footer-top  ul li a:hover {
  opacity: .7;
}
footer .footer-top img {
  margin-top: 3px;
}
footer .footer-top {
  padding: 5px 0 20px;
}
.banner {
  position: relative !important;
  clear: both !important;
  margin-top: 0 !important;
  overflow: hidden;
  height: auto !important;
  min-height: inherit;
}
.banner iframe {
  display: none !important;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}
.banner iframe.active {
  display: none !important;
  opacity: 1;
  visibility: visible;

}
.banner #nivoslider,
.banner .nivoSlider {
  height: auto !important;
}
.banner .nivoSlider img {
  height: auto !important;
  max-width: 100% !important;
  width: 100% !important;
  display: block;
}
.action-banner {
  display: none !important;
  position: absolute;
  z-index: 12;
  right: 0;
  bottom: 37px;
}
.action-banner a {
  text-indent: -10000px;
  display: block;
  float: left;
  height: 25px;
  width: 30px;
  background: url(../images/icon-func.png) left top no-repeat;
  margin-right: 10px;
}
.action-banner a.video{
    background-position: -49px 0;
    width: 38px;
}
.footer-bottom {
  background-color: #ced0cc;
  color: #000;
  font-size: 14px;
  padding: 11px 0 9px;
}
footer .info-new{
  padding-top: 11px;
}
.footer-bottom ul:after, .footer-bottom:after {
  display: table;
  content: "";
  clear: both;
}
.footer-bottom ul li {
  float: left;
  margin-right: 22px;
}
.footer-bottom ul li a {
  color: #000;
}
.footer-bottom ul li a:hover {
  color: red;
}
.footer-bottom .menu-footer {
  float: left;
}
.footer-bottom .copyright {
  float: left;
  margin-left: 11%;
}
.footer-bottom .siteby {
  float: right;
}
.footer-bottom .siteby a {
  color: #e81b23;
}

.popup-home, .popup-home .overlay {
  position: fixed;
  z-index: 123;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.popup-home .overlay {
  z-index: 0;
  background: rgba(255,255,255,.5);
}
.popup-home .inner {
  position: absolute;
  background: #e81b23;
 /* max-width: 700px;*/
  overflow: hidden;
  border-radius: 10px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 95%;
}
.popup-home .top {
  background: #fff;
  border-radius: 10px;
  padding: 10px;
}
.popup-home .top p {
  text-align: center;
  font-size: 20px;
  color: #828282;
}
.popup-home .top img {
  max-width: 350px;
  width: 100%;
  display: block;
  margin: 10px auto 35px;
}
.popup-home .bottom {
  padding: 10px 15px;
  overflow: hidden;
}
.popup-home select {
  float: left;
  width: 60%;
}
.popup-home .button {
  width: 36%;
  float: right;
  height: 33px;
  border: none;
  background: #FFF212;
  border-radius: 3px;
  color: #000;
}
.popup-home .button:hover {
  opacity: ,7;
}
.popup-home .close {
  margin: 7px;
  position: absolute;
  right: 0;
  color: #fff;
  opacity: 1;
  text-shadow: 0 0 6px #000;
}

.banh-kem-list li span {
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
text-transform: uppercase;
    
    padding: 0 10px;
}
.banh-kem-list li span span {font-size: 23px !important;
}
/*===contact==*/
.slide-contact{ width: 50%; float: left; overflow: hidden; position: relative;}
#map{float: left; width: 50%; }
.slide-contact .nivo-controlNav{ text-align: left; padding-left: 7px;padding-bottom: 5px;}
.slide-contact .nivo-controlNav a  { background: url("../images/slide-control-ct-defaul.png") no-repeat center; width: 14px; height: 14px; margin: 0 3.5px;}
.slide-contact .nivo-controlNav a.active { background: url("../images/slide-control-ct-active.png") no-repeat center; }

.block-contact .address p span{  width: 16px; float: left; margin-right: 10px; text-align: center;position: relative;top: -3px; } 
.block-contact .address p{ margin-bottom: 11px;}  
#map { height: 400px; }
.ct-address {padding-bottom: 30px;}
.ct-address form input[type="text"], .ct-address form textarea{ display: block; height: 34px; text-indent: 15px; width: 100%; outline: none; border: none; margin-bottom: 20px;
  border: 1px solid #ddd;
}
.ct-address form input[type="text"]:focus, .ct-address form textarea:focus{
    -moz-box-shadow:     inset 2px 2px 5px #eee;
       -webkit-box-shadow:  inset 2px 2px 5px #eee;
      box-shadow: inset 2px 2px 5px #eee;
}
.ct-address .title-product{ margin-bottom: 12px;font-size: 22px;text-transform: uppercase;margin-top: 0;margin-bottom: 14px;}
.ct-address form textarea { height: 120px;padding-top: 8px; margin-bottom: 15px; } 
.address p span{  width: 16px; float: left; margin-right: 10px; text-align: center;position: relative;top: -3px; } 
.map iframe {width: 100%;  margin-bottom: 0;}
.contact-page {padding-bottom: 0;}
.address {margin-bottom: 20px;}



 /* ====cart=== */
 #notification {
   max-width: 1150px;
   margin: 20px auto 0;
   padding: 0;
 }
body > .warning{
  margin: auto;
  margin-bottom: 20px;
  max-width: 1154px;
  background-color: #FDCD00;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
}
body > .success{
  margin: auto;
  margin-bottom: 20px;
  max-width: 1240px;
  background-color: #00FD42;
  color: #fff;
  border-radius: 5px;
  margin-top: 20px;
  padding: 8px 14px 8px 14px;
}
body > .warning .close{float: right;
  width: 12px;
  margin-top: 4px;  cursor: pointer;}
  body > .success .close{float: right;
  width: 12px;
  margin-top: 4px;  cursor: pointer;}
 body #content {
  max-width: 1185px;
  background: #fff;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
  padding-top: 13px;
  margin-top: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* box-shadow: 1px 1px 1px #C6C6C6; */
  /* -webkit-box-shadow: 1px 1px 1px #C6C6C6; */
  -moz-box-shadow: 1px 1px 1px #C6C6C6;
  margin-bottom: 40px;
  overflow: hidden;
 }
 body #content a{color: #888;}
body #content {/* padding-bottom: 50px; */}
body #content .breadcrumb a{color:#777;}
body #content .breadcrumb a:last-child{color: #e81b23;}
body #content .form .error{color: red;}
body #content .breadcrumb .container{  padding-left: 0; padding-right: 0;}
.buttons .left{float:left;}
.buttons .right{float:right;}
body #content input[type="text"], body #content select, body #content input[type="password"], body #content textarea{margin-top: 3px;
  border: 1px solid #e7e7e7;padding: 0 10px;
}
body #content input[type="text"], body #content select, body #content input[type="password"]{
  height: 36px; 
}
.cart-info {overflow: hidden;}
.cart-info table {  background:#fff;}
.cart-info table thead { 
  border-bottom: 1px solid #E0E0E0;
  text-align: left;
}
.cart-info tbody td { vertical-align: middle !important; }
.cart-info table td { border-right : 1px solid #ddd; }
.cart-info table td:last-child { border-right :none; }
.cart-info table  .name { display: table-cell; }
.cart-info thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.cart-info td {
  padding: 9px !important;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.cart-info tbody td{ font-size: 14px; }
.cart-info tbody .name a{ color: #666;}
.cart-info tbody .name{ }
.cart-info tbody .quantity input{width: 38px !important; text-align: center;}
.cart-info tbody .quantity input[type="image"]{ height: auto; border:none; width: auto !important;}
.cart-info tbody .image img{border:none !important;max-width: 100px;  width: 100%;}
small{ font-weight: normal !important;}
.youwant{  clear: both;  width: 100%;}
.cart-module {width: 48.8%; float: left; border: 1px solid #e1e1e1; padding: 20px;}
.cart-module .radio{display: none;}
.cart-module input[type="text"]{margin-top: 6px;}
.cart-module .button{  float: right; width: auto; margin-top: 14px;}
.cart-module .content-text, .cart-module {display: block !important;}
.cart-total {width: 48.8%;  min-height: 146px; float: right;  margin: 0 !important; border: 1px solid #e1e1e1; padding: 0 20px 20px !important; }
.cart-total table{width: 100%;}
.cart-total table tr{ border-bottom: 1px solid #e1e1e1;  font-size: 14px;  text-transform: uppercase; display: block; overflow: hidden;}
.cart-total table tr:last-child{ font-size: 18px; border-bottom: none; }
.cart-total table tr td{float:left;  padding: 15px 0;min-width: 108px; border: medium none !important;}
.cart-total table tr td:last-child{float:right;min-width: inherit;}
.buttons.clear-cart{ clear:both; padding-top: 20px;}
.buttons.clear-cart .right{ float: right;}
.buttons.clear-cart .center{ float: left;}
/*.button {background: #514e61;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  color: #fff;
  border-radius: 0;
  padding: 8px 15px 7px;
  font-size: 13px;
  text-transform: uppercase;
  border: none;
  display: inline-block;
}
.button:hover{background: #ec4930 !important; transition: all 0.4s; -webkit-transition: all 0.4s; color: #fff !important;}
.button:active, .button:focus{ color: #fff; }*/
body #content .button{
  padding: 9px 36px 6px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  cursor: pointer;
  clear: both;
  display: inline-block;
  color: #fff !important;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  min-height: 30px;
  border-radius: 5px;
  border: none;
  background: #e81b23;
}  
body #content .button:hover,body #content .button.active{background: #b92226;color: #fff !important;}
body #content .button.active:hover{background: #CD3710;}
body #content .button:focus{outline: none;}
body #content .radio input[type="radio"],body #content .radio-inline input[type="radio"],body #content .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {position: static; margin-left: 0;}
body #content .radio label, .checkbox label { padding-left:10px; }
body #content .cart-total { margin-top: 20px;}
body #content .cart-total + .buttons{clear:both;padding-top: 30px;}

#content input[type="text"], #content input[type="password"] , #content select{ width: 100%; }  

#content table.form { width: 100%;}
#content table.form tr td:first-child{ width: 21%;}
#content table.form  select{ width: 100%; }
#content table.form  input{margin-bottom: 10px;}
#content > form h2 { margin-top: 30px !important ; }
#content input[type="checkbox"], #content input[type="radio"]{
  height: auto; 
}
.breadcrumb {display: none;}
.box .box-content ul li{padding: 8px 0; border-bottom: 1px solid #e1e1e1;  }
.box .box-content ul li:last-child{ border-bottom: none;}
.box .box-content ul li a{ color: #666; font-size:14px; } 
.box .box-heading  { border-radius: 0 !important;  padding: 14px 10px !important; background: #514E61 !important; color: #fff !important;  border: none !important; }
body #content h1, body #content h2{text-transform: uppercase;margin-bottom: 10px;color: #282828;font-size: 16px;font-family: "verdanab";}
body #content > h1{color: #282828;font-size: 16px;/* font-family: "utm_bryantlgbold"; */text-transform: uppercase;border-bottom: 1px solid #e1e1e1;padding-bottom: 14px;position: relative;margin-bottom: 15px;padding-top: 0;}
/*body #content > h1:before{
   position: absolute;
  content: "";
  width: 200px;
  border-bottom: 1px solid #4dbbff;
  bottom: -1px;

}*/
.warning {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  padding: 8px 14px 8px 14px;
    margin-bottom: 10px;
}
.sale-off {
  position: absolute;
  top: 0;
  left: 1px;
  display: block;
  background-color: #f38922;
  padding: 12px 0;
  min-width: 50px;
  color: #fff;
  text-align: center;
  height: 24px;
}
.fa {
cursor:pointer;
}
b{font-weight: normal;}
#tab-review textarea, #tab-review input{width: 100%!important;margin-top: 3px; } 
#tab-review input[type="radio"], #tab-review input[type="checkbox"], #content input[type="radio"], #content input[type="checkbox"]{ display: inline-block; width: auto !important; position: relative; top: 2px;}
#tab-review .buttons .right{float: left;}
#captcha{margin-top: 10px;}

.checkout-heading{  background: #FAFAFA !important;
  border: 1px solid #ECECEC!important;  padding: 10px!important;font-size: 15px!important; font-weight: normal!important;}
.checkout-content a{color: #FF6EC0 !important; position: relative;  top: 3px;}
.checkout .button {width: auto;}

.checkout .error{font-size: 11px;  color: #EF2929;} 
.checkout textarea{width: 100% !important; height: 100px;}
.checkout .buttons .right{width: 100%; text-align: center;}
.checkout-product tbody td { vertical-align: middle !important; }
.checkout-product table td { border-right : 1px solid #ddd; }
.checkout-product table td:last-child { border-right :none; }
.checkout-product table  .name { display: table-cell; }
.checkout-product thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.checkout-product td {
  padding: 9px !important;
}
.checkout-product tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.checkout-product tbody td{ font-size: 14px; }
.checkout-product tbody .name a{ color: #666;}
.checkout-product tbody .name{ }

#shipping-method table.radio, #shipping-method table.radio tr, #shipping-method table.radio th, #shipping-method table.radio thead, #shipping-method table.radio tbody, #shipping-method table.radio td{
  display: block;
}
#shipping-method h2{ 
 font-size: 16px !important;
}
#shipping-method table.radio{
  margin-top:0 !important;
}
#shipping-method table.radio tr{
  width: 100%;
  clear:both;
  padding: 0 10px;
}
#shipping-method table.radio tr td[colspan="3"]{
  border:none;
  text-transform:uppercase;
}
#shipping-method table.radio tbody,#shipping-method table.radio thead{
  margin: 0 -10px;
  overflow:hidden;
}
#shipping-method .content-method{
  display: none;
  padding-top: 10px;
}
#shipping-method .title-method{
  cursor: pointer;
}
#shipping-method table.radio thead th{
  border: none;
}
#shipping-method table.radio tr.highlight {
  width: 25%;
  float:left;
  clear:none; 
  display:flex;
}
#shipping-method table.radio tr.highlight td{
  float:left;
  flex:none;
  padding-left:5px;
  padding-right:5px;
}
#shipping-method table.radio tr.highlight td label{
  padding-left:2px;
}
#shipping-method table.radio tr.highlight td:first-child{
  width:10%;
  padding-left:0;
  padding-right:0;
  text-align: center;
}
#shipping-method table.radio tr.highlight td:nth-child(2){
  width:45%;
}
#shipping-method table.radio tr.highlight td:nth-child(3){
  width:45%;
}
/*.checkout  input[type="radio"],.checkout   input[type="checkbox"]{ display: none !important; }*/

.wishlist-info tbody td { vertical-align: middle !important; text-align: center !important;  }
.wishlist-info table td { border-right : 1px solid #ddd; }
.wishlist-info table td:last-child { border-right :none; }
.wishlist-info table  .name { display: table-cell; }
.wishlist-info thead td { background:none !important;  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal !important;
  color: #444 !important; text-align: center !important;
}
.wishlist-info td {
  padding: 9px !important;
}
.wishlist-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity, .cart-info tbody .price, .cart-info tbody .total{text-align: center !important;}
.wishlist-info tbody td{ font-size: 14px; }
.wishlist-info tbody .name a{ color: #666;}
.wishlist-info tbody .name{ }
.wishlist-info tbody .image img {border: none !important;}
 
.box .box-heading{
  min-height: 40px !important;
  /* font-family: "utm_bryantlgbold" !important; */
  font-size: 16px !important;
  padding: 12px 11px 8px !important;
  margin: 0;
  text-transform: uppercase !important;
  color: #fff !important;
  background: #e81b23 !important;
  font-family: "verdanab", arial;
  }
.col-left-accout .box{ width: auto;}
.col-left-accout{ width: 25%;  float: left;padding-bottom: 30px;}
.col-main-accout{ width: 75%;  float: left;padding-bottom: 30px;}
.col-left-accout + .col-main-accout { padding-left: 20px;}
#content .login-content {width: auto; float:none;}
body #content .button{width: auto;  height: auto;}
body #content table{margin-bottom:15px;}
body #content table th, body #content table td{
  padding: 10px;
  /* border: 1px solid #e1e1e1; */
}
.item-accout{
  width: 33.3333333%;
  float:left;
}
.item-accout ul li a{
  display: block;
  padding: 8px 10px;
}
.item-accout:nth-child(2){
  position:relative;
  right: -1px;
}
.item-accout:nth-child(1){
  position:relative;
  right:-2px;
}
.item-accout ul{
  border: 1px solid #e1e1e1;
  border-top:none;
  min-height:111px;
}
.item-accout ul li{
  border-bottom: 1px solid #e1e1e1;
}
.item-accout ul li:last-child{
  border-bottom: none;
}
.item-accout h2{
  position: relative;
  background-color: #F5F5F5;
  display: block;
  font-size: 14px !important;
  padding:15px 12px 8px;
  margin: 0 !important;
}
 

.tkcu .content {width: 33.3333333%; float:left;}
.tkcu .content li a{font-size: 14px;   color: #444;}
.tkcu .content li{margin-bottom: 6px;}
.fb_iframe_widget span{display:none;}

.order-list + .pagination{
  float:left;
  width:auto;
      margin-top: 7px;
}
.order-info .list{
  width:100%;
}
.order-info .pagination{
  float:left;
  width:auto;
}
.order-list .order-content{
      margin-top: 7px;
  margin-bottom: 0px;
}

#popupContact1 {
    left: 50% !important;
    margin-left: -325px;
    top: 50% !important;
    margin-top: -200px;
}




/* box */
.box {
  margin-bottom: 20px;
}
.box .box-content {
  background: #FFFFFF;
  border-left: 1px solid #DBDEE1;
  border-right: 1px solid #DBDEE1;
  border-bottom: 1px solid #DBDEE1;
  padding: 15px 10px;
}
/* box products */
.box-product {
  width: 100%;
  overflow: auto;
}
.box-product > div {
  width: 130px;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  margin-bottom: 20px;
}
#column-left + #column-right + #content .box-product > div {
  width: 119px;
}
.box-product .image {
  display: block;
  margin-bottom: 0px;
}
.box-product .image img {
  padding: 3px;
  border: 1px solid #E7E7E7;
}
.box-product .name a {
  color: #38B0E3;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-bottom: 4px;
}
.box-product .price {
  display: block;
  font-weight: bold;
  color: #333333;
  margin-bottom: 4px;
}
.box-product .price-old {
  color: #F00;
  text-decoration: line-through;
}
.box-product .price-new {
  font-weight: bold;
}
.box-product .rating {
  display: block;
  margin-bottom: 4px;
}
/* box category */
ul.box-category, ul.box-category ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.box-category > li:first-child {
  padding: 0px 8px 8px 0px;
}
ul.box-category > li {
  padding: 8px 8px 8px 0px;
}
ul.box-category > li + li {
  border-top: 1px solid #EEEEEE;
}
ul.box-category > li > a {
  text-decoration: none;
  color: #333;
}
ul.box-category > li ul {
  display: none;
}
ul.box-category > li a.active {
  font-weight: bold;
}
ul.box-category > li a.active + ul {
  display: block;
}
ul.box-category > li ul > li {
  padding: 5px 5px 0px 10px;
}
ul.box-category > li ul > li > a {
  text-decoration: none;
  display: block;
}
ul.box-category > li ul > li > a.active {
  font-weight: bold;
}
/* box filter */
ul.box-filter, ul.box-filter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.box-filter span {
  font-weight: bold;
  border-bottom: 1px solid #EEEEEE; 
  display: block;
  padding-bottom: 5px;
  margin-bottom: 8px;
}
ul.box-filter > li ul {
  padding-bottom: 10px;
}
/* wishlist */
.wishlist-info table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  margin-bottom: 20px;
}
.wishlist-info td {
  padding: 7px;
}
.wishlist-info thead td {
  color: #4D4D4D;
  font-weight: bold;
  background-color: #F7F7F7;
  border-bottom: 1px solid #DDDDDD;
}
.wishlist-info thead .image {
  text-align: center;
}
.wishlist-info thead .name, .wishlist-info thead .model, .wishlist-info thead .stock {
  text-align: left;
}
.wishlist-info thead .quantity, .wishlist-info thead .price, .wishlist-info thead .total, .wishlist-info thead .action {
  text-align: right;
}
.wishlist-info tbody td {
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
}
.wishlist-info tbody .image img {
  border: 1px solid #DDDDDD;
}
.wishlist-info tbody .image {
  text-align: center;
}
.wishlist-info tbody .name, .wishlist-info tbody .model, .wishlist-info tbody .stock {
  text-align: left;
}
.wishlist-info tbody .quantity, .wishlist-info tbody .price, .wishlist-info tbody .total, .wishlist-info tbody .action {
  text-align: right;
}
.wishlist-info tbody .price s {
  color: #F00;
}
.wishlist-info tbody .action img {
  cursor: pointer;
}
.login-content {
  margin-bottom: 20px;
  overflow: auto;
}
.login-content .left {
  float: left;
  width: 48%;
}
.login-content .right {
  float: right;
  width: 48%
}
.login-content .left .content, .login-content .right .content {
  min-height: 190px;
}
/* orders */
.order-list {
  margin-bottom: 10px;
}
.order-list .order-id {
  width: 49%;
  float: left;
  margin-bottom: 2px;
}
.order-list .order-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 2px;
}
.order-list .order-content {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.order-list .order-content div {
  float: left;
  width: 33.3%;
}
.order-list .order-info {
  text-align: right;
}
.order-detail {
  background: #EFEFEF;
  font-weight: bold;
}
/* returns */
.return-list {
  margin-bottom: 10px;
}
.return-list .return-id {
  width: 49%;
  float: left;
  margin-bottom: 2px;
}
.return-list .return-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 2px;
}
.return-list .return-content {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.return-list .return-content div {
  float: left;
  width: 33.3%;
}
.return-list .return-info {
  text-align: right;
}
.return-product {
  overflow: auto;
  margin-bottom: 20px;
}
.return-name {
  float: left;
  width: 31%;
  margin-right: 15px;
}
.return-model {
  float: left;
  width: 31%;
  margin-right: 15px;
}
.return-quantity {
  float: left;
  width: 31%;
}
.return-detail {
  overflow: auto;
  margin-bottom: 20px;
}
.return-reason {
  float: left;
  width: 31%;
  margin-right: 15px;
}
.return-opened {
  float: left;
  width: 31%;
  margin-right: 15px;
}
.return-opened textarea {
  width: 98%;
  vertical-align: top;
}
.return-captcha {
  float: left;
}
.download-list {
  margin-bottom: 10px;
}
.download-list .download-id {
  width: 49%;
  float: left;
  margin-bottom: 2px;
}
.download-list .download-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 2px;
}
.download-list .download-content {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
.download-list .download-content div {
  float: left;
  width: 33.3%;
}
.download-list .download-info {
  text-align: right;
}
/* cart */
.cart-info table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.cart-info td {
  padding: 7px;
}
.cart-info thead td {
  color: #4D4D4D;
  font-weight: bold;
  background-color: #F7F7F7;
  border-bottom: 1px solid #DDDDDD;
}
.cart-info thead .image {
  text-align: center;
}
.cart-info thead .name, .cart-info thead .model, .cart-info thead .quantity {
  text-align: left;
}
.cart-info thead .price, .cart-info thead .total {
  text-align: right;
}
.cart-info tbody td {
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
}
.cart-info tbody .image img {
  border: 1px solid #DDDDDD;
}
.cart-info tbody .image {
  text-align: center;
}
.cart-info tbody .name, .cart-info tbody .model, .cart-info tbody .quantity {
  text-align: left;
}
.cart-info tbody .quantity input {
  display: inline-block;
  vertical-align: middle;
}
.cart-info tbody .quantity a {
  display: inline-block;
  vertical-align: middle;
}
.cart-info tbody .quantity input[type='image'], .cart-info tbody .quantity img {
  position: relative;
  top: 4px;
  cursor: pointer;
}
.cart-info tbody .price, .cart-info tbody .total {
  text-align: right;
}
.cart-info tbody span.stock {
  color: #F00;
  font-weight: bold;
}
.cart-module > div {
  display: none;
}
.cart-total {
  border-top: 1px solid #DDDDDD;
  overflow: auto;
  padding-top: 8px;
  margin-bottom: 15px;
}
.cart-total table {
  float: right;
}
.cart-total td {
  padding: 3px;
  text-align: right;
}
/* checkout */
.checkout-heading {
  background: #F8F8F8;
  border: 1px solid #DBDEE1;
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  color: #555555;
  margin-bottom: 15px;
}
.checkout-heading a {
  float: right;
  margin-top: 1px;
  font-weight: normal;
  text-decoration: none;
}
.checkout-content {
  padding: 0px 0px 15px 0px;
  display: none;
  overflow: auto;
}
.checkout-content .left {
  float: left;
  width: 48%;
}
.checkout-content .right {
  float: right;
  width: 48%;
}
.checkout-content .buttons {
  clear: both;
}
.checkout-product table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  margin-bottom: 20px;
}
.checkout-product td {
  padding: 7px;
}
.checkout-product thead td {
  color: #4D4D4D;
  font-weight: bold;
  background-color: #F7F7F7;
  border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
  text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
  text-align: right;
}
.checkout-product tbody td {
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
  text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
  text-align: right;
}
.checkout-product tfoot td {
  text-align: right;
  border-bottom: 1px solid #DDDDDD;
}
.contact-info {
  overflow: auto;
}
.contact-info .left {
  float: left;
  width: 48%;
}
.contact-info .right {
  float: left;
  width: 48%;
}
.sitemap-info {
  overflow: auto;
  margin-bottom: 40px;
}
.sitemap-info .left {
  float: left;
  width: 48%;
}
.sitemap-info .right {
  float: left;
  width: 48%;
}



@media screen and (max-width: 1237px) {
  .main-menu li a {
    padding: 12px 26px 10px;
  }
  .footer-bottom .menu-footer {display: none;}
  .footer-bottom .copyright {margin-left: 0;}
}
@media screen and (max-width: 1074px) {
  .block-search {
    background: #e81b23 !important;
    height: 124px;
  }
}
@media screen and (max-width: 1150px) {
  .banner {
    min-height: inherit;
	height: auto !important;
  }
  .banner .nivoSlider img {height: auto !important;}
	.home .block-search {position: relative;margin-top: -19px;
      opacity: 1; visibility: visible;
	}
}
@media screen and (max-width: 991px) {
  .main-menu li a {
    padding: 12px 26px 10px;
  }
  .toogle-menu {
    display: block;
    margin: 0 auto;
    float: none;
  }
  nav {
    position: relative;
    padding: 10px 0;
  }
  .main-menu {
    position: absolute;
    background-color: rgba(237, 50, 55, 0.76);
    left: 0;
    right: 0;
    top: 40px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display: none;
    z-index: 21;
  }
  .main-menu > li {
    float: none;
    border-bottom: 1px solid #FB8B8E;
  }
  .main-menu > li > a:after {
    display: none;
  }
  .main-menu > li:first-child > a {
    padding-left: 12px;
    padding-top: 15px;
  }
  .main-menu > li > a {
    padding: 10px 12px;
  }
  .header-top .logo {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
  }
  .header-top .logo img {
    width: 180px;
    max-height: 46px;
  }
  .list-news li:nth-child(4n+1) {
    clear: none;
  }
  .list-news li:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 767px) {
  .style-tab-2 .list-tab ul li {
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .style-tab-2 .list-tab ul {
    max-width: 300px;
  }
  .list-news li:nth-child(3n+1) {
    clear: none;
  }
  .list-news li:nth-child(2n+1) {
    clear: left;
  }
  .list-product li .inner .hover {display: none;}
  .col-left-accout + .col-main-accout {
    padding-left: 0;
  }
  .col-left-accout, .login-content .left, .login-content .right{
    width: 100%;
  }
  .col-main-accout {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .header-top .social{display: none;}
  .header-top .logo {
    left: 50%;
    margin-left: 0;
    transform: translateX(-50%);
    top: 25px;
  }
  .header-top .logo img {
    width: 160px;
    max-height: 42px;
  }
  .header-top select {position:absolute;  top: 134px; z-index:12;height: 30px;width: 106px;padding: 3px;}
  .header-top .search {position: absolute; width: 200px;left: 50%;margin-left: -100px;top: 94px;}
  .header-top {height: 129px;}
  .cart-toogle {position: absolute; right: 0; top: 100px; z-index: 12;}
  .popup-shopping-cart {top: 133px; width: 300px;}
  .home header {position: static;}
  .home nav {margin-bottom: 0;}
}
@media screen and (max-width: 599px) {
  .block-search .form-search .input-box {
    width: 100% !important;
    margin: 0 0 10px;
  }
  .block-search .form-search h2 {margin-bottom: 12px;}
  .block-search .form-search {
    float: none;
  }
  .block-search {
    height: auto;
    padding-bottom: 20px;
  }
  .block-search .form-search .button {
    width: 100px;
    margin: 0 auto;
    display: block;
  }
  .page-title h1 {
    font-size: 20px;
  }
  .page-title img {
    display: none;
  }
  .page-title span {
    margin: 0 ;
  }
  .popup-home .inner {
    width: auto;
    left: 10px;
    right: 10px;
    margin-left: 0;
  }
  .item-accout {
    width: 100%;
  }
  .store table th {
    padding: 12px 5px;
    font-size: 12px;
  }
  .store table th:nth-child(3){
    white-space: normal;
  }
  .store table td {
    font-size: 11px;
    padding: 10px 5px;
  }
	.action-banner {bottom: 169px;}
}
@media screen and (max-width: 479px){
  .block-ft .item{
    width: 100%;
  }
  .footer-bottom .copyright {
    width: 100%;
    text-align: center;
  }
  .footer-bottom .siteby {
    width: 100%;
    text-align: center;
  }
  .list-product li a > span {
    display: none;
  }
  .popup-home .top p {font-size: 14px;}
}
@media screen and (max-width: 399px){
 .list-product li, .list-news li{
    margin-bottom: 10px;
    width: 100%;
  }
}

/*====overlay===*/

.imgload{width: 35px;height: 35px;z-index: 124;position: fixed;transform: translate(-50%, -50%);top: 50%;left: 50%;}

.overlaypopup { position: fixed; top: 0; left: 0 ; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 124; }  

.popup-quickview {max-width: 970px;position: absolute;z-index: 125;background: #fff;/* padding: 40px 30px; */width: 94%;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.popup-quickview .title-product{ margin-top: 6px; }

.popup-quickview .image .infor{ border: 1px solid #e0e0e0; text-align: center;}

.popup-quickview  .number-increment-button{margin-right: 15px;}

.close-popup {position: absolute; width: 12px; height: 12px; background: url("../images/icon-close.png") no-repeat center; right: 10px; top: 10px; text-indent: -100000px;}

.close-popup:hover {  background: url("../images/icon-close-hover.png") no-repeat center;  }








/*===blumgalery====*/

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }

.blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; }

.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; }

.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; }

.blueimp-gallery-display { display: block; opacity: 1; }

.blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; }

.blueimp-gallery-carousel > .slides { position: absolute; }

.blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

.blueimp-gallery > .slides > .slide-loading { background: url(../img/front/loading.gif) center no-repeat; background-size: 64px 64px; }

.blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; }

.blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; }

.blueimp-gallery > .slides > .slide-error > .slide-content { display: none; }

.blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: 3px solid #fff; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; }

.blueimp-gallery > .next { left: auto; right: 15px; }

.blueimp-gallery > .close, .blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; }

.blueimp-gallery > .close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; }

.blueimp-gallery > .play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; }

.blueimp-gallery-playing > .play-pause { background-position: -15px 0; }

.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; }

.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause { display: none; }

.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }


/* ====popup-regis=== */
.popup-regis{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1298;}
.popup-regis .overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);}
.popup-regis .form-regis{background:#fff;max-width:550px;margin:0 auto;position:relative;border-radius:5px;top:90px;}
.popup-regis .form-regis .top{border-bottom:1px solid #e7e7e7;padding:15px 20px 8px;}
.popup-regis .form-regis .top h1{font-size:23px;font-family:"utm_bryantlgbold"; text-transform:uppercase;margin:0;}
.popup-regis .form-regis .top h1 span{font-size:14px;text-transform:none;margin-right:10px;margin-left:5px;}
.popup-regis .form-regis .top h1 a{font-size:17px;}
.popup-regis .form-regis .bottom{padding:20px;}
.popup-regis .form-regis .bottom h2{font-size:20px;font-family:"utm_bryantlgbold"; margin:0 0 20px;}
.popup-regis .form-regis .bottom form .input-box{position:relative;padding-left:90px;margin-bottom:15px;}
.popup-regis .form-regis .bottom form .input-box label{position:absolute;font-weight:normal;left:0;top:10px;}
.popup-regis .form-regis .bottom form .input-box input{width:100%;height:36px;border:1px solid #e7e7e7;border-radius:4px;}
.popup-regis .form-regis .bottom form .forgot-pass{margin-left:90px;display:block;margin-bottom:10px;margin-top:-8px;}
.popup-regis .form-regis .bottom form .button-set{padding-left:90px;}
.popup-regis .form-regis .bottom form a{font-size: 12px;}
.popup-regis .form-regis .close-pp{position:absolute; right:10px;font-size:25px;top:7px;}
/* ===list-comment=== */
.list-comment ul li{background:#f2f2f2;padding:12px;clear:both;overflow:hidden;border-bottom:2px solid #f2f2f2;}
.list-comment ul li:nth-child(even){background:#fff;}
.list-comment ul li:nth-child(odd) ul li:nth-child(even){background: #f2f2f2;}
.list-comment ul li:nth-child(odd) ul li:nth-child(odd){background: #fff;}
.list-comment ul li .content{margin-bottom:10px;}
.list-comment ul li .info .user{float:left;}
.list-comment ul li .info .user img{width:45px; border-radius:50%;border:2px solid #fff;}
.list-comment ul li .info .user a span{margin-left:10px;font-weight:bold;color:#000;}
.list-comment ul li .info .action{float:right;padding-top:12px;}
.list-comment ul li .info .action a{color:#000;border-right:1px solid #000;padding-right:10px; margin-right:4px;}
.list-comment ul li .info .action a i{margin-left:8px;}
.list-comment ul li .info .action a:first-child i{margin-left:0;margin-right:5px;}
.list-comment ul li .info .action img{height:17px; position:relative; top:-3px;}
.list-comment ul li .form-reply{padding-left:54px;text-align:right;display: none;padding-bottom: 15px;}
.list-comment ul li .form-reply .btn{width:100px;}
.list-comment ul li ul{margin-left:54px;border-top:1px solid #ddd;clear: both;}

#tab-review .view-more{text-align:center;clear:both;border-bottom:1px solid #d2d2d2;margin-top:30px;margin-bottom:45px;}
#tab-review .view-more a{background:#f2f2f2;padding:10px;color:#000;position:relative;top:9px; border-radius:5px;}
.form-comment {text-align:center;padding:15px;background:#f2f2f2;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin-top:30px;}
.form-comment .btn{width:100px;}
.form-comment .review{
    float: right;
    margin-top: -25px;
}
.form-comment .review img{
      height: 19px;
    position: relative;
    top: -3px;
}
#notification{
      max-width: 1240px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 0;
}
.alert-success{
  background-color: #FDCD00;
    border-color: #FDCD00;
    color: #000;
}
#notification .alert-success a{
  color: #fff;
}













.xe-flash {
  width: 100%;
  padding-top: 63%;
  -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
  animation: mymove 1s infinite;
}



@-webkit-keyframes mymove {
    from {background: url("../images/xe-1.png") no-repeat;background-size: 100%;}
    to {background: url("../images/xe-2.png") no-repeat;background-size: 100%;}
} 

/* Standard syntax */ 
@keyframes mymove {
    from {background: url("../images/xe-1.png") no-repeat;background-size: 100%;}
    to {background: url("../images/xe-2.png") no-repeat;background-size: 100%;}
}