/*!

 *  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-filter:before {

  content: "\f0b0";

}

.fa-angle-double-right:before {

  content: "\f101";

}

.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:#d70018;

}

    .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 #d70018;bottom: 10px;color: #d70018;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;background: #fff;}

a.scrollup:hover{

 box-shadow: 0 0 0 2px #d70018;

}

 .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: 55%;margin-top: 5px;margin-left: 23%;}

.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: 23%;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 p a{

  color: #fff;

}

.support-online {position: relative;background: #b12207;width: 100%;color: #fff;padding: 4px 0;}

.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: #d70018;;

    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 {text-align: center;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;

}

.logo img {

    max-height: 65px;

    display: inline-block;

}



.cart-hot {padding-left: 101px;}



.cart-hotline {margin-top: 15px;padding-bottom: 7px;position: relative;}

.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: #707070;

    padding: 0 15px;

}

/*.form_moblie_search .nut_searh:hover {

    background: #d70018;

}*/

.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: #d70018;

}

.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: #d70018;

}

.header {

    background: #d70018;

    padding: 5px 0;

    color: #fff;

}

.bg-bread {

height: 39px;

background: #f7f7f7;

margin-bottom: 10px;

}

.coldmsp {width: 100%;border: 1px solid #eee;float: left;}

.dmsptop .titldmsp i {

    font-size: 25px;

    vertical-align: middle;

    padding-right: 8px;

    margin-top: -2px;

}

.dmsptop {

    padding: 0;

    margin-top: 0;

    background: #fff;

    float: left;

    width: 100%;

}

.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: #d70018;

    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;margin-top: 9px;max-width: 25px;}

.dmsptop .content-dmsp ul li a label {display: block;font-weight: normal;font-size: 13px;color: #999;}

.dmsptop .content-dmsp ul li a span.name-mn {font-size: 14px;color: #333;}

.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;

  min-height:303px;

}

.dmsptop .content-dmsp ul li a {

  line-height: 22px;

  display: block;

  padding: 8px 15px;

  color: #333;

  font-weight: bold;

}

.dmsptop .content-dmsp ul li ul.list-level1 {position: absolute;background: #fff;width: 917px;top: 0;left: 100%;display: none;z-index: 11;box-shadow: 1px 1px 3px 1px #ccc;min-height: 304px;}

.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;display: block;/* position: relative; */}

.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;

    color: #d70018;

}

.dmsptop .content-dmsp ul li ul.list-level1 li ul li a {

    font-weight: normal;

    padding: 2px 0;

    color: #333;

}

.dmsptop .content-dmsp ul li ul.list-level1 li ul li {

    width: 100%;

    margin: 0;

    border-bottom: none;

}

.pos-op-top {width: 22%;float: left;padding-left: 0;margin-top: 5px;}

.wes-top {margin-bottom: 10px;}

a.thumb-wes-top,.adv-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-wes-top:before,.adv-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-wes-top:hover:before,.adv-dm a:hover:before{

      -webkit-transform: scaleY(1);

    transform: scaleY(1);

}

.wes-top a.thumb-wes-top {

    position: relative;

    display: block;

    height: 145px;

    overflow: hidden;

}

a.thumb-wes-top img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.adv-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 {float: left;margin-left: 45px;margin-top: 12px;}

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;

  position: absolute;

  right: 0;

}

ul.list-cate-home-pr li a {font-size: 13px;text-transform: capitalize;font-weight: bold;border-left: 1px solid #333;padding-left: 10px;}

ul.list-cate-home-pr li:first-child a {

    border-left: none;

    padding-left: 0;

}





ul.list-cate-home-pr li:last-child a {

    border-left: none;

}

ul.list-cate-home-pr li a:hover

{

  color: #d70018;

}

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:15px;background: #fff;float: left;width: 100%;}

.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;width: 20%;}

.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: #d70018;

}

.conent-home-pr {position: relative;line-height:28px;padding: 0px 30px 30px;clear: both;}

.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: #d70018;

}

.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:#d70018;}

.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: #222;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 10001;

    opacity: 0.1;

}

.ajax-loader {

    position: fixed;

    right: 50%;

    top: 50%;

    z-index: 10002;

    width: 40px;

    height: 40px;

    margin: -75px 0 0 -75px;

    border: 5px solid #d70018;

    border-radius: 50%;

    border-top: 5px solid #fad036;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

    opacity: 1;

}





