/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
 @font-face {
  font-family:'roboto';
    src:url('../fonts/Roboto-Regular.ttf');
}
 @font-face {
  font-family:'roboto-bold';
    src:url('../fonts/Roboto-Medium.ttf');
}   
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/***************************/
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-heart:before {
  content: "\f004";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-check:before {
  content: "\f00c";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before {
  content: "\f0de";
}
.fa-list:before {
  content: "\f03a";
}
.fa-th:before {
  content: "\f00a";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-star:before {
  content: "\f005";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-comments:before {
  content: "\f086";
}
.fa-user:before {
  content: "\f007";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-search:before {
  content: "\f002";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-phone:before {
  content: "\f095";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-comments:before {
  content: "\f086";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-pinterest:before{content:"\f0d2"}
.fa-twitter:before{content:"\f099"}
/************/
    /* 
    html5doctor.com Reset Stylesheet
    v1.6.1
    Last Updated: 2010-09-17
    Author: Richard Clark - http://richclarkdesign.com 
    Twitter: @rich_clark
    */
    
    l {
        margin:0;
        padding:0;
        font-size:100%;
        /* background:transparent; */
    }
    .artseed-detail-content img {
        max-width: 100%;
        height: auto !important;
    }
    
    .artseed-detail-content table {
        width: 100% !important;
    }
    *
    {
        margin:0;
        padding:0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    body {
        line-height:1;
    }
    
    article,aside,details,figcaption,figure,
    footer,header,hgroup,menu,nav,section { 
        display:block;
    }
    
    nav ul {
        list-style:none;
    }
    
    blockquote, q {
        quotes:none;
    }
    
    blockquote:before, blockquote:after,q:before, q:after {
        content:'';
        content:none;
    }
    ul li {
        list-style: none;
    }
    a {
      text-decoration: none;
      color: #333;
      font-weight: normal;
      margin:0;
      padding:0;
      vertical-align:baseline;
      background:transparent;
    }
     a :hover{
		color: #f36f21; 
	 }
    /* change colours to suit your needs */
    ins {
        background-color:#ff9;
        color:#000;
        text-decoration:none;
    }
    
    /* change colours to suit your needs */
    mark {
        background-color:#ff9;
        color:#000; 
        font-style:italic;
        font-weight:bold;
    }
    
    del {
        text-decoration: line-through;
    }
    
    abbr[title], dfn[title] {
        border-bottom:1px dotted;
        cursor:help;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    /* change border colour to suit your needs */
    hr {
        display:block;
        height:1px;
        border:0;   
        border-top:1px solid #cccccc;
        margin:1em 0;
        padding:0;
    }
    
    input, select {
        vertical-align:middle;
    }
    
   
    /***********end****************/
    body {
font-size: 14px;
color: #404040;
font-family: arial;
background: #fff;
}
a:hover{
  color:#007db8;
}
    .topbar{
      background-color: #e5e5e5;
    }
    .button:after,
    .button:before {
      backface-visibility: hidden;
      border: 1px solid rgba(255, 255, 255, 0);
      bottom: 0px;
      content: " ";
      display: block;
      margin: 0 auto;
      position: relative;
      transition: all 280ms ease-in-out;
      width: 0;
    }
     
    .button:hover:after,
    .button:hover:before {
      backface-visibility: hidden;
      border-color: #ff0000;
      transition: width 350ms ease-in-out;
      width: 70%;
    }
     
    .button:hover:before {
      bottom: auto;
      top: 0;
      width: 70%;
    }
    
    a:hover,
    a:focus {
        text-decoration: none;
    }
    .text-primary {
        color: #d8373e;
    }
    /* Header */
    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .hide
    {
        display:none;
    }
    .clearfix
    {
        clear:both;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .container:before,.row:before,.clearfix:before,.row:after
    {
        content: "";
        display: table;
    }
    .container:after,.row:after,.clearfix:after
    {
        clear:both;
    }
  
    .row
    {
        margin-left:-15px;
        margin-right:-15px;
    }
    .row5
    {
        margin-left:-5px;
        margin-right:-5px;
    }
    .row10
    {
        margin-left:-10px;
        margin-right:-10px;
    }
    button, input,textarea,select
    {
      outline-offset: 0 !important;
        outline: -webkit-focus-ring-color auto 0 !important;
    }
    .img-responsive
    {
      display: block;
        max-width: 100%;
        height: auto;
    }
    .padding15
    {
        padding-left:15px;
        padding-right:15px;
        float: left;
    }
    .padding5
    {
        padding-left:5px;
        padding-right:5px;
        float: left;
    }
    .padding10
    {
padding-left:10px;
padding-right: 10px;
float: left;
}
    
    
a.hotlie {
    position: fixed;
    bottom: 5px;
    left: 2px;
    background: #f36f21;
    color: #fff;
    padding: 3px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 3px;
    display: none;
    z-index: 999;
    border-radius: 15px;
    padding-right: 10px;
}
a.hotlie i {
    background: #c55b1d;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 22px;
    margin-right: 5px;
}
a.scrollup {
border: 4px solid #007db8;
bottom: 10px;
color: #007db8;
text-align: center;
height: 40px;
line-height: 31px;
font-size: 19px;
border-radius: 40px;
position: fixed;
right:5px;
transition: all 0.5s ease 0s;
width: 40px;
z-index: 1000;
}
a.scrollup:hover{
 background: none repeat scroll 0 0 #009819;
 border: 1px solid #FFFFFF;
 box-shadow: 0 0 0 2px #007db8;
 color: #fff;
 }
 .productbreadcrumb {
padding: 7px 0;
float: left;
width: 100%;
}
.productbreadcrumb ul li {
    float: left;
    position: relative;
    padding-right: 20px;
}
.productbreadcrumb ul li:after {
    content: "/";
    position: absolute;
    font-size: 14px;
    right: 6px;
    font-weight: bold;
    top: 0px;
    font-family: FontAwesome;
}
.productbreadcrumb ul li:last-child:after
{
    opacity:0;
}
.productbreadcrumb ul li a {
font-size: 13px;
}
.customNav-slide a {
    position: absolute;
    top: 45%;
    z-index: 11;
    width: 40px;
    cursor: pointer;
    height: 40px;
    background: rgba(255, 255, 255, 0.58);
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    border-radius: 40px;
}
.customNav-slide a.btn.next_slide {
    right: 5px;
}
.banner_slider {
position: relative;
width: 70%;
}
.banner_slider img {
    width: 100%;
    height: 300px;
}
.customNav-slide a.btn.prev_slide {
    left: 5px;
}
.customNav-slide {
    display: none;
}
.banner_slider:hover .customNav-slide
{
    display:block
}
.customNav-slide a:hover {
    background: #fff;
}
/***********************/
/* Header */
.menu {
text-align: left;
position: relative;
float: left;
width: 100%;
border-bottom: 1px solid #ddd;
}
.menu nav {
    margin-top: 0px;
    margin-left: 0;
  
    padding-left: 0;
}
.form_moblie_search {
text-align: left;
position: relative;
background: #fff;
border: 1px solid #f36f21;
float: left;
width: 100%;
margin-top: 16px;
}
.form_moblie_search input {
    border: none;
    font-size: 14px;
    float: left;
    width: 100%;
    padding-left: 10px;
    height: 35px;
}
.menu-hotline-mail {
    margin-top: 10px;
}
.cart-ct a {
    color: #fff;
}
.support-online p {
    display: inline-block;
    margin-right: 15px;
}
.support-online {position: relative;width: 100%;text-align: center;}
.item-icon {
    float: left;
    width: 31%;
}
.item-icon img {
    float: left;
    margin-right: 10px;
}
.item-icon a {
    color: #fff;
    line-height: 19px;
    font-size: 14px;
}
.cart-ct {
    background: url(../images/icon-cart.png) no-repeat left top;
    padding-left: 42px;
}
.content-spp {
    position: absolute;
    top: 53px;
    padding: 10px;
    line-height: 20px;
    width: 400px;
    display: none;
    background: #fff;
    box-shadow: 0 5px 5px #ccc;
    border: 1px solid #ccc;
    z-index: 999;
}
.support-online:hover .content-spp {
    display: block;
}
.content-spp:before {
  width:0px;
  height:0px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ccc;
  content:"";
  position:absolute;
  top: -8px;
}
.support_content .hotline {
    color: red;
    margin: 5px 0;
    font-weight: bold;
    font-size: 16px;
}
.support_content .email {
    font-weight: bold;
    color: red;
    font-size: 12px;
}
.support_content h4 {
    border-bottom: 1px solid #ccc;
    margin: 5px 0;
    color: #007db8;;
    font-size: 15px;
}
.title-sp-ol {
    display: inline-block;
    background: red;
    color: #fff;
}
.btn-call{
color: #fff;
text-transform: uppercase;
}
.btn-call span{display:block;width: 30px;padding: 5px 0;height: 30px;text-align:center;color:#fff;background: #c31313;position:relative;float: left;font-size: 21px;border-radius: 500%;margin: -8px;margin-right: 10px;}
/*.btn-call span i{animation-name:lac;-webkit-animation-name:lac;animation-duration:1s;-webkit-animation-duration:1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;color: #333;font-size: 22px;line-height: 9px;z-index: 111;}*/
/*.btn-call span:before{display:none;content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;border: solid 1px rgb(245, 130, 31);animation-name:zoomin;-webkit-animation-name:zoomin;animation-name:zoomin;-webkit-animation-name:zoomin;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;}.btn-call span:after{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background: #fff;z-index: 0;animation-name:zoomout;-webkit-animation-name:zoomout;animation-duration:1s;-webkit-animation-duration: 2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;}@keyframes lac{0%{transform:rotate(0deg)}10%{transform:rotate(-25deg)}20%{transform:rotate(25deg)}30%{transform:rotate(-25deg)}40%{transform:rotate(25deg)}50%{transform:rotate(0deg)}100%{transform:rotate(0deg)}}@-webkit-keyframes lac{0%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(-25deg)}20%{-webkit-transform:rotate(25deg)}30%{-webkit-transform:rotate(-25deg)}40%{-webkit-transform:rotate(25deg)}50%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes zoomin{0%{transform:scale(.8);opacity:1}100%{transform:scale(2.2);opacity:.1}}@-webkit-keyframes zoomin{0%{-webkit-transform:scale(.8);opacity:1}100%{-webkit-transform:scale(2.2);opacity:.1}}@keyframes zoomout{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.1);opacity:.3}}@-webkit-keyframes zoomout{0%{-webkit-transform:scale(.8);opacity:1}100%{-webkit-transform:scale(1.1);opacity:.3}}*/
.btn-call span i {
    -webkit-animation: wrench 2.5s ease infinite;
    animation: wrench 2.5s ease infinite;
}
@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg);}
8%{-webkit-transform:rotate(12deg);transform:rotate(12deg);}
10%,
28%,
30%,
48%,
50%,
68%{-webkit-transform:rotate(24deg);transform:rotate(24deg);}
18%,
20%,
38%,
40%,
58%,
60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg);}
100%,
75%{-webkit-transform:rotate(0);transform:rotate(0);}
}
@keyframes wrench{0%{-webkit-transform:rotate(-12deg);-ms-transform:rotate(-12deg);transform:rotate(-12deg);}
8%{-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);transform:rotate(12deg);}
10%,
28%,
30%,
48%,
50%,
68%{-webkit-transform:rotate(24deg);-ms-transform:rotate(24deg);transform:rotate(24deg);}
18%,
20%,
38%,
40%,
58%,
60%{-webkit-transform:rotate(-24deg);-ms-transform:rotate(-24deg);transform:rotate(-24deg);}
100%,
75%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}
}
/*************menu*************/
nav {
    /* clear: both; */
    float: left;
}
.sky-mega-menu li:last-child {
    border: none;
}
.menu p {
    float: left;
    display: block;
    margin-left: 20px;
    margin-top: 23px;
    text-transform: uppercase;
}
.mobile-menu-toggle {
    left: -9999px;
    position: absolute;
    top: -9999px;
}
.mobmenu-toggle {
    display: none;
}
  
/* level 1 */
.sky-mega-menu {
  z-index: 999;
  margin-bottom: 0;
}
.sky-mega-menu:after {
  content: '';
  display: table;
  clear: both;
}
.sky-mega-menu li {
  float: left;
  position: relative;
}
.sky-mega-menu li a.active,.sky-mega-menu li a:hover {
  color: #37add9;
}
.sky-mega-menu li a {
  font-size: 14px;
  padding: 10px 0;
  margin: 0 0px;
  margin-left: 26px;
  display: block;
  text-decoration: none;
  position: relative;
}
.sky-mega-menu li a:hover:after,.sky-mega-menu li a.active:hover:after,.sky-mega-menu li a.active:after
{
  display: block;
}
.sky-mega-menu li > .submenu {
  position: absolute;
  z-index: 1000;
  top: 25px;
  left:0;
  min-width: 230px;
  display: none;
  margin-top: 8px;
  background: #f4f4f4;
  opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  -ms-transition: -ms-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  /* padding-bottom: 10px; */
}
.sky-mega-menu li > .submenu li{}
.sky-mega-menu li > .submenu .des_dm
{
    background:#fe7500;
    padding: 10px;
    color:#000;
    text-transform:none;
    height: 100%;
}
.sky-mega-menu li > .submenu .des_dm .mt_mn {
    display: block;
    line-height: 20px;
    font-size: 12px;
  font-family:Arial, Helvetica, sans-serif;
}
.sky-mega-menu li > .submenu .des_dm img
{
    width:100%;
}
.sky-mega-menu li > .submenu .des_dm h3
{
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    padding: 0;
    margin-top:15px;
    margin-left: 0;
    margin-right: 0;
  font-family: VL_BOOSTERNEXTFY_BLACK;
}
.sky-mega-menu li > a:before {
  content: '';
  position: absolute;
  bottom: -12px;
  display: none;
  left: 44%;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2D3E50;
  border-left: 7px solid transparent;
}
.sky-mega-menu li:hover > a:after
{
      /* border: 1px solid #333; */
}
/* level 2+ */
.adv {
    float: left;
    width: 66.66%;
    margin: 0 auto;
    text-align: center;
}
.sky-mega-menu li .adv strong {
    background: #fe7500;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    font-size: 13px;
    border: 1px dashed #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    margin-top: 20px;
}
.list_mn {
    /* padding-top: 10px; */
}
.sky-mega-menu li li {
  line-height: 35px;
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #ddd;
}
.sky-mega-menu li li a:before
{
    opacity:0;
}
.sky-mega-menu li li a:after
{
  opacity:0;
}
.sky-mega-menu li li a {
  color: #333;
  display: block;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  padding: 0;
  padding-left: 15px;
  margin-left: 0;
  text-align: left;
  border: none;
}
.sky-mega-menu li li > div {
  top: 0;
  margin: 0 0 0 8px;
}
.sky-mega-menu li li > div:after {
  top: 0;
  right: 100%;
  bottom: auto;
  left: auto;
  width: 8px;
  height: 100%;
}
.sky-mega-menu li li > div:before {
  top: 22px;
  right: 100%;
  bottom: auto;
  left: auto;
  border-top: 5px solid transparent;
  border-right: 5px solid #2D3E50;
  border-bottom: 5px solid transparent;
}
.sky-mega-menu li li:hover > div {
  left: 100%;
}
.sky-mega-menu .right li > div {
  margin: 0 8px 0 0;
  -o-transform-origin-x: 100%;
  -ms-transform-origin-x: 100%;
  -moz-transform-origin-x: 100%;
  -webkit-transform-origin-x: 100%;
}
.sky-mega-menu .right li > div:after {
  right: auto;
  left: 100%;
}
.sky-mega-menu .right li > div:before {
  right: auto;
  left: 100%;
}
.sky-mega-menu .right li:hover > div {
  right: 100%;
  left: auto;
}
/**/
/* animations */
/**/
 
 
/* grid */
.sky-mega-menu .grid-column {
  float: left;
}
.sky-mega-menu .grid-column3,
.sky-mega-menu .submenu {
  width: 100%;
}
#mainHideMenu{
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:998;
    opacity: 0.8;
    display:none;
}
@media handheld, screen and (max-width: 1024px) { /* <-- Adjust the breakpoints to your liking */
  .sky-mega-menu li .submenu ul li a{color:#fff}
  .sky-mega-menu li .submenu {
  opacity: 1;
  position: relative;
  top: 0;
  float: left;
  background: #37add9;
  }
.sky-mega-menu li .submenu ul li a:hover
{
  color: #fff;
}
  .mobmenu-toggle,
    .mobile-menu-toggle-button,
    .mobile-toggleable-menu {
        /* top: 10px; */
        position: fixed;
        -webkit-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -o-transition: all 0.8s;
        transition: all 0.8s;
    }
    .mobmenu-toggle {
        
display: block;
        
right: 30px !important;
        
position: absolute;
    }
   .mobmenu-toggle::before {
    background: #37add9  none repeat scroll 0 0;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    left: 0;
    top: 13px;
    width: 20px;
}
.mobmenu-toggle::after {
    border-bottom: 3px solid #37add9;
    border-top: 3px solid #37add9;
    box-sizing: content-box !important;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: 0;
    top: 19px;
    left: 0;
    width: 20px;
}
    .mobmenu-toggle:hover {
        cursor: pointer;
    }
    .mobile-toggleable-menu {
        margin: 0;
        width: 85%;
        height: 100%;
        max-height: 100%;
        min-height: 100%;
        z-index: 999;
        overflow: hidden;
    }
    nav
    {
        
        float: left;
        height: 45px;
        float: none;
        clear: inherit;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
    }
    .mobile-toggleable-menu.mobile-left {
        left: -105%;
    }
    .mobile-toggleable-menu.mobile-right {
        right: -105%;
    }
    .mobile-menu-toggle-button:checked ~ .mobmenu-toggle.mobile-right {
        left: 0;
        right: auto;
    }
    .mobile-menu-toggle-button:checked ~ .mobmenu-toggle.mobile-left {
        left: auto;
        right: 0;
    }
    .mobile-menu-toggle-button:checked + .mobile-toggleable-menu.mobile-left {
        width: 260px !important;
        left: 0;
        top: 0;
        overflow-y: auto;
        background: #f7f9fb;
    }
    .mobile-menu-toggle-button:checked + .mobile-toggleable-menu.mobile-right {
        width: 260px !important;
        right: 0;
    }
    .sky-mega-menu li li a:after
    {
      top: 12px;
      left: 0;
    }
    .sky-mega-menu li > a:before
    {
      opacity:0;
    }
    .sky-mega-menu li a:after
    {
      opacity:0;
    }
    .sky-mega-menu li.home i{color:#fff;padding-right: 0 !important;}
    .mobile-toggleable-menu li i{position:absolute;right: 0;color: #333;top: -4px;cursor: pointer;text-align: center;line-height: 48px;width: 40px;display: block;height: 48px;}
  .mobile-toggleable-menu li {
    width:100%;
    border-right: none;
    position: relative;
    margin-top: 0px;
    padding: 0;
    text-align: left;
  }
  .sky-mega-menu li li a{color:#333;line-height: 30px;}
  .mobile-toggleable-menu li a {
    color: #333;
    line-height: 27px;
    font-size: 13px;
    padding: 5px;
    margin-left: 10px;
    display: block;
  }
  .mobile-toggleable-menu #submenu {
    width:100%; 
    top:0;
    left:0;
  }
  .mobile-toggleable-menu li:hover ul#submenu {
    overflow:hidden;
    position:relative;
    top:0;
    left:0;
  }
}
/***************/
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 53px;
    z-index: 9999;
    -moz-box-shadow: 0 3px 2px #b6b6b6;
    -ms-box-shadow: 0 3px 2px #b6b6b6;
    -o-box-shadow: 0 3px 2px #b6b6b6;
    -webkit-box-shadow: 0 3px 2px #b6b6b6;
    box-shadow: 0 3px 2px #b6b6b6;
}
.tophead {
    background: #f3f3f3;
    margin-bottom: 10px;
    position: relative;
}
.menutop
{
    float:right;
}
.artseed-login ul.login li {
    padding: 2px 8px;
    position:relative;
    vertical-align: top;
    margin-top: 0px;
}
.artseed-login ul.login li:last-child:after {
    opacity: 0;
}
.artseed-login ul li a:hover {
    color: #37add9;
}
.artseed-login ul.login {
    position: relative;
    background: url(../artseed/login.png) no-repeat 10px 0px;
    padding-left: 48px;
    padding-top: 2px;
}
.logo {
padding-top: 0;
}
span.mini-cart-title {
display: block;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 0px;
}
.login {
    float: left;
    position: relative;
    margin-top: 9px;
    padding-bottom: 15px;
}
.login:hover .content-login {
    display: block;
}
span.login-m {
    width: 35px;
    height: 35px;
    border: 1px solid #404040;
    display: inline-block;
    text-align: center;
    line-height: 35px;
    font-size: 23px;
    border-radius: 35px;
    cursor: pointer;
}
.cart-hotline {margin-top: 1px;padding-bottom: 7px;position: relative;float: left;}
.form_moblie_search .nut_searh {
    position: absolute;
    right: 0;
    display: block;
    line-height: 35px;
    height: 35px;
    background: #f36f21;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 15px;
}
.form_moblie_search .nut_searh:hover {
    background: #007db8;
}
.artseed-cart span {
    clear: both;
    display: block;
}
.content-login {
    position: absolute;
    top: 43px;
    padding: 10px;
    right: 15px;
    line-height: 20px;
    width: 215px;
    display: none;
    background: #fff;
    box-shadow: 0 5px 5px #ccc;
    border: 1px solid #ccc;
    z-index: 999;
}
.content-login:before
{
        width: 0px;
        height: 0px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ccc;
        content: "";
        position: absolute;
        top: -8px;
        right: 10px;
}
.content-login ul {
    line-height: 25px;
}
.content-login ul li i {
    padding-right: 4px;
    font-size: 12px;
}
.content-login ul li a:hover {
    color: #f36f21;
}
.content-login ul li:nth-child(2) i {
    padding-right: 9px;
}
.check-dh {
    margin: 10px 0;
}
.check-dh span {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 2px;
    font-weight: bold;
    margin-bottom: 8px;
}
form#checkmd {
    position: relative;
}
form#checkmd input {
    padding: 7px 11px;
    border: 1px solid #ccc;
}
a.checkdh {
    position: absolute;
    right: 0;
    background: #f36f21;
    top: 0;
    color: #fff;
    width: 35px;
    text-align: center;
    height: 31px;
    line-height: 31px;
    font-size: 20px;
}
a.checkdh:hover {
    background: #007db8;
}
.dn-login a {
    display: block;
    text-align: center;
    background: transparent;
    color: #fff;
    padding: 7px;
    border-radius: 5px;
    text-transform: uppercase;
}
.dn-login span {
    text-align: center;
    display: block;
}
.dn-login a:first-child {
    background: #ef3e3e;
}
.dn-login a:last-child {
    background: #289aeb;
}
.dn-login a:hover {
    background: #007db8;
}
.header {
    background: #007db8;
    padding: 5px 0;
    color: #fff;
}
.bg-bread {
height: 39px;
background: #f7f7f7;
margin-bottom: 10px;
}
.coldmsp {width: 100%;}
.dmsptop .titldmsp i {
    font-size: 25px;
    vertical-align: middle;
    padding-right: 8px;
    margin-top: -2px;
}
.dmsptop {
    padding: 0;
    margin-top: 0;
}
.dmsptop.pagein .content-dmsp {
    display: none;
    margin-top: -10px;
    border: 1px solid #ccc;
    background: #fff;
    position: absolute;
    width: 275px;
    z-index: 11;
}
.dmsptop .titldmsp {
    display: block;
    height: 39px;
    background: #007db8;
    text-align: left;
    line-height: 40px;
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 18px;
    cursor:pointer;
    padding-left: 18px;
}
.dmsptop .content-dmsp ul li a img {margin-right: 10px;float: left;max-width: 25px;}
.dmsptop .content-dmsp ul li a span {
}
.dmsptop .content-dmsp ul li a span.name-mn {
font-size: 14px;
color: #007db8;
}
.dmsptop .content-dmsp ul li a:hover span.name-mn {
	color: #f36f21;
}
.dmsptop .content-dmsp ul li a span.cat_des_menu {
    font-size: 13px;
    color: #999;
}
.banner {
    clear: both;
}
ul.f-menutop-ul {
    position: relative;
}
.dmsptop .content-dmsp ul li a {
	line-height: 22px;
	display: block;
	padding: 8px 15px;
	color: #007db8;
}
.dmsptop .content-dmsp ul li ul.list-level1 {
position: absolute;
left: 0;
background: #fff;
width: 100%;
top: 39px;
display: none;
z-index: 11;
box-shadow: 1px 1px 3px 1px #ccc;
min-height:200px;
}
.dmsptop .content-dmsp ul li a i {
    float: right;
    margin-top: -30px;
    font-size: 19px;
    margin-right: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.dmsptop .content-dmsp ul li a:hover i
{
  margin-right:15px
}
.dmsptop .content-dmsp ul li 
{
border-bottom: 1px solid #eee;
float: left;
}
.dmsptop .content-dmsp ul li:last-child{
  border-bottom:none;
}
.dmsptop .content-dmsp ul li ul.list-level1 li {
    width: 17%;
    float: left;
    margin: 10px;
    border-bottom: none;
}
.dmsptop .content-dmsp ul li ul.list-level1 li a:hover {
    background: none;
    color: #f36f21;
}
.dmsptop .content-dmsp ul li ul.list-level1 li a {
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0;
}
.dmsptop .content-dmsp ul li ul.list-level1 li ul li a {
    font-weight: normal;
    padding: 2px 0;
}
.dmsptop .content-dmsp ul li ul.list-level1 li ul li {
    width: 100%;
    margin: 0;
    border-bottom: none;
}
.pos-banner-top {
width: 30%;
float: left;
}
.banner-top {margin-bottom: 10px;}
a.thumb-banner-top,.banner-dm a{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
a.thumb-banner-top:before,.banner-dm a:before {
        content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,.4);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a.thumb-banner-top:hover:before,.banner-dm a:hover:before{
      -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
a.thumb-banner-top {
    position: relative;
    display: block;
    overflow: hidden;
}
.banner-dm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title-pr {
margin-bottom: 0;
position: relative;
padding: 10px;
border-bottom: 1px solid #ddd;
}
ul.list-cate-home-pr {
    position: absolute;
    top: 12px;
    right: 0;
}
ul.list-cate-home-pr li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
ul.list-cate-home-pr li:last-child
{
  border-right:none;
}
ul.list-cate-home-pr li a {
font-size: 13px;
text-transform: capitalize;
font-weight: bold;
}
ul.list-cate-home-pr li a:hover
{
  color:#f36f21;
}
f {
    margin: 0;
    display: inline-block;
    font-weight: normal;
    font-family: roboto-bold;
    font-size: 22px;
    vertical-align: middle;
    margin-right: 10px;
}
.artseed-title-pr h2 span {
    font-size: 17px;
    position: relative;
    padding-left: 10px;
    font-family: roboto-bold;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
}
hgroup h1 {
    margin: 0;
    font-size: 30px;
}
.home-pr-bc {margin-top: 5px;position: relative;margin-bottom: 20px;background: #fff;}
.title-pr.spbc {}
.title-pr a {
float: right;
margin-top: -17px;
font-size: 13px;
}
.title-pr.spbc span {
font-size: 15px;
text-transform: uppercase;
font-weight: normal;
font-weight: bold;
}
.hom-product-bc ul li {
position: relative;
}
.hom-product-bc ul li:hover {
    -webkit-box-shadow: 0 0 15px #dfdfdf;
    -moz-box-shadow: 0 0 15px #dfdfdf;
    box-shadow: 0 0 15px #dfdfdf;
    z-index: 9;
    background: #fff;
}
.hom-product-bc ul {
}
ul.f-product-viewid.viewlist {
    border-left: none;
    display: block;
    overflow: visible;
    float: none;
}
ul.f-product-viewid.viewlist li {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #ccc;
}
ul.f-product-viewid.viewlist li:hover {
    box-shadow: none;
}
ul.f-product-viewid.viewlist .pr-img {
    float: left;
    margin-right: 15px;
    width: 22%;
}
ul.f-product-viewid.viewlist .box-info {
    width: 76%;
    float: left;
}
ul.f-product-viewid.viewlist .box-info .kai-rating {
    text-align: left;
}
ul.f-product-viewid.viewlist .pf-status {
    display: block;
}
ul.f-product-viewid.viewlist .btn-compare {
    display: none !important;
}
ul.f-product-viewid.viewlist .box-info h3 a {
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 10px 0;
}
ul.f-product-viewid.viewlist .box-info span.giatu {
    float: left;
    font-size: 15px;
    margin-top: 3px;
    margin-right: 5px;
}
ul.f-product-viewid.viewlist .box-info .price-pr-home {
    float: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
    width: 100%;
}
.f-short-info {
    display: none;
}
ul.f-product-viewid.viewlist .box-info .f-short-info {
    display: block;
    margin-top: 10px;
    float: left;
    line-height: 22px;
    width: 100%;
}
ul.f-product-viewid.viewlist .old-price,ul.f-product-viewid.viewlist .new-price {
    float: left;
}
.pf-status {
    float: right;
    font-size: 16px;
    display: none;
}
ul.f-product-viewid.viewlist .pr-item-bc {
    float: right;
    width: 100%;
    padding: 0;
    margin-top: 15px;
}
.pf-status i {
    color: #007db8;
}
.conent-home-pr {
position: relative;
line-height:28px;
padding: 30px 30px;
}
.pr-item-bc {
    padding: 15px;
    position: relative;
}
span.btn-compare {
    position: absolute;
    left: 0;
    right: 0;
    background: #ffbd00;
    cursor: pointer;
    margin: auto;
    width: 89px;
    z-index: 1;
    padding: 5px;
    font-size: 12px;    display: none;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
}
span.btn-compare i {
    padding-right: 4px;
}
.hom-product-bc ul li span.btn-compare:hover {
    background: #007db8;
}
.hom-product-bc ul li:hover span.btn-compare {
    display: block;
}
span.pr-sales {
    position: absolute;
    color: #fff;
    background: #d60c0c;
    z-index: 1;
    border-radius: 40px;
    font-weight: bold;
    line-height: 40px;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
}
span.old-price sup {
    font-weight: normal;
}
.pr-item-bc p {
color: #767676;
line-height:20px;
font-size: 13px;
display: block;
}
span.pr-new {
    background-color: #00c6ff;
    border: 1px solid #00a9da;
   
}
span.pos-label {
    padding: 3px 5px;
    font-size: 12px;
    display: inline-block;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1;
}
.pr-img {
    color: #fff;
}
.kai-rating {
    text-align: center;
    color: #f90;
    font-size: 10px;
    margin-bottom: 5px;
}
span.pr-best-sale {
    background:#fd7e00;
}
span.pr-hot {
    background-color: red;
    border: 1px solid #e80000;
}
.pr-item-bc .pr-img {
text-align: center;
height: 200px;
margin-bottom: 10px;
position: relative;
}
.pr-item-bc .pr-img img,.pr-dm-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.pr-item-bc h3 a {
font-size: 13px;
line-height: 20px;
text-align: left;
display: block;
height: 40px;
overflow: hidden;
}
.price-pr-home {
text-align: left;
font-size: 16px;
line-height: 15px;
}
.price-pr-home span.giatu {
font-size: 13px;
display: none;
}
sup {
    text-decoration: underline;
    padding-left: 2px;
    font-size: 12px;
    font-weight: bold;
}
.price-pr-home span.new-price {
    color: #d60c0c;
    font-weight: bold;
}
span.old-price {
text-decoration: line-through;
font-size: 14px;
color: #999;
}
.qc-partner ul.social-right li {
    display: inline-block;
    margin: 0 10px;
}
footer {
padding-top: 40px;
padding-bottom: 20px;
clear: both;
}
.right-footer {
    color: #fff;
    padding: 30px 0 0;
    position: relative;
}
.right-footer p {
    line-height: 22px;
    font-size: 12px;
}
.social-footer {
    text-align: center;
    position: absolute;
    right: 15px;
    top: 50%;
}
.social-footer ul li {
    display: inline-block;
    margin: 0 7px;
}
.dm-footer h2,.form-footer h2 {text-transform: uppercase;font-size: 14px;font-weight: bold;margin-bottom: 0px;padding-bottom: 7px; color:#007db8;}
.dmsptop.pagein:hover .content-dmsp.pagein {
    display:block;
}
.content-dmsp.pagein
{
    position: absolute;
    background: #0d9344;
    z-index: 1000;
    display: none;
}
/********************/
.artseed-detail-content {
    line-height: 25px;
    margin-top: 40px;
    width: 73%;
    float: left;
}
.artseed-detail-content table {
    width: 100% !important;
}
h1.detail-page {
    font-size: 20px;
    margin-top: 0;
    font-weight: normal;
    font-family: roboto-bold;
    margin-bottom: 15px;
}
.title-related {
    border-bottom: 1px dotted #ccc;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin:20px 0 10px;
}
.mapbd {
    margin-bottom: 20px;
}
.title-contact h2 {
    font-size: 16px;
    color: #37add9;
    margin-bottom: 20px;
    font-family: roboto-bold;
    font-weight: normal;
}
.content-contact {
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 20px;
}
.content-form-contact
 p {
    margin-bottom: 10px;
    font-size: 14px;
}
.content-form-contact
 p span {
    color: red;
    font-size: 14px;
}
.content-form-contact form input {
    border: 1px solid #ccc;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
}
.content-form-contact form textarea {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0;
    min-height: 100px;
    padding: 10px;
    font-size: 14px;
}
form.form-contact .input-icon {
    width: 33.3333%;
}
.btn-contact {
    text-align: left;
    margin: 10px 0;
}
.btn-contact button {
    border: none;
    background: #00b7e5;
    color: #fff;
    padding: 11px;
    font-size: 14px;
    font-family: roboto-bold;
    font-weight: normal;
}
#errorcontact{
  font-size:14px;
  color:#0f6939;
}
.loadajax{
  background-color:#16700f;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:1001;
  opacity: 0.2;
}
.loadajax{
  background-color:#FFF;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:1001;
  opacity: 0.4;
}
.ajax-loader{
    background: #0d0d0d url("../images/ajax-loader.gif") no-repeat scroll 10px 10px;
    border-radius: 5px;
    left: 50%;
    margin-left: -26px;
    margin-top: -26px;
    opacity: 0.8;
    overflow: visible;
    padding: 0;
    position: fixed;
    right: 50%;
    top: 50%;
    width: 52px;
  height: 52px;
    z-index: 100001;
}
.Main404{
  font-size:14px;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 10px;
}
.BgImg404{height:auto;margin:36px 0 10px 0;width:100%;text-align:center;}
.BgImg404 img{max-width:100%; height:auto; margin:0 auto; display:block;}
.Text404{text-align:center;margin:16px 0;font-size:16px;}
.Text404 a{color:#2dcc70;}.Text404 a:hover{color:#526a7c;}
.SubText404{width:100%;clear:both;margin:0 auto 30px;line-height:28px;color:#333;}
.artseed-content-product ul li.list-pr-item .artseed-pr-img {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.artseed-content-product ul li .artseed-pr-item {
    text-align: center;
    margin-bottom: 35px;
    position: relative;
    min-height: 278px;
}
.viewmore {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.viewmore a 
{
  
border-radius: 5px;
  
color: #FFF;
  
display: inline-block;
  
font-weight: bold;
  
padding: 9px 20px;
  
text-align: center;
  
text-transform: uppercase;
  
font-size: 15px;
  
-webkit-animation: glowing 1500ms infinite;
  
-moz-animation: glowing 1500ms infinite;
  
-o-animation: glowing 1500ms infinite;
  
animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #37add9; box-shadow: 0 0 2px #37add9; }
  50% { background-color: #2abcf3; box-shadow: 0 0 5px #2abcf3; }
  100% { background-color: #37add9; box-shadow: 0 0 2px #37add9; }
}
@-moz-keyframes glowing {
  0% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
  50% { background-color: #007db8; box-shadow: 0 0 5px #2c9ed4; }
  100% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
}
@-o-keyframes glowing {
  0% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
  50% { background-color: #007db8; box-shadow: 0 0 5px #2c9ed4; }
  100% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
}
@keyframes glowing {
  0% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
  50% { background-color: #007db8; box-shadow: 0 0 5px #2c9ed4; }
  100% { background-color: #007db8; box-shadow: 0 0 2px #2c9ed4; }
}
.col-thongtin {width: 50%;}
.tit-thanhtoan {
font-size: 14px;
font-weight: bold;
}
.content-one {float: left;}
.content-one label {
margin-top: 2px;
font-weight: bold;
font-size: 13px;
margin-bottom: 10px;
float: left;
min-width: 120px;
margin-right: 10px;
}
.content-one input {
box-shadow: none !important;
border-radius: 0 !important;
width: calc(100% - 132px);
}
.content-one .input-icon {
float: left;
width: 50%;
margin-bottom: 10px;
min-height: 40px;
}
.content-one .input-icon input {
    height: 36px;
    padding-left: 10px;
    border: 1px solid #eee;
}
.content-one select {
border: 1px solid #eee;
padding: 8px;
color: #999;
width: calc(100% - 132px);
}
.content-one p.meida input {
    float: left;
    width: 20px;
    margin-top: 0;
    height: 17px;
    margin-right: 5px;
}
.content-one p.meida {
    float: left;
    margin-bottom: 10px;
}
.button_cart {
    text-align: right;
    text-align: right;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}
.form-code-sale input {
    height: 34px;
    border: 1px solid #eee;
    padding-left: 10px;
}
.button_cart a:nth-child(1) {
    background: #007db8;
}
.button_cart a:nth-child(2) {
    background: #f36f21;
}
.button_cart a:nth-child(3) {
    background: #404040;
}
button.buy_cart  {
  background: #612e05;
    color: #fff;
    padding: 8px 12px;
    border: medium none;
}
.btn-contact button:hover, .btn-thanhtoan button:hover
{
  background:#8bc63e;
}
.button_cart a {
    color: #fff;
    text-transform: uppercase;
    padding: 12px 12px;
}
.button_cart a:hover {
    background: #8bc63e;
}
.code-sale {
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 10px;
    float: left;
}
.tit-info-cart {
    padding: 13px;
    font-family: roboto-bold;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}
.tit-info-cart i {
    float: right;
    font-size: 15px;
}
.sumadd {
    border-top: 1px solid #eee;
    padding: 12px 0;
    padding-left: 10px;
    font-size: 14px;
    font-family: roboto-bold;
}
.sumadd span {
    float: right;
    margin-right: 10px;
    font-family: roboto-bold;
    font-size: 15px;
}
.sum-info-cart ul {border: 1px solid #000;float: left;width: 100%;}
.sum-info-cart ul li {
    line-height: 25px;
    color: #666;
    padding: 5px 9px;
    font-size: 13px;
    float: left;
    font-family: LATOREGULAR;
    width: 100%;
}
.info-cart-cart ul li {
    line-height: 26px;
    color: #333;
    font-size: 14px;
}
.info-cart-cart ul {
    padding: 10px;
}
.info-cart-cart ul li span {
    float: right;
}
.tit-code-sale {
    color: #333;
    padding-top: 12px;
    text-align: center;
    font-family: roboto-bold;
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin: -10px -10px 10px;
}
.tit-code-sale i {
    float: right;
    margin-right: 10px;
    font-size: 16px;
}
.info-cart {
    border: 1px solid #eee;
    float: left;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
}
.form-code-sale form input {
    width: 95% !important;
    font-size: 12px;
    box-shadow: none;
    margin-top: 10px;
}
button.sent-code {
    float: left;
    border: none;
    background: #333;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
    padding: 9px;
    cursor: pointer;
}
button.sent-code:hover
{
  background:#00b7e5;
}
.form-code-sale form .input-group {
    float: left;
    width: 70%;
}
ul.list_list_cart {
    clear: both;
    float: left;
    width: 100%;
    /* background: #eee; */
    margin: 0;
}
ul.list_list_cart li {
    border-right: 1px solid #eee;
    min-height: 115px;
}
ul.list_list_cart li:last-child {
    border-right: none;
}
ul.list_list_cart li {
    text-align: center;
}
ul.list_list_cart li ul {
    clear: both;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0;
}
ul.list_list_cart li ul:nth-child(2n) {
    background: #fcfcfc;
}
ul.list_list_cart li ul li {
    padding-top: 5px;
}
ul.list_list_cart li ul:last-child {
    border-bottom: none;
}
.cart_delete i {
    font-size: 18px;
    color: #000;
    cursor: pointer;
}
.cart_info_image_sp {
    margin-bottom: 10px;
    max-width: 100px;
    margin: 0 auto;
}
.list_cart table thead {background: #007db8;}
.list_cart table thead td:nth-child(2) {
    width: 35%;
}
.list_cart table thead td:nth-child(6) {
    width: 1%;
}
.list_cart table thead td:nth-child(1) {
    width: 5%;
}
.list_cart table thead td:nth-child(4) {
    width: 5%;
}
.list_cart table thead td:nth-child(5), .list_cart table thead td:nth-child(3) {
    width: 13%;
}
.name_cart_info_pr {
    font-weight: bold;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 10px;
}
.name_cart_info_pr a:hover{
  color:#007db8;  
}
.list_cart table thead td {
    padding: 10px;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.list_cart table {
    border: 1px solid #eee;
}
.list_cart table tr td {
    text-align: center;
}
.list_cart table tbody tr:nth-child(even) {
    background: #fafafa;
}
.list_cart table tr td img {
    max-width: 100px;
}
.list_cart table tr td img {
    display: inline-block;
    padding: 10px;
}
.content-form-resgister {
    width: 65%;
    margin: auto;
    text-align: center;
}
.content-form-resgister form .input-icon {
    text-align: left;
    margin-bottom: 15px;
}
.content-form-resgister form .input-icon label {
    font-weight: normal;
    font-size: 14px;
}
.content-form-resgister form .input-icon label span {
    color: red;
}
.content-form-resgister form .input-icon input {
    box-shadow: none;
    border-radius: 0;
    border:1px solid #eee;
}
.btn-resgister {
    margin: 23px 0;
    display: block;
}
.btn-resgister button {
    border: none;
    background: #0f6939;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 20px;
    font-size: 14px;
}
.btn-resgister button:hover {
    background: #8bc63e;
}
.lq-block-item-pr {
    position: relative;
    margin-bottom: 20px;
}
.lq-block-item-pr-info {
}
.lq-block-item-pr-info h3 a {font-size: 13px;display: block;text-align: center;}
.lq-block-item-price {
    color: #bc2230;
    margin: 5px;
    font-size: 14px;
}
 .pr_details_img_small {
object-fit: scale-down;
float: left;
width: 100px;
height: 100px;
}
    .f-pr-image-zoom-gallery a {
    display: block;
}
.image-detail-pr .f-pr-image-zoom {
        position: relative;
        margin: auto;
        height: 355px;
        /* border: 1px solid #eee; */
    }
    .f-pr-image-zoom-gallery {
    margin-top: 10px;
}
.image-detail-pr .f-pr-image-zoom .zoomWrapper img {
    max-height: 350px;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
}
.pr-detail-info h1, .pr-detail-info h2{
    margin: 0;
    margin-bottom: 10px;
    line-height: 26px;
    font-size: 22px;
}
.pr-detail-info {
    font-size: 14px;
}
.info-pr ul li:before {
    position: absolute;
    content: "\f00c";
    font-weight: bold;
    font-size: 10px;
    left: 0;
    top: 0;
    font-family: FontAwesome;
}
.info-price-detail {
padding: 9px 0;
margin: 10px 0;
border-bottom: 1px solid #eee;
}
.box-addtocart
{
  margin:10px 0;
  float: left;
  width: 100%;
  =: 1px
  dotted #ccc;
  =: 20px
}
.box-addtocart a.addtocart
{
  background: #ec1d24;
  color:#fff;
  font-size: 17px;
  padding: 10px 25px;
  text-transform: uppercase;
  font-family: roboto-bold;
  line-height: 24px;
  float: left;
}
.box-addtocart a.addtocart:hover
{
  background: #00b7e5;
}
.artseed-detail-content ul.tab-detail-product li a {
    color: #444;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px 35px;
}
ul.tab-detail-product {
    margin-top: 25px;
    border-bottom: none;
}
.artseed-detail-content ul.tab-detail-product li.active a {
    color: #fff;
}
.tag-footer{
  text-align:center;  
}
.info-bl-pr h3 a:hover,.item-cart-top h3 a:hover,.lq-block-item-pr-info h3 a:hover,.info-pk h3 a:hover,.tag-footer a:hover,.form-footer p a:hover, .productbreadcrumb ul li a:hover, .dm-footer ul li a:hover, .dmsptop .content-dmsp ul li a:hover, .pr-item-bc h3 a:hover,.content-tag a:hover, .info-bl-home-pr h3 a:hover, .content-related-news ul li a:hover, .content-related-news ul li a:hover:before
{
color: #007db8;
}
.nivo-directionNav a:before {
    content: "\f104";
    position: absolute;
    left: 3px;
    text-indent: 0;
    top: 0px;
    font-size: 24px;
    color: #fff;
    width: 30px;
    line-height: 28px;
    font-family: FontAwesome;
    z-index: 999;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
}
.nivo-directionNav a:hover:before
{
    background:#0d9344;
}
.nivo-directionNav a:before {
  
    position: absolute;
   
    text-indent: 0;
    top: 0px;
    font-size: 24px;
    color: #fff;
    width: 30px;
    line-height: 28px;
    font-family: FontAwesome;
    z-index: 999;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
}
.nivo-directionNav a:hover:before
{
    background:#0d9344;
}
.nivo-directionNav .nivo-prevNav:before
{
  content: "\f104"; 
  left: 3px;
}
.nivo-directionNav .nivo-nextNav:before
{
    content: "\f105";
    right: 43px;
}
.nivo-nextNav {
    right: 36px!important;
}
.nivo-directionNav {
    display: none;
}
.banner_slider:hover .nivo-directionNav  {
    display:block
}
.right-footer p a {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}
.right-footer p a:hover {
    color: #8bc63e;
}
.hotline-center
{
  background:url(../artseed/bg-hotline-b.png) no-repeat;
  width:299px;
  height:115px;
  text-align: center;
}
.list-tv {
    border: 1px solid #0d9344;
    padding: 15px;
    margin-bottom: 15px;
}
.list-tv ul li {
    line-height: 22px;
    border-bottom: 1px solid #eee;
}
.list-tv ul li a {
    text-transform: uppercase;
    color: #333;
    padding: 5px 12px;
    display: block;
    position: relative;
}
.list-tv ul li a:hover,.list-tv ul li a:hover:before {
    color: #0d9344;
}
.list-tv ul li a:before {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 13px;
    content: "\f0da";
    color: #333;
    font-family: FontAwesome;
}
/***********chitiet san pham*************/
.lq-block-item-pr-img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}
.lq-block-item-pr-img {
    position: relative;
    height: 210px;
    margin-bottom: 15px;
}
.lq-block-item-pr:hover img {
    -ms-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.banner-dm {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 0 20px;
} 
.m-dm.m_cat_1 {
    display: none;
}
.home-pr-tab {margin-top: 0px;float: left;background: #fff;margin-bottom: 15px;}
.cat-title-pr {
position: relative;
border-bottom: 1px solid #ddd;
}
.cat-title-pr span {
padding: 10px 15px;
font-weight: bold;
font-size: 17px;
display: inline-block;
text-transform: uppercase;
}  
section#slide-dt {
    margin-top: 10px;
}
.slide-logo {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 5px;
    position: relative;
}
.slide-logo ul li a {
    text-align: center;
    display: block;
    height: 60px;
}
.slide-logo ul li a img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.customNav-slide-logo a {
    background: #ccc;
    padding: 8px;
    position: absolute;
    cursor: pointer;
    top: 19px;
}
.customNav-slide-logo {}
.customNav-slide-logo a.next_slide_logo {
    right: 3px;
}
.customNav-slide-logo a.prev_slide_logo {
    left: 3px;
}
.customNav-slide-logo a:hover {
    background: #007db8;
    color: #fff;
}
.about-f {
    width: 35%;
}
.about-f p {
    font-size: 13px;
    line-height: 22px;
    margin-top: 10px;
}
.form-footer {
    width: 25%;
}
a.logo-footer {
    float: left;
}
.iconshare {
float: right;
margin-left: 10px;
margin-top: 0;
}
.form-footer p {
    font-size: 13px;
    line-height: 22px;
}
.dm-footer ul li a {
    line-height: 25px;
    font-size: 13px;
    position: relative;
}
.dm-footer ul li a:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 10px;
    color: #333;
    padding-right: 5px;
}
.dm-footer {
    width: 20%;
}
.sub-info-footer {
    float: left;
    width: 100%;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    padding: 15px 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.address-col {
width: 30%;
}
.bct img
{max-width: 100px;}
.hotline-footer {
width: 30%;
}
.address h3,.hotline-footer h3 {
text-transform: uppercase;
font-size: 14px;
margin-bottom: 5px;
font-weight: bold;
}
.address-col .address {
    line-height: 20px;
}
.hotline-footer p {
margin: 10px 0;
font-size: 13px;
color: #707070;
}
.hotline-footer p.edirm {
    font-size: 13px;
    line-height: 19px;
    color: #333;
}
.btc .info-footer {
    text-align: center;
    line-height: 22px;
    font-size: 13px;
}
.iconshare a i {
width: 30px;
height: 30px;
text-align: center;
border-radius: 40px;
line-height: 31px;
font-size: 14px;
color: #fff;
margin-right: 4px;
background: #555;
}
form#idf {
    background: #fff;
    position: relative;
}
form#idf input {
    height: 35px;
    width: 100%;
    border: none;
    font-size: 12px;
    padding-left: 15px;
}
form#idf a.re-mail
{
    position: absolute;
    right: 0;
    background: #007db8;
    color: #fff;
    top: 0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 13px;
    padding: 11px 20px;
}
.form-mail-f {margin: 10px 0;}
form#idf a.re-mail:hover {
    background: #007db8;
}
form#idf a.re-mail:hover:before
{
    border-right: 10px solid #37add9;
}
span.cart-m {
    display: none;
}
.content-dmsp.dmsppagein {
    position: absolute;
    background: #fff;
    width: 20%;
    display: none;
    border: 1px solid #eee;
}
.artseed-detail-content ol,.artseed-detail-content ul {padding-left: 15px;}
.bl-price-sp span.new-pr {
    color: red;
    font-family: roboto-bold;
}
.bl-price-sp span.old-pr {
    text-decoration: line-through;
    font-size: 13px;
    margin-left: 5px;
}
.select-list,.select-page {float: left;margin-right: 10px;}
.select-page {
    margin-right: 15px;
}
.f-chooseview {
    float: right;
    margin-top: 8px;
}
.f-chooseview i {
    font-size: 19px;
}
.f-chooseview a.active {
    color: #007db8;
}
.f-content-product {
    clear: both;
}
.f-filter-tit {
    float: left;
    width: 100%;
}
.sort-list {
float: left;
width: 100%;
position: relative;
background: #eee;
border-radius: 5px;
margin-bottom: 25px;
padding-left: 10px;
}
.sort-list .dfilter {
    float: left;
    margin-right: 30px;
    position: relative;
}
.dfilter i {
vertical-align: top;
margin-top: 0px;
margin-left: 3px;
}
.sort-list .dfilter p {
color: #333;
font-size: 14px;
cursor: pointer;
padding: 9px 0px;
}
.sort-list .dfilter p:hover {
    color: #007db8;
}
.sort-list .dfilter ul {
    position: absolute;
    top: 37px;
    left: 0;
    box-shadow: 1px 1px 0px #fafafa;
    background: #fff;
    border: 1px solid #f7f7f7;
  border-top:none;
    padding:5px 8px;
    width: 200px;
    z-index: 111;
    display: none;
}
.dfilter:hover ul {
    display: block;
}
.sort-list .dfilter ul li {
    line-height:30px;
    font-size: 13px;
    cursor: pointer;
    padding-left: 0;
    position: relative;
}
.sort-list .dfilter ul li input {
    margin-right: 6px;
}
.sort-list .dfilter ul li:hover {
    color: #007db8;
}
.sort-list p.tragop {
    position: absolute;
    right: 0;
    background: #007db8;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding: 13px 5px;
    font-size: 12px;
}
.sort-list p.tragop:hover {
    background: #f36f21;
}
.f-filter {
    margin-bottom: 10px;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.select-page select,.select-list select {height: 32px;width: 190px;border: 1px solid #666;color: #666;}
li.list-pr-item {
    width: 25%;
    margin-top: 15px;
}
.box-cart-item {
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: none;
}
.box-cart-item a.addcart {
    background: #ec1d24;
    color: #fff;
    padding: 9px 16px;
}
.box-cart-item a.addsearch {
    background: #363636;
    color: #fff;
    padding: 9px 12px;
}
.box-cart-item a.addsearch:hover,.box-cart-item a.addcart:hover {
    background: #00b7e5;
}
.infocontact {
    margin-top: 20px;
    width: 40%;
}
.fr-contact {
    margin-top: 20px;
    width: 60%;
}
form.form-contact input {
    height: 35px;
    padding-left: 10px;
    border: 1px solid #eee;
    width: 100%;
}
.page-contact {
    margin-top: 10px;
    font-size: 11px;
    margin-bottom: 20px;
    text-align: center;
}
.ftn-body-dt {
    width: 75%;
    margin-top: 20px;
}
.ftn-right-dt {
    width: 22%;
}
.image-detail-pr {
    width: 32%;
}
.image-detail-pr .sale-dt {
    position: absolute;
    background: red;
    color: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
    border-radius: 50%;
    z-index: 1;
    border: 1px solid #da0a0a;
}
.pr-detail-info {
    width: 46%;
}
.owl_img_product_details a {
    display: block;
    height: 88px;
    border: 1px solid #eee;
    float: left;
    margin: 0 15px;
}
.owl_img_product_details a img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.info-price-detail .new-pr {
font-family: roboto-bold;
color: #ec1d24;
font-size: 23px;
margin-right: 10px;
}
.info-price-detail .old-pr {
    text-decoration: line-through;
    font-size: 16px;
    color: #666;
}
.info-price-detail .sale-nvb {
    background: #ec1d24;
    color: #fff;
    padding: 3px 6px;
    border-radius: 5px;
    font-family: roboto-bold;
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -7px;
    display: inline-block;
}
.htvc
{
  background: url(../images/shipping.png) no-repeat 0px 0px;
  float: right;
  padding-left: 30px;
  padding-top: 6px;
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  color: #007db8;
}
.box-color ul li {
    display: inline-block;
    cursor: pointer;
    width: 50%;
    float: left;
}
.box-color ul li span {
    cursor: pointer;
    font-weight: bold;
    color: #ec1d24;
    font-size: 13px;
}
.dik {
    position: relative;
}
span.check-ch:before {
    width: 0px;
    height:0px;
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 10px solid rgba(51, 51, 51, 0.64);
    content:"";
    top: -10px;
    right: 5px;
    position:absolute;
}
.box-color ul li .option-ch:hover .check-ch {
    display: block;
}
.box-color {
    margin: 20px 0;
    position: relative;
}
.box-color p {
    font-weight: bold;
    font-size: 12px;
}
.box-color ul li .option-ch {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    margin: 10px 0;
}
.box-color ul li .option-ch p {
    font-size: 13px;
    line-height: 19px;
    font-weight: normal;
}
.box-color ul li label {
    position: absolute;
    top: 0;
    left: 64px;
    display: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}
span.check-ch {
    background: rgba(51, 51, 51, 0.77);
    color: #fff !important;
    font-size: 11px !important;
    padding: 4px 9px;
    font-weight: normal !important;
    border-radius: 3px;
    position: absolute;
    bottom: -32px;
    left: 0;
    display: none;
    z-index: 111;
}
span.check-ch sup {
    font-weight: normal;
    font-size: 11px;
}
.box-color ul li.active .option-ch,.box-color ul li:hover .option-ch {
background: #ffc;
border-color: #fdb813;
}
.box-color ul li:hover label {
    display: block;
}
.tit-box-sales {
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
background: url(../images/icon-gift.png) no-repeat left top;
padding-left: 33px;
}
.short-dt {
    margin-top: 15px;
    line-height: 22px;
}
.branddt {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}
.branddt .pf-status {
    font-weight: bold;
    font-size: 13px;
    margin-top: 9px;
}
.branddt span {
    color: #f36f21;
    font-weight: bold;
}
.branddt img {
    vertical-align: middle;
    margin-right: 5px;
}
.block-dt-pr {
    background: #fafafa;
    padding: 15px;
    margin-bottom: 15px;
}
.block-dt-pr ul li span {
}
.block-dt-pr ul li {
    margin-bottom: 20px;
}
.block-dt-pr ul li i {
    line-height: 20px;
    font-size: 13px;
}
.custompRelated {
    position: absolute;
    right: 0;
    top: -4px;
}
.custompRelated a {
width: 25px;
height: 25px;
display: inline-block;
background: #007db8;
text-align: center;
line-height: 25px;
color: #fff;
border-radius: 0px;
cursor: pointer;
}
.custompRelated a:hover {
background: #f36f21;
color: #fff;
}
.left_info_customer {
    margin-top: 15px;
    width: 75%;
}
.right_info_cart {
    width: 25%;
    margin-top: 15px;
}
.right-info-two,.right-info-one {
    width: 100%;
}
.list-brand {
    height: 350px;
    overflow-x: hidden;
}
.list-brand::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff; 
}
.list-brand::-webkit-scrollbar-thumb {
    background: #ccc; 
}
.qcright img {
    width: 100%;
    height: 100%;
}
/********checkbox*********/
input[type="checkbox"] {
    display:none;
}
input[type="checkbox"]:checked + label span:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #fff;
}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin: 0px 0px 0 0;
vertical-align:middle;
margin-top: -2px;
cursor:pointer;
border: 1px solid #ccc;
position: relative;
}
input[type="checkbox"]:checked + label span {
background: #007db8;
text-align: center;
line-height: 19px;
}
input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
    color: #333;
    font-family:Arial, sans-serif;
}
input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-2px 10px 0 0;
vertical-align:middle;
background: #006290;
cursor:pointer;
}
input[type="radio"]:checked + label span {
    background: #f36f21;
}
.more-pkkem label {
    float: left;
    margin-top: 8px;
}
.more-pkkem li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #eee;
}
.pr-more-pk {
    float: left;
    width: 92%;
}
.pr-more-pk img {
    max-width: 50px;
    float: left;
    margin-right: 15px;
}
.info-pk {
    float: left;
    width: 85%;
}
.info-pk h3 a {
    font-size: 13px;
}
.info-pk p i {
    font-style: normal;
}
.info-pk p i.new-pr-pk {
    font-weight: bold;
    font-size: 12px;
    color: #ec1d24;
}
.info-pk p i.old-pr-pk {
    font-size: 12px;
    text-decoration: line-through;
    font-weight: normal;
}
.more-pkkem {
    clear: both;
    margin-top: 15px;
    float: left;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
}
.box-addtocart a {
display: inline-block;
font-size: 13px;
padding: 9px 8px;
font-weight: bold;
margin-right: 15px;
text-transform: uppercase;
color: #fff;
border-radius: 6px;
}
.box-addtocart a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    background: #f36f21;
    border-radius: 35px;
    text-align: center;
    margin-right: 10px;
}
.box-addtocart a:hover {background: #007db8;color: #fff;}
/******************/
/*************/
.modalDialog {
  position: fixed;
  font-family: Arial, Helvetica, sans-serif;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.22);
  z-index: 99999;
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
.modalDialog:target {
  opacity:1;
  pointer-events: auto;
}
.modalDialog > div {
  width: 535px;
  position: relative;
  border: 1px solid #ccc;
  margin: 10% auto;
  background-color: #fff;
  outline: 0;
}
.close {
  background: #ccc;
  color: #333;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -9px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.close:hover {background: #007db8;color: #fff;}
/**************/
.wraptopboxlike {
background: #006290;
color: #fff;
text-transform: uppercase;
padding: 12px 5px;
font-weight: bold;
font-size: 12px;
text-align: center;
float: left;
width: 100%;
}
.wrap-list-add {
    background: #eee;
    padding: 20px 15px;
    text-align: right;
    text-transform: uppercase;
    clear: both;
}
.wrap-list-add a {
    background: #f36f21;
    color: #fff;
    padding: 8px;
    font-size: 13px;
}
.box-likadd img {
    float: left;
    max-width: 50px;
    margin: 10px;
}
.box-likadd {
    float: left;
    width: 100%;
}
.info-sp-like {
    float: left;
    width: 83%;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.info-sp-like h3 {
    font-size: 14px;
    margin-bottom: 6px;
}
.info-sp-like p {
    line-height: 22px;
}
.info-sp-like .price-now-like {
    font-weight: bold;
    color: red;
    font-size: 13px;
}
p.moress {
    float: right;
    cursor: pointer;
    position: relative;
}
p.moress .btn-compare {
    display: block;
    padding: 0;
    background: none;
    color: #333;
    text-transform: none;
    left: auto;
    width: auto;
    font-size: 14px;
    position: relative;
    right: 0;
}
p.moress .btn-compare:hover {
    color: #007db8;
}
.title-support {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding-bottom: 6px;
}
.block-dt-pr ul li p {
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0;
}
.block-dt-pr ul li p i {
    padding-right: 8px;
}
.block-dt-pr ul li a {
    display: block;
    line-height: 22px;
    font-size: 12px;
}
.block-dt-pr ul li span {
    font-weight: bold;
    font-size: 12px;
    color: red;
    margin-top: 6px;
    display: block;
}
.block-dt-pr ul li a img {
    vertical-align: middle;
    margin-right: 10px;
}
.block-dt-pr ul li a:hover {
    color: #007db8;
}
.short-info-more {
    clear: both;
    margin-top: 10px;
    float: left;
    line-height: 20px;
}
.content-sp-more {
    float: left;
    border: 1px solid #eee;
    padding: 10px;
}
.info-sp-more h3 {
    font-size: 13px;
    line-height: 22px;
}
.info-sp-more .box-addtocart a {
    width: 100%;
    margin-bottom: 6px;
}
div#mota {
    overflow: hidden;
    height: 400px;
}
.cl-info-dt a {
background: #007db8;
text-align: center;
padding: 3px 8px;
color: #fff !important;
cursor: pointer;
margin: auto;
display: inline-block;
text-transform: uppercase;
border-radius: 4px;
}
.cl-info-dt {
    text-align: center;
    position: relative;
  margin-top:15px;
}
.cl-info-dt:before {
    height: 35px;
    margin-top: -21px;
    content: -webkit-gradient(linear,0% 100%,0% 0%,from(#fff),color-stop(.7,#fff),to(rgba(255,255,255,0)));
    display: block;
}
a.cl-hide {
    display: none;
}
.cl-info-dt a:hover {
    background: #f36f21;
    border-bottom: 2px solid #8e3f11;
}
.titl-tab {
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
/*********/    
.content-detail-sp {
    float: left;
    width: 100%;
}
.titl-tab span {
padding: 0px 0px;
display: inline-block;
border-bottom: 2px solid #007db8;
font-weight: bold;
}
.pr-detail-info .cs-dt {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}
.pr-detail-info .cs-dt #wr-cm {
    float: right;
    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    color: #007db8;
}
.pr-detail-info .cs-dt #wr-cm:hover {
    color: #f36f21;
}
.m-dmsp.dmsptop {
    width: 275px;
    position: absolute;
    top: 5px;
    display: none;
}
.m-dmsp.dmsptop .content-dmsp {
    background: #fff;
    display: none;
}
.m-dmsp.dmsptop:hover .content-dmsp {
    display: block;
}
.wrap-fix.fixed .logo,.wrap-fix.fixed .productbreadcrumb{
}
.wrap-fix.fixed .bg-bread
{
    background:none;
    height:auto;
}
.wrap-fix.fixed .menu {
    margin-top: -29px;
    float:left;
    width: 100%;
}
.pr-title-block {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    position: relative;
}
.pr-related {
    margin-top: 40px;
    background: #fff;
}
.lq-price {
    text-align: center;
    margin-top: 10px;
}
.lq-price .new-pr
{
    font-weight:bold;
    color: #ec1d24;
    font-size: 15px;
}
.lq-price .old-pr {
    text-decoration: line-through;
}
.lq-price span {
    margin: 0 5px;
}
.lq-block-item-pr .btn-compare {
    display: block;
    background: none;
    color: #333;
    font-size: 13px;
    width: auto;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}
.lq-block-item-pr .btn-compare:hover {
    color: #007db8;
}
.left-thanhtoan {width: 60%; }
.right-thanhtoan {
  width: 40%;
}
.title-thanhtoan {
font-size: 13px;
margin-bottom: 10px;
color: #007db8;
float: left;
width: 100%;
}
.content-one label span {
    color: red;
    margin-left: 5px;
    font-weight: bold;
    font-size: 18px;
}
.switch-same-address {
    clear: both;
    padding: 12px 10px;
    background: #eee;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.switch-same-address p {
    float: right;
    margin-left: 10px;
}
.k-step-tt {
padding: 0px 0;
}
.content-step-tt {
    clear: both;
}
ul.list-choose-tt li {
   
width: 50%;
}
ul.list-choose-tt li a {
display: block;
text-transform: uppercase;
font-size: 15px;
margin-bottom: 5px;
background: #eee;
padding: 6px;
border-radius: 5px;
margin: 10px 0;
min-height: 72px;
border: 1px solid #ddd;
}
.info-chosse {
    display: none;
}
.info-chosse.active {
    display: block;
}
ul.list-choose-tt li a i {
    display: block;
    text-transform: none;
    margin-top: 5px;
    font-size: 14px;
}
ul.list-choose-tt li a span {
    color: red;
    font-weight: bold;
    font-size: 20px;
}
ul.list-choose-tt li a:hover,ul.list-choose-tt li.active a {
background: #007db8;
color: #fff;
}
.xuathoadon {
    clear: both;
    margin-bottom: 20px;
}
.tab-content-choose {
    clear: both;
    margin: 20px 10px;
    float: left;
    width: 100%;
    line-height: 22px;
}
.info-chosse .tab-bank {
    display: none;
}
.info-chosse .tab-bank.active {
    display: block;
}
.info-chosse ul li {
    float: left;
    width: 100px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.tab-content-choose-bank {
    clear: both;
    margin-top: 10px;
    float: left;
}
.info-chosse ul li label span {
    float: left;
}
.info-chosse ul li label img {
    float: left;
    margin-top: -5px;
}
.info-chosse ul li span {
    display: block;
    position: relative;
    width: 14px;
    height: 15px;
    background: #007db8;
    float: left;
    margin-right: 10px;
}
.info-chosse ul li img {
    float: left;
    margin-top: -6px;
}
.info-chosse ul li span:before {
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: -4px;
    color: #fff;
    font-size: 12px;
    font-family: FontAwesome;
    display: none;
}
.info-chosse ul li.active span {
    background: #f36f21;
}
.info-chosse ul li.active span:before {
    display:block
}
.content-hd {
margin-top: 10px;
display: none;
}
.content-hd input {
    width: 250px;
    display: block;
    border: 1px solid #ccc;
    padding: 10px 0;
    padding-left: 10px;
    margin-bottom: 10px;
}
.tit-hd {
padding: 10px 0 0;
}
.content-same-address {
    clear: both;
    float: left;
    width: 100%;
    display: block;
}
.switch-same-address span {
    position: relative;
}
.switch-same-address span:before,.fr-callback span:before
{
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: 3px;
    color: #fff;
    font-size: 12px;
    font-family: FontAwesome;
    display:none;
}
.fr-callback input[type="radio"]:checked + label span:before,.switch-same-address span.active:before
{
    display:block;
}
.switch-same-address span.active
{
  background:#f36f21;
}
.item-sp-tt {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
.item-sp-tt img {
    max-width: 60px;
    float: left;
    margin-right: 15px;
}
.item-sp-tt h3 a {
    font-weight: bold;
    font-size: 13px;
    display: block;
    margin-bottom: 6px;
}
.item-tt-sales {
    background: rgba(251, 98, 8, 0.08);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
    line-height: 20px;
    position: relative;
}
.item-tt-sales:before
{
    width:0px;
    height:0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(255, 243, 236);
    content:"";
    top: -7px;
    left: 33px;
    position:absolute;
}
.item-sp-tt span.delete-pr {
    position: absolute;
    right: 0;
    font-size: 17px;
    cursor: pointer;
    top: 32px;
    display: none;
}
.item-sp-tt:hover span.delete-pr {
    display: block;
}
.item-sp-tt span.delete-pr:hover {
   color:#007db8;
    
}
.box-cart-tt {
    clear: both;
    background: #eee;
    margin-top: 10px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 15px 15px;
    font-size: 15px;
}
.sum-sp {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.box-cart-tt span {
    float: right;
    font-weight: bold;
    color: #333;
}
.box-mgg {
clear: both;
position: relative;
float: left;
margin-top: 10px;
width: 265px;
}
.box-mgg input {
    width: 100%;
    padding: 9px;
    border: 1px solid #eee;
}
.box-mgg button {
background: #007db8;
border: none;
position: absolute;
right: 0;
cursor: pointer;
top: 0;
color: #fff;
padding: 10px;
text-transform: uppercase;
}
.box-mgg button:hover {
    background: #f36f21;
}
.sum-sum-tt {
margin: 10px 0;
float: right;
vertical-align: middle;
}
.sum-sum-tt span {
float: right;
font-weight: bold;
font-size: 23px;
margin-top: -7px;
margin-left: 11px;
color: red;
}
.right-thanhtoan button.sum-dh {
    background: #f36f21;
    width: 100%;
    border: none;
    margin-top: 14px;
    font-size: 18px;
    padding: 12px 0;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    border-bottom: 3px solid #b75013;
    cursor: pointer;
}
.right-thanhtoan button.sum-dh:hover {
    background: #007db8;
    border-bottom: 3px solid #055813;
}
.content-cart-top {
    position: absolute;
    width: 350px;
    display: none;
    z-index: 999;
    top: 45px;
    right: 0;
    background: #fff;
    box-shadow: 0 5px 5px #ccc;
    border: 1px solid #ccc;
}
.content-cart-top:before {
    width: 0px;
    height: 0px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ccc;
    content: "";
    position: absolute;
    top: -8px;
    right: 90px;
}
.cart-hotline:hover .content-cart-top {
    display: block;
}
.item-cart-top {
    float: left;
    width: 100%;
    position: relative;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.item-cart-top img {
    max-width: 50px;
    float: left;
    margin-right: 10px;
}
.item-cart-top h3 a {
    font-size: 13px;
    width: 90%;
}
.item-cart-top p {
    margin-top: 5px;
}
.item-cart-top .delete-pr {
    position: absolute;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    font-size: 16px;
}
.btn-view-cart {
    padding: 15px 0;
    text-align: center;
}
.btn-view-cart a {
    display: inline-block;
    background: #007db8;
    margin: 0 10px;
    color: #fff;
    padding: 11px;
    text-transform: uppercase;
}
.btn-view-cart a:hover
{
  background:#f36f21;
}
.list_cart table tbody tr td:nth-child(2) {
    text-align: left;
    padding: 10PX;
}
.cm-picker-product-options p {
    margin-bottom: 10px;
}
.gilf-sales {
    margin: 10px 0;
    line-height: 20px;
    font-size: 12px;
}
section#main {
    margin-bottom: 5px;
}
.item-pr-save {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.item-pr-save img {
    max-width: 100px;
    float: left;
    margin-right: 20px;
}
.item-pr-save h3 {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: 10px;
}
.item-pr-save p {
    font-weight: bold;
    font-size: 13px;
    color: #f36f21;
}
.content-left-tt {
    border: 1px solid #eee;
    position: relative;
    padding-bottom: 37px;
    text-align: center;
    margin-bottom: 20px;
}
.left-saved-ftn,.right-saved-ftn {
    width: 50%;
}
.title-tragop,.title-tragop-tc {
    background: #007db8;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 12px 0;
    margin-bottom: 15px;
}
.title-tragop:before,.title-tragop-tc:before{
  width:0px;
  height:0px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #007db8;
  content:"";
  position:absolute;
  left:0;
  bottom: -9px;
  right:0;
  margin:auto;
}
.content-left-tt p {
    font-size: 15px;
    margin: 10px;
    color: #007db8;
}
.content-left-tt ul li {
    display: inline-block;
    width: 21%;
    border: 1px dashed #007db8;
    margin: 5px 11px;
    text-align: center;
}
.content-left-tt ul {
}
.content-left-tt ul li img {
    display: inline-block;
}
.content-left-tt a {
    display: inline-block;
    background: #0d78ab;
    padding: 10px 24px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 5px;
    font-size: 19px;
}
.content-left-tt .btn-buy-tg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -32px;
    margin: auto;
}
.content-left-tt a span {
    display: block;
    text-transform: none;
    font-size: 13px;
    margin-top: 9px;
}
.content-left-tt a:hover {
    background: #007db8;
}
.title-tragop-tc {
    background: #f36f21;
}
.title-tragop-tc:before {
    border-top: 13px solid #f36f21;
}
.right-saved-ftn .content-left-tt p {color: #333;}
.right-saved-ftn .content-left-tt {
    text-align: left;
}
.btn-buy-tg.ttc a {
    background: #f36f21;
}
.btn-buy-tg.ttc {
    text-align: center;
}
.support-de {
    float: left;
    margin-top: 30px;
    margin-left: 15px;
}
.left-credit-ftn {
    width: 35%;
}
.right-credit-ftn {
    width: 65%;
}
p.numb-stt {
    font-weight: bold;
    margin-bottom: 10px;
}
p.numb-stt span {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 16px;
    color: #fff;
    background: #f36f21;
    text-align: center;
    line-height: 35px;
    border-radius: 35px;
    margin-right: 10px;
}
.left-credit-ftn ul li {
    margin: 5px;
    width: 21%;
    display: inline-block;
    border: 1px dashed #f36f21;
}
.left-credit-ftn ul li img {
    display: inline-block;
    max-width: 80px;
}
.left-credit-ftn ul li:hover,.left-credit-ftn ul li.active {
    border: 1px dashed #007db8;
}
.list-tragop {
    display: inline-block;
    width: 23%;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px dashed #ccc;
    margin: 0 5px;
}
.list-tragop span {
    color: red;
    font-weight: bold;
    margin-top: 5px;
    display: block;
    font-size: 13px;
}
.list-tragop i {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 30px;
    background: #fff;
    vertical-align: middle;
    border: 1px solid #ccc;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
    position: relative;
}
.list-tragop.active i {
    background: #007db8;
}
.list-tragop i:before {
    content: "\f00c";
    position: absolute;
    left: 2px;
    top: 3px;
    color: #fff;
    font-size: 12px;
    font-family: FontAwesome;
}
.list-tragop.active {
    border: 1px dashed #007db8;
}
.option-ch-bank
{
    display:none
}
.option-ch-bank.active
{
    display:block
}
.tab-ch-bank {
    margin: 15px 0;
}
p.end-total {
    color: red;
    text-align: center;
    margin: 10px 0;
    font-size: 16px;
}
p.end-total span {
    font-weight: bold;
}
p.end-total i {
    font-size: 13px;
}
.modalDialog.callback > div {width: 800px;border: none;}
.item-pr-call {
    float: left;
    width: 50%;
    text-align: center;
}
.fr-callback {
    width: 50%;
    float: left;
}
.content-callback {
    float: left;
    width: 100%;
    background: #fff;
    padding: 10px;
}
.item-pr-call img {
    display: inline-block;
    max-height: 220px;
}
.item-pr-call h3 {
    font-size: 14px;
}
.fr-callback p {
    float: left;
    margin-right: 5px;
}
.fr-callback input,.fr-callback textarea {
    clear: both;
    float: left;
    margin-top: 10px;
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}
.fr-callback button {
display: inline-block;
border: none;
clear: both;
float: left;
padding: 10px 29px;
text-transform: uppercase;
background: #006290;
color: #fff;
cursor: pointer;
}
.fr-callback button:hover {
    background: #f36f21;
}
div#openModal-callback a {
    background: none;
    box-shadow: none;
    border: none;
    padding: 11px;
}
.fr-callback span {
    position: relative;
}
form#form-register label {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
    margin-top: 5px;
    font-size: 13px;
}
form#form-register label span {
    color: red;
}
form#form-register input {
    width: 76%;
    padding: 7px;
    border-radius: 5px;
    margin: 5px 0;
    border: 1px solid #ccc;
}
form#form-register h3 {
    margin: 13px 0;
}
form#form-register a {
    display: inline-block;
    color: #fff;
    width: 35px;
    font-size: 16px;
    height: 35px;
    margin-top: 10px;
    text-align: center;
    line-height: 35px;
}
form#form-register a.fb {
    background: #4267b2;
}
form#form-register a.gg {
    background: #ea4335;
}
form#form-register button {display: inline-block;background: #007db8;margin-top: 15px;border: none;padding: 10px 20px;color: #fff;text-transform: uppercase;cursor: pointer;}
form#form-register button:hover {
    background: #f36f21;
}
.right-saved-ftn ul li {
    line-height: 25px;
    font-weight: bold;
    font-size: 13px;
}
.right-saved-ftn h3 {
    margin-bottom: 20px;
}
div#openModal-login div {
    width: 350px;
    text-align: center;
}
div#openModal-login label {
    margin: 10px 15px;
    display: block;
    text-transform: uppercase;
    float: left;
}
div#openModal-login div p {
    display: block;
    float: left;
    width: 100%;
}
div#openModal-login input {
    display: block;
    margin: 10px 15px;
    width: 315px;
}
div#openModal-login p a {
    float: right;
    text-align: right;
    display: inline-block;
    margin: 10px 15px;
    font-size: 12px;
    color: #2476ce;
}
div#openModal-login label span {
    color: red;
    margin-right: 4px;
    text-transform: none;
}
div#openModal-login input {
    padding: 9px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
div#openModal-login div.row5 {
    width: auto;
    text-align: center;
}
div#openModal-login div.row5 p {width: 50%;padding-left: 20px;padding-right: 20px;margin-bottom: 15px;}
div#openModal-login div.row5 p a {
    width: 100%;
    float: none;
    margin: 0;
    padding: 9px;
    display: inline-block;
    text-align: center;
    color: #fff;
}
div#openModal-login div.row5 p a.fb {
    background: #4267b2;
}
div#openModal-login div.row5 p a.gg {
    background: #ea4335;
}
div#openModal-login input#ghinho {
    display: none;
}
div#openModal-login button {
    margin-bottom: 15px;
    border: none;
    background: #007db8;
    color: #fff;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer;
}
div#openModal-login button:hover {
    background: #f36f21;
}
div#openModal-login div p.btn-lg label {
    text-transform: none;
    font-size: 13px;
}
div#openModal-login .wraptopboxlike {
    width: 348px;
}
div#openModal-login {
    margin-top: 0;
}
.bg-login {
    background: #efefef;
    padding: 15px;
    float: left;
    width: 100%;
}
.bg-right-login {border: 1px solid #ddd;float: left;width: 100%;}
.bg-right-login h3 {
    background: #efefef;
    padding: 12px;
}
.bg-right-login ul {
    margin: 15px;
}
.bg-right-login a.btn-dk-new
{
    background: #f36f21;
    margin: 10px 0;
    float: left;
    display: block;
    padding: 9px;
    text-transform: uppercase;
    color: #fff;
}
.bg-right-login a.btn-dk-new:hover {
    background: #007db8;
}
.bg-login form {
    margin-top: 20px;
}
.bg-login a {
    width: 49% !important;
    margin-bottom: 10px;
    display: block;
    border-radius: 3px;
}
.bg-login button {
    float: right;
    margin-top: -25px !important;
}
a.forgot-pass {
    height: auto !important;
    float: right;
    width: auto !important;
    margin-top: -21px !important;
    line-height: 20px !important;
    font-size: 13px !important;
    color: #4267b2 !important;
    margin-bottom: 0 !important;
}
.bg-login form input {
    width: 100% !important;
}
a.forgot-pass:hover {
    color: #007db8 !important;
}
.bg-right-login .padding15 {
    padding-bottom: 15px;
    line-height: 22px;
    font-size: 13px;
}
button.btn-reset-pass {
    float: left;
    margin-top: 10px !important;
}
.f-body-ctn-compare {
    border: 1px solid #eeeeef;
    overflow-x: auto;
}
td.ty-compare-products_menu {
    width: 250px;
    vertical-align: top;
    padding: 0 10px;
    border: 1px solid #ebebeb;
}
.ty-compare-products {
    width: 100%;
    /* overflow-x: scroll; */
}
td.ty-compare-products_product {
    padding: 0 10px;
    width: 300px;
    vertical-align: top;
    text-align: center;
    border: 1px solid #ebebeb;
}
.ty-compare-feature__table {
    /* width: 1190px; */
    /* table-layout: fixed; */
}
.ty-compare-feature__table tr:nth-child(odd) {
    background: #eeeeef;
}
.ty-compare-feature__table tr td {
    padding: 10px;
    border: 1px solid #ebebeb;
    vertical-align: middle;
    text-align: center;
    font-size: 13px;
    width: 300px;
}
td.ty-compare-title {
    width: 250px !important;
    text-align: left !important;
    font-weight: bold;
    font-size: 13px;
}
.ty-compare-feature {
    margin-bottom: 20px;
}
td.ty-compare-products_menu ul p {
    background: #007db8;
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
}
td.ty-compare-products_menu ul li a {
    display: block;
    margin: 10px 0;
    padding: 5px 5px;
    margin-left: 15px;
}
td.ty-compare-products_menu ul li a:hover {
    background: #f36f21;
    color: #fff;
}
.item-compare {
    text-align: center;
}
a.dl-sp span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #007db8;
    text-align: center;
    color: #fff;
    line-height: 10px;
    padding: 5px;
    border-radius: 20px;
    margin-top: 10px;
}
a.dl-sp span:hover {
    background: #f36f21;
}
.item-img-cp {
    height: 200px;
    position: relative;
    text-align: center;
}
.item-img-cp img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.item-compare h3 a {
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0;
    display: block;
}
.price-compare {
    margin-bottom: 10px;
}
.price-compare .old-price {
    text-decoration: line-through;
}
.price-compare .new-price {
    font-weight: bold;
    color: #d60c0c;
    font-size: 16px;
}
span.icon-search {
    display: none;
}
.box-hotines {
    position: fixed;
    bottom: 0;
    z-index: 999;
    left: 5px;
    border-radius: 7px 7px 0 0;
    background: #fff;
    padding: 0px;
    box-shadow: 0px 1px 2px 1px #333;
}
.tile-htl {
background: #007db8;
padding: 6px 13px;
color: #fff;
cursor: pointer;
border-radius: 7px 7px 0 0;
}
.tile-htl .fa-volume-control-phone {
background: #fff;
color: #007db8;
width: 25px;
height: 25px;
text-align: center;
border-radius: 100%;
font-size: 17px;
line-height: 25px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
position: relative;
vertical-align: middle;
}
.tile-htl span {
    margin: 0 14px;
}
.content-box-hotline ul {
    margin-bottom: 0;
}
.content-box-hotline ul li {
line-height: 30px;
display: block;
padding-left: 10px;
border-bottom: 1px solid #007db8;
}
.content-box-hotline ul li strong {
float: right;
margin-right: 10px;
color: #007db8;
}
.topsearch {
background: #eee;
padding: 20px 0;
float: left;
width: 100%;
margin-bottom: 19px;
clear: both;
}
.tit-sr {
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}
.topsearch ul li a {
    display: block;
}
.topsearch ul li {
    width: 20%;
    line-height: 25px;
}
.topsearch ul li a:hover {
    color: #007db8;
}
.linexanh{
  border:1px solid #007db8 !important;
}
.dfilter input[type="checkbox"] + label span {
    background: #fff;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border: 1px solid #ccc;
    line-height: 16px;
}
.dfilter input[type="checkbox"]:checked + label span:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #007db8;
}
.sort-list .dfilter ul li label {
    cursor: pointer;
}
.more-pkkem.pagecart .pr-more-pk {
    width: 90%;
}
.more-pkkem.pagecart .info-pk {
    width: 84%;
}
.vs-mainbox-body {
    line-height: 30px;
    padding-left: 10px;
}
.left-ctn {
    width: 73%;
}
.left-ctn img{
  max-width:100% !important;
  height:auto !important;
}
.right-ctn {
    width: 27%;
}
.title-bl {
    background: #007db8;
    color: #fff;
    \: bold;
    font-size: 16px;
    text-align: center;
    padding: 7px;
    text-transform: uppercase;
}
.content-block {
    border: 1px solid #eee;
    float: left;
    width: 100%;
}
.content-block ul li {
    float: left;
    padding: 3px;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.content-block ul li img {
    float: left;
    width: 90px;
    height: 70px;
    object-fit: scale-down;
    margin-right: 15px;
}
.item-bl-pr {
    float: left;
    width: 100%;
}
.price-bl span.new-pr {
    color: #f36f21;
    font-size: 16px;
}
.price-bl span.old-pr {
    text-decoration: line-through;
}
.content-block ul li:last-child {
    border-bottom: none;
}
.info-bl-pr h3 a {
    font-size: 14px;
}
.info-bl-pr h3 {
    line-height: 21px;
}
#errormsg{
  clear:both;
  text-align:center;
  color: #007db8;
  display:block;
}
div#cauhinhshowhide {
    overflow: hidden;
  height:320px
}
a.cauhinh-show {
    display: none;
}
.cart-ct a:hover {
    color: #f36f21;
}
.contentseo{
  width:100%;
  clear:both;
  overflow:hidden;
  margin:10px 0;
  line-height:22px;
}  
/* Error 404 */
.Error404All{
  text-align:center;
  margin:20px 0;
}
  .Error404All .Title{
    font-size:22px;
    color:#ed1b24;
  }
  .Error404All .Title a{
    color:#007db8;  
  }
    .Error404All .Title a:hover{
      color:#f36f21;  
    }
