/*-------------1.SETTING------------------------------------*/
@font-face {
  font-family: "Roboto Condensed";
  src: url(../fonts/000d9ec3d6d07ac928c856db6cbf87bb.eot);
  src: url(../fonts/000d9ec3d6d07ac928c856db6cbf87bb.eot?#iefix) format("embedded-opentype"), url(../fonts/0baa9113397b11fa789d9de1291245e7.woff2) format("woff2"), url(../fonts/e0903222d7d2424e25bf0a04124982a8.woff) format("woff"), url(../fonts/36b5da0333389306669655a13f2209ad.ttf) format("truetype"), url(../fonts/1f88587fefe7f8ec9c928c863d637b61.svg#RobotoCondensed) format("svg");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "Roboto Condensed";
  src: url(../fonts/047b6283e1303d1b3d08355141f5fdb0.eot);
  src: url(../fonts/047b6283e1303d1b3d08355141f5fdb0.eot?#iefix) format("embedded-opentype"), url(../fonts/5486f02bbd004fdcff5ab033e10565f7.woff2) format("woff2"), url(../fonts/335f3dc8bea64e9e89b551d46e2e151d.woff) format("woff"), url(../fonts/a5a6b71255dc832da585d5c94fa1a115.ttf) format("truetype"), url(../fonts/828c19d467a9dc09d54f04307a4a10ab.svg#RobotoCondensed) format("svg");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "Roboto Condensed";
  src: url(../fonts/2f46131556cc60866d0e357d16a280b2.eot);
  src: url(../fonts/2f46131556cc60866d0e357d16a280b2.eot?#iefix) format("embedded-opentype"), url(../fonts/a9ac96415736db5179bf9a4d3d7d10d5.woff2) format("woff2"), url(../fonts/690b7692f7418c4cbd46bcd03ef9cb9c.woff) format("woff"), url(../fonts/117f6877039e410a8be2172143e4c8d2.ttf) format("truetype"), url(../fonts/441a7f9db5b753c744f6c50fc60a0027.svg#RobotoCondensed) format("svg");
  font-weight: 300;
  font-style: normal; }


body, html {

  height: 100%; }



body {

  font-family: "Roboto Condensed";

  position: relative;

  overflow-x: hidden;

  color: #000;

  font-size: 14px;
  font-weight: 400;

}

/*-------------1.END SETTING------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-weight: 400;
}
a, a:hover{

  text-decoration: none;

}

img{

  width: 100%;

  max-width: 100%;

}

/*-------------2.HEADER------------------------------------*/
.modal{
  z-index: 999999 !important;
}
.modal-dialog {
    margin: 10px auto;
}
.md-form .dk_tv{
  width: 48% !important; 
}
.md-form .btn.btn-info{
  margin-top: 15px !important;
}
.header-top{

  padding: 10px 0; 

}

.link, .lague{

  float: right;
  margin-top: 10px;

}

.lague img{

  width: auto;

  height: 20px;

}

.link a{

  padding: 0 10px;

  color: #000;
  font-size: 16px;
  text-transform: uppercase;


}

.log {

  float: right;

}

.log span{

  font-size: 26px;

  padding: 0 5px;

  color: #000;

}

.log a{

  color: #000;

}

.search{

  text-align: center;
  position: relative;

}

.search input{
  color: #000;
  padding: 5px 10px;
  border: none;
  width: 100%;
  height: 40px;
  border-bottom: solid 2px #C5C5C5;

}

.search input:focus, .search button:focus{

  outline: none;
  background: #fff;

}

.search button{

  border: none;
  background: #C5C5C5;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 100%;
  top: 0;
  height: 40px;
  padding: 8px 35px;
  background: linear-gradient(315deg, transparent 10px, #C5C5C5 0) top right!important;
  white-space: nowrap;

}

.navbar-toggle .icon-bar {

  transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  border-radius: 2px;

  height: 3px; }



.menu-open .icon_wrapper .icon-bar:nth-child(1) {

  transform: translateY(7px) rotate(45deg);

  -ms-transform: translateY(7px) rotate(45deg);

  -webkit-transform: translateY(7px) rotate(45deg); }



.menu-open .icon_wrapper .icon-bar:nth-child(2) {

  opacity: 0;

  filter: alpha(opacity=0);

  /* For IE8 and earlier */ }



.menu-open .icon_wrapper .icon-bar:nth-child(3) {

  transform: translateY(-7px) rotate(-45deg);

  -ms-transform: translateY(-7px) rotate(-45deg);

  -webkit-transform: translateY(-7px) rotate(-45deg); }



/*end menu icon transition*/

.container {

  position: relative; }



#top_menu, #top_menu.navbar-toggle:hover, #top_menu.navbar-toggle:focus {

  background-color: #6bbf50; }



.navbar-inverse .navbar-toggle .icon-bar {

  background-color: #fff; }



.navbar-inverse .navbar-toggle {

  border: none; }



/*#nav_container .navbar-header .inner-navbar-header {

  height: 51px;

  display: block;

  width: 100%;

  background: #f37135; }*/



#navbar {

  z-index: 9999;
  position: relative;
  background: #fff; }



#navbar .menu_item {

  font-family: "Roboto Condensed" !important;
  font-weight: 400;
  font-style: normal;
  font-size: 17px;
  line-height: 19px;

  position: relative;

  color: #000;

  padding: 10px 20px;

  text-transform: uppercase;

  text-align: left; }



#navbar .navbar-nav {

  position: relative;

  float: none;

  margin: 0;

  padding-bottom: 10px; }



#navbar.navbar-collapse {

  border-top: none;

  width: 100%; }



#nav_container.navbar-inverse {

  background: #fff;

  margin-bottom: 0;

  border: none;
  z-index: 9999; }



#nav_container .navbar-nav > li.active, #nav_container .navbar-nav > li.active:hover, #nav_container .navbar-nav > li.active:focus {

  background: none;
   }



#navbar {

  padding-left: 0px;

  padding-right: 0px;

  max-height: none; }

#navbar a{

  white-space: nowrap;

}

.submenu_m, .submenu_m2 {

  display: none; }



.submenu_m li a {

  color: #000;
  font-weight: 400;

  font-size: 18px; }



.logo {

  position: absolute;

  left: 10px;

  top: 5px;

  max-width: 40px; }

  .logo img{

    max-width: 70px;

  }
.slogan{
  position: absolute;
  left: 55px;
  top: 13px;
  max-width: 100px; 
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background: none;
}

@media screen and (max-width: 991px) {

  .submenu_m{

    background: #fff;

    padding: 10px 0;

    text-align: left;

    padding-left: 25px;

  }

  .submenu_m2 {

    text-align: left;

    padding-left: 20px;

  }

  .submenu_m li a span{

    margin-left: 10px;

  }

  #nav_container .navbar-nav > li.active > a, #nav_container .navbar-nav > li:hover a {

    background: none;

    color: #000; }

}