@-webkit-keyframes spin {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes spin {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}

.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: #d70018; box-shadow: 0 0 2px #2c9ed4; }

  50% { background-color: #d70018; box-shadow: 0 0 5px #2c9ed4; }

  100% { background-color: #d70018; box-shadow: 0 0 2px #2c9ed4; }

}

@-o-keyframes glowing {

  0% { background-color: #d70018; box-shadow: 0 0 2px #2c9ed4; }

  50% { background-color: #d70018; box-shadow: 0 0 5px #2c9ed4; }

  100% { background-color: #d70018; box-shadow: 0 0 2px #2c9ed4; }

}

@keyframes glowing {

  0% { background-color: #d70018; box-shadow: 0 0 2px #2c9ed4; }

  50% { background-color: #d70018; box-shadow: 0 0 5px #2c9ed4; }

  100% { background-color: #d70018; 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: #d70018;

}

.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: #d70018;}

.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:#d70018;  

}

.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: #d70018;

}

.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);

}

.adv-dm {

    position: relative;

    display: block;

    overflow: hidden;

    margin: 0 0 15px;

} 

.m-dm.m_cat_1 {

    display: none;

}

.home-pr-tab {margin-top: 0px;float: left;background: #fff;margin-bottom: 15px;position: relative;width: 100%;}

.cat-title-pr {border-top: 2px solid #d70018;float: left;width: 100%;}

.cat-title-pr h2 {

    float: left;

}

.cat-title-pr span {padding: 9px 15px;font-weight: bold;color: #fff;font-size: 15px;position: relative;display: inline-block;background: #d70018;text-transform: uppercase;}  

.cat-title-pr span:after

{

  width: 0;

  height: 0;

  border-top: 0px solid transparent;

  border-bottom: 40px solid transparent;

  border-left: 40px solid #d70018;

  position: absolute;

  content: "";

  top: 0;

  right: -39px;

}

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 a.next_slide_logo {

    right: 3px;

}

.customNav-slide-logo a.prev_slide_logo {

    left: 3px;

}

.customNav-slide-logo a:hover {

    background: #d70018;

    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: #d70018;

    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: #d70018;

}

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: #d70018;

}

.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;}

.sort-list .dfilter {

    float: left;

    margin-right:20px;

    position: relative;

    padding-left: 5px;

}

.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: #d70018;

}

.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: #d70018;

}

.sort-list p.tragop {

    position: absolute;

    right: 0;

    background: #d70018;

    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: #d70018;

}

.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: #d70018;

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: #d70018;

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: #d70018;

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: 18px;

  padding: 4px 45px;

  text-align: center;

  text-transform: uppercase;color: #fff;

  width:49%;

}

.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: #d70018;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: #d70018;color: #fff;}

/**************/

.wraptopboxlike {

background: #d70018;

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: #d70018;

}

.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: #d70018;

}

.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: #d70018;

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 #d70018;

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: #d70018;

}

.pr-detail-info .cs-dt #wr-cm:hover {

    color: #f36f21;

}

.m-dmsp.dmsptop {

    width: 275px;

    position: absolute;

    top: 51px;

    display: none;

    right: 0;

}

.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;

}

.pr-related .lq-block-body-pr ul li {

    margin: 0 10px;

}



.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: #d70018;

}

.left-thanhtoan {width: 60%; }

.right-thanhtoan {

  width: 40%;

}

.title-thanhtoan {

font-size: 13px;

margin-bottom: 10px;

color: #d70018;

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: #d70018;

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: #d70018;

    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:#d70018;

    

}

.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: #d70018;

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: #d70018;

    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: #d70018;

    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: #d70018;

    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 #d70018;

  content:"";

  position:absolute;

  left:0;

  bottom: -9px;

  right:0;

  margin:auto;

}

.content-left-tt p {

    font-size: 15px;

    margin: 10px;

    color: #d70018;

}

.content-left-tt ul li {

    display: inline-block;

    width: 21%;

    border: 1px dashed #d70018;

    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: #d70018;

}

.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 #d70018;

}

.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: #d70018;

}

.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 #d70018;

}

.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: #d70018;

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: #d70018;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: #d70018;

    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: #d70018;

}

.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: #d70018 !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: #d70018;

    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: #d70018;

    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: #d70018;

padding: 6px 13px;

color: #fff;