/* End Error 404 */
div#sidebar {
    top: 65px !important;
}
.dmsptop .content-dmsp ul li i.fa-sort-down {
    display: none;
}
.artseed-ftn-body-new {
    width: 70%;
}
.f-ctn-right {
    width: 30%;
}
.title-page {
border-bottom: 1px solid #007db8;
}
.title-page h1 span,  .title-page h2 span{
display: inline-block;
background: #007db8;
color: #fff;
padding: 4px 10px;
font-size: 13px;
}
.thumb-main-new {
    float: left;
    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 0;
}
.f-news-page-item-img-main {
    float: left;
    width: 36%;
    display: block;
}
.f-news-page-item-text-main {
    float: left;
    width: 62%;
}
.f-news-page-item-img-main img {
    height: 200px;
    position: relative;
    object-fit: cover;
    width: 1000%;
}
.f-news-page-item-text-main h3 a {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
}
.summary_news {
    line-height: 20px;
    margin-bottom: 10px;
  text-align:justify;
}
p.date_comment {
font-size: 12px;
color: #999;
padding: 7px 0px;
}
.f-news-page-item-text-main h3 a:hover {
    color: #007db8;
}
.f-news-page-item {
float: left;
margin: 10px 0;
padding: 5px;
background: #fff;
border-bottom: 1px solid #eee;
}
.f-news-page-item-img {
    width: 25%;
    height: 175px;
    float: left;
    margin-right: 20px;
}
.new-lien-quan {
	width: 11%;
	height:100px;	
}
.f-news-page-item-text h3 a {display: block;margin-bottom: 10px;font-size: 15px;}
.f-news-page-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f-news-page-item-text h3 a:hover {
color: #007db8;
}
.tit-f-new {
text-align: center;
padding: 5px 0;
background: #f36f21;
color: #fff;
font-size: 11px;
text-transform: uppercase;
}
.tit-f-new h2 {
font-weight: normal;
font-size: 15px;
}
.f-img-n {
    float: left;
    width: 135px;
    height: 85px;
    margin-right: 20px;
}
.f-bl-new h3 a {
display: block;
line-height: 20px;
font-size: 12px;
margin-bottom: 10px;
font-weight: bold;
}
.f-img-n img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.f-bl-new h3 a:hover {
color: #007db8;
}
.f-bl-new {
float: left;
margin: 10px 0;
width:100%;
}
.artseed-detail-content-new {
    line-height: 25px;
    font-size: 14px;
}
.title-page-dt {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 11px;
}
.title-page-dt h1, .title-page-dt h2{
	font-size:22px !important;	
}
.artseed-detail-content-new img{
    max-width:100%;
    height:auto !important;
}
.news_related {
    margin: 20px 0;
}
.news_title_related h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    margin-bottom: 10px;
}
 