@media screen and (max-width: 767px) {

  .menu_m .container{

    padding: 0 !important

  }

}
@media screen and (max-width: 991px) {

  .bg-menu-fixed_m{

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 9999;

  }

}
@media screen and (min-width: 1200px) {

  /*------------- MENU------------------------------------*/
  .menuChild{
    position: absolute;
    top: 60px;
    left: 0;
    background: #fff;
    width: 100%;
  }
  .link a:hover{
    font-weight: 600;
    color: #009999;
  }
  .menu_item a.line_border{
    border: solid 2px #fff;
    border-radius: 6px;
    padding: 0 5px;
    padding-bottom: 9px;
  }
  .menu_item a.line_border:hover{
    border: solid 2px #00cc99;

  }
  .log {
  float: right;

  }
  .log span{
    padding: 0;
  }
  .lague a{
    border: solid 2px #fff;
    display: inline-block;
    border-radius: 5px;
  }
  .lague a:hover{
    border: solid 2px #00cc99;
  }
  .log span a{
    border: solid 2px #fff;
    border-radius: 6px;
  }
  .log span a:hover{
      border: solid 2px #00cc99;}
  .logo {

    position: absolute;

    top: -20px;

    left: 0px;

    z-index: 99999;

    max-width: 160px;

    transition: all 0.2s ease-out;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s; }

    .slogan{

      position: absolute;

      top: -5px;

      left: 75px;

      z-index: 99999;
      max-width: 200px;
      transition: all 0.2s ease-out;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s;

    }

    .slogan img{

      max-width: 170px;

    }



  .menu {

    position: relative;

    top: 0;

    left: 0;

    width: 100%; }



  #navbar .menu_item {

    color: #000;

    font-size: 18px;
    padding: 10px 0;
    padding-left: 15px; }

    #navbar span.menu_item {
    color: #000;
    font-weight: 400;
    cursor: pointer;
    font-size: 22px; }
    #navbar span.menu_item i{
      border: solid 2px #fff;
      padding: 3px;
      margin-top: 5px;
      border-radius: 6px;
      overflow: hidden;
    font-weight: 400;}
    #navbar span.menu_item i:hover{
      border: solid 2px #00cc99;}



  #nav_container.navbar-inverse {

    background: #fff;

    height: 60px; }



  .navbar {

    border: none;

    border-radius: 0 !important; }



  #navbar .navbar-nav {

   position: initial;

    float: right;

    margin-right: -20px;

    padding-top: 10px;

    transition: all 0.2s ease-out;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -ms-transition: all 0.5s; }
    .nav>li {
    position: static !important;
    padding-right: 15px;
  }
    .xtlab-ctmenu-sub{
      min-width: 100%;
    }
    .xtlab-ctmenu-sub {
      position: absolute;
      left: 0;
      z-index: 1000;
      float: left;
      margin: 2px 0 0;
      font-size: 14px;
      text-align: left;
      list-style: none;
      background: #fff;
  }



  #navbar {

    background: none; }



  #nav_container .navbar-nav > li > a {

    padding-bottom: 30px;

    position: relative;

    background-repeat: no-repeat;

     }
     #nav_container .navbar-nav > li > a:focus{
      background: none;
     }

  #nav_container .navbar-nav > li.active > a, #nav_container .navbar-nav > li:hover > a {
    background-image: url("../images/line.png");
    background-repeat: no-repeat;
    color: #000;
    font-weight: 600; }

    .collapse > ul > li > ul > li{

      position: relative;

    }
  .menu.bg-menu-fixed {

    position: fixed;

    height: 60px;

    z-index: 9999;

    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    
  }
  .menu .navbar.navbar-inverse{
    border-bottom: solid 1px #000 !important;
  }
  .menu .container{
    position: static !important;
  }
  #nav_container{
    position: static !important;
  }
  #nav_container .navbar-header {
    float: left;
    position: relative;
    width: 100%;
  }
  .xt-ct-menu .xtlab-ctmenu-sub{
    top: 60px;
    padding: 60px 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0 12px 12px rgba(0,0,0,.175);
    box-shadow: 0 12px 12px rgba(0,0,0,.175);
  }
  .xtlab-ctmenu-sub ul{
    padding: 0;
    margin: 0;
  }
  .xtlab-ctmenu-sub ul li{
    list-style: none;
  }
  .xtlab-ctmenu-sub ul li:first-child {
    border-top: 1px solid #E2E2E2;
  }
  .xtlab-ctmenu-sub ul li {
    position: relative;
    border-bottom: 1px solid #E2E2E2;
  }
  .xtlab-ctmenu-sub ul li a {
    padding: 11px 40px 11px 10px;
    display: block;
    cursor: pointer;
    word-wrap: break-word;
    font-size: 18px;
    color: #000;
    position: relative;
  }
  .xtlab-ctmenu-sub ul li a i{
    position: absolute;
    right: 40px;
    top: 15px;
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
  }
  .xtlab-ctmenu-sub ul li a:hover{
    background-color: #000;
    font-weight: bold;
    color: #fff;
  }
  .xtlab-ctmenu-sub ul li a:hover i{
    right: 10px;
  }
  ul.nav li a{
    cursor: pointer;
  }
  .img_header{
    background: linear-gradient(-180deg, #ffffff 0%, #F1F1F1 99%);
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
  }
  .img_header .link_lk{
    width: 50px;
    height: 30px;
    background: linear-gradient(488deg, transparent 9px, #6bbf50 0) top left;
    position: absolute;
    right: 0;
    bottom: 0;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
  }
  .img_header .link_lk span{
    text-align: center;
    position: relative;
    margin-top: 
  }
  .img_header .link_lk span i{
    transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
  }
  .img_header .link_lk:hover{
    background: linear-gradient(488deg, transparent 9px, #99FF00 0) top left;
  }
  .img_header .link_lk:hover span i{
    margin-left: 20px;
  }
  .img_header h3{
    font-size: 20px;
    font-weight: bold;
  }
  .img_header p{
    font-size: 14px;
    font-weight: 400;
  }
  /*close menu*/
  .close_menu{
    z-index: 999;
    position: absolute;
    bottom: 0;
    left: 50%;
    cursor: pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
  }
  .ci-btn-close {
    display: flex;
    align-items: stretch;
    margin-top: -1px;
  }
  .ci-btn-close.ci-btn-close-bottom .ci-btn-close-before {
    overflow: hidden;
    background: linear-gradient(135deg, transparent 20px, #000000 0) bottom left;
    margin-left: -1px;
  }
  .ci-btn-close-content {
    font-weight: 400;
    font-style: normal;
    border-radius: 0;
    height: 34px;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #000000;
    margin: 0;
    border: 0;
    padding: 13px 0;
    cursor: pointer;
    margin-left: -1px;
    margin-right: -1px;
  }
  .ci-btn-close.ci-btn-close-bottom .ci-btn-close-after {
      overflow: hidden;
      background: linear-gradient(225deg, transparent 20px, #000000 0) bottom right;
      margin-right: -1px;
  }
  .ci-btn-close .ci-btn-close-before, .ci-btn-close .ci-btn-close-after {
      width: 36px;
  }
  .none{
    display: none;
  }
  #amlich-month {
    margin-top: 23px;
  }

  /*-------------.END MENU------------------------------------*/ 

}

.breacum, .breacum a{
  font-size: 16px;
  color: #000;
  padding: 0 5px;
  margin-bottom: 30px;

}

/*-------------.FOOTER------------------------------------*/

#scrollPage{

  left: 10px !important;

}

#scrollPage .btn-sm{
  padding: 0px 7px;
  border-radius: 0;
  border: none;
}
#footer{

  margin-top: 50px;

  background: #000;

  padding: 30px 0;

}

.item_footer h3{

  font-size: 20px;
  color: #fff;
  font-weight: bold;

}

.item_footer ul{

  padding-left: 0px;

}

.item_footer ul li{
  padding: 2px 0;
  list-style: none;
  color: #fff;
  font-size: 16px;

}