cursor: pointer;

border-radius: 7px 7px 0 0;

}

.tile-htl .fa-volume-control-phone {

background: #fff;

color: #d70018;

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, .tile-htl strong{

    margin: 0 10px;

}

.tile-htl strong a{

  color:#FFF; 

  font-weight:bold;

}

.content-box-hotline ul {

    margin-bottom: 0;

}

.content-box-hotline ul li {

line-height: 30px;

display: block;

padding-left: 10px;

border-bottom: 1px solid #d70018;

}

.content-box-hotline ul li strong {

float: right;

margin-right: 10px;

color: #d70018;

}

.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: #d70018;

}

.linexanh{

  border:1px solid #d70018 !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: #d70018;

}

.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: #d70018;

    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: #d70018;

  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:#d70018;  

  }

    .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 #d70018;

}

.title-page h1 span,  .title-page h2 span{

display: inline-block;

background: #d70018;

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: #d70018;

}

.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: #d70018;

}

.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: #d70018;

}

.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: #d70018;

}

.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: #d70018 !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-op {

    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: #d70018;

}

.f-block-new {

    float: left;

    background: #fff;

    padding: 5px;

}

.viewmore a:hover {

    color: #fff;

}

.left-col {

    width: 25%;

}

.right-sp

{

    width: 100%;

}

.f-block-left h2 {

    text-transform: uppercase;

    font-weight: normal;

    font-size: 18px;

    border-left: 2px solid #d70018;

    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: #d70018;

    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;top: -6px;}

p.conhang {

    color: #d70018;

}

p.conhang i {

    border: 1px solid #d70018;

    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: #d70018;

  float:left;

}

.box-addtocart a.tg {

    background: #06f;

  

}

.box-addtocart a.gl {

    background: #ee580b;

  float:right;

}

.box-addtocart a:hover

{

    background:#d70018;

    color: #fff;

}

.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: #d70018;

    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: #d70018;

}

.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: 999;

}

.suportOnline a{

  display:block;

  margin-bottom:10px; 

  max-width:40px;

  height:auto;  

}



.product_cate_wrap {

    max-width: 100%;

    overflow-x: auto;

    clear:both;

    margin-left: -5px;

    margin-right: -5px;

}

  .product_cate_wrap .product_cate a {

  border: 1px solid #eee;

  display: inline-block;

  background: #fff;

  padding: 5px 5px;

  margin: 5px 5px;

  border-radius: 4px;

  }

  .product_cate_wrap .product_cate a:hover {

    color: red;

}

    .product_cate .product_cate_img {

      border: solid 1px #e7e7e7;

      margin-bottom: 12px;

      padding:5px;

      overflow: hidden;

    }

    

   

  

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: #d70018;

}



.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:#d70018 !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:#d70018 !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:#d70018 !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:#d70018;

}

.menuphu {

    background: #d70018;

    float: left;

    width: 100%;

    position: relative;

    height: 40px;

    z-index: 11;

}

.menuphu.pagein .coldmsp {

    display: none;

}



.menuphu.pagein .menu:hover .coldmsp{

    display: block;

}

.menuphu .titldmsp {

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    text-align: left;

    font-size: 15px;

    height: 40px;

    line-height: 40px;

}



.menuphu .content {

    float: left;

    width: 75%;

}



.menuphu .content ul li {

    display: inline-block;

    margin: 4px 15px;

}



.menuphu .content ul li img {

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

    max-height: 34px;

  border-radius:20%;

}



.menuphu .content ul li a {

    color: #fff;

  font-family:"roboto-bold";

  font-size:15px;

}

.menuphu .content ul li:hover a {

    color: #f36f21;

}

.boxmenu.padding10 {

    width: 23%;

    display: block;

}

.thumb-box {

    display: none;

}

.advcenter .item {

    width: 50%;

    margin-bottom:5px;

}



.advcenter .item a {

    display: block;

    height: 220px;

}



.advcenter .item a img {

    max-width: 100%;

    height:auto;

    object-fit: cover;

}section.feedback {

    clear: both;

    background: #fff;

    margin-top: 30px;

    float: left;

    width: 100%;

    padding: 30px 0;

}



section.feedback h2 {

    text-transform: uppercase;

    position: relative;

    margin-bottom: 20px;

}



section.feedback h2:after {

    content: '';

    width: 64px;

    height: 4px;

    background: #d70018;

    display: block;

    margin-top: 10px;

}