.news_related ul li {
    line-height: 22px;
    margin-left: 10px;
}
.news_related ul li a:hover {
    color: #007db8;
}
.news_related ul li a
{
    position:relative;
}
.news_related ul li a:before
{
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 13px;
    color: #333;
    padding-right: 5px;
}
.orthernew ul{
  padding: 0;
  clear:both;
  width:100%;
  margin-left:20px;
  
}
.orthernew ul li {
    line-height: 25px;
  list-style: none;
  position:relative;
}
.orthernew ul li a::before {
    position: absolute;
    top: 6px;
    left: 0px;
    display: inline-block;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    box-shadow: none;
    border-radius: 6px;
}
.orthernew ul li a {
    margin:20px 10px 20px 15px;
  font-size:14px;
  color: #ffa500 !important;
}
.orthernew ul li a:hover{
  color: #007db8 !important;  
}
.orthernew h2{ 
  font-size: 20px; 
  text-transform:uppercase;
}   
.fb_iframe_widget iframe{
  z-index:100 !important; 
}
.text-top{width:100%; font-size:15px; padding:5px; font-weight:normal;}
.contentseo img{
  max-width:100% !important;
  height:auto !important; 
}
a.btn.next_km {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 40%;
    background: #fff;
    border-radius: 5px 0 0 5px;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    width: 30px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    font-size: 27px;
}
a.btn.prev_km {
    cursor: pointer;
    position: absolute;
    left    : 0;
    top: 40%;
    border-radius: 0 5px 5px 0;
    background: #fff;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
    width: 30px;
    height: 53px;
    text-align: center;
    line-height: 53px;
    font-size: 27px;
}
.pos-banner {
    width: 40%;
    float: left;
}
.hom-product ul li:hover {
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}
.content-blog {
    float: left;
    background: #fff;
    width: 100%;
    padding-bottom: 10px;
}
.video {
    margin-top: 10px;
    width: 60%;
}
.newhome {
    width: 40%;
    margin-top: 10px;
}
.newhome .items {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.newhome .items a.thumb-new {
    float: left;
    margin-right: 10px;
    width: 145px;
    height: 112px;
}
.newhome .items a.thumb-new img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newhome .info-new h3 a {
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0px;
    display: block;
    line-height: 17px;
}
.newhome .info-new .mts {
    line-height: 19px;
    font-size: 13px;
    color: #666;
    margin-bottom: 5px;
    height: 57px;
    overflow: hidden;
}
.newhome .info-new p.dated {
    color: #999;
    font-size: 12px;
}
.wrapabout {
    text-align: center;
    width: 80%;
    line-height: 22px;
    clear: both;
    padding: 30px 0;
    margin: 0 auto;
}
.copyright {
    background: #231f20;
    float: left;
    width: 100%;
    color: #fff;
    font-size: 12px;
    padding: 12px 0;
}
.copyright p {
    float: left;
    margin-top: 9px;
}
.iconshare a i:hover {
    background: #007db8;
}
.f-block-new {
    float: left;
    background: #fff;
    padding: 5px;
}
.viewmore a:hover {
    color: #fff;
}
.left-col {
    width: 25%;
}
.right-sp
{
    width: 75%;
}
.f-block-left h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    border-left: 2px solid #007db8;
    line-height: 14px;
    margin-bottom: 10px;
    padding-left: 4px;
}
.f-title-product h1 {
    font-size: 16px;
    line-height: 13px;
    margin-bottom: 20px;
}
ul#showPg {
    overflow: hidden;
    margin: 0 auto 0;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
}
ul.f-product li {
    vertical-align: top;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    width: 25%;
    cursor: pointer;
    padding: 0;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    margin-left: 0px;
}
ul.f-product li:hover
{
  -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}