.item_footer ul li a{
  display: inline-block;
  color: #fff;
  position: relative;

}
.item_footer ul li a:after {
    content: '';
    display: block;
    position: absolute;
    margin-top: 0px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transform: scale(0, 1);
    transition: transform 337.5ms cubic-bezier(0.05, 1, 0.8, 1) 0ms;
}
.item_footer ul li a:hover{
  font-weight: bold;
}
.item_footer ul li a:hover:after {
    transform: scale(1, 1);
}
.thanhtoan img{

  height: 30px;

  width: auto;

  padding: 0 5px;

}

.vanchuyen img{

  height: 30px;

  width: auto;

  padding: 0 5px;

}

.map iframe{

  width: 100%;

}

.copy{

  height: 50px;

  background: #000;

  color: #fff;

  font-size: 18px;

  line-height: 50px;


}

ul.ul_social_fixed {

    list-style: none;

    position: fixed;

    top: 50%;

    margin-top: -100px;

    left: 10px;

    padding: 0px;

    z-index: 1000;

}
.social_mobile{
  width: 100%;
}
ul.ul_social_m {
  text-align: right;
}
ul.ul_social_m li{
    list-style: none;
    display: inline-block;
}
ul.ul_social_fixed li a {

    padding: 5px;

    display: table-cell;

    text-align: center;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    background: #ccc;

    text-decoration: none;

    font-size: 18px;

    vertical-align: middle;

    color: #fff;

    transition: all 0.3s;

    position: relative;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}
ul.ul_social_m li a {

    padding: 5px;

    display: table-cell;

    text-align: center;

    width: 40px;

    height: 40px;

    border-radius: 100%;

    background: #ccc;

    text-decoration: none;

    font-size: 18px;

    vertical-align: middle;

    color: #fff;

    transition: all 0.3s;

    position: relative;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

}
ul.ul_social_fixed li {

    margin-bottom: 3px;

}

ul.ul_social_fixed li a.fb {

    background: #46629E;

}

ul.ul_social_fixed li a.gl {

    background: #D73D32;

}

ul.ul_social_fixed li a.yt {

    background: #CC181E;

}

ul.ul_social_fixed li a.tw {

    background: #55ACEE;

}
ul.ul_social_m li a.fb {

    background: #46629E;

}

ul.ul_social_m li a.gl {

    background: #D73D32;

}

ul.ul_social_m li a.yt {

    background: #CC181E;

}

ul.ul_social_m li a.tw {

    background: #55ACEE;

}
ul.ul_social_fixed li a .text_social {

    padding: 5px;

    border-radius: 5px;

    text-align: center;

    font-size: 13px;

    position: absolute;

    top: 7px;

    left: -80px;

    background: #333;

    transition: all 0.2s;

    opacity: 0;

}

ul.ul_social_fixed li a:hover .text_social {

    left: 50px;

    opacity: 0.85;

}



.mbm_floating_sidebar {

    position: fixed;

    top: 47.5%;
    -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform:  translateY(-50%);

    right: -218px;

    z-index: 999;

    width: 260px;

}

.mbm_floating_sidebar_content {

    background: #f7f7f7;

    height: 100%;

    display: block;

    overflow: hidden;

    margin-left: 42px;

    min-height: 190px;

    padding: 10px;

}
.mbm_floating_sidebar_toggle{
  background-image: url(../images/left_show.png);
}
.mbm_floating_sidebar_toggle.show {

    background-image: url(../images/left_show.png);

}
.mbm_floating_sidebar_toggle.hide {

    background-image: url(../images/right_show.png);

}
.mbm_floating_sidebar_toggle {

    top: 0px;

    left: 0px;

    position: absolute;

    width: 42px;

    height: 100%;

    display: block;

    text-align: left;

    color: #fff;

    background-color: #000;

    -webkit-border-radius: 5px 0px 0px 5px;

    -moz-border-radius: 5px 0px 0px 5px;

    border-radius: 5px 0px 0px 5px;

    background-position: 15px 15px;

    background-repeat: no-repeat;

    font-size: 16px;

}
.textwidget p{
  margin: 0;
}
.textwidget .content_ht{
  margin-bottom: 10px;
}
.outer {
  width: 1px;
  display: inline-block;
}
.inner {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
}
.rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
  transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}
.mbm_floating_sidebar_toggle img {

    max-width: 16px !important;

    width: 100%;

    position: absolute;

    bottom: 15px;

    left: 13px;

}

.icon{

  width: 25px;

  margin-right: 7px;

}

.mbm_floating_sidebar a.hide {

    display: block!important;

}
.show-phonepc {
    background: #ffcccc;
    position: absolute;
    bottom: 48px;
    right: -69px;
    z-index: -1;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    font-weight: bold;
    display: none;
}
.nml-alo-phone.nml-alo-show {
visibility: visible;
}
.nml-alo-phone:hover .show-phonepc {
  display: block;
}

.nml-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 110px;
    position: fixed;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 110px;
    z-index: 200000 !important;
}
.nml-alo-phone.nml-alo-green .nml-alo-ph-circle {
    border-color: red;
    opacity: 0.5;
}
.nml-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running nml-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border-radius: 100%;
    height: 80px;
    left: -5px;
    opacity: 0.1;
    position: absolute;
    top: 30px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 80px;
}
.nml-alo-phone.nml-alo-show {
    visibility: visible;
}
.nml-alo-phone.nml-alo-green .nml-alo-ph-circle-fill {
    background-color: red;
    opacity: 0.75 !important;
}
.nml-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running nml-alo-circle-fill-anim;
    background-color: #000;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 60px;
    left: 5px;
    opacity: 0.1;
    position: absolute;
    top: 40px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 60px;
}
.nml-alo-phone.nml-alo-green .nml-alo-ph-img-circle {
    background-color: red;
}
.nml-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running nml-alo-circle-img-anim;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 15px;
    opacity: 0.7;
    position: absolute;
    top: 50px;
    transform-origin: 50% 50% 0;
    width: 40px;
}
.nml-alo-ph-img-circle a img {
    padding: 0px 0 0 0px;
}