section.feedback .item {

    padding: 15px;

}



section.feedback .item .customer-dialog {

    background: #d70018;

    color: #fff;

    border-radius: 10px;

    padding: 15px;

    position: relative;

}







section.feedback .item .customer-dialog:after {

        content: '';

        width: 0;

        height: 0;

        border-left: 0 solid transparent;

        border-right: 17px solid transparent;

        border-top: 20px solid #d70018;

        position: absolute;

        bottom: -20px;

        left: 27px;

}



.customer-info {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    -moz-align-items: center;

    align-items: center;

    margin-top: 30px;

}



.customer-info .avatar {

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    border-radius: 100%;

    overflow: hidden;

    width: 70px;

    -webkit-box-flex: 0;

    -webkit-flex: 0 0 auto;

    -moz-box-flex: 0;

    -moz-flex: 0 0 auto;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    margin-right: 15px;

}



.customer-info .avatar img {width: 100%;

    display: block;}

    .customer-info .meta{

        font-size: 14px;

    line-height: 18px;

    line-height: 1.28571em;

    color: #505050;

    }

section.feedback  .owl-carousel .owl-wrapper{

  

  position: relative;

  -webkit-transform: translate3d(0px, 0px, 0px);

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-flex;

  display: -ms-flexbox;

  display: flex !important;

  -webkit-box-align: end;

  -ms-flex-align: end;

  -webkit-align-items: flex-end;

  -moz-align-items: flex-end;

  align-items: flex-end;

}

.customNav-slide-feed a i {

    background: #d70018;

    width: 30px;

    height: 30px;

    color: #fff;

    display: block;

    text-align: center;

    cursor: pointer;

    line-height: 30px;

    border-radius: 30px;

}



.customNav-slide-feed a.prev_feed {

    position: absolute;

    left: -15px;

    top: 45%;

}

.customNav-slide-feed a.next_feed {

    position: absolute;

    right: -15px;

    top: 45%;

}

.owl-feed {

    position: relative;

}



section.feedback .container {

    position: relative;

}

.catmobile {

    background: #fff;

    /* margin: 5px 0; */

    /* padding: 10px 0; */

}



.catmobile .item p a {

    font-weight: bold;

    color: #d70018;

    text-transform: uppercase;

}



.catmobile .item {

    float: left;

    width: 100%;

    margin-bottom: 3px;

    margin-left: -5px;

    margin-right: -5px;

}



.catmobile .item p {

    display: inline-block;

    float: left;

    margin-right: 10px;

}



.catmobile .item .subprice button {display: none !important;}



.catmobile .item .subprice a {

    border: 1px solid #d70018;

    padding: 5px;

    margin: 0 5px;

    background: #f2f2f2;

    border-radius: 3px;

    font-size: 14px;

    color:#d70018 ;

}

.catmobile .item .subprice a:hover, .catmobile .item .subprice a.active{

    border: 1px solid red;

  color: red;

}

.catmobile .list-item {

    display: flex;

    clear: both;

    margin-top: 10px;

}



.catmobile .list-item p a {

    text-transform: uppercase;

    font-weight: bold;

    display: block;

    text-align: center;

    border: 1px solid #d70018;

    font-size: 12px;

    margin: 0 3px;

    padding: 10px;

    border-radius: 5px;

}



p.viewdetailkm {

    text-align: center;

}



p.viewdetailkm a {

    display: inline-block;

    border: 1px solid #d70018;

    text-transform: uppercase;

    padding: 5px 20px;

    color: #d70018;

    font-weight: bold;

}



p.viewdetailkm a:hover {

    background: #d70018;

    color: #fff;

}



p.viewdetail {

    text-align: center;

    border-top: 1px solid #eee;

    padding: 10px 0;

}



p.viewdetail a {

    text-transform: uppercase;

    font-style: italic;

    color: #d70018;

}



p.viewdetail a:hover {

    color: red;

}

section.main-new-tt {

    width: 65%;

}



section.right-new-tt {

    width: 35%;

}



.newoption h2, .new2option h2, .new3option h2 {

    text-transform: uppercase;

    font-size: 17px;

    margin-top: 15px;

    border-bottom: 1px solid #ccc;

    margin-bottom: 15px;

    padding-bottom: 5px;

    position: relative;

}



.new2option {}