.box-info {
    min-height: 90px;
}
.left-col .content ul li a {
    display: block;
    background: #eee;
    padding: 8px 10px;
    -webkit-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    border-left: 1px solid #ccc;
    margin: 1px 0;
}
.left-col .content ul li a:hover,.left-col .content ul li a.active{
    background: #007db8;
    color: #fff;
    padding-left: 15px;
}
.f-block-left {
    margin-bottom: 30px;
}
/* Hide the browser's default radio button */
.btn-filt input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
}
/* On mouse-over, add a grey background color */
.btn-filt:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
.btn-filt input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.btn-filt:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.btn-filt input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.btn-filt .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
label.btn-filt {
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    margin-right: 10px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.f-more-filter {
    float: right;
    margin-top: 9px;
    margin-right: 10px;
}
.btn-filt input:checked ~ .checkmark:before {content: "\f00c";font-family: FontAwesome;color: #fff;font-size:12px;
position:absolute; left:3px}
p.conhang {
    color: #007db8;
}
p.conhang i {
    border: 1px solid #007db8;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 18px;
    margin-right: 5px;
}
.sharefb {
    float: right;
    margin-top: -45px;
}
.content-box-sales {
    background: #fafafa;
    clear: both;
    padding: 15px;
    margin-top: 10px;
    position: relative;
    float: left;
    width: 100%;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 13px;
    border: 1px solid #eee;
}
.box-addtocart a img {
    vertical-align: middle;
    margin-right: 5px;
}
.box-addtocart a.mn {
    background: #f90;
}
.box-addtocart a.tg {
    background: #06f;
}
.box-addtocart a.gl {
    background: #0c3;
}
.box-addtocart a:hover
{
    background:#007db8
}
.ftn-body-ctn h1 {
    font-size: 21px;
    font-weight: normal;
    margin-left: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-right: 15px;
}
.page-cart form {background: #fff;width: 70%;margin: 0 auto;margin-top: 55px;padding: 15px;margin-bottom: 20px;}
/* -- quantity box -- */
.quantity {
 display: inline-block; }
.quantity .input-text.qty {
 width: 35px;
 height: 28px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: 1px solid #ccc;
 margin-left: -5px;
 margin-right: -5px;
}
.quantity.buttons_added {
 text-align: left;
 position: relative;
 white-space: nowrap;
 vertical-align: top; }
.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
}
.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
 padding: 5px 10px 8px;
 height: 28px;
 background-color: #ffffff;
 border: 1px solid #ccc;
 cursor:pointer;
 background: #eee;
 }