@keyframes  nml-alo-circle-anim{
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@-moz-keyframes nml-alo-circle-anim{
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-anim{
    0% {
        opacity: 0.1;
        transform: rotate(0deg) scale(0.5) skew(1deg);
    }
    30% {
        opacity: 0.5;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    100% {
        opacity: 0.6;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@keyframes  nml-alo-circle-fill-anim{
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
@-moz-keyframes nml-alo-circle-fill-anim{
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-fill-anim{
    0% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
    50% {
        opacity: 0.2;
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        opacity: 0.2;
        transform: rotate(0deg) scale(0.7) skew(1deg);
    }
}
@keyframes  nml-alo-circle-img-anim{
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@-moz-keyframes nml-alo-circle-img-anim{
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}

@-webkit-keyframes nml-alo-circle-img-anim{
    0% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
/*-------------.END FOOTER------------------------------------*/ 



.item_daotao, .item_product, .item_duan, .item_ct {
  padding: 10px;
  color: #000;
  position: relative;
  -webkit-transition: background .5s ease;
    transition: background .5s ease;

}
@media screen and (max-width: 640px) {
  .item_daotao, .item_product, .item_duan, .item_ct {
    padding: 0;
  }
}
.hover{
	-webkit-transition: background .5s ease;
    transition: background .5s ease;
}
.hover:hover{
	background: #ccc;
}
.text_item_daotao, .text_item_product, .text_item_duan{

  color: #000;

}

.text_item_daotao h3, .text_item_product h3, .text_item_duan h3{

  text-align: left;

  font-size: 16px;

  color: #000;

}
/*.slider_banner {
	margin-top: 30px;
}*/
.slider_daotao_home .next_daotao_home, #slider_product2 .next-product2, 
.slider_banner .next-banner, .slider_daotao .next-daotao, .slider_product 
.next-product, .slider_duan .next-duan, .slider_dt .next-dt, .slider_dichvu .next-dv, 
.slider_product2 .next-product2, .slider_product3 .next-product3, 
.slider_product_home .next_product_home{

    color: #ddd;

    position: absolute;

    right: -25px;

    top: 50%;

    font-size: 45px;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    line-height: 0;

}

.slider_daotao_home .prev_daotao_home, #slider_product2 .prev-product2, 
.slider_banner .prev-banner, .slider_daotao .prev-daotao, .slider_product 
.prev-product, .slider_duan .prev-duan, .slider_dt .prev-dt, .slider_dichvu .prev-dv, 
.slider_product2 .prev-product2, .slider_product3 .prev-product3, 
.slider_product_home .prev_product_home{

    color: #ddd;

    position: absolute;

    left: -25px;

    top: 50%;

    font-size: 45px;

    -webkit-transform: translate(0, -50%);

    transform: translate(0, -50%);

    line-height: 0;

}
@media screen and (max-width: 768px) {
	.slider_banner .next-banner, .slider_daotao .next-daotao, .slider_product .next-product, .slider_duan .next-duan, .slider_dt .next-dt, .slider_dichvu .next-dv{

	    right: -10px;

	}
	.slider_banner .prev-banner, .slider_daotao .prev-daotao, .slider_product .prev-product, .slider_duan .prev-duan, .slider_dt .prev-dt, .slider_dichvu .prev-dv{

	    left: -10px;

	}

}
.title_home{

  text-align: center;

  margin: 10px 0;

}

.title_home h2{

  font-size: 18px;

  text-transform: uppercase;

  text-align: center;

  display: inline;

  color: #000;

  background: #fff;

  z-index: 10;

  position: relative;

  padding: 0 20px;

}

.title_home:before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  height: 1px;

  width: 100%;

  background: #000;

}
@media screen and (max-width: 640px) {
  .title_home{
    text-align: center;
    margin: 10px 0;
  }
}
.slider_dt.owl-carousel .owl-nav.disabled, .slider_dt.owl-carousel .owl-dots.disabled {

    display: block !important;

}

.slider_dt.owl-centered .owl-item > div {

    text-align: center;

}
.slider_dt .item_dt{
	padding: 20px;
}

.slider_dt.owl-centered .owl-item {

    display: table-cell;

    float: none;

    vertical-align: middle;

}

.slider_dt.owl-carousel .owl-item img {

    display: block;

    width: auto !important;

    margin: 0 auto;
    padding: 0 20px;

}
@media screen and (max-width: 640px) {
  .slider_dt .item_dt{
    padding: 0;
  }
  .slider_dt.owl-carousel .owl-item img {
    padding: 0 10px;

  }
}
.banner_page{

  margin-bottom: 20px;

}

  /*-------------.DAOTAO------------------------------------*/ 

.item_box_daotao{

  position: relative;

  text-align: center;

  margin-top: 10px;

}

.item_box_daotao ul{

  padding-left: 0px;

}

.item_box_daotao li {

    display: inline-block;

    width: 43%;

    margin: 10px;

    border: solid 1px #eeeeee;

    position: relative;

}

.item_box_daotao li:hover{

  border: solid 2px #1a2850;

}

.text_item_box{

  position: absolute;

  width: 100%;

  top: 50%;

  transform: translateY(-50%);

  text-align: center;
  background: #000000;
  background-color:rgba(0, 0, 0, 0.6);
  z-index: 5;
  transition: opacity .25s ease-in-out;

}

.text_item_box p{

  color: #fff;

  font-size: 18px;

  margin: 0;

  padding: 10px;
  font-weight: bold;

}

.baiviet{
  padding: 20px;
  margin-top: -30px;
}

.baiviet img{

  width: auto;

  margin-bottom: 15px;

}

.item_ct .img_item_ct{

  overflow: hidden;

}

.item_ct .text_item_ct{
  overflow: hidden;
  color: #000;
  border-top: none;

}

.item_ct .text_item_ct h4{
  color: #000;
  font-weight: 500;
}

.item_ct .text_item_ct span{

  color: #000;
  margin-left: 5px;

}

.box_lich_kg{

  border: solid 2px #000;

  float: left;

  width: 100%;

  padding: 20px;

  background: #eeeeee;

}

.img_lich_kg{

  border: solid 2px #000;

  overflow: hidden;

}

.lich_kg h3{

  color: #000;

}

.table_dt table{

  width: 100%;

}

.table_dt table td, .table_dt table th{

  padding: 10px 20px;

}

.table_dt table th{

  background: #5b9bd5;

}

/*.table_dt table tr:nth-child(even) {

    background-color: #d0deef;

}*/
.table_dt.lich table{
	border: solid 1px #000;
}
.table_dt.lich tr{
	border-top: solid 1px #000;
}
.table_dt.lich .bg_nd{
	background-color: #d0deef;
}
.table_dt{

  margin-bottom: 50px;

}

.ct_lienquan h4{

  color: #1f87c7;

  font-size: 24px;

}

.ct_lienquan ul{

  padding-left: 0;

}

.ct_lienquan ul li{

  list-style: none;

  font-size: 18px;

  margin: 10px 0;

  color: #000;

}

.ct_lienquan ul li a{

  color: #000;

}

.btn_dk{

  background: #6bbf50;

  padding: 10px 50px;

  text-align: center;

  color: #000;

  -webkit-box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

    -moz-box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

    box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

}

.btn_dk a{

  color: #fff;

}

.text_item_product_video iframe{

  width: 100%;

}

.table_dt.lich{

  overflow-y: auto;

}

.table_dt.lich table th{

  color: #000;

  text-align: center;

}

@media screen and (min-width: 992px) {

  .item_box_daotao li {

    display: inline-block;

    width: 17%;

    margin: 10px;

  }

}

  /*-------------.END DAOTAO------------------------------------*/ 
  /*-------------.Dang Ki------------------------------------*/ 

  .input_dk {

    margin-bottom: 20px;

  }

  .input_dk input{

    width: 100%;

    height: 40px;
    border: none;

    border-bottom: solid 1px #000;

    padding: 5px 10px;

  }
  input[type=file] {
    cursor: pointer;
  }

  .input_dk textarea{

    width: 100%;

    height: 128px;

    border: solid 1px #000;

    padding: 5px 10px;

  }

  .input_dk input:focus, .input_dk textarea:focus, .input_dk select:focus{

    outline: none;

  }

  .input_dk label{

    font-size: 16px;

    color: #000;

    width: 40px;

    width: 115px;

  }
  .input_dk label span{
    color: red;
  }

  .input_dk select{

    width: 100%;

    height: 40px;

    border: solid 1px #000;

    padding: 5px 10px;

  }

  .input_dk.btn_sub button{

    background: #6bbf50;

    padding: 10px 50px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    float: right;

    border: none;

    -webkit-box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

    -moz-box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

    box-shadow: 0px 2px 10px 0px rgba(86,101,115,0.75);

  }
  .input_dk.btn_sub button:hover{
    background: #e2492b;
  }

  /*-------------.END Dang Ki------------------------------------*/ 
  /*-------------.DU COMPANY------------------------------------*/ 

  .content_company{
    position: relative;
    overflow: hidden;
  }
  .content_company .ci-teaser-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 5;
    opacity: 0;
    transition: opacity .25s ease-in-out;
  }

  .text_company{
    position: absolute;
    text-align: left;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 60%;
    color: #000;
    z-index: 99;
  }
  .text_company h3{
    font-size: 18px;
  }
  .text_company p{
    font-size: 24px;
  }
  .content_company .ci-teaser-newsboard-cta {
    padding: 5px 20px;
    background: #6bbf50;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 10;
  }
  .content_company:hover .ci-teaser-overlay {
      opacity: 0.65;
  }
  .content_company .img_company img {
    -webkit-transition: all 1s ease;                  
    -moz-transition: all 1s ease;                 
    -o-transition: all 1s ease;   
    -ms-transition: all 1s ease;          
    transition: all 1s ease;
  }
  .content_company:hover .img_company img {
      -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
  }
  .content_company:hover .text_company{
    color: #fff;
  }
  .nopadding{

    padding: 0 !important;

  }

  .tong_quan{

    padding: 50px;

    background: rgb(241, 241, 241);

    color: #000;
    font-size: 18px;

  }
  .tong_quan p{
  	font-size: 18px;
  	color: #000;
  }

  .tong_quan h4{

    font-size: 24px;

    text-transform: uppercase;

  }

  .tong_quan img{

    width: auto;

    margin-bottom: 20px;

  }

  .input_dk input.custom-file-input{

    border: none;

  }

  .input_dk label.custom-file-input{

    width: 250px;

  }

  .title_form{

    font-size: 24px;

    text-transform: uppercase;

    color: #000;

    margin-bottom: 20px;
    margin-top: 0;

  }



.menu-doctor {

    width: 100%;

}

.tab-doctor {

  position: relative;

  width: 100%;

  height: 50px;

  cursor: pointer;

  padding-left: 10px;

  line-height: 50px;

  font-size: 16px;

  color: #fff;

  background: #6bbf50;

  margin-top: 20px;

}

.tab-doctor-content {

    font-size: 16px;

    display: none;

    background: #fff;

    padding: 10px;

    border: solid 1px #000;
    border-top: none;

}
.tab-content_item_footer_m{

    font-size: 16px;

    display: none;

    padding: 10px;

    border: solid 1px #000;
    border-top: none;

}


.arrow {

    width: 5px;

    height: 5px;

    position: absolute;

    top: -5px;

    right: 20px;

    color: #fff;

    transform: rotate(0deg);

}
.arrow2 {

    width: 5px;

    height: 5px;

    position: absolute;

    top: 8px;

    right: 20px;

    color: #fff;

    transform: rotate(0deg);

}
.arrow-doctor {

    width: 5px;

    height: 5px;

    position: absolute;

    top: 45px;

    right: 15px;

    color: #fff;

    transform: rotate(180deg);

}
.arrow2_item_m {

    width: 5px;

    height: 5px;

    position: absolute;

    top: 25px;

    right: 15px;

    color: #fff;

    transform: rotate(180deg);

}
.tab-item_footer_m{
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  border: solid 1px #fff;
  border-left: none;
  border-right: none;
  padding: 10px 0;
  position: relative;
}
.title-item_footer_m h3{
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
.tab-content_item_footer_m ul{
  list-style: none;
  padding-left: 0;
}
.tab-content_item_footer_m ul li{
  color: #fff;
}
.tab-content_item_footer_m ul li a{
  color: #fff;
}
.location_page{

  border: solid 1px #000;

  padding: 0 10px;

  margin-top: 30px;

}

.academy{
  margin: 10px 0;
  margin-right: 10px;
  cursor: pointer;
  background: #ddd;
  border-radius: 10px;
  overflow: hidden;
  border: solid 2px #ddd;
}
.academy.active{
  border: solid 2px #6bbf50;
}
.academy:hover {
  border: solid 2px #6bbf50;
}
.academy_text{

  padding: 15px;
  color: #000;

}

.img_location_page{

  padding: 10px 0;

}
.tabcontent_location, .tabcontent_map{
  display: none;
}
#location_img0, #location_map0{
  display: block;
}
.tabcontent a{
  color: #000
}
.tabcontent a:hover{
  font-weight: 500;
}
@media screen and (min-width: 992px) {
  .scroll_academy{

    height: 330px;

    overflow-x: hidden;

    overflow-y: auto;

  }
}
.scroll_academy::-webkit-scrollbar {

    background: transparent;

    width: 10px;

}

.scroll_academy::-webkit-scrollbar-thumb {

    background: #000;

    border-radius: 10px;

}

.scroll_academy::-webkit-scrollbar-track {

    background: #eeeeee;

}
.content_item_box{
	position: relative;
	overflow: hidden;
}
.text_title_item{
	position: absolute;
	width: 100%;
	padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.5);
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	transition: opacity .25s ease-in-out;
}
.ci-teaser-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 5;
    opacity: 0;
    transition: opacity .25s ease-in-out;
}
.content_item_box .text_title_item h3{
	color: #fff;
  font-weight: 500;
	transition: opacity .25s ease-in-out;
  padding: 0;
  margin: 0;
  font-size: 18px;
}
.hover:hover .ci-teaser-overlay {
    opacity: 0.65;
}
.hover:hover .text_title_item h3{
	color: #fff;
}
.content_item_box .ci-teaser-newsboard-cta{
	padding: 5px 20px;
    background: #6bbf50;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    z-index: 10;
}
.content_item_box img{
    -webkit-transition: all 1s ease;                  
    -moz-transition: all 1s ease;                 
    -o-transition: all 1s ease;   
    -ms-transition: all 1s ease;          
    transition: all 1s ease;
}
.hover:hover img {
     -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
     -ms-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
}

  /*-------------.END COMPANY------------------------------------*/ 
.table_dt.ct_dv table th{
  color: #000;
  text-align: center;
}
.table_kg{
  border: solid 1px #000;
  padding: 10px;
  display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.table_kg .title_lkg{
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.table_kg .img_link{
  border: solid 1px #000;
  padding: 20px;
  width: 250px;
}
.img_link.tabcontent_table{
  display: none;
}
.img_link.tabcontent_table#table_img0{
  display: block;
}
table.hover_td th{
  text-align: center;
}
table th, table td{
  font-weight: 600;
  color: #000;
}
.table table{
  width: 100%;
  margin-bottom: 20px;
}
.table table th, .table table td{
  padding: 20px 10px;
  margin: 0 5px;
  border-right: solid 4px #fff;
  border-left: solid 4px #fff;
}
.table table tr{
  border-bottom: solid 1px #009999;
}

.table table tr td:first-child{
  background: #fff;
}
.table table th{
  background: #009999;
  color: #fff;
}
.table table td{
  background: #eaeaea;
  position: relative;
}
.table table td span.icon{
	width: 35px;
	height: 100%;
  display: block;
}
.table table td span.icon .set_w{
	width: 35px;
	height: auto;
}
.table table td a{
	color: #000;
  position: relative;
  z-index: 99;
}
.table table td a.hover_link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
table td a.hover_link:hover{
  background: #ccffcc;
}
a.hover_link > div{
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 10px;
  -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.table table td a.dk_kh{
	padding: 5px 7px;
	background: #FF7000;
	color: #fff;
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
}
.table table td a.dk_kh:hover{
  background: #009999;
}
div.text_pm_table{
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.chitiet{
    padding: 5px 20px;
    padding-right: 35px;
    background: #6bbf50;
    display: inline-block;
}
.dangki{
  padding: 5px 20px;
  padding-right: 35px;
  background: #FF7000;
  float: right;
  margin-right: 15px;
}
.chitiet a, .dangki a{
  color: #fff;
  position: relative;
  font-weight: 500;
}
.chitiet i, .dangki i{
  position: absolute;
  right: -20px;
  top: 2px;
  transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s; 
}
.chitiet:hover i, .dangki:hover i{
  right: -30px;
}

.img_bang_table{
	margin-bottom: 30px;
	position: relative;
}
.img_bang_table .chitiet{
	position: absolute;
	right: 0;
	bottom: 0;
    background: linear-gradient(410deg, transparent 6px, #6bbf50 0) top left!important;
}

/*-------------.SAN PHAM DETAIL------------------------------------*/ 
.owl-spct{
  margin-top: 20px;
}
.item_zoom{
  border: solid 2px #fff;
  cursor: pointer;
}
.item_zoom:hover, .item_zoom.active{
  border: solid 2px #6bbf50;
}
.slider_item .prev-owl-spct{
    color: #10161a;
    position: absolute;
    left: -25px;
    top: 40%;
    font-size: 45px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 0;
}
.slider_item .next-owl-spct{
    color: #10161a;
    position: absolute;
    right: -25px;
    top: 40%;
    font-size: 45px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    line-height: 0;
}
.title_spct {
  margin-bottom: 20px;
}
.title_spct h3{
  font-size: 28px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.flex, .h-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.M3KjhJ, .SbDIui {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
._XAFUg:first-child, .M3KjhJ:first-child, .SbDIui:first-child {
    padding-left: 0;
}
._2z6cUg {
    color: #ee4d2d;
    border-bottom-color: #ee4d2d;
}
/*._3Oj5_n {
    border-bottom: 1px solid #555;
}*/
._3Oj5_n, ._22sp0A {
    font-size: 16px;
    color: #222;
    margin-right: 5px;
    /*padding-bottom: 1px;*/
}
._1_WXLA, ._XAFUg, .ilat8W {
    font-size: 16px;
    color: #767676;
    text-transform: capitalize;
}
.shopee-rating-stars {
    position: relative;
    display: inline-block;
}
.shopee-rating-stars__stars {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.shopee-rating-stars__star-wrapper {
    position: relative;
    margin-right: 1px;
}
.shopee-rating-stars__star-wrapper>.shopee-rating-stars__lit {
    overflow: hidden;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}
.shopee-rating-stars__hollow-star {
    color: #ee4d2d;
    display: block;
    stroke: currentColor;
}

svg:not(:root) {
    overflow: hidden;
}
.shopee-rating-stars__primary-star {
    color: #FFCC00;
    display: block;
    position: absolute;
    left: 0;
    overflow-x: hidden;
}
.shopee-rating-stars__hollow-star {
    color: #FFCC00;
    display: block;
    stroke: currentColor;
}

._XAFUg, .M3KjhJ, .SbDIui {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 15px;
    border-right: 1px solid rgba(0,0,0,.14);
}
._3DepLY {
    margin-top: 1.5625rem;
    padding: 0 1.25rem;
}
.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
._3dRJGI:last-child {
    padding-bottom: 0;
}
.items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
._1FzU2Y {
    color: #757575;
    margin-top: 16px;
}
._2iNrDS {
    color: #757575;
    width: 110px;
    text-transform: capitalize;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}
._sp_live{
  font-size: 18px;
}
.crl7WW {
    -webkit-flex-basis: 32.1875rem;
    -ms-flex-preferred-size: 32.1875rem;
    flex-basis: 32.1875rem;
    max-width: 32.1875rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-variation--selected {
    color: #ee4d2d;
    border-color: #ee4d2d;
}
.product-variation__tick {
    width: .9375rem;
    height: .9375rem;
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;
}
.product-variation__tick>.icon-tick-bold {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 8px;
}

.product-variation {
    cursor: pointer;
    display: inline-block;
    min-width: 5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 15px;
    line-height: 1;
    margin: 0 8px 8px 0;
    color: rgba(0,0,0,.8);
    text-align: center;
    white-space: nowrap;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,.09);
    position: relative;
    background: #fff;
    outline: 0;
    font-size: 16px;
}
.product-variation--selected {
    color: #ee4d2d;
    border-color: #ee4d2d;
}
.product-variation:hover {
    color: #ee4d2d;
    border-color: #ee4d2d;
}
.product-variation__tick {
    width: 20px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;
}
.product-variation__tick:before {
    border: 16px solid transparent;
    border-bottom-color: #ee4d2d;
    content: "";
    position: absolute;
    right: -16px;
    bottom: 0px;
}
._2n_9_X {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 625px;
    -webkit-flex-basis: 625px;
    -ms-flex-preferred-size: 625px;
    flex-basis: 625px;
}
._3_ISdg {
    font-size: 2rem;
    text-decoration: line-through;
    color: #929292;
    margin-right: 10px;
}
._3n5NQx {
    font-size: 2.875rem;
    font-weight: 500;
    color: #ee4d2d;
}
._1GAMqZ, .MITExd {
    margin-left: 15px;
    white-space: nowrap;
}
.MITExd {
    font-size: 1.75rem;
    color: #fff;
    text-transform: uppercase;
    background: #ee4d2d;
    border-radius: 2px;
    padding: 2px 4px;
    font-weight: 600;
    line-height: 1;
}
._1FzU2Y .shopee-input-quantity {
    background: #fff;
}
.shopee-input-quantity>.shopee-button-outline:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.shopee-input-quantity {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shopee-input-quantity .shopee-button-outline {
    width: 4rem;
    height: 4rem;
}
.shopee-button-outline {
    outline: none;
    cursor: pointer;
    border: none;
    font-size: .875rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .1s cubic-bezier(.4,0,.6,1);
    transition: background-color .1s cubic-bezier(.4,0,.6,1);
    border: 1px solid rgba(0,0,0,.09);
    border-radius: 2px;
    background: transparent;
    color: rgba(0,0,0,.8);
}
.shopee-input-quantity .shopee-button-outline-mid {
    width: 4.125rem;
    height: 4rem;
    border-left: none;
    border-right: none;
    font-size: 2rem;
    font-weight: 400;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    cursor: text;
    border-radius: 0;
}
._2O0llP {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
._3a6p6c {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.YtgjXY {
    margin-right: 15px;
    min-width: 11.25rem;
    padding: 0 .75rem;
    font-size: 14px;
}
.btn-tinted, .btn-tinted--link {
    color: #ee4d2d;
}
._343Jzb {
    margin-right: 10px;
    color: #ee4d2d;
    stroke: #ee4d2d;
    font-size: 2rem;
}

.btn-tinted {
    background: rgba(255,87,34,.1);
    border: 1px solid #ee4d2d;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.03);
}
.btn-tinted:active, .btn-tinted:hover {
    background: rgba(255,87,34,.15);
}
.btn-solid-primary {
    color: #fff;
    background: #ee4d2d;
}

.shopee-svg-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    fill: currentColor;
    position: relative;
    padding: 1px;
}
.btn_spct .btn.btn-tinted{
  padding-left: 55px;
  position: relative;
}
.btn_spct .btn.btn-tinted svg{
	position: absolute;
    left: 23px;
    top: 8px;
}
.btn_spct button{
  padding: 8px 35px;
}
.btn_spct button:focus{
  outline: none;
}
@media screen and (max-width: 640px) {
	.btn_sp_add{
		text-align: center;
	}
	.btn_spct button{
	  padding: 8px 10px;
	}
	.btn_spct button span, .btn_spct a button, .btn_spct button.btn{
		font-size: 12px;
	}
	.shopee-svg-icon {
	    width: 20px;
	    height: 20px;
	}
	.btn_spct .btn.btn-tinted svg{
		position: absolute;
	    left: 2px;
	    top: 5px;
	}
	.btn_spct .btn.btn-tinted{
	  padding-left: 25px;
	}
}
.social > span{
  margin-right: 10px;
  font-size: 18px;
}
.btn-sm, .btn-group-sm>.btn {
    padding: 2px 4px;
    border-radius: 50%;
    border: none;
    color: #fff;
}
.social a.btn-sm{
  font-size: 16px;
  color: #fff;
}
a.btn.kq{
  color: #000;
  font-size: 20px;
}
.btn.like, .btn.unlike{
  font-size: 26px;
  margin-left: 10px;
  border-left: 1px solid rgba(0,0,0,.09);
  padding-left: 10px;
  color: #ee4d2d;
}
.btn.kq{
  padding: 6px 0px;
}
@media screen and (min-width: 1200px) {
  .btn.like, .btn.unlike{
    margin-left: 30px;
    padding-left: 30px;
  }
}
.btn.like, .btn.unlike, .btn.kq {
    background: none;
    box-shadow: none;
}
.title_ct_sp{
  text-transform: uppercase;
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
}
.text_item_daotao ._3_ISdg {
    font-size: 14px;
}
.text_item_daotao ._3n5NQx {
    font-size: 16px;
}
.sp_in.active{
  padding: 5px 20px;
  background: #1e8cbe;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 10;
}
.sp_out.active{
  padding: 5px 20px;
  background: #ee4d2d;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 10;
}
.so-km-box {
    position: absolute;
    top: 0;
    right: 5px;
    width: 40px;
    background: url(../images/giamgia.png) no-repeat;
    background-size: 100% 100%;
    padding: 5px 3px 10px 3px;
    color: white;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    z-index: 10;
}
.like_sp .btn.like, .like_sp .btn.unlike {
    font-size: 18px;
    border: none;
    padding: 0;
    margin-left: 0;
}
.like_sp span.btn.kq {
    color: #000;
    font-size: 16px;
}
.like_sp .btn.unlike i{
  color: #ee4d2d;
}
.dataCart{
  border: 1px solid rgba(0,0,0,.09);
}
.table.table-cart th{
  font-size: 16px;
}
._1sUxy9 {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .625rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.09);
}
._1bNSSj {
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    width: 4.5rem;
    height: 4.5rem;
    border: 1px solid rgba(0,0,0,.09);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
._3V6d4p {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: .625rem;
    overflow: hidden;
}
.center, .v-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.Oo4LQk {
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
}
._1d_3qO {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
._1kIptg {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 2.5rem;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
._2W2Ge6 {
    color: #ee4d2d;
    font-size: 14px;
}
._3dbrCy {
    float: right;
    z-index: 1;
}
.Rgll-d {
    height: 2.5rem;
    line-height: 2.5rem;
    background-color: #fdfdfd;
    text-align: center;
    text-transform: capitalize;
    font-size: .75rem;
    padding: .625rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1200px) {
  .hover_cart:hover .cart_shop{
    display: block;
  }
  .cart_shop{
    position: absolute;
    padding: 20px;
    right: 0;
    background: #fff;
    box-shadow: 0 1px 3.125rem 0 rgba(0,0,0,.2);
    border-radius: .125rem;
    overflow: hidden;
    background-color: #fff;
    width: 40rem;
    display: none;
    z-index: 9999;
  }
}
.views_btn_gh{
  text-align: right;
}
.views_btn_gh a.view_gh{
  border: none;
  background: #e2492b;
  color: #fff;
  padding: 5px 10px;
  font-size: 16px;
}
.views_btn_gh a:hover{
  border: none !important;
}
.page-cart .table-responsive{
  overflow-x: hidden;
}
.hover_cart{
  position: relative;
}
span.stt_cart{
  position: absolute;
  right: -4px;
  top: -7px;
  border: solid 1px #ee4d2d;
  border-radius: 50%;
  color: #fff;
  font-size: 14px;
  padding: 0px 5px;
  font-weight: bold;
  background: #ee4d2d;
}
#popup .modalCustom {
    display: none;
    position: fixed;
    z-index: 99999;
    padding: 100px 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
#popup .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    border-radius: 5px;
}
@media (min-width: 768px){
  #popup .modal-content {
    width: 70%;
  }
}
@media (min-width: 992px){
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
  }
  #popup .modal-content {
    width: 30%;
  }
}
#popup .close {
  position: absolute;
  color: red;
  float: right;
  font-size: 28px;
  font-weight: bold;
  opacity: 1;
  right: 7px;
  top: 2px;
}
.title_text_form{
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
  font-weight: bold;
}
.info_content input.form-control, .info_content select.form-control{
  height: 35px;
  margin-bottom: 15px;
}
.info_content textarea{
  height: 60px;
  margin-bottom: 15px;
}
.info_content .btn.btn-info{
  background: #ee4d2d;
  color: #fff;
  font-size: 14px;
  border: none;
}
.btn_done{
  float: right;
}
.btn_done a{
  color: #000;
  text-transform: uppercase;
  padding: 0 20px;
}
button.btn_muahang{
  background: #ee4d2d;
  color: #fff;
  font-size: 18px;
  border: none;
  float: right;
  padding: 10px 20px;
  margin-right: 10px;
}
button.btn_xoa{
  background: #ee4d2d;
  color: #fff;
  font-size: 18px;
  border: none;
  float: right;
  padding: 10px 20px;
}
.table.table-cart, .table.table-cart td, .table.table-cart th{
  border: 1px solid rgba(0,0,0,.09);
  font-size: 16px;
}
.lq_slider{
  text-transform: uppercase;
  font-size: 18px;
  margin-bottom: 20px;
}
.clear_cart_show{
  font-size: 14px;
  text-align: right;
  float: right;
  background: none;
  border: none;
  color: #000;
  margin-top: -20px;
}
.views_btn_gh #total{
  text-align: left;
  font-size: 14px;
  float: left;
  margin-top: 10px;
}
.item_total #total2{
	font-size: 22px;
	color: #ee4d2d;
}
/*-------------.END SAN PHAM DETAIL------------------------------------*/ 
  /*-------------.RESPONSIVE------------------------------------*/ 
  
    @media screen and (max-width: 1199px) {
    	.xtlab-ctmenu-sub{
    		position: static;
    		float: none;
    		width: 100%;
    		background: #fff;
    		border: none;
    	}
    	.xtlab-ctmenu-sub ul li{
    		list-style: none;
    	}
    	.xtlab-ctmenu-sub ul li a{
    		font-size: 16px;
    		text-transform: uppercase;
    		color: #fff;
    	}
    	.xtlab-ctmenu-sub ul li a:focus{
    		color: #fff;
    		outline: none;
    	}
    	.navbar-toggle{
		  	margin-right: 55px !important;
		  }
		  .navbar-header{
		  	position: relative;
		  }

		  .btn-search .menu_item{
		  	font-size: 28px;
		  	position: absolute;
		  	right: 15px;
		  	top: 5px;
        cursor: pointer;
        color: #000;
		  }
		  .btn-search .xtlab-ctmenu-sub{
		  	position: absolute;
		  	top: 48px;
		  	padding: 30px 0;
	  	    z-index: 999999;
	  	    border-radius: 0;
		  }
		  .btn-search .xtlab-ctmenu-sub .search{
		  	margin: 0 15px;
		  	padding: 0 15px;
		  }
		  .btn-search .xtlab-ctmenu-sub .search input {
		      border: solid 1px #000;
			    width: 95%;
			    float: left;
			    height: 50px;
			    padding-right: 110px;
		}
		.btn-search .xtlab-ctmenu-sub .search button {
			left: initial;
		    right: 17px;
		    height: 50px;
		    padding: 15px 30px;
        line-height: 24px;
		}
		.breacum{
			margin-top: 20px;
		}
    #navbar .nav>li>a:hover, #navbar .nav>li>a:focus {
      background: none;
  }


    }
    @media screen and (max-width: 991px) {
    .content_tt_cart{
      padding: 0 15px;
      border-bottom: none;
    }
    .mt_m20{
      margin-top: -20px;
    }
    .mt_m50{
      margin-top: -50px;
    }
  }

  @media screen and (min-width: 992px) {
  	.mt_m50{
      margin-top: -60px;
    }

  .title_home h2{

    font-size: 28px;

    padding: 0 35px;

  }

  .text_item_daotao h3, .text_item_product h3, .text_item_duan h3{

    font-size: 20px;
    font-weight: 500;

  }
  .text_item_ct h4{
  	font-size: 20px;
  }

}

@media screen and (max-width: 992px) {
  #scrollPage{
    display: none;
  }
  #scrollPage .btn-sm {
    display: none;
  }
  ul.ul_social_fixed, .mbm_floating_sidebar{
    display: none;
  }
}

.table.table_kg table{
  width: 890px;
  margin-right: 10px;
}
.scroll.right{
    display: none;
  }
 @media screen and (max-width: 1199px) {
  .content_total{
    margin: 20px 0;
  }
  .item_total{
    margin-bottom: 20px;
  }
  .cart_add{
    width: 100%;
    margin-bottom: 30px;
    float: left;
  }
  .table.table_kg{
    width: 100%;
    overflow-x: scroll;
  }
  .table.table_dt_ct{
    width: 100%;
    overflow-x: scroll;
  }
  .table.table_dt_ct table {
    width: 890px;
    margin-right: 10px;
  }
  .with_scroll{
    width: 1020px;
    overflow-x: scroll;
  }
  .width_scroll_cart{
    width: 100%;
    overflow-x: scroll;
  }
  #amlich-month{
    margin-top: 30px;
  }
  .mt_80{
    margin-top: 80px;
  }
  .mt_60{
    margin-top: 60px;
  }
  .cart_shop{
    display: none;
  }
  
  .table.scroll{
    width: 100%;
    overflow-x: auto;
    position: relative;
  }
  .scroll.right{
    font-size: 24px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 25px;
    text-align: right;
    position: relative;
    display: block;
  }
  .scroll.right span i {
    position: absolute;
    top: -5px;
    right: 10px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-animation-name: sliderScrollButton;
    animation-name: sliderScrollButton;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }
  .scroll.right.daotao1 i{
    top: 10px;
  }
  .scroll.right.lick_kg1 i{
    top: -34px;
  }
  .scroll.right.giohang1 i{
    top: -30px;
  }
  .scroll.right.giohang1{
    margin: 0;
  }
  @-webkit-keyframes sliderScrollButton {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    70% {
      opacity: 1;
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }

  @keyframes sliderScrollButton {
    0% {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    70% {
      opacity: 1;
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }

    100% {
      opacity: 0;
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  }
  .table table.hover_td{
    width: 1150px;
    overflow-x: scroll;
    position: relative;
  }
  table.table-cart{
    width: 850px;
    overflow-x: scroll;
  }
 }
 @media screen and (min-width: 992px) {
  .mt_50{
    margin-top: 50px;
  }
 }
  @media screen and (min-width: 1200px) {

 }

  /*-------------.END RESPONSIVE------------------------------------*/ 
   #best-features .row{
  margin: 0 !important
 }
 .content_tt_cart{
  border-bottom: solid 1px #ddd;
  margin-bottom: 30px;
  margin-top: 50px;
 }
 .action_rating{
  position: relative;
 }
 .none_click{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }
 #total{
  color: #ee4d2d;
  font-size: 22px;
 }
 .bang, .total_m, .mua_hang_m, .xoa_hang_m{
  width: 100%;
 }
 .bang_gio_hang_m button.btn_muahang, .bang_gio_hang_m button.btn_xoa{
  width: 100%;
  padding: 5px 25px;
  margin: 15px 0;
 }
 .lich{
  max-width: 300px;
  width: 100%;
  margin: auto;
 }
.table.table_kg::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.table.table_kg::-webkit-scrollbar-thumb {
    background-color: #009999;
}
.table.table_kg::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.table.table_dt_ct::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.table.table_dt_ct::-webkit-scrollbar-thumb {
    background-color: #009999;
}
.table.table_dt_ct::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.table.scroll::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.table.scroll::-webkit-scrollbar-thumb {
    background-color: #009999;
}
.table.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.width_scroll_cart::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}
.width_scroll_cart::-webkit-scrollbar-thumb {
    background-color: #009999;
}
.width_scroll_cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.btn_sp_add a{
	position: relative;
	display: inline-block;
}
.close_Out_of.active{
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 100%;
	background: #eff0f5;
	z-index: 99;
	opacity: 0.7;
}
.show-popup-phone{
  max-width: 180px;
  min-width: 160px;
  background: #fff;
  border: solid 1px #ddd;
  position: fixed;
  bottom: 60px;
  left: 50px;
  padding: 10px;
  z-index: 999;
}
#myDIV{
  display: none;
}
.logo_cm{
  max-width: 35px;
  max-height: 35px;
  width: 35px;
  margin-right: 15px;
}
.ad_cm{
  padding-left: 25px;
  margin-top: 5px;
}
.btn.button_facebook{background-color:rgb(59, 89, 152)!important;}
.btn.button_twitter{background-color:rgb(29, 161, 242)!important;}
.btn.button_youtube{background-color:rgb(205, 32, 31)!important;}
.btn.button_linkedin{background-color:rgb(0, 119, 181)!important;}
.btn.button_print{background-color:rgb(115, 138, 141)!important;}
.btn.button_email{background-color:rgb(132, 132, 132)!important;}
.btn.button_pinterest{ background: #C92326; }
.btn-default{
    font-size: 20px;
}
@media screen and (max-width: 992px) {
    .mz-lens, .mz-zoom-window{
        display: none !important;
    }
}
.col-xs-12.col-sm-6.col-md-8.nopadding .img_company{
  margin-bottom: -1px;
}
.content_ct_sp iframe{
	width: 100% !important;
	height: 300px !important;
}
@media screen and (min-width: 768px) {
	.content_ct_sp iframe{
		width: 100% !important;
		height: 400px !important;
	}
}
@media screen and (min-width: 992px) {
	.content_ct_sp iframe{
		width: 100% !important;
		height: 600px !important;
	}
}