.newoption h2:after, .new2option h2:after, .new3option h2:after {

    width: 50px;

    height: 1px;

    background: #ef6f38;

    position: absolute;

    left: 0;

    bottom: -1px;

    content: "";

}



.newoption .item {

    float: left;

    width: 100%;

    margin-bottom: 20px;

}



.newoption .item .img {

    float: left;

    width: 280px;

    margin-right: 15px;

    border: 1px solid #ddd;

    padding: 5px;

}



.newoption .item .img img {

    width: 100%;

    height: 180px;

    object-fit: cover;

}



.newoption .item .meta h3 a {

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 5px;

    display: block;

}



p.viewmoreed {

    text-align: center;

    margin-bottom: 20px;

    display: block;

    margin-top: 15px;

}



p.viewmoreed a {

    text-transform: uppercase;

    display: inline-block;

    border: 1px solid #e0e0e0;

    padding: 10px 50px;

    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);

}

.new2option .meta .num {

    font-size: 50px;

    color: #cacaca;

    font-weight: bold;

    font-style: italic;

    padding-right: 15px;

}



.new2option .meta {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #eee;

    margin-bottom: 10px;

}



.new2option .meta .right {

    border-left: 1px solid #f0eded;

    padding-left: 20px;

}



.new2option .meta .right h3 a {

    font-size: 15px;

    font-weight: bold;

}



.list-share .item {

    display: flex;

    align-items: center;

  padding: 2px 0;

}



.list-share .item .num {

    width: 40px;

    height: 40px;

    background: #ccc;

    display: inline-block;

    border-radius: 50%;

    font-size: 17px;

    text-align: center;

    line-height: 40px;

    font-style: italic;

    font-weight: bold;

}



.list-share .item .right {

    width: calc(100% - 50px);

    padding-left: 15px;

}



.list-share .item .right h3 a {

    font-size: 15px;

    font-weight: bold;

}



.list-share .item .right h3 a:hover,.new2option .meta .right h3 a:hover,.newoption .item .meta h3 a:hover,.new3option .item h3 a:hover {

    color: #ef6f38;

}

.one-new p.img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.new3option p.img img {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.new3option .item h3 a {

    display: block;

    margin-top: 10px;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 5px;

}



.new3option .item p.viewmored a {

    display: inline-block;

    border: 1px solid #ccc;

    padding: 10px 20px;

    text-transform: uppercase;

    color: #666;

    margin: 15px 0;

}



.new3option .item {

    border-bottom: 1px solid #ddd;

    margin-bottom: 15px;

}



.new3option .item p.viewmored a:hover {

    color: #ef6f38;

    border: 1px solid #ef6f38;

}

.fr{

  float:right !important;

}

.cus-ba a {

    position: absolute;

    top: 50%;

}



.cus-ba .btn {

    width: 30px;

    height: 30px;

    cursor: pointer;

    font-size: 18px;

    text-align: center;

    display: block;

    background: #ffffff9e;



    border-radius: 50%;

    line-height: 29px;

}



.cus-ba .btn:hover {

    background: #fff;

}



.cus-ba .prev_ba {

    left: 15px;

}

.cus-ba .next_ba {

    right: 15px;

}

.one-new p.img a {

    display: block;

    height: 200px;

    border: 1px solid #ddd;

}

ul.bxslider {

    height: 370px !important;

    overflow: hidden !important;

    float: left;

}

.filter-mb a,.filter-dm-mb a {

    border: 1px solid #d70018;

    margin: 3px 2px;

    padding: 5px;

    display: inline-block;

    color: #d70018;

}

 .filter-dm-mb a{

   color:red !important;

 }



.filter-mb button,.filter-dm-mb button {

    display: none !important;

}





.bg-white {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #00000082;

    z-index: 3;

    display: none;

}



.bg-white.open {

    display: block;

}



span.icon-filter {

    display: none;

    background: #d70018;

    box-shadow: 1px 1px 1px #ccc;

    text-transform: uppercase;

    padding: 8px;

    z-index: 111;

    line-height: 18px;

    color: #fff;

    width: 61px;

    margin-top: 2px;

    float: left;

}

.menutopFooterMobile{

  display:none; 

}

.box-addtocart a span {

    display: block;

    font-weight: normal;

    text-transform: none;

    font-size: 12px;

    line-height: 13px;

}

.filter-dm-mb a label {

    display: block;

}