.quantity.buttons_added .minus {
 border-right: 0; }
.quantity.buttons_added .plus {
 /* border-left: 0; */
 }
.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none; }
 
 .name-so {
    float: left;
    width: 75%;
}
p.price-tt {
    float: right;
    font-weight: bold;
    margin-top: -3px;
}
.input-icon.ghichu {
    width: 100%;
}
button.sum-dh {
    float: right;
    background: #007db8;
    border: none;
    padding: 11px 15px;
    cursor: pointer;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 15px;
}
.title-thanhtoan a {
    float: right;
    margin-top: 0px;
    color: #f36f21;
}
.title-thanhtoan h3 {
    float: left;
}
.left-intro {
    width: 27%;
}
.sidebar h2 {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 2px;
    border-bottom: 1px solid #f1f0f1;
}
.sidebar ul li a {
    display: block;
    padding: 10px;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #f1f0f1;
}
.sidebar ul li a:hover,.sidebar ul li a.active {
    background: #f4f4f4;
    color: #007db8;
}
.sidebar ul li a:after {content: "\f0da";position: absolute;right: 0;top: 10px;color: #333;font-family: FontAwesome;}
.conent-intro {
    float: left;
    margin-top: 15px;
}
.title-intro {
    border-bottom: 1px solid #eee;
    text-align: center;
    margin-bottom: 10px;
}
.title-intro h1 {
    font-size: 22px;
    font-weight: normal;
}
span.list-menu {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 28px;
    display:none;
}
.zalo-chat{
	position: fixed;
    right: 10px;
    bottom: 120px;
    z-index: 9999;
}

.suportOnline{
	position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 9999;	
}
.suportOnline a{
	display:block;
	margin-bottom:10px;	
	max-width:40px;
	height:auto;	
}
.hotlineMobile{
	display:none !important;	
}
.product_cate_wrap {
    max-width: 100%;
    overflow-x: auto;
	clear:both;
}
	.product_cate_wrap .product_cate {
		margin: 0 1px;
		padding: 6px 0 3px 0;
		overflow: hidden;
		width: max-content;
	}
		.product_cate_wrap .product_cate .product_cate_col {
			width: 110px;
			float: left;
			padding: 0 5px;
		}
		.product_cate .product_cate_img {
			border: solid 1px #e7e7e7;
			margin-bottom: 12px;
			padding:5px;
			overflow: hidden;
		}
		.product_cate .product_cate_title {
			font-size: 13px;
			text-align: center;
			line-height: 17px;
		}
		.product_cate_item .product_cate_title a{
			color:#222;
		}
		.product_cate_item:hover .product_cate_title a{
			color:#00991a;
		}
ul.mainew-tinlienquan{
    border-top: none !important;
}
ul.mainew-tinlienquan li{
	width:33.33%;
	padding:5px 20px;
	float:left;
	height:147px;
	overflow:hidden;	
	border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
}
/*ul.mainew-tinlienquan li:nth-child(3n+3) {
    border: none !important;
}*/
.news-page-item-tinlienquan{
	float: left;
    margin: 10px 0;
    background: #fff;
}
.new-lien-quan-img {
	width:25%;
	float: left;
	margin-right:12px;	
}
.new-lien-quan-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-page-tinlienquan-text h3 a {display: block;margin-bottom: 10px;font-size: 16px; line-height:20px;}
.news-page-tinlienquan-text h3 a:hover {
    color: #007db8;
}

.content-tab-detail-product h2, .content-tab-detail-product h2 span, .content-tab-detail-product h2 span span, .content-tab-detail-product h2 strong,
.artseed-detail-content-new h2, .artseed-detail-content-new h2 span, .artseed-detail-content-new h2 span span, .artseed-detail-content-new h2 strong{
	font-size:20px !important;
	color:#007db8 !important;
}
.title-page-dt h1, .title-page-dt h1 span, .title-page-dt h1 span span, .title-page-dt h1 strong,
.title-page-dt h2, .title-page-dt h2 span, .title-page-dt h2 span span, .title-page-dt h2 strong
{
	color:#007db8 !important;	
}
.contentseo h3, .contentseo h3 span, .contentseo h3 span span, .contentseo h3 strong,
.content-tab-detail-product h3, .content-tab-detail-product h3 span, .content-tab-detail-product h3 span span, .content-tab-detail-product h3 strong,
.artseed-detail-content-new h3, .artseed-detail-content-new h3 span, .artseed-detail-content-new h3 span span, .artseed-detail-content-new h3 strong{
	font-size:18px !important;
	color:#007db8 !important;
}
.contentseo a, 
.contentseo a:hover,
.content-tab-detail-product a, 
.content-tab-detail-product a:hover,
.artseed-detail-content-new a,
.artseed-detail-content-new a:hover{ 
	color:#007db8;
}