body {
  font: 16px/18px Helvetica, Arial, "DejaVu Sans", "Liberation Sans", Freesans,
    sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #fff;
}
html {
  color: #222222;
}
:root {
  --main-color: #4a90e2;
  --sub-color: #4a90e2;
  --extra-color: #00aeef;
  --black-color: #23232b;
  --blue-color: #00aeef;
  --orange-color: #ef4e22;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
legend,
input,
button,
textarea,
p,
blockquote {
}
blockquote {
  position: relative;
  padding: 8px 0px 8px 13px;
  border-left: 3px solid #d4d4d4;
  margin-bottom: 12px;
  margin-left: 25px;
}
blockquote p,
blockquote div,
blockquote li,
blockquote h2,
blockquote h3 {
  margin-bottom: 0px !important;
}
.fieldset {
  margin: 0;
  padding: 10px;
}
th,
td {
  margin: 0;
}
a {
  color: #000;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in 0;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0;
  transition: all 0.2s ease-in 0;
}
a:hover {
  color: var(--blue-color);
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.red,
.label_error {
  color: red;
}
.redborder {
  border: 1px solid red;
}
.bold {
  font-weight: bold;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
del,
ins {
  text-decoration: none;
}
li {
  list-style: none;
}
.content_li li {
  list-style: initial;
  margin-left: 40px;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: #000000;
  font-weight: bold;
  padding: 0 8px;
}
figure {
  margin: 0;
  text-align: center;
  margin-bottom: 12px;
}
.figcaption {
  font-style: italic;
}
input,
button,
textarea,
select,
optgroup,
option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: none;
}
input,
button,
textarea,
select {
  *font-size: 100%;
}
table {
  font: 100%;
  border-collapse: collapse;
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}
.clear,
.clearfix {
  clear: both;
}
.cls::after {
  content: "";
  display: block;
  clear: both;
}
.hidden,
.hide,
.hiden {
  display: none;
}
.pagination {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  width: 100%;
  padding-bottom: 10px;
}
.scroll_bar::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ebebeb;
}
.scroll_bar::-webkit-scrollbar {
  width: 8px;
  background-color: #ebebeb;
  border-radius: 10px;
}
.scroll_bar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: scroll center center var(--main-color);
  border: 1px solid #ebebeb;
}
.pagination .current {
  background: none repeat scroll 0 0 var(--main-color);
  color: #ffffff;
  border: 1px solid var(--main-color);
  display: inline-block;
  font-size: 14px;
  margin-left: 6px;
  padding: 6px 12px;
  box-sizing: border-box;
  border-radius: 3px;
}
.block_testimonials .title_icon {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.block_videos .title_icon {
  width: 40px;
  height: 40px;
  float: left;
  position: relative;
}
.pagination a,
.pagination b {
  background: none repeat scroll 0 0 #fff;
  color: #4c4c4c;
  display: inline-block;
  font-size: 13px;
  margin-left: 6px;
  padding: 6px 12px;
  border-radius: 3px;
  text-decoration: none;
  box-sizing: border-box;
  border: 1px solid #eee;
  margin-bottom: 10px;
}
.pagination a:hover,
.pagination b:hover {
  background: none repeat scroll 0 0 #2080ca;
  color: #ffffff;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
}
.next-page {
  padding: 6px 13px 6px !important;
}
.pre-page {
  padding: 6px 13px 6px !important;
}
.next-page:hover {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
}
.pre-page:hover {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
}
.left {
  float: left;
}
.right {
  float: right;
}
.right-col .block {
  background: #fff;
  margin-top: 20px;
  box-sizing: border-box;
}
.page_title {
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #dedede;
}
@media all and (max-width: 900px) {
  .page_title {
    padding-top: 15px;
  }
}
.page_title span {
  font-weight: normal;
  padding: 0px 20px 14px 0px;
  display: inline-block;
  position: relative;
  margin-left: 0px;
  z-index: 1;
  min-width: 78px;
  text-align: center;
  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;
  font-size: 28px;
  text-decoration: none;
  text-align: left;
}
.page_title:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 83px;
  height: 0;
  border-style: solid;
  border-width: 3px 0px 0 0;
  border-color: var(--main-color) transparent transparent transparent;
  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;
}
@media screen and (max-width: 768px) {
  .page_title span {
    font-size: 20px;
  }
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.benmarch {
  display: none;
}
.hide {
  display: none;
}
.hidetime {
  display: none;
}
.submit_bt,
.reset_bt {
  padding: 5px 14px;
  border-radius: 4px;
  font-size: 15px;
  cursor: pointer;
}
.submit_bt {
  border: 1px solid #2080ca;
  background: #2080ca;
  color: #fff;
}
.submit_bt:hover {
  border: 1px solid #c90008;
  background: #c90008;
}
.reset_bt {
  border: 1px solid #b3b1b1;
  background: #f9f9f9;
  color: #000;
}
.reset_bt:hover {
  border: 1px solid #b3b1b1;
  background: #cecdcd;
}
.redborder {
  border-color: #ed1c24 !important;
}
.scroll-bar::-webkit-scrollbar-track {
  border-radius: 15px;
  background-color: #ebebeb;
}
.scroll-bar::-webkit-scrollbar {
  width: 5px;
  background-color: #ebebeb;
  border-radius: 15px;
}
.scroll-bar::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: #2080ca;
  border: 1px solid #ebebeb;
}
.right-col {
  width: 290px;
  float: right;
  position: relative;
}
.main-area-2col-right {
  width: -webkit-calc(100% - 290px);
  width: -moz-calc(100% - 290px);
  width: calc(100% - 290px);
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
}
.container {
  width: 1170px;
  max-width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1260px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1260px) {
  .container_main_wrapper {
    background: #fff;
  }
}
.lazy {
  opacity: 0;
  transition: all 300ms ease-in-out;
}
.after-lazy {
  opacity: 1;
  display: inline-block !important;
}
.header_wrapper_wrap {
  min-height: 52px;
  width: 100%;
  z-index: 9;
  background-color: var(--main-color);
}
.header_wrapper {
  padding: 12px 0px 12px;
  background-color: var(--main-color);
  width: 100%;
  z-index: 100;
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
}
@media screen and (max-width: 760px) {
  .header_wrapper {
    padding: 7px 0px 8px;
  }
}
.header-l {
  float: left;
  width: calc(100% - 320px);
}
@media screen and (max-width: 1090px) {
  .header-l {
    width: calc(100% - 200px);
  }
}
@media all and (max-width: 760px) {
  .header-l {
    width: calc(100% - 82px);
  }
}
@media all and (max-width: 420px) {
  .header-l {
    width: calc(100% - 34px);
  }
}
.header-r {
  float: left;
  width: 320px;
  padding-top: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1090px) {
  .header-r {
    width: 200px;
  }
}
@media screen and (max-width: 860px) {
  .header-r {
    padding-top: 17px;
  }
}
@media screen and (max-width: 760px) {
  .header-r {
    width: 82px;
  }
}
@media all and (max-width: 420px) {
  .header-r {
    width: 34px;
  }
}
.header-r .support_top {
  position: relative;
  color: #222;
  padding-left: 29px;
  width: 86px;
}
.header-r .support_top svg {
  width: 18px;
  height: 18px;
  position: absolute;
  fill: #000;
  left: 0px;
  top: 0px;
}
.header-r .support_top a {
  color: #fff !important;
}
@media all and (max-width: 1090px) {
  .header-r .support_top {
    display: none;
  }
}
.header-r .login-hd {
  position: relative;
  padding-left: 30px;
  width: 98px;
  margin-right: 0px;
}
.header-r .login-hd svg {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 2px;
  top: -2px;
  fill: #fff;
}
.header-r .login-hd a {
  color: #fff !important;
}
@media all and (max-width: 760px) {
  .header-r .login-hd {
    width: 26px;
  }
  .header-r .login-hd a span {
    display: none;
  }
  .header-r .login-hd svg {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0px;
    top: -6px;
  }
}
@media all and (max-width: 450px) {
  .header-r .login-hd {
    display: none;
  }
  .header-r .login-hd svg {
    width: 23px;
    height: 23px;
  }
}
@media all and (max-width: 350px) {
  .header-r .login-hd svg {
    width: 21px;
    height: 21px;
    stop: -4px;
  }
}
.header-r .shopcart {
  width: 89px;
}
@media screen and (max-width: 760px) {
  .header-r .shopcart {
    float: left;
    margin-left: 9px;
    width: 31px;
  }
}
@media screen and (max-width: 420px) {
  .header-r .shopcart {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.header-r > div {
  float: right;
  box-sizing: border-box;
  margin-right: 20px;
}
.header-r .fb_header {
  float: left;
}
.header-r .hotline_header {
  float: left;
  margin-left: 40px;
  position: relative;
  padding-left: 50px;
}
.header-r .hotline_header .hotline_head_item {
  line-height: 20px;
}
.header-r .hotline_header .hotline_head_item a {
  font-weight: bold;
}
.header-r .hotline_header .hotline_head_item span {
  width: 50px;
  display: inline-block;
}
.header-r .hotline_header svg {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 2px;
  left: 0px;
  fill: var(--extra-color);
}
.logo_img {
  max-width: 232px;
  width: auto !important;
}
@media all and (max-width: 990px) {
  .logo_img {
    max-width: 118px;
  }
}
@media all and (max-width: 600px) {
  .logo_img {
    height: 26px;
  }
}
.logo_img_small {
  display: none;
  height: 40px;
  width: auto !important;
}
@media all and (max-width: 600px) {
  .logo_img_small {
    height: 26px;
  }
}
.regions_search {
  float: right;
  width: calc(100% - 282px);
  padding: 10px 50px 0px 0px;
  box-sizing: border-box;
}
@media all and (max-width: 1024px) {
  .regions_search {
    width: calc(100% - 332px);
    padding: 11px 55px 0px;
  }
}
@media all and (max-width: 860px) {
  .regions_search {
    width: calc(100% - 244px);
    padding: 4px 26px 0px;
    position: relative;
  }
}
@media all and (max-width: 550px) {
  .regions_search {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 550px) {
  .regions_search #search {
    right: 50%;
    transform: translateX(50%);
    position: absolute;
    width: 300px;
    top: 0px;
    z-index: 6;
    display: none;
  }
}
.regions_search .click_search_mobile {
  display: none;
}
@media all and (max-width: 550px) {
  .regions_search .click_search_mobile {
    display: block;
    position: absolute;
    right: 14px;
    top: -31px;
  }
  .regions_search .click_search_mobile svg {
    width: 25px;
    height: 25px;
    fill: #fff;
  }
}
@media all and (max-width: 420px) {
  .regions_search .click_search_mobile svg {
    width: 22px;
    height: 22px;
  }
}
@media all and (max-width: 370px) {
  .regions_search .click_search_mobile {
    top: -29px;
  }
}
@media all and (max-width: 350px) {
  .regions_search .click_search_mobile svg {
    width: 20px;
    height: 20px;
  }
}
.regions_search .block_regions {
  width: 100px;
  float: left;
}
@media all and (max-width: 800px) {
  .regions_search .block_regions {
    display: none;
  }
}
.regions_search select {
  border: none;
  height: 40px;
  box-sizing: border-box;
  background: #eee;
  border-radius: 4px 0 0 4px;
  font-size: 13px;
  display: inline-block;
  font: inherit;
  padding: 10px;
  width: 100px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #333 50%),
    linear-gradient(135deg, #333 50%, transparent 50%),
    linear-gradient(to right, #eee, #eee);
  background-position: calc(100% - 19px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
.regions_search_mb {
  float: right;
  width: 200px;
  margin-top: 6px;
}
.regions_search_mb select {
  border: none;
  height: 40px;
  box-sizing: border-box;
  background: #eee;
  border-radius: 4px;
  padding: 0 5px;
  float: right;
  margin-right: 5px;
}
.header .logo {
  display: inline-block;
  float: left;
  padding-top: 6px;
}
/*@media all and (max-width: 500px) {
  .header .logo img {
    width: 90px;
  }
}*/
.address_header,
.header .hotline {
  margin-top: 31px;
}
.address_header_head,
.header .hotline {
  position: relative;
  padding-left: 41px;
}
.header .hotline > li:first-child {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
  color: #5d5a5c;
}
.address_header label {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  color: #5d5a5c;
  margin-top: 10px;
}
.address_header:hover label {
  color: #000;
}
.address_header_head::before,
.header .hotline::before {
  position: absolute;
  content: " ";
  width: 33px;
  height: 31px;
  top: 4px;
  left: 0px;
}
.support_phone li {
  margin-bottom: 10px;
  border-bottom: 1px solid #f9f9f9;
  padding-bottom: 10px;
  position: relative;
  padding-left: 39px;
}
.support_phone li::before {
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="24" width="24" fill="dodgerblue" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M78.014,20.385c8.463,8.75,12.51,18.127,12.84,29.081c0.076,2.519-1.453,4.183-3.876,4.312  c-2.557,0.136-4.293-1.441-4.356-4.012c-0.134-5.394-1.357-10.521-4.033-15.211C72.491,23.871,63.191,18.302,50.95,17.603  c-1.358-0.077-2.631-0.218-3.586-1.305c-1.223-1.391-1.33-2.991-0.672-4.62c0.664-1.642,2.01-2.382,3.759-2.352  c7.969,0.135,15.321,2.353,21.955,6.761C74.697,17.61,76.787,19.437,78.014,20.385z M50.11,24.674  c-0.732-0.01-1.53,0.134-2.189,0.44c-1.704,0.79-2.505,2.791-2.048,4.786c0.402,1.758,1.954,2.972,3.906,2.996  c4.562,0.056,8.597,1.499,11.951,4.624c3.688,3.434,5.41,7.741,5.588,12.751c0.032,0.891,0.367,1.904,0.891,2.618  c1.094,1.49,3.037,1.864,4.821,1.184c1.577-0.601,2.506-2.014,2.492-3.886c-0.051-6.981-2.592-12.943-7.5-18.08  C63.098,27.364,57.118,24.773,50.11,24.674z M73.486,87.206c1.689-1.888,3.575-3.599,5.361-5.401  c2.643-2.667,2.664-5.902,0.036-8.55c-3.134-3.157-6.28-6.302-9.44-9.433c-2.586-2.562-5.819-2.556-8.393-0.005  c-1.966,1.948-3.936,3.893-5.86,5.882c-0.133,0.137-0.261,0.247-0.389,0.328l-1.346,1.346c-0.375,0.239-0.748,0.236-1.236-0.029  c0.73-0.689-2.619-1.246-3.839-2.012c-5.695-3.575-10.471-8.183-14.694-13.374c-2.101-2.582-3.968-5.329-5.259-8.431  c-0.215-0.517-0.221-0.888,0.067-1.281l1.346-1.346c0.064-0.087,0.137-0.175,0.231-0.265c0.59-0.569,1.175-1.143,1.757-1.72  c1.361-1.348,2.706-2.711,4.057-4.069c2.69-2.703,2.684-5.88-0.015-8.604c-1.531-1.544-3.074-3.077-4.612-4.614  c-1.585-1.584-3.157-3.181-4.756-4.75c-2.59-2.543-5.824-2.548-8.408-0.007c-1.973,1.941-3.882,3.948-5.886,5.856  c-1.866,1.777-2.817,3.931-3.007,6.463c-0.307,4.104,0.699,7.983,2.106,11.77c2.909,7.832,7.333,14.766,12.686,21.137  c7.239,8.617,15.894,15.436,26.017,20.355c4.554,2.213,9.283,3.915,14.409,4.196C67.944,90.844,71.028,89.954,73.486,87.206z"/></svg>');
  background-repeat: no-repeat;
  content: " ";
  width: 33px;
  height: 33px;
  top: 1px;
  left: 0px;
  border: 1px solid #ddd;
  border-radius: 50%;
  box-sizing: border-box;
  background-position: center;
}
.support_phone li:last-child {
  margin-bottom: 0px;
  border-bottom: none;
  padding-bottom: 10px;
}
.address_header_head::before {
  background-position: -133px 1px;
}
.header .hotline::before {
  background-position: -35px 1px;
}
.header .more_info {
  color: #999999;
  font-size: 12px;
  margin-top: 0px;
  position: relative;
  padding-right: 23px;
}
.header .more_info::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  top: 3px;
  right: 0px;
  background-position: -45px -70px;
  background-repeat: no-repeat;
  z-index: 100;
  background-color: #fff;
}
.header .hotline {
  margin-right: 30px;
}
.sb-toggle-left {
  display: none;
  width: 40px;
  float: left;
  margin-top: 18px;
}
@media all and (max-width: 1024px) {
  .sb-toggle-left {
    display: block;
  }
}
@media all and (max-width: 860px) {
  .sb-toggle-left {
    margin-top: 14px;
  }

  .product_name {
      display: inherit !important;
  }
}
@media all and (max-width: 420px) {
  .sb-toggle-left {
    width: 35px;
  }
}
@media all and (max-width: 350px) {
  .sb-toggle-left {
    margin-top: 14px;
  }
}
.navicon-line {
  width: 24px;
  height: 3px;
  border-radius: 0px;
  margin-bottom: 5px;
  background-color: #ffffff;
}
@media all and (max-width: 420px) {
  .navicon-line {
    width: 20px;
  }
}
.modal-menu-full-screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #000000cc;
  z-index: 5;
}
.modal-menu-full-screen_white {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: #ffffffc9;
  z-index: 2;
}
.text-compare {
  margin-top: 4px;
  text-align: right;
}
.text-compare a {
  color: #999999;
  display: block;
  font-size: 12px;
}
.div_megamenu {
  width: 100%;
  z-index: 99;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .div_megamenu .top_menu {
    display: none;
  }
}
.div_megamenu .div_megamenu_left {
  width: 282px;
  float: left;
  box-sizing: border-box;
  background: var(--sub-color);
}
@media screen and (max-width: 1024px) {
  .div_megamenu .div_megamenu_left {
    width: 100%;
    float: none;
    text-align: center;
    border: none;
    box-shadow: 0px 0px #ccc;
    display: none;
  }
}
.div_megamenu .div_megamenu_left:hover .product_menu_fix_top {
  display: block;
}
.div_megamenu .div_megamenu_left .product_menu_fix_top {
  display: none;
}
@media only screen and (max-width: 1140px) {
  .slideshow_countdown {
    width: 100%;
    float: none;
  }
}
@media only screen and (max-width: 780px) {
  .slideshow_countdown {
    padding-top: 0px;
  }
}
.slideshow_countdown .slideshow {
  width: calc(100% - 300px);
  position: relative;
  margin-right: 14px;
}
@media all and (max-width: 1140px) {
  .slideshow_countdown .slideshow {
    width: calc(68% - 14px);
  }
}
@media all and (max-width: 1024px) {
  .slideshow_countdown .slideshow {
    width: calc(68% - 10px);
  }
}
.slideshow_countdown > .countdown {
  width: 280px;
}
.slideshow_countdown > .countdown .item {
  margin-bottom: 20px;
}
.slideshow_countdown > .countdown .item:nth-child(3) {
  margin-bottom: 0px;
}
@media all and (max-width: 1140px) {
  .slideshow_countdown > .countdown .item:nth-child(3) {
    display: none;
  }
}
.slideshow_countdown > .countdown .item a {
  display: grid;
}
@media all and (max-width: 1140px) {
  .slideshow_countdown > .countdown {
    width: 32%;
  }
}
@media all and (max-width: 1024px) {
  .slideshow_countdown > .countdown {
    width: calc(32% - 6px);
  }
}
.slideshow_countdown > .countdown .block {
  margin-top: 15px;
}
.slideshow_countdown > .countdown .block:first-child {
  margin-top: 0px;
}
.home_pos {
  margin-top: 30px;
}
@media all and (max-width: 600px) {
  .home_pos {
    display: none;
  }
}
.home_pos .banners {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}
.home_pos .banners .item {
  width: calc(100% / 3 - 20px);
  margin: 0px 10px;
}
.block_banner_3_colunm {
  margin-left: -15px;
  margin-right: -15px;
}
.block_banner_3_colunm .banner_item {
  display: block;
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  padding: 0 15px;
  overflow: hidden;
}
.block_banner_3_colunm .banner_item img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
@media only screen and (min-width: 768px) {
  .pos_mixed {
    margin-top: 15px;
  }
}
.pos_mixed_left {
  float: left;
  width: 57.365%;
}
.pos_mixed_right {
  float: right;
  width: 40.24%;
}
.pos_mixed .block_title {
  background: #fbfbfb;
  border: 1px solid #ececec;
  line-height: 48px;
  margin-bottom: 12px;
}
.pos_mixed .block_title span {
  margin-left: 31px;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: normal;
  margin-top: 10px;
}
.pos_mixed .block_content {
  border: 1px solid #e7e7e7;
  padding: 15px;
}
.main_wrapper .left-col .block,
.main_wrapper .right-col .block {
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
}
.main_wrapper .right-col .newslist_0 {
  border: 1px solid var(--extra-color);
  margin-top: 0px;
}
.right-col .block_title,
.left-col .block_title {
  color: #2080ca;
  cursor: pointer;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
  background: var(--extra-color);
  font-weight: bold;
  color: #fff;
}
.main_wrapper {
  background: #fff;
}
.main_wrapper_home {
  padding: 0px;
}
.main_wrapper_user {
  background: #f4f4f4;
  padding: 15px 0px;
}
.block_title {
  font-weight: bold;
  font-size: 20px;
  color: #252525;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: block;
}
.block_title .tt_green {
  color: var(--main-color);
}
@media all and (max-width: 600px) {
  .block_title {
    font-size: 16px;
  }
}
.block_title_view_all {
  margin-bottom: 33px;
}
.block_title_view_all .link_title {
  font-weight: bold;
  font-size: 24px;
  float: left;
}
@media screen and (max-width: 736px) {
  .block_title_view_all .link_title {
    font-size: 20px;
  }
}
.block_title_view_all .view_all {
  float: right;
  padding-right: 30px;
  font-weight: bold;
  color: var(--main-color);
  position: relative;
}
.block_title_view_all .view_all svg {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  fill: var(--main-color);
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 736px) {
  .block_title_view_all .view_all {
    display: none;
  }
}
.slideshow-top {
  background-color: #2172b9;
}
.big-banner {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.big-banner a {
  width: 1920px;
  min-width: 1920px;
  display: block;
  overflow: hidden;
  margin: 0 auto;
}
.big-banner a img {
  width: 100%;
  height: auto;
  position: relative;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  width: 100%;
  height: auto;
  margin: -1px auto;
}
.pos1 {
  margin-top: 176px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .pos1 {
    margin-top: 40px;
  }
}
.pos2,
.pos3,
.pos4 {
  margin-top: 64px;
  position: relative;
}
@media screen and (max-width: 500px) {
  .pos2,
  .pos3,
  .pos4 {
    margin-top: 50px;
  }
}
@media screen and (max-width: 500px) {
  .pos4 {
    margin-top: 0px;
  }
}
.pos5 {
  margin-top: 110px;
}
@media screen and (max-width: 500px) {
  .pos5 {
    margin-top: 30px;
  }
}
.pos6,
.pos8,
.pos9,
.pos10 {
  margin-top: 54px;
}
@media screen and (max-width: 736px) {
  .pos6,
  .pos8,
  .pos9,
  .pos10 {
    margin-top: 25px;
  }
}
.pos7 {
  margin-top: 74px;
}
@media screen and (max-width: 736px) {
  .pos7 {
    margin-top: 30px;
  }
}
.pos7 .block_title_view_all {
  margin-bottom: 36px;
}
@media screen and (max-width: 736px) {
  .pos7 .block_title_view_all {
    margin-bottom: 22px;
  }
}
.pos7 .block_title_view_all .link_title {
  position: relative;
  padding-left: 50px;
}
.pos7 .block_title_view_all .link_title svg {
  position: absolute;
  left: 0px;
  top: -13px;
}
@media screen and (max-width: 736px) {
  .pos7 .block_title_view_all .link_title {
    padding-left: 40px;
  }
  .pos7 .block_title_view_all .link_title svg {
    top: -7px;
    width: 30px;
    height: 30px;
  }
}
.pos9 .block_title_view_all {
  text-align: center;
  position: relative;
  margin-bottom: 0px;
}
.pos9 .block_title_view_all:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #ededed;
  top: 8px;
  left: 0px;
  z-index: -1;
}
.pos9 .block_title_view_all .link_title {
  float: none;
  background: #fff;
  padding: 0px 50px;
}
.pos10 {
  padding: 40px 0px;
  background: #f3f8f5;
}
@media screen and (max-width: 736px) {
  .pos10 {
    padding: 25px 0px;
  }
}
.line-1 {
  padding: 65px 75px 0px;
}
@media screen and (max-width: 500px) {
  .line-1 {
    padding: 30px 50px 0px;
  }
}
.line-2 {
  padding-left: 73px;
}
.line-3 {
  padding-left: 73px;
  margin-top: -100px;
}
.slider-collection {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}
@media all and (max-width: 768px) {
  .slider-collection {
    padding: 20px 10px;
  }
}
.pos_footer {
  background: #f3f5f5;
  padding-top: 40px;
  padding-bottom: 40px;
}
.pos_footer .container {
  display: flex;
}
.pos_footer .block_title {
  font-size: 22px;
  padding: 30px 0 10px;
}
.pos_footer .address_home {
  background: #fff;
  border-radius: 10px;
  width: calc(50% - 10px);
  float: left;
  margin-left: 10px;
  padding: 20px;
  padding-bottom: 0px;
  padding-top: 0;
  box-sizing: border-box;
}
footer {
  background: #f0f0f04a;
  padding: 60px 0px 0px;
  border-top: 1px solid #e4e4e440;
}
@media screen and (max-width: 1024px) {
  footer {
    padding: 35px 0px 0px;
  }
}
footer .top-ft {
  padding-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  footer .top-ft {
    padding-bottom: 10px;
  }
}
footer .top-ft .top-ft-l {
  width: 24%;
  float: left;
}
footer .top-ft .top-ft-l .logo-footer img {
  max-width: 250px;
}
footer .top-ft .top-ft-l .footer_info {
  margin-top: 14px;
  line-height: 24px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  footer .top-ft .top-ft-l {
    width: 100%;
    float: none;
    margin-bottom: 18px;
    text-align: center;
  }
  footer .top-ft .top-ft-l .footer_info {
    margin-top: 10px;
    font-size: 14px;
  }
}
footer .top-ft .top-ft-c {
  width: calc(30% - 45px);
  float: left;
  margin-left: 45px;
  line-height: 22px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  footer .top-ft .top-ft-c {
    width: 100%;
    margin-left: 0px;
    float: none;
  }
}
footer .top-ft .top-ft-r {
  width: calc(45% - 20px);
  margin-left: 20px;
  margin-top: 2px;
  float: right;
  box-sizing: border-box;
}
footer .top-ft .top-ft-r .dmca {
  width: 53px;
}
footer .top-ft .top-ft-r .bct {
  width: 158px;
}
@media screen and (max-width: 768px) {
  footer .top-ft .top-ft-r {
    width: 100%;
    float: none;
    padding-left: 0px;
    margin-left: 0px;
  }
}
@media screen and (max-width: 430px) {
  footer .top-ft .top-ft-r {
    width: 100%;
    float: none;
    padding-left: 0px;
  }
}
footer .top-ft .top-ft-c .title,
footer .top-ft .top-ft-r .title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 28px;
}
@media screen and (max-width: 500px) {
  footer .top-ft .top-ft-c .title,
  footer .top-ft .top-ft-r .title {
    margin-bottom: 10px;
    font-size: 14px;
  }
}
footer .top-ft .top-ft-c .content,
footer .top-ft .top-ft-r .content {
  line-height: 18px;
}
footer .top-ft .top-ft-c .content > div,
footer .top-ft .top-ft-r .content > div {
  margin-bottom: 16px;
}
@media screen and (max-width: 600px) {
  footer .top-ft .top-ft-c .content,
  footer .top-ft .top-ft-r .content {
    line-height: 14px;
  }
  footer .top-ft .top-ft-c .content > div,
  footer .top-ft .top-ft-r .content > div {
    margin-bottom: 12px;
  }
}
footer .bot-ft {
  background: #f6f6f6;
  padding: 18px 0px;
}
footer .bot-ft .bot-ft-l {
  width: 70%;
  float: left;
  line-height: 20px;
}
footer .bot-ft .bot-ft-r {
  width: 30%;
  float: right;
}
@media screen and (max-width: 680px) {
  footer .bot-ft .bot-ft-l {
    width: 100%;
    float: none;
    text-align: center;
  }
  footer .bot-ft .bot-ft-r {
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  footer .bot-ft {
    margin-bottom: 50px;
  }
}
footer .adv_footer {
  width: 33%;
  float: right;
}
@media all and (max-width: 800px) {
  footer .adv_footer {
    width: 100%;
    float: none;
  }
}
footer .adv_footer h3 {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  display: block;
}
@media all and (max-width: 600px) {
  footer .adv_footer h3 {
    margin-bottom: 15px;
  }
}
footer .regions #regions_footer {
  height: 34px;
  background: #f3f3f3;
  border: none;
  border-radius: 4px;
  padding-left: 10px;
  box-sizing: border-box;
}
.footer_im {
  padding: 20px 0;
  margin-top: 20px;
  border-top: 1px dashed #bbbbbb;
  border-bottom: 1px dashed #bbbbbb;
}
.footer_im .dtb {
  display: inline-block;
  margin-left: 20%;
  margin-top: -10px;
  margin-bottom: -32px;
  float: left;
}
@media all and (max-width: 800px) {
  .footer_im .dtb {
    margin-left: 20px;
  }
}
@media all and (max-width: 600px) {
  .footer_im .dtb {
    margin-left: 0;
    margin-top: 0;
  }
}
.footer_im .copyright {
  float: right;
  line-height: 40px;
  color: #848484;
}
.footer_im .copyright span {
  color: #222;
}
footer .regions {
  width: 30%;
  padding-left: 50px;
  box-sizing: border-box;
}
@media all and (max-width: 800px) {
  footer .regions {
    width: 30%;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 600px) {
  footer .regions {
    width: 50%;
    padding-left: 0;
  }
}
footer .info {
  width: 20%;
  float: left;
  box-sizing: border-box;
}
@media all and (max-width: 800px) {
  footer .info {
    padding-left: 50px;
    width: 30%;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 600px) {
  footer .info {
    width: 50%;
    padding-left: 20px;
    padding-right: 0px;
  }
}
footer .info h3 {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
}
@media all and (max-width: 600px) {
  footer .info h3 {
    margin-bottom: 15px;
  }
}
footer .info p {
  line-height: 18px;
  margin-bottom: 12px;
}
@media all and (max-width: 600px) {
  footer .info p {
    line-height: 15px;
    margin-bottom: 10px;
  }
}
.region_name {
  text-transform: uppercase;
  margin-top: 15px;
  text-decoration: underline;
}
.footer_title {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
  color: #222;
}
@media all and (max-width: 600px) {
  .footer_title {
    margin-bottom: 15px;
  }
}
.address_regions ul {
  margin-top: 12px;
  color: #252525;
  position: relative;
}
.address_regions ul li {
  position: relative;
  padding-left: 20px;
}
.address_regions ul li svg {
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  fill: var(--main-color);
}
@media all and (max-width: 600px) {
  .address_regions ul {
    margin-top: 5px;
  }
}
.address_regions ul:before {
  width: 9px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
  background-repeat: no-repeat;
  position: absolute;
  top: 2px;
  left: 0px;
}
.address_regions ul li:nth-child(1) i {
  width: 9px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}
.address_regions ul li:nth-child(2) {
  color: #cccccc;
}
.address_regions ul li:nth-child(2) a {
  color: #cccccc;
}
.address_regions > span {
  margin-right: 10px;
}
.banner_top {
  text-align: center;
  background: var(--main-color);
  position: relative;
}
.banner_top img {
  margin-bottom: -4px;
}
.banner_top .close_banner_top {
  position: absolute;
  right: 30px;
  top: 50%;
  cursor: pointer;
  transform: translate(0, -50%);
}
.banner_top .close_banner_top svg {
  fill: #ccc;
  width: 20px;
  height: 20px;
}
.banner_top .close_banner_top svg:hover {
  fill: red;
}
.banner-off {
  display: none;
}
.top1 {
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/bg_top1.jpg");
  background-size: 100% 100%;
  padding: 35px 0 15px 35px;
}
.number1 {
  color: #fff;
}
.number1 .stt1 {
  display: inline-block;
  font-size: 60px;
  font-weight: bold;
  line-height: 60px;
  transform: scale(0.9, 1);
  text-shadow: 2px 2px #868686cc;
}
@media all and (max-width: 600px) {
  .number1 .stt1 {
    font-size: 40px;
  }
}
@media all and (max-width: 325) {
  .number1 .stt1 {
    font-size: 30px;
  }
}
.number1 font {
  font-size: 45px;
  display: inline-block;
  font-weight: bold;
  line-height: 60px;
  margin: 0 3px;
  width: 65px;
  position: relative;
  height: 30px;
}
@media all and (max-width: 600px) {
  .number1 font {
    width: 45px;
  }
}
@media all and (max-width: 325px) {
  .number1 font {
    width: 30px;
  }
}
.number1 font:after {
  content: "";
  height: 90px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/bg1.png");
  width: 65px;
  position: absolute;
  top: -30px;
  left: 0px;
  animation: 4s ease-in-out 0s normal none infinite running
    chang-rotage-anim-2-bh;
}
@media all and (max-width: 600px) {
  .number1 font:after {
    background-size: 100% 100%;
    top: -8px;
    height: 55px;
    width: 40px;
  }
}
.number1 .stt2 {
  display: inline-block;
  font-size: 22px;
  text-transform: uppercase;
  line-height: 25px;
  transform: scale(0.85, 1);
  text-shadow: 2px 2px #868686cc;
}
@media all and (max-width: 600px) {
  .number1 .stt2 {
    font-size: 16px;
  }
}
.countdown .number1 {
  color: #fff;
}
@media all and (max-width: 800px) {
  .countdown .number1 {
    display: none;
  }
}
.bot1 {
  background-size: 100% 100%;
  text-align: center;
}
.bot1 img {
  width: 100%;
}
@media all and (max-width: 1250px) {
  .bot1 {
    margin-top: 0px;
  }
}
@media all and (max-width: 800px) {
  .bot1 {
    width: 48%;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 600px) {
  .bot1 {
    margin-top: 0;
    width: 100%;
    padding-right: 0px;
  }
}
.newtop {
  margin-top: 10px;
}
@media all and (max-width: 800px) {
  .newtop {
    width: 52%;
    float: left;
    margin-top: 0px;
  }
}
@media all and (max-width: 600px) {
  .newtop {
    margin-top: 0;
    width: 100%;
    padding-right: 0px;
    display: none;
  }
}
@media all and (min-width: 800px) {
  .banner-home-top .number1 font:after {
    animation: unset;
  }
}
.time-dow-event .time {
  display: inline-block;
  margin: 3px;
  background: #f3f1f2;
  padding: 3px 0px;
  width: 56px;
}
@media all and (max-width: 1200px) {
  .time-dow-event .time {
    width: 50px;
  }
}
.time-dow-event .time_1 {
  font-weight: bold;
}
.footer_l {
  width: 25%;
}
@media all and (max-width: 1000px) {
  .footer_l {
    width: 100%;
  }
}
.footer_r_w {
  width: 25%;
}
.footer_r_w .block_title {
  padding: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 15px;
  color: #222;
  background: none;
}
.footer_r {
  width: 270px;
  float: right;
}
@media all and (max-width: 800px) {
  .footer_r {
    width: 50%;
    float: left;
    margin-top: 20px;
  }
}
@media all and (max-width: 500px) {
  .footer_r {
    width: 100%;
    float: left;
    margin-top: 20px;
  }
}
.footer_r .block_title {
  background: none;
  padding: 0;
  font-size: 15px;
  margin-bottom: 20px;
}
footer .tags {
  margin-top: 15px;
}
footer .tags,
footer .tags a {
  color: #929292;
  font-size: 12px;
  color: #929292;
  font-size: 12px;
}
.footer2 {
  background: #1b1b1b;
  color: #ccc;
  padding: 8px 0;
  text-align: center;
  border-top: 1px solid #7d7d7d;
}
#menu-fixed-bar {
  width: 40%;
  z-index: 999;
  transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
  float: right;
}
.slide-down {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: 0.5s;
}
.slide-up {
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: 0.5s;
  background: #fff;
}
.m-slide-down {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.m-slide-up {
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: #fdfdfd;
  z-index: 1000;
  box-shadow: 0px 0px 2px 2px #ccc;
}
#fixed-bar {
  position: fixed;
  bottom: 0;
  height: 45px;
  z-index: 999;
}
#fixed-bar > div {
  float: left;
  max-width: 22%;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 11px;
  width: 35px;
}
#fixed-bar > div .wrap_icon {
  margin-top: 5px;
  margin-bottom: 3px;
}
#fixed-bar > div .wrap_icon i {
  padding: 5px 15px;
}
#fixed-bar .buy_now_bt .wrap_icon i {
  background-position: 0px -351px;
}
#fixed-bar .call .wrap_icon i {
  background-position: -34px -351px;
}
#fixed-bar #bar-inner .wrap_icon i {
  background-position: -64px -351px;
}
.certified_bct {
  background-position: 0px -92px;
  content: " ";
  height: 36px;
  display: block;
  margin-top: 11px;
  padding-top: 12px;
  width: 131px;
}
.suntory-alo-phone {
  background-color: transparent;
  cursor: pointer;
  height: 120px;
  position: fixed;
  transition: visibility 0.5s ease 0s;
  width: 120px;
  z-index: 200000 !important;
  display: none;
  left: -13px;
  bottom: -25px;
}
.suntory-alo-ph-circle {
  animation: 1.2s ease-in-out 0s normal none infinite running
    suntory-alo-circle-anim;
  background-color: transparent;
  border: 2px solid rgba(30, 30, 30, 0.4);
  border-radius: 100%;
  height: 100px;
  left: 0px;
  opacity: 0.1;
  position: absolute;
  top: 0px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 100px;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle {
  border-color: #1aa23ee8;
  opacity: 1;
}
.suntory-alo-ph-circle-fill {
  animation: 2.3s ease-in-out 0s normal none infinite running
    suntory-alo-circle-fill-anim;
  border: 2px solid transparent;
  border-radius: 100%;
  height: 70px;
  left: 15px;
  position: absolute;
  top: 15px;
  transform-origin: 50% 50% 0;
  transition: all 0.5s ease 0s;
  width: 70px;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill {
  background-color: #1aa23ee8;
}
.suntory-alo-ph-img-circle {
  border: 2px solid transparent;
  border-radius: 100%;
  height: 50px;
  left: 25px;
  position: absolute;
  top: 25px;
  transform-origin: 50% 50% 0;
  width: 50px;
}
.suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle {
  background-color: #1aa23ee8;
}
.suntory-alo-ph-img-circle svg {
  position: absolute;
  top: 13px;
  left: 13px;
}
.description a {
  color: var(--blue-color);
}
.description a:hover {
  color: var(--blue-color);
}
ol {
  padding-left: 30px;
}
ol li {
  list-style: decimal !important;
}
@keyframes suntory-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 suntory-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);
  }
}
@keyframes suntory-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);
  }
}
#cfacebook a.chat_fb_openned:before {
  content: "x";
  position: absolute;
  right: 10px;
  color: #fff;
  top: 3px;
}
#cfacebook .fchat {
  float: left;
  width: 100%;
  height: 270px;
  overflow: hidden;
  display: none;
  background-color: #fff;
}
#cfacebook .fchat .fb-page {
  margin-top: -130px;
  float: left;
}
#cfacebook a.chat_fb:hover {
  color: #ff0;
  text-decoration: none;
}
#cfacebook {
  position: fixed;
  bottom: 30px;
  left: 10px;
  z-index: 99999;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
@media all and (max-width: 600px) {
  #cfacebook {
    display: none;
  }
}
#cfacebook a.chat_fb {
  float: left;
  padding: 6px 6px 0px 6px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  background-color: #3a5795;
  border: 0;
  z-index: 9999999;
  font-size: 15px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  display: block;
  position: relative;
}
#cfacebook a.chat_fb:after {
  display: block;
  width: 19px;
  height: 19px;
  color: #fff;
  content: "2";
  position: absolute;
  top: 0px;
  right: 0px;
  background: red;
  border-radius: 50%;
  font-size: 13px;
  line-height: 18px;
}
#cfacebook a.chat_fb svg {
  width: 45px;
  height: 45px;
}
#cfacebook a.chat_fb span {
  display: none;
}
#cfacebook .fchat .fb-page {
  margin-top: 0px;
  float: left;
}
#cfacebook a.chat_fb_openned {
  border-radius: 0;
  width: 100%;
}
#cfacebook a.chat_fb_openned svg {
  display: none;
}
#cfacebook a.chat_fb_openned i {
  display: none;
}
#cfacebook a.chat_fb_openned::after {
  display: none;
}
#cfacebook a.chat_fb_openned span {
  display: block;
}
.fixed_icons {
  position: fixed;
  right: 0;
  top: 40%;
  transform: translate(0, -50px);
  z-index: 100;
  display: none;
}
.fixed_icons .icon_v1 {
  width: 44px;
  height: 44px;
  display: inline-block;
  background-color: var(--extra-color);
}
.address_header .more_info {
  position: relative;
}
.address_header .more_info::before {
  position: absolute;
  content: " ";
  width: 10px;
  height: 10px;
  top: 3px;
  right: 0px;
  background-position: -45px -70px;
  background-repeat: no-repeat;
  z-index: 100;
  background-color: #fff;
}
.address_header {
  display: none;
}
.address_fixed_popup {
  margin-top: -3px;
}
.hotline_fixed_popup,
.address_fixed_popup {
  position: relative;
}
.hotline_fixed_popup .icon_v1:after {
  content: "";
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="28" width="28" fill="white" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M78.014,20.385c8.463,8.75,12.51,18.127,12.84,29.081c0.076,2.519-1.453,4.183-3.876,4.312  c-2.557,0.136-4.293-1.441-4.356-4.012c-0.134-5.394-1.357-10.521-4.033-15.211C72.491,23.871,63.191,18.302,50.95,17.603  c-1.358-0.077-2.631-0.218-3.586-1.305c-1.223-1.391-1.33-2.991-0.672-4.62c0.664-1.642,2.01-2.382,3.759-2.352  c7.969,0.135,15.321,2.353,21.955,6.761C74.697,17.61,76.787,19.437,78.014,20.385z M50.11,24.674  c-0.732-0.01-1.53,0.134-2.189,0.44c-1.704,0.79-2.505,2.791-2.048,4.786c0.402,1.758,1.954,2.972,3.906,2.996  c4.562,0.056,8.597,1.499,11.951,4.624c3.688,3.434,5.41,7.741,5.588,12.751c0.032,0.891,0.367,1.904,0.891,2.618  c1.094,1.49,3.037,1.864,4.821,1.184c1.577-0.601,2.506-2.014,2.492-3.886c-0.051-6.981-2.592-12.943-7.5-18.08  C63.098,27.364,57.118,24.773,50.11,24.674z M73.486,87.206c1.689-1.888,3.575-3.599,5.361-5.401  c2.643-2.667,2.664-5.902,0.036-8.55c-3.134-3.157-6.28-6.302-9.44-9.433c-2.586-2.562-5.819-2.556-8.393-0.005  c-1.966,1.948-3.936,3.893-5.86,5.882c-0.133,0.137-0.261,0.247-0.389,0.328l-1.346,1.346c-0.375,0.239-0.748,0.236-1.236-0.029  c0.73-0.689-2.619-1.246-3.839-2.012c-5.695-3.575-10.471-8.183-14.694-13.374c-2.101-2.582-3.968-5.329-5.259-8.431  c-0.215-0.517-0.221-0.888,0.067-1.281l1.346-1.346c0.064-0.087,0.137-0.175,0.231-0.265c0.59-0.569,1.175-1.143,1.757-1.72  c1.361-1.348,2.706-2.711,4.057-4.069c2.69-2.703,2.684-5.88-0.015-8.604c-1.531-1.544-3.074-3.077-4.612-4.614  c-1.585-1.584-3.157-3.181-4.756-4.75c-2.59-2.543-5.824-2.548-8.408-0.007c-1.973,1.941-3.882,3.948-5.886,5.856  c-1.866,1.777-2.817,3.931-3.007,6.463c-0.307,4.104,0.699,7.983,2.106,11.77c2.909,7.832,7.333,14.766,12.686,21.137  c7.239,8.617,15.894,15.436,26.017,20.355c4.554,2.213,9.283,3.915,14.409,4.196C67.944,90.844,71.028,89.954,73.486,87.206z"/></svg>');
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  margin: 8px;
}
.address_fixed_popup .icon_v1:after {
  content: "";
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" height="28" width="28" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="white" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  display: block;
  margin: 8px;
}
.hotline_fixed_popup_content,
.address_header {
  position: absolute;
  width: 260px;
  top: 0;
  right: 100%;
  padding-right: 10px;
  display: none;
  margin-top: 0;
}
.hotline_fixed_popup:hover .hotline_fixed_popup_content {
  display: block;
}
.address_fixed_popup:hover .address_header {
  display: block;
  max-height: 166px;
  overflow-y: auto;
  overflow-x: hidden;
}
.add_full,
.support_phone {
  position: relative;
  width: 100%;
  right: 0;
  background: #fff;
  border: 1px solid #f5f5f5;
  padding: 10px;
  border-radius: 0 0 4px 4px;
  border-top: 3px solid #0183bf;
  z-index: 101;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  box-sizing: border-box;
}
.add_full ul {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.add_full ul::before {
  position: absolute;
  content: " ";
  width: 14px;
  height: 20px;
  top: 4px;
  left: 0px;
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="map-marker-alt" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="svg-inline--fa fa-map-marker-alt fa-w-12"><path fill="dodgerblue" d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z" class=""></path></svg>');
  background-repeat: no-repeat;
  content: " ";
  top: 1px;
  left: 0px;
}
.add_full ul li:nth-child(2) {
  color: #999999;
  font-size: 13px;
  margin-top: 2px;
}
.support_phone ul li .name {
  font-weight: bold;
}
.support_phone ul li .phone {
  color: #afafaf;
  font-size: 15px;
  margin-top: 6px;
}
.support_phone ul li .phone a {
  color: #777;
  font-size: 13px;
}
.address_header:hover .add_full {
  display: block !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header .hotline:hover .support_phone {
  display: block !important;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #f5f5f5;
}
.arrow_box:after,
.arrow_box:before {
  left: 100%;
  top: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #fff;
  border-width: 8px;
  margin-top: -8px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f5f5f5;
  border-width: 9px;
  margin-top: -9px;
}
@media only screen and (max-width: 880px) {
  .pos_mixed_left {
    float: none;
    width: 100%;
  }
  .pos_mixed_right {
    float: none;
    width: 100%;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 800px) {
  .slideshow_countdown .slideshow {
    width: 100%;
    float: left;
    max-width: 100%;
    margin-top: 5px;
  }
  .slideshow_countdown > .countdown {
    width: 100%;
    clear: both;
    margin-top: 5px;
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .address_header {
    display: none;
  }
  footer .menu_footer {
    width: 100%;
    margin-top: 20px;
    padding: 0;
  }
  .suntory-alo-phone {
    display: block;
    bottom: 60px;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 450px) {
  .regions_search .block_regions {
    width: 80px;
  }
}
.banner-home-top {
  margin-top: 20px;
  background-size: cover;
}
@media all and (max-width: 800px) {
  .banner-home-top {
    margin-top: 0px;
  }
}
@media all and (max-width: 600px) {
  .banner-home-top {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    display: none;
  }
}
.banner-home-bottom {
  margin-bottom: 10px;
}
@keyframes spin2 {
  0% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  70% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes fade-bg1111 {
  0% {
    transform: translate(30px);
    opacity: 0, 5;
  }
  50% {
    transform: translate(-140px);
    opacity: 1;
  }
  51% {
    transform: translate(-140px);
    opacity: 0.5;
  }
  100% {
    transform: translate(30px);
    opacity: 1;
  }
}
@keyframes fade-bg1112 {
  0% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(0.7, 0.8);
  }
  51% {
    transform: scale(0.7, 0.8);
  }
  100% {
    transform: scale(0.9, 1.1);
  }
}
@keyframes chang-rotage-anim-2-bh {
  0% {
    transform: rotate(0deg) scale(1) skew(1deg);
  }
  50% {
    transform: rotate(0deg) scale(1) skew(1deg);
  }
  45% {
    transform: rotate(-25deg) scale(1.3) skew(1deg);
  }
  60% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  65% {
    transform: rotate(-25deg) scale(1.3) skew(1deg);
  }
  70% {
    transform: rotate(25deg) scale(1) skew(1deg);
  }
  85% {
    transform: rotateY(360deg) scale(1) skew(1deg);
  }
  100% {
    transform: rotate(0deg) scale(1) skew(1deg);
  }
}
#fixed-bar {
  margin: 0;
  padding: 0;
  z-index: 100;
  right: 3px;
  border-radius: 50%;
}
@media all and (max-width: 600px) {
  #fixed-bar {
    bottom: 54px !important;
  }
}
#fixed-bar #bar-inner {
  height: 50px;
  margin: 0 10px 0 auto;
}
#fixed-bar #bar-inner a {
  background: #fc860059;
  opacity: 0.7;
  display: block;
  border-radius: 50%;
  text-decoration: none;
  -moz-transition: all 0.2s ease-in 0;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0;
  transition: all 0.2s ease-in 0;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  box-sizing: border-box;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#fixed-bar #bar-inner a svg {
  width: 20px;
  height: 20px;
  margin-top: 12px;
  fill: #fff;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
}
#fixed-bar:hover #bar-inner a {
  opacity: 1;
}
#fixed-bar:hover #bar-inner a svg {
  fill: var(--main-color);
}
.tag_foot {
  margin-top: 5px;
}
.tag_foot a {
  color: #bdbdbd;
}
@media all and (max-width: 800px) {
  .support {
    width: 100%;
    padding-left: 0px;
  }
}
@media all and (max-width: 600px) {
  .support {
    width: 100%;
    padding-right: 0;
  }
}
.support .item {
  position: relative;
  padding-left: 70px;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #fff;
  margin-bottom: 20px;
}
@media all and (max-width: 800px) and (min-width: 500px) {
  .support .item {
    width: 50%;
    float: left;
    box-sizing: border-box;
  }
}
.support .item:nth-child(1) {
  background: #22d000;
}
.support .item:nth-child(2) {
  background: #e71b1b;
}
.support .item svg {
  position: absolute;
  width: 40px;
  height: 40px;
  fill: #fff;
  left: 15px;
}
.support .item span {
  text-transform: uppercase;
  font-size: 18px;
}
.support .item a {
  margin-top: 6px;
  color: #fff;
  font-style: italic;
  font-size: 16px;
  transition: 0.5s;
}
.support .item a:hover {
  color: #fff900;
}
#modal_alert {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99999;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.modal_alert_inner {
  width: 350px;
  background: white;
  border-radius: 2px;
  max-width: 96%;
  margin: 2% auto;
}
.modal_alert_title {
  background: var(--main-color);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0;
  font-size: 17px;
  position: relative;
  border-radius: 2px 2px 0 0;
}
.modal_alert_title .close {
  position: absolute;
  right: 0px;
  padding: 0px 10px 8px;
  top: 7px;
  color: #fff;
  font-size: 22px;
}
.modal_alert_body {
  background: white;
  color: #616161;
  padding: 20px;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
  user-select: text;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.modal_alert_2 {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
  z-index: 99999;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.modal_alert_2 .modal_alert_inner {
  width: 350px;
  background: white;
  border-radius: 2px;
  max-width: 96%;
  margin: 2% auto;
}
.modal_alert_2 .modal_alert_title {
  background: var(--main-color);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 7px 0;
  font-size: 17px;
  position: relative;
  border-radius: 2px 2px 0 0;
}
.modal_alert_2 .modal_alert_title .close {
  position: absolute;
  right: 0px;
  padding: 0px 10px 8px;
  top: 7px;
  color: #fff;
  font-size: 22px;
}
.modal_alert_2 .modal_alert_body {
  background: white;
  color: #616161;
  padding: 20px;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -o-user-select: text;
  user-select: text;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#embed_vchat {
  bottom: 70px !important;
}
#embed_fill {
  bottom: 60px !important;
}
#embed_circle {
  bottom: 53px !important;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 1 !important;
}
.popup {
  width: 100%;
  height: 700px;
  background: #ddddddab;
  position: fixed;
  z-index: 99999;
  text-align: center;
}
.popup .container {
  border-radius: 10px;
  position: relative;
  height: 100%;
}
@media all and (max-width: 800px) {
  .popup .container {
    padding: 10px;
  }
}
.popup .container .close {
  font-size: 25px;
  color: red;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  background: #fff;
  text-align: center;
  line-height: 28px;
  border-radius: 0 10px 0 0;
  cursor: pointer;
}
.popup .container .block_banner_banner {
  max-width: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media all and (max-width: 600px) {
  .popup .container .block_banner_banner {
    max-width: 100%;
  }
}
.popup .container .block_banner_banner .item {
  position: relative;
}
.popup .container .block_banner_banner .item img {
  border-radius: 10px;
}
.popup .container .block_banner_banner .hide {
  display: block;
}
#cfacebookmb .fchat {
  float: left;
  width: 100%;
  height: 270px;
  overflow: hidden;
  display: none;
  background-color: #fff;
}
#cfacebookmb .fchat .fb-page {
  margin-top: -130px;
  float: left;
}
#cfacebookmb a.chat_mb:hover {
  color: #ff0;
  text-decoration: none;
}
#cfacebookmb {
  position: fixed;
  bottom: 100px;
  left: 10px;
  z-index: 100;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
#cfacebookmb a.chat_mb {
  float: left;
  padding: 6px 6px 0px 6px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  background-color: #006cd2;
  border: 0;
  z-index: 9999999;
  font-size: 15px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  display: block;
  position: relative;
}
#cfacebookmb a.chat_mb:after {
  display: none;
  width: 19px;
  height: 19px;
  color: #fff;
  content: "2";
  position: absolute;
  top: 0px;
  right: 0px;
  background: #3a5795;
  border-radius: 50%;
  font-size: 13px;
  line-height: 18px;
}
#cfacebookmb a.chat_mb svg {
  width: 34px;
  height: 34px;
}
#cfacebookmb a.chat_fb span {
  display: none;
}
#cfacebookmb .fchat .fb-page {
  margin-top: 0px;
  float: left;
}
#cfacebookmb a.chat_fb_openned {
  border-radius: 0;
  width: 100%;
}
#cfacebookmb a.chat_fb_openned svg {
  display: none;
}
#cfacebookmb a.chat_fb_openned i {
  display: none;
}
#cfacebookmb a.chat_fb_openned::after {
  display: none;
}
#cfacebookmb a.chat_fb_openned span {
  display: block;
}
#sms .fchat {
  float: left;
  width: 100%;
  height: 270px;
  overflow: hidden;
  display: none;
  background-color: #fff;
}
#sms .fchat .fb-page {
  margin-top: -130px;
  float: left;
}
#sms a.chat_mb:hover {
  color: #ff0;
  text-decoration: none;
}
#sms {
  position: fixed;
  top: 265px;
  right: 10px;
  z-index: 99999;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}
#sms a.chat_mb {
  float: left;
  padding: 15px 15px 12px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  background-color: #ffae00;
  border: 0;
  z-index: 9999999;
  font-size: 15px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  display: block;
  position: relative;
}
#sms a.chat_mb svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}
#zalo .fchat {
  float: left;
  width: 100%;
  height: 270px;
  overflow: hidden;
  display: none;
  background-color: #fff;
}
#sms .fchat .fb-page {
  margin-top: -130px;
  float: left;
}
#zalo a.chat_mb:hover {
  color: #ff0;
  text-decoration: none;
}
#zalo {
  position: fixed;
  left: 0px;
  z-index: 100;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  bottom: 128px;
}
@media all and (min-width: 800px) {
  #zalo {
    bottom: 100px;
  }
}
#zalo a.chat_mb {
  float: left;
  padding: 0;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background-repeat: repeat-x;
  background-size: auto;
  background-position: 0 0;
  border: 0;
  z-index: 9999999;
  font-size: 15px;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  border-radius: 50%;
  display: block;
  position: relative;
  background: #0ea9e1;
  width: 36px;
  height: 36px;
  position: relative;
}
@media all and (min-width: 800px) {
  #zalo a.chat_mb {
    width: 56px;
    height: 56px;
  }
}
#zalo a.chat_mb:before {
  content: "";
  width: 25px;
  height: 25px;
  background-image: url(https://maychieuminikaw.com/templates/dienmaytl/images/zalo.png);
  position: absolute;
  top: 5px;
  left: 6px;
  background-size: cover;
}
@media all and (min-width: 800px) {
  #zalo a.chat_mb:before {
    width: 44px;
    height: 44px;
  }
}
#zalo a.chat_mb svg {
  width: 60px;
  height: 60px;
  fill: #fff;
}
#vgc_btn_chat_mobile {
  bottom: 55px !important;
}
.tab_fix {
  position: fixed;
  width: 100%;
  z-index: 999;
  bottom: 0px;
  background: var(--main-color);
}
.tab_fix li {
  width: 33.33%;
  float: left;
  padding: 10px 0;
  text-align: center;
}
.tab_fix li a {
  color: #fff;
}
.tab_fix li a svg {
  fill: #fff;
  width: 15px;
  height: 15px;
}
.region_list {
  max-height: 150px;
  overflow-y: scroll;
}
.ul_footer .li_f {
  position: relative;
  margin-bottom: 13px;
}
.ul_footer .li_f:nth-child(5) {
  margin-bottom: 1px;
}
.ul_footer .li_f .svg {
  float: left;
  padding: 8px;
  border: 1px solid #5d5d5d;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 3px;
}
.ul_footer .li_f .svg svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.ul_footer .li_f .text {
  float: left;
  margin-left: 10px;
  font-size: 13px;
  width: calc(100% - 46px);
}
.ul_footer .li_f font {
  font-weight: bold;
}
.ul_footer2 .li_f {
  margin-bottom: 20px;
  position: relative;
}
@media all and (max-width: 600px) {
  .ul_footer2 .li_f {
    width: 50%;
    float: left;
  }
}
.ul_footer2 .li_f .svg {
  float: left;
  padding: 8px;
  border: 1px solid #5d5d5d;
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 3px;
}
.ul_footer2 .li_f .svg svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.ul_footer2 .li_f .text {
  float: left;
  margin-left: 10px;
  font-size: 13px;
  width: calc(100% - 46px);
}
.ul_footer2 .li_f font {
  font-weight: bold;
}
.footer_icon {
  padding: 15px 25px;
  box-sizing: border-box;
  border: 1px solid #404040;
}
.footer_icon .chung_nhan {
  padding-left: 50px;
  width: 50%;
  float: left;
  box-sizing: border-box;
}
@media all and (max-width: 600px) {
  .footer_icon .chung_nhan {
    width: 100%;
    padding-left: 0;
  }
}
.footer_icon .chung_nhan span {
  display: inline-block;
  float: left;
  line-height: 38px;
  margin-right: 50px;
  width: 80px;
}
@media all and (max-width: 800px) {
  .footer_icon .chung_nhan span {
    line-height: 26px;
  }
}
.footer_icon .chung_nhan .chung_nhan_inner {
  display: flex;
  float: left;
  width: calc(100% - 130px);
}
@media all and (max-width: 800px) {
  .footer_icon .chung_nhan .chung_nhan_inner {
    width: 100%;
  }
}
.footer_icon .chung_nhan a {
  display: inline-block;
  margin-right: 5px;
}
@media all and (max-width: 1200px) {
  .footer_icon .chung_nhan a img {
    height: auto;
  }
}
.height_auto {
  height: auto !important;
}
.position_auto {
  position: relative !important;
  bottom: auto !important;
}
.right_b .block_title {
  font-size: 18px;
  position: relative;
  color: #333;
  font-weight: bold;
  background: #ecececa3;
  padding: 16px 24px;
}
.right_b .block_title:after {
  position: absolute;
  height: 50px;
  width: 6px;
  background: var(--main-color);
  content: "";
  left: 0px;
  bottom: 0px;
}
@media only screen and (max-width: 550px) {
  .right_b .block_title {
    font-size: 16px;
    padding: 10px 16px;
  }
  .right_b .block_title:after {
    height: 38px;
    width: 3px;
  }
}
.right_b .blocks0 .news_list_body_default {
  margin-top: 26px;
}
@media only screen and (max-width: 550px) {
  .right_b .blocks0 .news_list_body_default {
    margin-top: 10px;
  }
}
.right_b .blocks1 .block_title {
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
  color: #333;
  font-weight: bold;
}
.right_b .blocks1 .block_title:after {
  position: absolute;
  height: 4px;
  width: 68px;
  background: var(--main-color);
  content: "";
  left: 0px;
  bottom: -16px;
}
@media screen and (max-width: 768px) {
  .right_b .blocks1 .block_title {
    font-size: 16px;
  }
  .right_b .blocks1 .block_title:after {
    height: 2px;
  }
}
.display-flex {
  display: flex !important;
}
.display_open,
.display-open {
  display: block !important;
}
.display_off,
.display-off {
  display: none !important;
}
.full-screen-block-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  background: #0000009c;
  display: none;
  z-index: 2000;
}
.mm-opening .all-navicon-line {
  transform: rotate(45deg);
}
.mm-opening .all-navicon-line .navicon-line-1 {
  transform: rotate(-45deg);
  margin-top: 8px;
  width: 28px;
}
.mm-opening .all-navicon-line .navicon-line-2 {
  transform: rotate(-135deg);
  margin-top: -8px;
  width: 28px;
}
.mm-opening .all-navicon-line .navicon-line-3 {
  display: none;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  background: url("https://maychieuminikaw.com/templates/dienmaytl/images/fotorama.png")
    no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
    background: url("https://maychieuminikaw.com/templates/dienmaytl/images/fotorama@2x.png")
      0 0/96px 160px no-repeat;
  }
}
.header_wrapper_img {
  background-position: center;
  background-repeat: repeat-x;
  background-size: 100%;
}
.bg_footer_img {
  background-position: top;
  background-repeat: repeat-x;
  background-size: 100%;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1111;
  transform: translate(-50%, -50%);
  display: none;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.top-head {
  background: var(--sub-color);
  padding: 9px 0px;
}
@media screen and (max-width: 550px) {
  .top-head {
    padding: 4px 0px;
  }
}
.top-head .box-l {
  width: 300px;
  float: left;
}
@media screen and (max-width: 880px) {
  .top-head .box-l {
    display: none;
  }
}
.top-head .box-l a {
  color: #fff;
  position: relative;
  padding-left: 22px;
  margin-right: 36px;
  margin-top: 2px;
  display: inline-block;
  font-size: 13px;
}
.top-head .box-l a:nth-child(2) svg {
  transform: rotate(258deg);
}
.top-head .box-l svg {
  position: absolute;
  width: 16px;
  height: 16px;
  fill: #fff;
  left: -1px;
  top: 0px;
}
@media all and (max-width: 880px) {
  .top-head .box-l a {
    margin-right: 0px;
  }
  .top-head .box-l a:nth-child(1),
  .top-head .box-l a:nth-child(3) {
    display: none;
  }
}
.top-head .box-c {
  width: calc(100% - 500px);
  float: right;
}
@media all and (max-width: 880px) {
  .top-head .box-c {
    width: calc(100% - 90px);
    float: right;
  }
}
@media all and (max-width: 380px) {
  .top-head .box-c {
    width: 100%;
  }
}
.top-head .box-r {
  width: 90px;
  float: right;
}
@media all and (max-width: 380px) {
  .top-head .box-r {
    display: none;
  }
}
.coppy-right {
  font-size: 14px;
  text-align: center;
  background: #e0e0e0;
  line-height: 38px;
}
@media all and (max-width: 550px) {
  .coppy-right {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0px;
  }
}
.box-bct {
  width: 50%;
  float: right;
  text-align: left;
}
.box-bct > a {
  display: block;
}
.box-bct img {
  max-width: 150px;
}
@media all and (max-width: 550px) {
  .box-bct {
    width: 100%;
    float: none;
    text-align: center;
  }
}
@media all and (max-width: 768px) {
  .strengths#strengths_content .title_strengths {
    margin-bottom: 25px !important;
  }
  .strengths#strengths_content .contents .frame_images {
    max-width: none !important;
    width: 100% !important;
    position: static !important;
    transform: translate(0) !important;
    text-align: center;
  }
  .strengths#strengths_content .contents .item {
    width: 100% !important;
    padding: 0px 0px 0px 70px !important;
  }
  .strengths#strengths_content .contents .item img {
    width: 60px !important;
    height: 60px !important;
    left: 0px !important;
  }
  .strengths#strengths_content .contents .item p:first-child {
    margin-bottom: 5px;
  }
}
.image_r {
  margin-bottom: 30px;
}
.image_r .frame_image {
  text-align: right;
}
.content_inner {
  margin-bottom: 20px;
  line-height: 24px;
}
.image_l {
  margin-bottom: 30px;
}
.image_l .frame_image {
  text-align: left;
}
.image_r,
.text_inside {
  opacity: 1;
  transition: all 0.3s ease;
  transform: translateY(0px);
}
.image_r .content .description_inner,
.text_inside .content .description_inner {
  max-height: 250px;
  overflow-y: auto;
  padding-right: 15px;
  text-align: justify;
}
.image_r .content .description_inner::-webkit-scrollbar-track,
.text_inside .content .description_inner::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ccc !important;
}
.image_r .content .description_inner::-webkit-scrollbar-thumb,
.text_inside .content .description_inner::-webkit-scrollbar-thumb {
  border: 0;
}
.image_r.hello,
.text_inside.hello {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: all 1s ease;
}
.text_inside {
  position: relative;
  width: 100%;
}
.text_inside .frame_images {
  padding-top: 30px;
}
.text_inside .contents {
  width: 500px;
}
.text_inside .contents .description_inner {
  max-height: 220px;
  overflow-y: auto;
  padding-right: 15px;
  text-align: justify;
}
.text_inside .contents .description_inner::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ccc !important;
}
.text_inside .contents .description_inner::-webkit-scrollbar-thumb {
  border: 0;
}
.strengths .title_strengths {
  text-align: center;
  margin-bottom: 100px;
  font-weight: bold;
}
.strengths .title_strengths span {
  font-size: 25px;
}
.strengths .contents .frame_images img {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.3s;
}
.strengths .contents .item {
  transition: all 0.3s;
}
.strengths .contents .item .effect_img {
  animation: rotate 3s running infinite linear 0.5s;
}
.strengths .contents .item .title_str {
  color: var(--main-color);
}
.strengths .contents .item img {
  position: absolute;
  top: 20px;
}
@media all and (max-width: 768px) {
  .strengths .contents .item img {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
  }
}
.strengths .contents .item span {
  color: var(--main-color);
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}
.strengths .contents .content_des {
  padding-bottom: 25px;
  border-bottom: 1px solid var(--main-color);
  margin-bottom: 10px;
  position: relative;
}
.strengths .contents .content_des:before {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--main-color);
  content: "";
  border-radius: 50px;
  bottom: -4px;
}
.strengths .contents .item1,
.strengths .contents .item3,
.strengths .contents .item5 {
  transform: translate(0px, 0);
  opacity: 1;
}
.strengths .contents .item1 img,
.strengths .contents .item3 img,
.strengths .contents .item5 img {
  left: 0px;
}
.strengths .contents .item1 .content_des:before,
.strengths .contents .item3 .content_des:before,
.strengths .contents .item5 .content_des:before {
  right: 0px;
}
.strengths .contents .item2,
.strengths .contents .item4,
.strengths .contents .item6 {
  transform: translate(0px, 0);
  opacity: 1;
}
.strengths .contents .item2 img,
.strengths .contents .item4 img,
.strengths .contents .item6 img {
  left: 160px;
}
.strengths.hello .item {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
  transition: all 1s ease;
}
.strengths.hello .item3,
.strengths.hello .item4 {
  transition-delay: 0.3s;
}
.strengths.hello .frame_images img {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: all 1s ease 0.3s;
}
.customers_table_div {
  border-collapse: collapse;
  width: 100%;
}
.customers_table_div .td,
.customers_table_div .th {
  padding: 8px 5px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.customers_table_div .tr:nth-child(even) {
  background-color: #f2f2f24f;
}
.customers_table_div .tr:hover {
  background-color: #ddd;
}
.customers_table_div .th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--main-color);
  color: white;
}
.customers_table {
  border-collapse: collapse;
  width: 100%;
}
.customers_table td,
.customers_table th {
  border: 1px solid #ddd;
  padding: 8px;
}
.customers_table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.customers_table tr:hover {
  background-color: #ddd;
}
.customers_table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: var(--main-color);
  color: white;
}
.share-point {
  display: inline-block;
  height: 20px;
  background: #1877f2;
  color: #fff;
  border-radius: 3px;
  padding: 0px 7px 0px 22px;
  box-sizing: border-box;
  position: relative;
  line-height: 20px;
  cursor: pointer;
  font-size: 12px;
}
.share-point svg {
  position: absolute;
  fill: #fff;
  left: 5px;
  top: 3px;
  width: 13px;
  height: 13px;
}
#loading_box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 100000;
  opacity: 0;
  visibility: hidden;
}
#loading_image {
  width: 100%;
  height: 100%;
  background: url("https://maychieuminikaw.com/templates/dienmaytl/images/giphy.gif")
    no-repeat center center;
  -webkit-background-size: 70px 70px;
  background-size: 70px 70px;
}
/*# sourceMappingURL=template.css.map */
.admin_edit {
  position: absolute;
  z-index: 9999;
}
.admin_edit a {
  width: 20px;
  height: 20px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/edit.png");
  display: inline-block;
}
.block_area .name_block {
  position: absolute;
  background: #ffffff94;
  z-index: 999;
}
.position_area {
  background: #fff;
  position: relative;
}
.position_area .position_area_label {
  position: absolute;
  z-index: 9999;
  top: 0px;
  background: #ffffff94;
}
.position_area .block_area_label {
  position: absolute;
  z-index: 9999;
  top: 18px;
  background: #ffffff94;
}
.admin_edit_block {
  position: absolute;
  z-index: 9999;
  top: -3px;
  background: #ffffff;
  padding: 5px;
  width: 75px;
  left: 20px;
  padding-left: 10px;
}
.admin_edit_block a {
  font-weight: bold;
  color: blue;
}
.admin_edit_module {
  position: absolute;
  z-index: 9999;
  top: 25px;
  left: 20px;
  padding: 5px;
  background: #ffffff;
  width: 100px;
  padding-left: 10px;
}
.admin_edit_module a {
  font-weight: bold;
  color: blue;
}
.setting_admin {
  position: absolute;
  z-index: 9999;
  top: 36px;
  background: #ffffff94;
  left: 0px;
  width: 20px;
  height: 20px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/setting.png");
  display: inline-block;
  cursor: pointer;
  overflow: hidden;
}
.setting_admin:hover {
  overflow: unset;
}
.admin_edit_detail {
  position: absolute;
  z-index: 9999;
  right: 0px;
  bottom: 0px;
  padding: 5px;
  background: #ffffff94;
}
.admin_edit_detail a {
  width: 20px;
  height: 20px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/edit_content.png");
  display: inline-block;
}
.admin_edit_detail_md {
  z-index: 9999;
  right: 0px;
  bottom: 0px;
  padding: 5px;
  background: #ffffff94;
}
.admin_edit_detail_md a {
  color: blue;
  font-weight: bold;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/edit_content.png");
  background-repeat: no-repeat;
  display: inline-block;
  padding-left: 25px;
}
.admin_edit_block_direct {
  position: absolute;
  z-index: 9999;
  top: 20px;
  padding: 5px;
  background: #ffffff94;
}
.admin_edit_block_direct a {
  width: 20px;
  height: 20px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/edit_content.png");
  display: inline-block;
}
/*# sourceMappingURL=admin_edit.css.map */
.product_cart {
  padding: 20px;
  background: #fff;
}
.product_status {
  color: red;
}
.frame_left .icon_hot {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 8px;
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/icon_hot.png");
  background-size: cover;
  border-radius: 10px;
  z-index: 10;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  padding-left: 20px;
  font-weight: bold;
  box-sizing: border-box;
}
.product_grid .item_special .item_special_t {
  background-size: cover;
}
.fotorama__fullscreen-icon {
  opacity: 1;
  background-position: -63px 0px;
}
.product .frame_left {
  position: relative;
}
.product_grid {
  display: flex;
  flex-flow: row wrap;
  border-color: #ededed;
  border-width: 1px 0 0 1px;
  border-style: solid;
}
.product_grid .product_grid_inner,
.product_grid .row_inner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.product_grid .item {
  position: relative;
}
.product_grid .item .gift {
  font-size: 13px;
  color: #565656;
  margin-top: 15px;
}
.product_grid .item .gift ul li,
.product_grid .item .gift p {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  margin-bottom: 9px;
}
.product_grid .item .gift ul li:after,
.product_grid .item .gift p:after {
  content: "";
  position: absolute;
  background: var(--main-color);
  top: 2px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-sizing: border-box;
  background: url('data:image/svg+xml;charset=utf-8,<svg height="12px" viewBox="0 0 512 512" width="12px" fill="rgb(43, 169, 105)" xmlns="http://www.w3.org/2000/svg"><path d="m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm129.75 201.75-138.667969 138.664062c-4.160156 4.160157-9.621093 6.253907-15.082031 6.253907s-10.921875-2.09375-15.082031-6.253907l-69.332031-69.332031c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339843-8.34375 21.820312-8.34375 30.164062 0l54.25 54.25 123.585938-123.582031c8.339843-8.34375 21.820312-8.34375 30.164062 0 8.339844 8.339843 8.339844 21.820312 0 30.164062zm0 0"/></svg>');
  background-repeat: no-repeat;
}
.product_grid .item .gift ul li a,
.product_grid .item .gift p a {
  color: var(--blue-color);
}
@media all and (max-width: 400px) {
  .product_grid .item .gift {
    font-size: 11px;
  }
}
.product_grid .item .frame_inner {
  position: relative;
}
.product_grid .item .frame_inner .icon_hot {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  position: absolute;
  left: 10px;
  top: 8px;
  background-image: url(https://maychieuminikaw.com/templates/dienmaytl/images/icon_hot.png);
  background-size: cover;
  border-radius: 10px;
  z-index: 2;
  width: 31px;
  height: 39px;
  line-height: 26px;
  text-align: center;
  padding-left: 1px;
  padding-top: 13px;
  font-weight: bold;
  box-sizing: border-box;
  font-size: 10px;
}
.product_grid .item .frame_inner .icon_new {
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  background: #07772c;
  position: absolute;
  font-size: 12px;
  padding: 3px 4px;
  top: 10px;
  left: 10px;
  border-radius: 3px;
  line-height: 16px;
}
.item_special_bt:before {
  display: none !important;
}
.item_special_t:before {
  display: none !important;
}
.product_grid .item {
  float: left;
  width: 20%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 20px;
}
@media all and (max-width: 800px) {
  .product_grid .item {
    width: calc(100% / 3) !important;
    padding: 10px;
  }
}
@media all and (max-width: 600px) {
  .product_grid .item {
    width: calc(100% / 2) !important;
  }
}
.product_grid .item .frame_inner {
  position: relative;
}
.product_grid .item .product_image {
  text-align: center;
  overflow: hidden;
  margin-bottom: 0px;
  min-height: 186px;
}
.product_grid .item .product_image .type {
  position: absolute;
  bottom: -1px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("https://maychieuminikaw.com/templates/dienmaytl/images/bg_icon_style.png");
  background-size: cover;
  width: 124px;
  height: 26px;
}
.product_grid .item .product_image .type span {
  font-style: italic;
  font-weight: bold;
  padding: 4px 0px 0px 17px;
  display: inline-block;
  font-size: 12px;
  box-sizing: border-box;
  color: #fff;
}
.product_grid .item .product_image .hot_icon {
  position: absolute;
  top: 5px;
  width: 34px;
  left: 7px;
  height: 34px;
  font-size: 12px;
  border-radius: 50%;
  z-index: 22222222;
  line-height: 46px;
  text-align: center;
  color: #fff;
  line-height: 37px;
  background: #ff6d02;
  background: linear-gradient(90deg, #ff6d02 0%, #fc3905 62%, #fa0707 100%);
}
@media screen and (max-width: 736px) {
  .product_grid .item .product_image .hot_icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
  }
}
.product_grid .item .product_image .promotio_icon {
  position: absolute;
  top: 0px;
  width: 65px;
  height: 27px;
  text-align: center;
  background-image: url(https://maychieuminikaw.com/templates/dienmaytl/images/bg_icon_xanh.png);
  color: #fff;
  line-height: 27px;
}
.product_grid .item .product_image .check_hot_icon {
  left: 58px;
}
@media screen and (max-width: 1200px) {
  .product_grid .item .product_image {
    min-height: 120px;
  }
}
@media screen and (max-width: 400px) {
  .product_grid .item .product_image {
    min-height: 110px;
  }
}
.promotion .frame_dt .db p:after {
  background: #c30808;
  background-image: linear-gradient(to right, #c30808, #c30808);
}
.product_grid .item .product_image a {
  display: grid;
  position: relative;
}
.product_grid .item .product_image a .doi-1 {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 3px;
  content: "";
  background: #ff0000bd;
  border-radius: 50%;
  color: #fff;
  font-size: 10.2px;
  line-height: 12px;
  padding-top: 5px;
  box-sizing: border-box;
  letter-spacing: -0.8px;
  font-weight: 600;
  word-spacing: -0.8px;
  left: 6px;
  -webkit-animation: jump 4.8s ease-in infinite;
  animation: jump 4.8s ease-in infinite;
}
.product_grid .item .product_image a .gia-soc,
.product_grid .item .product_image a .hot-sale {
  color: #fff;
  background: #f20202a3;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 3px;
  font-weight: bold;
  font-size: 12px;
  -webkit-animation: scale-shadow 2.8s ease-in infinite;
  animation: scale-shadow 2.8s ease-in infinite;
  display: block;
  border-radius: 4px;
}
.product_grid .item .product_image a .bao-hanh-24,
.product_grid .item .product_image a .doi-1-24,
.product_grid .item .product_image a .bh-ca-roi-vo {
  color: #fff;
  background: #0183bf;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 3px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  border-radius: 4px;
}
.product_grid .item .product_image a .bao-hanh-24 span,
.product_grid .item .product_image a .doi-1-24 span,
.product_grid .item .product_image a .bh-ca-roi-vo span {
  -webkit-animation: text-circle 4s ease-in infinite;
  animation: text-circle 4s ease-in infinite;
  display: inline-block;
}
.product_grid .item .product_image a .tra-gop {
  color: #fff;
  background: Orange;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0px 3px;
  font-weight: bold;
  font-size: 12px;
  display: block;
  border-radius: 4px;
}
.product_grid .item .product_image a .tra-gop span {
  -webkit-animation: neon1 3s ease-in infinite;
  animation: neon1 3s ease-in infinite;
  display: inline-block;
}
@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 10px #ff2222,
      0 0 10px #ff2222, 0 0 10px #ff222f, 0 0 10px #ff2222, 0 0 10px #ff2222;
  }
  to {
    text-shadow: none;
  }
}
@keyframes fadeIn1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes jump {
  0% {
    transform: translateY(0) scale(1.05, 0.95);
  }
  15% {
    transform: translateY(-2px) scaleY(1.03);
  }
  25% {
    transform: translateY(-4px) scale(1);
  }
  30% {
    transform: translateY(-2px) scale(1);
  }
  50% {
    transform: translateY(0) scale(1.05, 0.95);
  }
  60% {
    transform: translateY(0) scale(1);
  }
}
@keyframes scale-shadow {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  20% {
    opacity: 0.8;
    transform: scale(0.9);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes text-circle {
  0% {
    transform: rotate(0deg) scale(1);
  }
  15% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(360deg) scale(2);
    font-size: 13px;
  }
  70% {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(0deg) scale(1);
  }
}
.product_grid .item .product_image img {
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  width: 100%;
  height: auto;
}
.product_grid .item .summary {
  padding: 0px 10px 10px;
  line-height: 22px;
  height: 48px;
  box-sizing: border-box;
  overflow: hidden;
}
.product_grid .item .btn-buy-item {
  padding: 0px 10px 10px;
  text-align: center;
}
.product_grid .item .btn-buy-item a {
  display: inline-block;
  padding: 6px 15px;
  background: #dc0000;
  color: #fff;
}
.product_grid .item .summary_inner {
  margin-top: 10px;
  color: #333;
  font-size: 12px;
  max-height: 38px;
  overflow: hidden;
}
.product_grid .item .summary_inner a {
  color: #333;
  text-decoration: none;
}
.product_grid .item .name {
  color: #1b1b1b;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
  margin: 10px 0px;
  line-height: 18px;
  font-size: 15px;
}
@media all and (max-width: 500px) {
  .product_grid .item .name {
    font-size: 14px;
  }
}
.product_grid .item .name:hover {
  color: var(--blue-color);
}
.product_grid .discount {
  background: #0089de;
  color: #ffffff;
  height: 22px;
  left: 15px;
  line-height: 20px;
  padding: 2px 1px 0px 1px;
  position: absolute;
  top: 10px;
  width: 36px;
  text-align: center;
  border-radius: 4px;
}
.price_discount {
  color: #dc0000;
  display: inline-block;
  margin-left: 10px;
  background: #ffca28;
  position: absolute;
  font-size: 14px;
  padding: 6px 4px 10px;
  top: 0px;
  right: 0px;
  line-height: 16px;
  z-index: 2;
  font-weight: bold;
  clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}
.frame_left .price_discount {
  top: 20px;
  right: 40px;
}
.product_grid .item .price_old {
  color: #848181;
  font-size: 14px;
  font-weight: normal;
  display: inline-flex;
  text-decoration: line-through;
  margin-left: 5px;
  display: inline-block;
}
.product_grid .item .price_old span {
  text-decoration: line-through;
}
.product_grid .item .price_current {
  color: #e10c00;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}
.product_grid .item .discount_tt {
  font-size: 13px;
  color: #ff0404;
  display: inline-block;
}
.product_grid .status {
  margin-bottom: 18px;
}
.product_grid .status li {
  color: #606060;
  font-size: 11px;
  list-style: disc inside none;
}
.product_grid .button-cart {
  display: none;
}
.product_grid .button-detail {
  color: #f7f7f7;
  display: inline;
  padding: 6px 13px;
  -webkit-transition: 0.25s ease-in-out all;
  transition: 0.25s ease-in-out all;
  margin-top: 11px;
  display: table;
  position: absolute;
  bottom: -82px;
  right: 8px;
  background: #ed1c24;
  height: 13px;
  width: 5px;
  text-decoration: none;
}
.product_grid .button-detail span {
  font-size: 22px;
  font-weight: 500;
  font-family: arial;
}
.product_grid .button_area {
  display: none;
}
.product_grid .button_area a {
  border-radius: 50% 50% 50% 50%;
  color: #ffffff;
  font-size: 14px;
  height: 38px;
  line-height: 38px;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  width: 38px;
  background-color: #2080ca;
  color: #fff;
  border: 1px solid #2080ca;
  display: inline-block;
}
.product_grid .button_area a:first-child {
  margin-right: 15px;
}
.product_grid .button_area a::before,
.product_grid .button_area a::after {
  bottom: 0;
  height: 100%;
  line-height: 38px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  width: 100%;
  float: left;
  color: #ffffff;
  font-size: 19px;
  background-position: -85px -64px;
  content: "";
}
.product_grid .button_area a::before {
  bottom: 0;
}
.product_grid .button_area a::after {
  bottom: 100%;
  pointer-events: none;
  position: absolute;
  width: 100%;
  left: 0;
}
.product_grid .button_area a:hover:before {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}
.product_grid .button_area a:hover:after {
  bottom: 0;
}
.product_type {
  position: absolute;
  top: 0;
  left: 0;
  background: #0183bf;
  color: #fff;
  padding: 1px 8px;
  border-radius: 3px 3px 3px 0;
  font-size: 12px;
  line-height: 18px;
}
.product_type:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 0;
  border-color: #0183bf transparent transparent transparent;
}
.product_type_moi {
  background: #00a7f4;
  color: #fff;
  padding: 1px 8px;
  border-radius: 3px 3px 3px 0;
  font-size: 12px;
}
.product_type_moi:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 0;
  border-color: #00a7f4 transparent transparent transparent;
}
.product_type_hot,
.product_type_sale {
  background: #ff0000;
  color: #fff;
  padding: 1px 8px;
  border-radius: 3px 3px 3px 0;
  font-size: 12px;
}
.product_type_hot:after,
.product_type_sale:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 0;
  border-color: #ff0000 transparent transparent transparent;
}
.product_type_order_0 {
  top: 6px;
  left: 6px;
}
.product_type_order_1 {
  top: 30px;
  left: 6px;
}
.product_type_order_2 {
  top: -123px;
  left: 7px;
}
.product_type_qua-tang {
  background-repeat: no-repeat;
  background-position: -215px 0;
  background-color: transparent;
  width: 35px;
  height: 33px;
  text-indent: -999px;
  left: 198px;
  top: -12px;
}
.product_type_qua-tang:after {
  border-color: transparent;
}
@media screen and (min-width: 800px) {
  .product_grid .item:hover .product_image img {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.progress {
  display: block;
  margin-top: 16px;
}
.progress .bar {
  position: relative;
  background-color: #ccc;
  padding: 10px 0px;
  flex: 1 1 0%;
  border-radius: 15px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  font-size: 12px;
  height: 18px;
}
.progress .bar .percent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background-color: var(--extra-color);
  z-index: 1;
  color: #fff;
}
.progress .bar .text {
  position: absolute;
  z-index: 2;
  color: #fff;
  left: 50%;
  transform: translateX(-50%);
}
.progress .bar .content {
  top: 0px;
  left: 0px;
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  z-index: 2;
  padding: 0px 4px;
}
.progress .bar .content p {
  font-size: 11px;
}
.block_title_product {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 14px;
}
.product_grid_5 .item {
  width: 20%;
}
.product_grid_slide .item {
  width: auto !important;
}
.product_grid_slide .owl-nav div {
  position: absolute;
  top: calc(50% - 18px);
  width: 36px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 50%;
  color: #b5b5b5;
  background: #fff;
  text-align: center;
  font-size: 30px;
  box-shadow: 0 1px 11px #8a8a8a66;
  padding: 6px 0 3px 4px;
}
.product_grid_slide .owl-prev {
  left: -10px;
}
.product_grid_slide .owl-next {
  right: -10px;
}
.product_grid_full .item {
  width: calc(20% - 14px);
}
.product_grid_scroll {
  overflow-x: auto;
}
.product_grid_scroll .product_grid {
  width: 832px;
  margin: 0px -5px;
}
.product_grid_scroll .product_grid .item {
  width: 155px !important;
}
@media screen and (max-width: 350px) {
  .product_grid_scroll .product_grid .item {
    width: 140px !important;
  }
}
.product_grid_cat_type_1 {
  border: none;
}
.product_grid_cat_type_1 .item {
  width: calc(100% / 4);
  border-right: 1px dashed #ededed;
  border-bottom: 1px dashed #ededed;
  overflow: initial;
}
.product_grid_cat_type_1 .item:nth-child(1),
.product_grid_cat_type_1 .item:nth-child(2),
.product_grid_cat_type_1 .item:nth-child(3),
.product_grid_cat_type_1 .item:nth-child(4) {
  border-top: 1px dashed #ededed;
}
.product_grid_cat_type_1 .item:nth-child(1):before,
.product_grid_cat_type_1 .item:nth-child(2):before,
.product_grid_cat_type_1 .item:nth-child(3):before,
.product_grid_cat_type_1 .item:nth-child(4):before {
  width: 24px;
  height: 24px;
  background: 0px;
  position: absolute;
  content: "";
  top: -25px;
  right: 0px;
  background: white;
  transform: translate(50%, 50%) rotate(45deg);
  z-index: 1;
}
@media all and (max-width: 450px) {
  .product_grid_cat_type_1 .item:nth-child(1):before,
  .product_grid_cat_type_1 .item:nth-child(2):before,
  .product_grid_cat_type_1 .item:nth-child(3):before,
  .product_grid_cat_type_1 .item:nth-child(4):before {
    width: 10px;
    height: 10px;
  }
}
.product_grid_cat_type_1 .item:nth-child(1):nth-child(4):before,
.product_grid_cat_type_1 .item:nth-child(2):nth-child(4):before,
.product_grid_cat_type_1 .item:nth-child(3):nth-child(4):before,
.product_grid_cat_type_1 .item:nth-child(4):nth-child(4):before {
  display: none;
}
.product_grid_cat_type_1 .item:after {
  width: 24px;
  height: 24px;
  background: 0px;
  position: absolute;
  content: "";
  bottom: 0px;
  right: 0px;
  background: white;
  transform: translate(50%, 50%) rotate(45deg);
  z-index: 1;
}
@media all and (max-width: 450px) {
  .product_grid_cat_type_1 .item:after {
    width: 10px;
    height: 10px;
  }
}
.product_grid_cat_type_1 .item:nth-child(4n) {
  border-right: 0px;
}
.product_grid_cat_type_1 .item:nth-child(4n):after {
  display: none;
}
@media all and (max-width: 1024px) {
  .product_grid_cat_type_1 .item {
    width: calc(100% / 3) !important;
  }
}
@media all and (max-width: 768px) {
  .product_grid_cat_type_1 .item {
    width: calc(100% / 2) !important;
    padding: 14px 6px;
  }
  .product_grid_cat_type_1 .item:nth-child(5n) {
    border-right: 1px solid #e7e7e77d;
  }
  .product_grid_cat_type_1 .item:nth-child(5n):after {
    display: block;
  }
  .product_grid_cat_type_1 .item:nth-child(2n) {
    border-right: 0px;
  }
  .product_grid_cat_type_1 .item:nth-child(2n):after {
    display: none;
  }
}
.product_grid_cat_type_1 .item .name {
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  margin: 10px 0px 14px;
}
.product_grid_cat_type_1 .item .price_arae {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
}
.product_grid_cat_type_1 .item .gift ul li,
.product_grid_cat_type_1 .item .gift p {
  margin-bottom: 2px;
}
.product_grid_cat_type_1 .item .gift ul li:after,
.product_grid_cat_type_1 .item .gift p:after {
  background: url('data:image/svg+xml;charset=utf-8,<svg height="12px" viewBox="0 0 512 512" width="12px" fill="rgb(255 82 64)" xmlns="http://www.w3.org/2000/svg"><path d="m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm129.75 201.75-138.667969 138.664062c-4.160156 4.160157-9.621093 6.253907-15.082031 6.253907s-10.921875-2.09375-15.082031-6.253907l-69.332031-69.332031c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339843-8.34375 21.820312-8.34375 30.164062 0l54.25 54.25 123.585938-123.582031c8.339843-8.34375 21.820312-8.34375 30.164062 0 8.339844 8.339843 8.339844 21.820312 0 30.164062zm0 0"/></svg>');
}
.product_grid_cat_type_1 .item .button-ldt {
  text-align: center;
  padding: 6px;
  border: 1px solid var(--main-color);
  color: var(--main-color);
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer;
  transition: 0.2s;
}
.product_grid_cat_type_1 .item .button-ldt:hover {
  background: var(--main-color);
  color: #fff;
}
/*# sourceMappingURL=products.css.map */
#sync2c {
  text-align: center;
  margin: 0 -2px;
}
#sync2c .item {
  width: calc(25% - 8px);
  margin: 0 2px;
  display: inline-block;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.product .frame_left .type {
  top: 17px;
  position: absolute;
  text-align: center;
  right: 0px;
  background-image: url(https://maychieuminikaw.com/modules/products/assets/images/bg_icon_style.png);
  background-size: cover;
  width: 124px;
  height: 26px;
  z-index: 2;
}
.product .frame_left .type span {
  font-style: italic;
  font-weight: bold;
  padding: 4px 0px 0px 17px;
  display: inline-block;
  font-size: 12px;
  box-sizing: border-box;
  color: #fff;
}
.btn_area {
  margin-bottom: 20px;
}
.fotorama__img {
  background: #fff;
}
.note1 {
  text-transform: uppercase;
  width: 100%;
  background: #c30808;
  text-align: left;
  color: #fff;
  padding: 17px 10px 17px 50px;
  box-sizing: border-box;
  margin-top: 10px;
  border-radius: 5px;
  position: relative;
}
.note1 svg {
  fill: #fff;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 12px;
  left: 12px;
}
@media all and (max-width: 600px) {
  .note1 {
    padding: 6px 10px 6px 50px;
  }
}
.note2 {
  text-transform: uppercase;
  width: 100%;
  background: #0089de;
  text-align: left;
  color: #fff;
  padding: 6px 10px 6px 50px;
  box-sizing: border-box;
  margin-top: 10px;
  border-radius: 5px;
  position: relative;
  line-height: 20px;
}
@media all and (max-width: 1200px) and (min-width: 870px) {
  .note2 {
    width: calc(50% - 20px);
    margin: 0 10px;
    margin-bottom: 15px;
  }
}
@media all and (max-width: 600px) {
  .note2 {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
}
.note2 svg {
  fill: #fff;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.product {
  background: #fff;
}
.product .sape_ma {
  width: 100%;
  background: #f6f6f6;
  padding: 25px 0;
}
#sync2 .owl-dots {
  display: none !important;
}
.product .frame_left {
  float: left;
  margin: 0 0 30px;
  width: 62%;
  box-sizing: border-box;
  padding: 0px 10px 0px 0px;
}
@media only screen and (max-width: 769px) {
  .product .frame_left {
    width: 100%;
    float: none;
    padding: 0px;
    margin-bottom: 20px;
  }
}
.product .frame_center {
  float: left;
  margin: 0px 0 30px;
  width: 38%;
  padding: 0px 0px 0px 20px;
  box-sizing: border-box;
}
@media only screen and (max-width: 769px) {
  .product .frame_center {
    width: 100%;
    float: none;
    padding: 0px;
    margin: 0px;
  }
}
.gift_summary {
  border-radius: 4px;
  margin-top: 12px;
  border: 1px solid #ffe8be;
}
.gift_summary .title_gift_full {
  text-transform: uppercase;
  font-weight: bold;
  padding: 15px 10px;
  background-color: #ffe8be38;
  color: #ff3134;
}
.gift_summary .title_gift_full svg {
  width: 14px;
  height: 14px;
  fill: #ff3134;
  margin-right: 5px;
}
.gift_summary .gift_full {
  line-height: 22px;
  padding: 10px;
}
.gift_summary .gift_full > p {
  position: relative;
  padding-left: 14px;
}
.gift_summary .gift_full > p:before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 0px;
  top: 8px;
  position: absolute;
  background: #292929;
}
.product .frame_right {
  float: right;
  width: 27%;
  padding-left: 50px;
  box-sizing: border-box;
}
.product_name_share {
  padding-bottom: 14px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 16px;
}
.breadcrumb_detail {
  border-bottom: 0px !important;
  margin-bottom: 0px !important;
}
.product_name {
  position: relative;
  box-sizing: border-box;
  width: calc(100% - 220px);
  float: left;
}
@media all and (max-width: 1024px) {
  .product_name {
    width: 100%;
    float: none;
  }
}
.product .hit_share {
  text-align: right;
  margin: 0px auto 0px;
  height: 20px;
  width: 200px;
  float: right;
}
@media screen and (max-width: 1024px) {
  .product .hit_share {
    margin: 20px auto 0px;
    float: left;
    width: 170px;
    display: flex;
  }
}
.product .hit_share .fb_iframe_widget {
  display: inline-block;
  position: relative;
  height: 20px;
  width: 80px;
  float: left;
}
.product .hit_share .fb-like {
  margin-right: 20px;
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .product .hit_share .fb-like {
    margin-left: 0px;
  }
}
.product h1,
.product .name_mb {
  color: #000000;
  font-size: 20px;
  line-height: 22px;
  display: block;
  float: left;
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  .product h1,
  .product .name_mb {
    font-size: 18px;
    font-weight: 600;
    float: none;
  }
}
.status-product {
  float: left;
  margin-top: 16px;
  margin-left: 30px;
  position: relative;
}
@media only screen and (max-width: 1170px) {
  .status-product {
    margin-top: 0px;
  }
}
.status-product .icon_v1 {
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  float: left;
  margin-right: 4px;
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-check-circle fa-w-16"><path fill="rgb(57, 181, 74)" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z" class=""></path></svg>');
  background-repeat: no-repeat;
}
.rate_head {
  line-height: 14px;
  display: block;
  margin-top: 4px;
  display: inline-block;
  float: left;
  margin-left: 12px;
}
@media only screen and (max-width: 600px) {
  .rate_head {
    float: none;
    margin-left: 0px;
  }
}
.rate_head span.star {
  width: 13px;
  display: inline-block;
  color: #ff9727;
}
.rate_head span.star.star-off {
  color: #ff9727;
}
.rate_head .rate_count {
  margin-left: 5px;
  font-size: 14px;
  color: #222;
}
.rate_head a {
  color: var(--main-color);
  font-size: 14px;
  margin-left: 5px;
}
.product_name_mobile {
  margin-bottom: 20px;
}
.manufactory font {
  color: #0183bf;
  margin-right: 13px;
}
.rate_count {
  margin-left: 5px;
}
.is_stock {
  margin-left: 17px;
  position: relative;
  padding-left: 20px;
  color: #0183bf;
  font-size: 14px;
}
.stock_area .is_stock i {
  display: block;
  width: 16px;
  height: 17px;
  color: #b6af96;
  content: " ";
  position: absolute;
  top: -1px;
  left: 0;
  background-position: -410px -2px;
}
.member_levels {
  padding: 15px;
  border: 1px dashed var(--extra-color);
  border-radius: 4px;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.member_levels .title_member_levels {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
}
.member_levels .member_lever {
  margin-top: 10px;
}
.member_levels .member_lever .name {
  display: inline-block;
  float: left;
  padding: 5px 30px;
  width: 110px;
  font-weight: bold;
  color: #252525;
  border-radius: 3px;
  background: #ffd451;
  text-align: center;
  box-sizing: border-box;
}
.member_levels .member_lever .save_point {
  display: inline-block;
  float: left;
  margin-left: 10px;
  line-height: 28px;
}
.member_levels .member_lever .save_point span {
  color: red;
  display: inline-block;
  margin-right: 5px;
}
.frame_dt {
  position: relative;
  border-radius: 3px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.info label {
  font-size: 15px;
  text-transform: uppercase;
  color: #252525;
  font-weight: bold;
  margin-bottom: 10px;
}
.info li {
  margin-bottom: 10px;
}
.info li .span1 {
  display: inline-block;
  width: 100px;
  float: left;
}
.info li .span2 {
  display: inline-block;
  width: calc(100% - 100px);
  float: left;
  color: var(--extra-color);
}
.promotion label {
  position: absolute;
  top: -14px;
  left: 13px;
  background: #fff;
  padding: 0 10px;
  background-size: 240px;
  color: #252525;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.promotion label i {
  display: inline-flex;
  width: 30px;
  height: 25px;
  content: " ";
  background-position: -187px 0px;
  position: absolute;
  top: -4px;
  background-color: #fff;
  left: 0px;
  background-repeat: no-repeat;
}
.promotion {
  margin-top: 30px;
  padding-top: 18px;
  margin-bottom: 20px;
  padding-bottom: 3px;
}
.promotion svg {
  width: 14px;
  fill: var(--main-color);
  margin-right: 7px;
}
.promotion.frame_dt p {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  margin-bottom: 9px;
}
.promotion.frame_dt p:after {
  content: "";
  position: absolute;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" width="14px" height="14px" fill="green" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 191.667 191.667" style="enable-background:new 0 0 191.667 191.667;" xml:space="preserve"> <path d="M95.833,0C42.991,0,0,42.99,0,95.833s42.991,95.834,95.833,95.834s95.833-42.991,95.833-95.834S148.676,0,95.833,0z M150.862,79.646l-60.207,60.207c-2.56,2.56-5.963,3.969-9.583,3.969c-3.62,0-7.023-1.409-9.583-3.969l-30.685-30.685 c-2.56-2.56-3.97-5.963-3.97-9.583c0-3.621,1.41-7.024,3.97-9.584c2.559-2.56,5.962-3.97,9.583-3.97c3.62,0,7.024,1.41,9.583,3.971 l21.101,21.1l50.623-50.623c2.56-2.56,5.963-3.969,9.583-3.969c3.62,0,7.023,1.409,9.583,3.969 C156.146,65.765,156.146,74.362,150.862,79.646z"/> </svg>');
  top: 2px;
  background-repeat: no-repeat;
  left: 0;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  background-size: cover;
}
.promotion .db p:after {
  background: #c30808;
  border-radius: 50%;
}
.gift svg {
  fill: dodgerblue;
}
.promotion p,
.promotion_info p,
.promotion div,
.promotion_info div {
  margin-bottom: 6px;
}
._color {
  display: block;
  margin-top: 10px;
  position: relative;
}
._color label {
  display: block;
}
.price_follow_color {
  font-size: 18px;
  font-weight: bold;
  color: #dc0000;
}
._color .Selector {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 25px;
  padding: 10px 0 0;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  transition: 0.5s;
  border-radius: 6px;
}
.select_color {
  margin: 0 -6px;
  margin-top: 6px;
}
.li_Selector {
  display: inline-block !important;
  width: calc(33.33% - 12px);
  margin: 0 6px;
  float: left;
}
.li_Selector .active {
  border: 1px solid #ff9b00;
  color: #ed1c24;
}
._memory {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
._memory label {
  display: block;
  font-size: 15px;
}
.price_follow_memory {
  font-size: 18px;
  font-weight: bold;
  color: #dc0000;
}
._memory .Selectorm {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 25px;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #eee;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  transition: 0.5s;
  border-radius: 6px;
}
._memory .Selectorm:hover {
  border: 1px solid var(--main-color);
}
.select_memory {
  margin: 0 -6px;
  margin-top: 6px;
}
.li_Selector {
  display: inline-block !important;
  width: calc(33.33% - 12px);
  margin: 0 6px;
  float: left;
  margin-bottom: 12px;
}
.li_Selector .active {
  border: 1px solid var(--main-color);
  color: #ed1c24;
}
.li_Selector .active .price_follow_color {
  color: #ed1c24;
}
._color .Selector .color_item {
  display: inline-block !important;
  border: 1px solid #ededed;
  height: 31px;
  width: 31px;
  margin-right: 4px;
  visibility: visible !important;
  cursor: pointer;
  background-position: -93px -163px;
  background-repeat: no-repeat;
  position: relative;
  box-sizing: border-box;
}
._color .Selector .color_item font {
  position: absolute;
  top: -26px;
  z-index: 10000;
  background: #2080cad6;
  color: #fff;
  padding: 1px 7px;
  left: -96%;
  border-radius: 4px;
  min-width: 67px;
  display: none;
  text-align: center;
}
._color .Selector .color_item font::after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #2080cad6;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 39%;
  top: 20px;
  vertical-align: top;
  content: "";
}
._color .Selector.active .color_item,
._color .Selector:hover .color_item {
  border: 1px solid var(--main-color);
  background-position: -110px -138px;
}
._color .Selector.active .color_item:before,
._color .Selector:hover .color_item:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: 6px;
  height: 10px;
  display: block;
  border: solid #eee;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px -2px 0 0;
}
._color .Selector:hover .color_item font {
  display: block;
}
._attributes select {
  height: 36px;
  margin-bottom: 10px;
  padding-left: 12px;
  margin-right: 10px;
  border-radius: 5px;
  border: #ededed 1px solid;
  box-sizing: border-box;
  width: 176px;
}
._attributes select:nth-child(2n) {
  float: right;
  margin-right: 0;
}
.region_wp {
  margin-top: 25px;
}
.region_wp .muahangtu {
  display: inline-block;
  float: left;
  width: 100px;
  line-height: 32px;
}
.region_wp select {
  height: 32px;
  padding-left: 5px;
  margin-bottom: 10px;
  border-radius: 3px;
  border: #e9e9e98a 1px solid;
  box-sizing: border-box;
  width: calc(100% - 100px);
  float: left;
}
.warranty_aq {
  position: relative;
  float: left;
  display: none;
}
.warranty_aq font {
  display: block;
  width: 30px;
  height: 33px;
  position: absolute;
  top: -8px;
  left: 0;
  background-repeat: no-repeat;
}
.warranty_aq i {
  display: block;
  width: 30px;
  height: 28px;
  content: " ";
  background-position: -385px -128px;
  background-repeat: no-repeat;
  margin-top: 9px;
}
.warranty_popup {
  display: none;
  position: absolute;
  top: -37px;
  background: #0183bf;
  color: #fff;
  width: 240px;
  left: -120px;
  padding: 5px 10px;
  text-align: center;
  border-radius: 5px;
}
.warranty_aq:hover .warranty_popup {
  display: block;
}
.product_button2 {
  margin-top: 33px;
  clear: both;
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  margin-bottom: 40px;
}
.product_button2 figure {
  float: left;
  margin-right: 20px;
}
.product_button2 figure img {
  max-width: 109px;
}
@media all and (max-width: 600px) {
  .product_button2 figure {
    margin-right: 10px;
    margin-bottom: 5px;
  }
  .product_button2 figure img {
    max-width: 70px;
  }
}
.product_button2_info {
  float: left;
  width: 30%;
  margin-top: 17px;
}
@media all and (max-width: 600px) {
  .product_button2_info {
    margin-top: 0px;
    width: calc(100% - 120px);
  }
}
.product_button2_info h3 {
  font-size: 16px;
  line-height: 24px;
}
.button2_wrap {
  float: right;
  width: calc(100% - 30% - 130px);
  margin-top: 28px;
}
.button2_wrap #buy-now-222,
.button2_wrap .btn-dathang {
  margin-top: 10px;
  padding: 8px 0;
}
.button2_wrap #buy-now-222 font,
.button2_wrap .btn-dathang font {
  margin-bottom: 3px;
  font-size: 15px;
  font-weight: bold;
}
.button2_wrap #buy-now-222 span,
.button2_wrap .btn-dathang span {
  font-size: 12px;
  color: #ffffffde;
}
.product_button2_info .price_current {
  color: #dc0000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 11px;
  display: inline-flex;
}
@media all and (max-width: 420px) {
  .product_button2_info .price_current {
    margin-top: 0px;
  }
}
.warranty_popup::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #2080ca;
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  left: 126px;
  top: 31px;
  vertical-align: top;
  content: "";
}
.warranty_popup a {
  color: #fff;
}
.characteristic label {
  display: block;
  position: relative;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 16px;
  color: #333333;
  padding: 10px;
  padding-top: 10px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
}
.advantage {
  padding: 5px 18px;
  margin-bottom: 15px;
  font-size: 13px;
  border: 1px solid var(--extra-color);
  box-sizing: border-box;
}
.advantage .tuvan li {
  margin-bottom: 6px;
}
.advantage .tuvan p {
  line-height: 18px;
  font-size: 14px;
}
.advantage .tuvan p a {
  font-weight: bold;
  color: var(--main-color);
}
.advantage label {
  font-weight: bold;
  color: #fff;
  text-align: center;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  display: block;
  font-size: 15px;
  background: var(--extra-color);
  text-transform: uppercase;
  margin-top: -5px;
  margin-left: -18px;
  margin-right: -18px;
}
.advantage label svg {
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  fill: var(--extra-color);
}
.advantage .adv_ddress {
  font-size: 13px;
  color: #565656;
}
.advantage .adv_ddress p {
  margin-bottom: 8px;
  position: relative;
  padding-left: 23px;
}
.advantage .adv_ddress p:before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  background-size: cover;
  background: url('data:image/svg+xml;utf8,<svg version="1.1" width="20px" height="20px" fill="black" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <g> <path d="M256,0C153.755,0,70.573,83.182,70.573,185.426c0,126.888,165.939,313.167,173.004,321.035 c6.636,7.391,18.222,7.378,24.846,0c7.065-7.868,173.004-194.147,173.004-321.035C441.425,83.182,358.244,0,256,0z M256,278.719 c-51.442,0-93.292-41.851-93.292-93.293S204.559,92.134,256,92.134s93.291,41.851,93.291,93.293S307.441,278.719,256,278.719z"/> </g> </g> </svg>');
  background-size: cover;
}
.advantage .tuvan label {
  padding-left: 25px;
}
.advantage .tuvan li {
  margin-bottom: 6px;
}
.advantage .tuvan p {
  line-height: 18px;
  font-size: 14px;
}
.advantage .tuvan p a {
  font-weight: bold;
  color: var(--main-color);
}
.advantage_content p {
  position: relative;
  padding-left: 28px;
  margin-bottom: 13px;
  font-size: 13px;
}
.advantage_content p svg {
  width: 20px;
  color: #0183bf;
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
}
.advantage_content p b,
.advantage_content p strong,
.promotion b,
.promotion strong {
  font-weight: 600;
}
.advantage_content .warranty_exchange svg {
  width: 30px;
  left: -5px;
}
.accessories_incentives .item {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.accessories_incentives .item img {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
  width: 100px;
}
.accessories_incentives .item .name {
  font-weight: normal;
  margin-bottom: 2px;
  max-height: 54px;
  overflow: hidden;
}
.accessories_incentives .item .price {
  font-weight: normal;
  font-size: 14px;
  font-weight: bold;
  color: #dc0000;
}
#buy-now-222 {
  -webkit-border-radius: 5px;
  -webkit-background: var(--main-color);
  -webkit-appearance: none;
}
#buy-now,
.btn-dathang,
#buy-now-222,
#buy-now-2,
.btn-tragop {
  display: block;
  width: calc(50% - 5px);
  text-align: center;
  background: var(--orange-color);
  box-sizing: border-box;
  border-radius: 0px;
  color: #fff !important;
  text-decoration: none !important;
  position: relative;
  text-transform: uppercase;
  font-size: 15px;
  border: none;
  height: 46px;
  cursor: pointer;
  line-height: 46px;
  border-radius: 4px;
  margin-top: 12px;
}
.time-word {
  text-align: center;
  margin-top: 10px;
}
.time-word a {
  color: var(--main-color);
}
.btn-dathang,
.btn-tragop {
  background: var(--main-color);
  float: right;
}
.default_characteristic_pc {
  margin-top: 20px;
}
@media all and (min-width: 600px) {
  .rate-comment-plugin {
    padding: 24px 20px 5px;
    border: 1px solid #ededed;
    border-radius: 8px;
  }
}
.promotion_info {
  margin-top: 20px;
}
.promotion_info.frame_dt {
  font-size: 13px;
}
.promotion_info.frame_dt p {
  position: relative;
  padding-left: 16px;
}
.promotion_info.frame_dt p:after {
  content: "";
  position: absolute;
  background: #0183bf;
  top: 6px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
#buy-now:hover,
#buy-now-222:hover {
  background: var(--main-color);
}
.btn-tragop:hover {
  background: var(--main-color);
}
#buy-now font,
#buy-now-222 font,
.btn-tragop font {
  text-transform: uppercase;
  font-size: 14px;
}
@media all and (max-width: 800px) {
  #buy-now font,
  #buy-now-222 font,
  .btn-tragop font {
    font-size: 13px;
  }
}
@media all and (max-width: 600px) {
  #buy-now font,
  #buy-now-222 font,
  .btn-tragop font {
    font-size: 14px;
  }
}
#buy-now span,
#buy-now-222 span,
.btn-tragop span {
  font-size: 13px;
}
.hotline_detail {
  margin-top: 20px;
  position: relative;
  padding-left: 55px;
  font-size: 14px;
  color: var(--main-color);
}
.hotline_detail svg {
  width: 30px;
  position: absolute;
  left: 0px;
  padding: 6px;
  border-radius: 10px;
  background: var(--extra-color);
  fill: #fff;
  top: -12px;
}
.hotline_detail a {
  color: var(--main-color);
  font-size: 20px;
}
@media all and (max-width: 800px) {
  .hotline_detail a {
    font-size: 18px;
  }
}
.product .product_base .price {
  position: relative;
  margin-top: 5px;
}
@media all and (max-width: 600px) {
  .product .product_base .price {
    margin-top: 15px;
  }
}
.product .product_base .price .in_stock {
  position: absolute;
  right: 0;
  top: 0px;
  color: #000;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  padding-left: 20px;
}
.product .product_base .price .in_stock i {
  cursor: pointer;
  position: absolute;
  width: 18px;
  height: 18px;
  display: inline-block;
  background: url('data:image/svg+xml;charset=utf-8,<svg height="12px" viewBox="0 0 512 512" width="12px" fill="rgb(43, 169, 105)" xmlns="http://www.w3.org/2000/svg"><path d="m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm129.75 201.75-138.667969 138.664062c-4.160156 4.160157-9.621093 6.253907-15.082031 6.253907s-10.921875-2.09375-15.082031-6.253907l-69.332031-69.332031c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339843-8.34375 21.820312-8.34375 30.164062 0l54.25 54.25 123.585938-123.582031c8.339843-8.34375 21.820312-8.34375 30.164062 0 8.339844 8.339843 8.339844 21.820312 0 30.164062zm0 0"/></svg>');
  background-repeat: no-repeat;
  left: 0px;
  top: 4px;
}
.product .product_base .note_hotdeal {
  color: #fff;
  padding: 3px 6px 2px 8px;
  font-size: 12px;
  background: #ff9b00;
  border-radius: 10px;
  float: left;
  line-height: 15px;
  margin-left: 20px;
  margin-top: 5px;
}
.product .product_base .price .price_current {
  font-size: 25px;
  font-weight: bold;
  color: #d0021c;
  float: left;
}
@media all and (max-width: 600px) {
  .product .product_base .price .price_current {
    font-size: 23px;
    margin-right: 8px;
    margin-top: 2px;
  }
}
.product .product_base .price .price_old {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  color: #666;
  margin-left: 8px;
}
.product .product_base .price .price_old .price_old_nb {
  text-decoration: line-through;
  line-height: 24px;
}
.product .product_base .price .price_old .discount,
.product .product_base .price .price_old .text {
  font-weight: bold;
  color: #dc0000;
}
#smartTab {
  z-index: 1;
  width: 100%;
}
.product .product_tabs_ul {
  border-top: 2px solid #ededed;
  background: #f5f5f5;
  border-radius: 2px;
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
}
.product .product_tabs_ul li {
  float: left;
  border-right: 1px solid #f4f4f4;
}
.product .product_tabs_ul a {
  display: inline-block;
  padding: 10px 18px 11px;
  white-space: nowrap;
  font-size: 16px;
}
.product .product_tabs_ul li {
  float: left;
  border-right: 1px solid #e7e7e7;
}
.product .product_tabs_ul li.active a,
.product .product_tabs_ul li:hover a {
  color: #00a7f4;
  border-top: #00a7f4 2px solid;
  margin-top: -2px;
  padding-top: 12px;
  text-decoration: none;
  background: #fdfdfd;
}
#box_conten_linfo {
  max-height: 400px;
  transition: height 75ms;
  overflow: hidden;
}
#box_conten_linfo .box_conten_linfo_inner {
  margin-bottom: 30px;
}
#readmore_desc,
#readany_desc {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 15px;
}
#readmore_desc {
  position: relative;
}
#readmore_desc:before {
  width: 100%;
  height: 80px;
  background-image: -webkit-linear-gradient(bottom, #fff, #ffffffed, #ffffff00);
  top: -80px;
  left: 0px;
  content: "";
  position: absolute;
}
#readmore_desc span,
#readany_desc span {
  text-align: center;
  color: var(--main-color);
  padding: 5px 70px 4px 60px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  -moz-transition: all 0.2s ease-in 0;
  -webkit-transition: all 0.2s ease-in;
  -webkit-transition-delay: 0;
  transition: all 0.2s ease-in 0;
  display: inline-block;
  border: 1px solid var(--main-color);
}
#readmore_desc span:hover {
  background: var(--main-color);
  color: #fff;
}
#readmore_desc span:hover:before {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
#readany_desc span:hover {
  background: var(--main-color);
  color: #fff;
}
#readany_desc span:hover:before {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}
#readmore_desc span::before {
  border-left: 2px solid var(--main-color);
  width: 4px;
  border-bottom: 2px solid var(--main-color);
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 53px;
  top: 12px;
  vertical-align: top;
  content: "";
  transform: rotate(-45deg);
}
#readany_desc span::before {
  border-right: 2px solid var(--main-color);
  width: 4px;
  border-top: 2px solid var(--main-color);
  display: inline-block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 53px;
  top: 15px;
  vertical-align: top;
  content: "";
  transform: rotate(-45deg);
}
.modal {
  display: none;
}
.modal-dialog {
  width: 100%;
  position: fixed;
  top: 0px;
  background: rgba(14, 14, 14, 0.74);
  z-index: 1000;
  left: 0;
  bottom: 0;
  padding-top: 50px;
}
.modal-dialog .modal-content {
  width: 850px;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  z-index: 100;
  padding: 20px;
}
.modal-header {
  position: relative;
  background: var(--main-color);
  padding-top: 4px;
  border: none;
}
.modal-header button {
  position: absolute;
  right: 7px;
  top: 3px;
  border: none;
  background: red;
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 0 4px 1px;
}
.modal-title {
  padding-bottom: 6px;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 16px;
  color: #fff;
  padding-left: 13px;
}
.modal-body {
  padding: 5px 15px 15px;
}
@media all and (max-width: 600px) {
  .modal-body {
    padding: 10px 0;
  }
}
.modal-full-screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.group_field {
  background: #eee;
  text-align: left;
}
.group_field b {
  font-weight: 600;
}
.compare_table {
  line-height: 26px;
  height: 100%;
  overflow-x: scroll;
}
.modal-content .content {
  overflow-y: scroll;
  height: 80vh;
}
.title_charactestic {
  font-weight: normal;
  padding-left: 10px;
  padding-bottom: 8px;
  padding: 10px;
}
/*tr.tr-0 {
  background-color: #f5f5f5;
}*/
#readmore_chareactestic {
  font-weight: normal;
  display: inline-block;
  color: #f3f3f3;
  background: var(--extra-color);
  width: 100%;
  text-align: center;
  border-radius: 5px;
  padding: 8px;
  cursor: pointer;
  font-size: 14px;
}
#tab_videos ._left {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-right: 0px;
}
#tab_videos ._right {
  width: 100%;
  float: right;
  box-sizing: border-box;
  padding-left: 0px;
  margin-top: 20px;
}
#tab_videos ._right iframe,
#tab_videos ._left iframe {
  max-width: 100%;
}
.table_special tr td:nth-child(odd) {
  width: 30% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table_special tr td:nth-child(even) {
  width: 70% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.data-summary {
  line-height: 22px;
  margin-top: 12px;
  border: 1px solid #ededed;
  padding: 10px;
  border-radius: 4px;
}
.data-summary li {
  list-style: inside;
}
.description {
  font-size: 15px;
  line-height: 24px;
}
.description span {
  font-family: Helvetica !important;
}
.description img {
  max-width: 100%;
  height: auto !important;
}
.description p,
.description div,
.description li,
.description h2,
.description h3,
.description h4 {
  margin-bottom: 12px;
}
.description li {
  list-style: inside;
}
.description iframe {
  max-width: 100%;
}
.description table {
  border: 1px solid #ccc;
  font-size: 15px;
  width: 100% !important;
  margin-bottom: 10px;
}
.description table tr,
.description table td {
  border: 1px solid #ccc;
}
.description table td {
  padding-left: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.description table td p span {
  font-size: 13px !important;
}
.description table td span strong {
  font-size: 13px !important;
}
.description table td span span strong {
  font-size: 13px !important;
}
.description .video_wrapper {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.description .video_wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.description h1 {
  font-size: 28px;
}
.description h2 {
  font-size: 20px;
}
.description h3 {
  font-size: 18px;
}
.description h1,
.description h2,
.description h3 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.description ul li {
  margin-left: 40px;
}
@keyframes border-pulsate {
  0% {
    border-color: #00a7f4;
  }
  50% {
    border-color: #c30808;
  }
  100% {
    border-color: #00a7f4;
  }
}
.products_orders {
  color: #f50707;
  font-size: 13px;
  line-height: 21px;
  margin-top: 13px;
  border: 1px solid #ededed;
  padding: 8px 10px;
  width: calc(100% - 100px);
}
@media all and (max-width: 600px) {
  .products_orders {
    width: 100%;
    box-sizing: border-box;
  }
}
#products_orders li {
  position: relative;
}
#products_orders li .icon_v1 {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  display: inline-flex;
  top: 3px;
  left: 0;
  background-position: -377px -2px;
}
#prodetails_tab50 {
  margin-top: 50px;
}
@media all and (max-width: 600px) {
  #prodetails_tab50 {
    margin-top: 30px;
  }
}
.tab-title {
  margin-bottom: 15px;
}
.tab-title span {
  font-size: 20px;
  font-weight: bold;
  line-height: 21px;
  margin-bottom: 15px;
}
@media all and (max-width: 600px) {
  .tab-title span {
    font-size: 16px;
  }
}
.tab_label {
  margin-bottom: 12px;
}
.tab_label strong {
  font-weight: 600;
}
.tab_label .statistic {
  font-style: italic;
  font-weight: bold;
}
.video_product {
  margin-top: 40px;
}
#characteristic-label .title_icon i {
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="bars" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="svg-inline--fa fa-bars fa-w-14"><path fill="white" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" class=""></path></svg>');
  background-repeat: no-repeat;
}
.col-modal-l {
  border-right: 1px solid #eeeeee;
  border-bottom: none;
  margin-bottom: 0;
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-right: 15px;
}
@media all and (max-width: 600px) {
  .col-modal-l {
    width: 100%;
    padding: 0;
    border-right: 0;
  }
}
.col-modal-r {
  width: 50%;
  float: right;
  padding-left: 15px;
  box-sizing: border-box;
}
@media all and (max-width: 600px) {
  .col-modal-r {
    width: 100%;
    padding: 0;
  }
}
#modal_buy_now .media-box {
  margin-bottom: 10px;
}
.mt10 {
  margin-bottom: 10px;
}
.pull-left {
  float: left;
  width: 35%;
}
.media-body {
  float: right;
  width: 65%;
  padding-left: 10px;
  box-sizing: border-box;
}
.media-body h2 {
  margin-bottom: 6px;
}
#modal_buy_now .media-body select {
  width: 100%;
  margin-bottom: 10px;
  height: 28px;
  border: 1px solid #eee;
  padding-left: 5px;
}
#modal_buy_now .media-body .quantity_modal {
  border: 1px solid #eee;
  text-align: center;
  width: 50px;
  padding: 5px 10px;
}
#modal_buy_now .price_modal {
  color: #e20000;
  font-size: 18px;
  font-weight: bold;
  margin-top: 9px;
}
.price_modal_new {
  color: #e20000;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
  line-height: 20px;
}
.price_modal_new label {
  color: #252525;
  font-size: 15px;
  font-weight: normal;
}
.input_text_wrap {
  margin-bottom: 15px;
}
#modal_buy_now .input_text {
  display: block;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border: 1px solid #eee;
}
.btn {
  display: inline-block;
  padding: 6px 25px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0px;
}
#modal_buy_now .btn-default {
  background-color: #25b7e9;
  border: medium none;
  color: #fff;
  border-radius: 0;
  margin-right: 10px;
}
#modal_buy_now .reset-default {
  background-color: #a9a9a9;
  border: medium none;
  border-radius: 0;
  color: #fff;
}
#modal_buy_now .other_info {
  border-top: 1px solid #eeeeee;
  padding-top: 16px;
  text-align: center;
}
.buy_fast {
  margin-top: 10px;
  float: none;
  box-sizing: border-box;
  position: relative;
  box-sizing: border-box;
  padding: 20px 15px 15px;
  background: #66a5ad;
  border-radius: 4px;
}
@media all and (max-width: 420px) {
  .buy_fast {
    width: 100%;
  }
}
.buy_fast .title_buy_fast {
  margin-bottom: 8px;
  text-align: center;
  color: #fff;
  font-style: italic;
  height: 18px;
}
.buy_fast .title_buy_fast_bold {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 5px;
  height: 18px;
}
.sub_title {
  margin-top: 3px;
  margin-bottom: 10px;
}
.buy_fast label {
  display: block;
  text-transform: uppercase;
  margin-bottom: 1px;
  font-size: 16px;
}
#telephone_buy_fast {
  border: none;
  width: calc(100% - 72px);
  float: left;
  height: 34px;
  padding-left: 15px;
  box-sizing: border-box;
  font-size: 15px;
}
.button-buy-fast {
  background: #ffffff;
  width: 58px;
  height: 34px;
  border: none;
  float: right;
  cursor: pointer;
  font-size: 14px;
  color: #464646;
}
.button-buy-fast:hover {
  background: #df0909;
  color: #fff;
}
.buy_fast .label_error {
  text-align: left;
  padding-top: 4px;
  display: block;
  position: absolute;
  bottom: -19px;
  left: 0px;
}
.products_compare_wrap {
  margin-bottom: 50px;
  border: 1px solid #ededed;
  padding: 20px;
  border-radius: 8px;
}
.products_compare_wrap .cat-title-main {
  width: calc(100% - 340px);
  float: left;
  margin-top: 10px;
}
@media all and (max-width: 750px) {
  .products_compare_wrap .cat-title-main {
    width: 100%;
    float: none;
  }
}
.compare_box {
  width: 340px;
  float: right;
}
@media all and (max-width: 750px) {
  .compare_box {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
}
.compare_box label {
  font-weight: 500;
}
.compare_box input {
  padding: 10px 30px;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 25px;
  font-size: 13px;
  border: 1px solid #ededed;
}
.autocomplete-suggestions-compare {
  position: absolute;
  top: 4px;
  right: -5px;
  margin: 6px 0 0 6px;
  _background: none;
  _margin: 1px 0 0 0;
}
.autocomplete-suggestions-compare {
  border: 1px solid #ececec;
  background: #fff;
  cursor: default;
  overflow: auto;
  margin: 0 0px 6px -30px;
  width: 100%;
  top: 31px;
  left: 51% !important;
}
.autocomplete-suggestions-compare div {
  cursor: pointer;
  width: 100%;
  display: inline-block;
  clear: both;
  padding: 0;
  margin: 0;
  margin-bottom: -5px;
}
.autocomplete-suggestions-compare .autocomplete-group {
  padding: 8px 3%;
  width: 100%;
  background: #f9f9f9;
  box-sizing: border-box;
}
.autocomplete-suggestions-compare div a,
.autocomplete-suggestions-compare div a:link,
.autocomplete-suggestions-compare div a:visited {
  display: inline-block;
  margin: 0;
  padding: 6px 3%;
  width: 100%;
  font-size: 13px;
  color: #333;
  background: #fff;
  clear: both;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
}
.autocomplete-suggestions-compare div a:hover {
  background: #ececec;
}
.autocomplete-suggestions-compare div a img {
  width: 64px;
  float: left;
  margin-right: 20px;
}
.autocomplete-suggestions-compare div a label {
  font-weight: normal;
  cursor: pointer;
  margin: 0;
}
.autocomplete-suggestions-compare div a span {
  clear: both;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.autocomplete-suggestions-compare div a span.price {
  color: #fd0000;
  padding-top: 10px;
}
.autocomplete-suggestions-compare div.last {
  border: none;
}
.autocomplete-suggestions-compare strong {
  font-weight: 500;
  color: #0083bf;
}
.autocomplete-suggestions-compare::-webkit-scrollbar-track {
  border-radius: 15px;
  background-color: var(--main-color);
}
.autocomplete-suggestions-compare::-webkit-scrollbar {
  width: 5px;
  background-color: var(--main-color);
  border-radius: 15px;
}
.autocomplete-suggestions-compare::-webkit-scrollbar-thumb {
  border-radius: 15px;
  background: var(--main-color);
  border: 1px solid var(--main-color);
}
@media only screen and (max-width: 768px) {
  .autocomplete-suggestions-compare {
    top: 30px;
    left: 10px;
  }
}
.news_related_horizontal {
  margin-left: -10px;
  margin-right: -10px;
}
.news_related_horizontal .item-related {
  float: left;
  width: 16.66667%;
  padding: 0 10px;
  box-sizing: border-box;
}
.news_related_horizontal .item-related > a {
  text-align: center;
  overflow: hidden;
  display: block;
}
.news_related_horizontal .item-related img {
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.news_related_horizontal .item-related:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0.5;
}
.news_related_horizontal .item-related .title-item-related {
  font-weight: normal;
  margin-top: 15px;
}
.news_related_vertical {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0px -12px;
}
@media all and (max-width: 830px) {
  .news_related_vertical {
    margin: 0px -5px;
  }
}
.news_related_vertical .item-related {
  width: calc(100% / 4 - 24px);
  margin: 0px 12px;
}
@media all and (max-width: 830px) {
  .news_related_vertical .item-related {
    width: calc(100% / 2 - 10px);
    margin: 0px 5px 14px;
  }
}
.news_related_vertical .item-related > a {
  display: grid;
  min-height: 180px;
}
@media all and (max-width: 1024px) {
  .news_related_vertical .item-related > a {
    min-height: 120px;
  }
}
@media all and (max-width: 420px) {
  .news_related_vertical .item-related > a {
    min-height: 100px;
  }
}
.news_related_vertical .item-related img {
  width: 100%;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.news_related_vertical .item-related .title-item-related {
  border: 1px solid #ededed;
  box-sizing: border-box;
  padding: 17px;
}
.news_related_vertical .item-related .title-item-related > a {
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news_related_vertical .item-related .title-item-related .summary {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  line-height: 22px;
  margin-top: 10px;
}
.characteristic a {
  color: #0183bf;
}
.frame_b_l {
  margin-bottom: 15px;
}
.frame_b_l_full {
  width: 100% !important;
  float: none;
}
@media all and (max-width: 600px) {
  .frame_b_r .tab_content_right {
    display: none;
  }
}
#products_slideshow_hightlight {
  display: block;
}
#products_slideshow_hightlight .name {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  display: none;
  font-family: MyriadPro-Light;
  font-size: 18px;
  font-weight: bold;
  left: 0;
  margin: 0;
  padding: 8px 20px;
  position: absolute;
  width: 100%;
}
#products_slideshow_hightlight .item {
  text-align: center;
  display: none;
}
#products_slideshow_hightlight .item:first-child {
  display: block;
}
.owl-dot {
  background: #888888;
  margin: 0px 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 1px 1px 1px #fff;
}
#products_slideshow_hightlight:hover .owl-dot {
  opacity: 1;
}
.owl-dots {
  text-align: center;
  position: absolute;
  bottom: 3px;
  padding: 6px 0px;
  border-radius: 19px;
  left: 50%;
  transform: translate(-50%, 0);
  background: none;
}
.owl-dot.active,
.owl-dot:hover {
  background: var(--main-color);
  box-shadow: inset rgba(255, 255, 255, 0.37) -1px 1px 1px;
}
#products_slideshow_hightlight .owl-controls .owl-nav {
  position: absolute;
  top: 38%;
  height: 0;
  width: 100%;
  display: none;
}
#products_slideshow_hightlight:hover .owl-controls .owl-nav {
  display: block;
}
#products_slideshow_hightlight .owl-controls .owl-nav div {
  display: inline-block;
  zoom: 1;
  position: absolute;
  padding: 6px 0 0;
  margin: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: rgba(1, 131, 191, 0.75);
  width: 30px;
  height: 34px;
  text-align: center;
  font-size: 46px;
  color: #fff;
  font-family: -webkit-body;
  line-height: 20px;
}
#products_slideshow_hightlight .owl-controls .owl-prev {
  left: 10px;
}
#products_slideshow_hightlight .owl-controls .owl-next {
  right: 10px;
}
.products_compare_wrap {
  margin-bottom: 50px;
}
@media all and (max-width: 600px) {
  .products_compare_wrap {
    margin-bottom: 30px;
  }
}
.products_compare_wrap .list_vertical {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}
@media all and (max-width: 600px) {
  .products_compare_wrap .list_vertical {
    margin: 0px -10px;
  }
}
.products_compare_wrap .list_vertical .item-related {
  box-sizing: border-box;
  width: 25%;
  padding: 0px 15px;
}
.products_compare_wrap .list_vertical .item-related:nth-child(1) {
  border-right: 1px solid #ededed;
}
@media all and (max-width: 600px) {
  .products_compare_wrap .list_vertical .item-related {
    width: 50%;
  }
  .products_compare_wrap .list_vertical .item-related:nth-child(3) {
    border-right: 1px solid #ededed;
  }
}
.products_compare_wrap .list_vertical .img_a {
  margin-bottom: 10px;
  display: block;
  min-height: 199px;
}
.products_compare_wrap .list_vertical .text-view {
  text-transform: uppercase;
  color: #656565;
  height: 17px;
  margin-bottom: 10px;
}
.products_compare_wrap .list_vertical .text-view-main {
  color: #0678af;
}
.products_compare_wrap .list_vertical .name {
  line-height: 21px;
  margin-bottom: 13px;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.products_compare_wrap .list_vertical .name_main {
  color: var(--main-color);
}
.products_compare_wrap .list_vertical .price_wrap {
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 18px;
}
.products_compare_wrap .list_vertical .price {
  color: #e10c00;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}
.products_compare_wrap .list_vertical .price_old {
  color: #848181;
  font-size: 14px;
  font-weight: normal;
  display: inline-flex;
  text-decoration: line-through;
  margin-left: 5px;
  display: inline-block;
}
.products_compare_wrap .list_vertical .gift_accessories_compare {
  font-size: 13px;
  color: #585858;
  line-height: 17px;
}
.products_compare_wrap .list_vertical .link_compare {
  color: var(--main-color);
  margin-top: 15px;
  position: relative;
  display: inline-block;
}
.products_compare_wrap .list_vertical .link_compare:after {
  display: block;
  width: 14px;
  height: 15px;
  color: #b6af96;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg  width="10px" height="10px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" ><path fill="rgb(73 141 61)" d="M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>');
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  right: -21px;
}
.frame_left {
  position: relative;
}
.frame_left .doi-1 {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 3px;
  content: "";
  background: #ff0000bd;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  padding-top: 8px;
  box-sizing: border-box;
  letter-spacing: -0.8px;
  font-weight: 600;
  word-spacing: -0.8px;
  left: 6px;
  text-align: center;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  transform: translate(-400px, -100px);
  z-index: 1;
}
.frame_left .doi-1 div {
  -webkit-animation: jump 4.8s ease-in infinite;
  animation: jump 4.8s ease-in infinite;
}
.frame_left .gia-soc,
.frame_left .bao-hanh-24,
.frame_left .tra-gop,
.frame_left .doi-1-24,
.frame_left .hot-sale,
.frame_left .bh-ca-roi-vo {
  z-index: 1;
  position: absolute;
  left: calc(50% - 76px);
  bottom: 27px;
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  transform: translate(400px, 400px);
}
.frame_left .gia-soc div,
.frame_left .bao-hanh-24 div,
.frame_left .tra-gop div,
.frame_left .doi-1-24 div,
.frame_left .hot-sale div,
.frame_left .bh-ca-roi-vo div {
  color: #fff;
  padding: 8px 10px 6px;
  font-weight: bold;
  font-size: 17px;
  display: block;
  border-radius: 4px;
  text-transform: uppercase;
}
.frame_left .gia-soc div,
.frame_left .hot-sale div {
  background: #f28902d1;
  -webkit-animation: scale-shadow 2.8s ease-in infinite;
  animation: scale-shadow 2.8s ease-in infinite;
}
.frame_left .bao-hanh-24 div,
.frame_left .doi-1-24 div,
.frame_left .bh-ca-roi-vo div {
  background: #f28902d1;
}
.frame_left .bao-hanh-24 div span,
.frame_left .doi-1-24 div span,
.frame_left .bh-ca-roi-vo div span {
  -webkit-animation: text-circle 4s ease-in infinite;
  animation: text-circle 4s ease-in infinite;
  display: inline-block;
}
.frame_left .tra-gop div {
  background: #f28902d1;
}
.frame_left .tra-gop div span {
  -webkit-animation: neon1 3s ease-in infinite;
  animation: neon1 3s ease-in infinite;
  display: inline-block;
}
.frame_left_animate .doi-1 {
  transform: translate(0, 0);
  -webkit-transform: scale(1) rotate(0deg);
  -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 2s;
  transition: all 2.3s ease 0s;
  -webkit-transition: all 2.3s ease 0s;
}
.frame_left_animate .gia-soc,
.frame_left_animate .bao-hanh-24,
.frame_left_animate .tra-gop,
.frame_left_animate .doi-1-24,
.frame_left_animate .hot-sale,
.frame_left_animate .bh-ca-roi-vo {
  transform: translate(0, 0);
  -webkit-transform: scale(1) rotate(0deg);
  -webkit-transition: all cubic-bezier(0.4, 0, 1, 1) 2s;
  transition: all 2.3s ease 0s;
  -webkit-transition: all 2.3s ease 0s;
}
@media only screen and (max-width: 960px) {
  .news_related_horizontal .item-related {
    width: 33.333%;
  }
  .news_related_horizontal .item-related:nth-child(4) {
    clear: left;
  }
}
@media only screen and (max-width: 600px) {
  .news_related_horizontal .item-related {
    width: 50%;
  }
  .news_related_horizontal .item-related:nth-child(2n + 1) {
    clear: left;
  }
  .news_related_horizontal .item-related:nth-child(4) {
    clear: none;
  }
  #tab_videos ._left {
    width: 100%;
    padding-right: 0px;
  }
  #tab_videos ._right {
    width: 100%;
    padding-left: 0px;
    margin-top: 15px;
  }
  .button2_wrap {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.p-link {
  text-align: center;
  margin-top: 18px;
  display: none;
}
.p-link a {
  color: #00a7f4;
  font-size: 15px;
  font-style: italic;
  text-decoration: none;
}
.mz-hint {
  opacity: 0;
}
#prodetails_tab300 {
  margin-bottom: 30px;
}
#prodetails_tab300 .tab-title {
  margin-bottom: 15px;
}
#prodetails_tab300 .item {
  width: 25%;
}
@media all and (max-width: 800px) {
  #prodetails_tab300 .item {
    width: 50%;
  }
}
.group_price {
  margin-bottom: 10px;
}
.group_price label {
  font-weight: bold;
}
.group_price .select_extend {
  margin-top: 6px;
}
.group_price .li_Selector {
  width: calc(25% - 6px);
  margin: 0 3px;
}
.group_price .li_Selector a {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  border-radius: 5px;
  box-sizing: border-box;
  line-height: 20px;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #eee;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  transition: 0.5s;
  border-radius: 6px;
  font-weight: bold;
}
.group_price .li_Selector a .price_follow {
  font-size: 14px;
  font-weight: normal;
  color: #676767;
}
.group_price .li_Selector a:hover {
  border: 1px solid var(--main-color);
}
.group_price .li_Selector .active {
  border: 1px solid var(--main-color);
  color: #ed1c24;
}
.group_price .li_Selector .active .price_follow {
  color: #ed1c24;
}
.product_compatables {
  width: calc(100%);
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid var(--main-color);
  background: #fff;
  margin-top: 30px;
}
.product_compatables .tab-title {
  margin-bottom: 20px;
  font-weight: bold;
}
@media all and (max-width: 800px) {
  .product_compatables {
    width: 100%;
  }
}
.product_compatables .product_grid {
  border: none;
}
.product_compatables .item {
  width: 20% !important;
  border: none !important;
  box-sizing: border-box;
  padding: 0px;
}
.product_compatables .item h2 {
  line-height: 20px;
  margin-bottom: 5px;
}
@media all and (max-width: 800px) {
  .product_compatables .item {
    width: 33.33% !important;
    padding-bottom: 10px;
  }
}
@media all and (max-width: 500px) {
  .product_compatables .item {
    width: 50% !important;
    padding-bottom: 10px;
  }
}
.product_compatables .item .frame_inner {
  position: relative;
}
@media all and (max-width: 600px) {
  .product_compatables .item .frame_inner {
    padding-right: 10px;
    padding-left: 20px;
  }
}
.product_compatables .item .name_compatable {
  position: relative;
  padding-left: 20px;
  line-height: 20px;
}
.product_compatables .item .name_compatable .check {
  position: absolute;
  left: 0;
  top: 3px;
}
.product_compatables .item .name_compatable .check input {
  width: 15px;
  height: 15px;
}
.product_compatables .item .product_image {
  min-height: 120px;
}
.product_compatables .product_compatables_item .frame_inner {
  padding-left: 40px;
  position: relative;
}
.product_compatables .product_compatables_item .frame_inner:before {
  content: "+";
  font-size: 36px;
  line-height: 30px;
  color: #e92828;
  position: absolute;
  top: calc(41% - 15px);
  left: 10px;
  width: auto;
  height: auto;
}
.product_compatables .product_compatables_item .chose_other_compatables {
  padding-left: 40px;
  padding-right: 20px;
  margin-top: 3px;
}
.product_compatables .product_compatables_item .chose_other_compatables a {
  color: var(--main-color);
}
.product_compatables
  .product_compatables_item
  .chose_other_compatables
  a:hover {
  color: var(--blue-color);
}
.popup_chose_other_compatables {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #1b1b1bde;
  content: "";
  top: 0px;
  left: 0px;
  z-index: 99999999;
}
.popup_chose_other_compatables .popup_chose_other_compatables_inner {
  background: #fff;
  z-index: 2222;
  padding: 15px;
  width: 1000px;
  max-width: 100%;
  height: 80%;
  overflow-y: scroll;
  box-sizing: border-box;
  margin: auto;
  margin-top: 50px;
}
.popup_chose_other_compatables
  .popup_chose_other_compatables_inner
  .close_popup_chose_other_compatables {
  line-height: 15px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  color: red;
  background: #ffffff;
  cursor: pointer;
  float: right;
}
.popup_chose_other_compatables
  .popup_chose_other_compatables_inner
  .item
  .chose_product_other_compatables {
  text-align: center;
  margin-top: 10px;
}
.popup_chose_other_compatables
  .popup_chose_other_compatables_inner
  .item
  .chose_product_other_compatables
  a {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  background: var(--extra-color);
}
.popup_chose_other_compatables
  .popup_chose_other_compatables_inner
  .item
  .chose_product_other_compatables
  a:hover {
  background: var(--main-color);
}
.total_money_compatable {
  width: 20%;
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  box-sizing: border-box;
}
@media all and (max-width: 800px) {
  .total_money_compatable {
    width: 33.33% !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 600px) {
  .total_money_compatable {
    width: 50% !important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media all and (max-width: 450px) {
  .total_money_compatable {
    width: 100% !important;
  }
}
.total_money_compatable .label {
  line-height: 30px;
}
.total_money_compatable .total_money {
  font-weight: bold;
}
.total_money_compatable .total_money #total_money_compatable {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  color: #dc0000;
}
.total_money_compatable .total_money .total_money_compatable_old {
  font-size: 16px;
  color: #9e9e9e;
  text-decoration: line-through;
}
.total_money_compatable .count_total {
  padding: 6px 10px;
  width: calc(100% - 0px);
  margin-top: 10px;
  background: #e92828;
  text-align: center;
  box-sizing: border-box;
}
.total_money_compatable .count_total a {
  display: inline-block;
  color: #fff;
  position: relative;
  padding-left: 28px;
}
.total_money_compatable .count_total a svg {
  position: absolute;
  width: 24px;
  height: 24px;
  fill: #fff;
  left: -5px;
  top: 5px;
}
.total_money_compatable .count_total .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
@media all and (max-width: 1100px) {
  .total_money_compatable .count_total .title {
    font-size: 12px;
  }
}
.total_money_compatable .count_total .reduction {
  font-size: 13px;
}
@media all and (max-width: 1100px) {
  .total_money_compatable .count_total .reduction {
    font-size: 11px;
  }
}
.manu_name_product {
  margin-top: 20px;
}
.manu_name_product span {
  font-weight: bold;
}
@media all and (max-width: 1200px) {
  .manu_name_product {
    margin-top: 0px;
  }
}
.warranty_product {
  margin-top: 10px;
}
.warranty_product span {
  font-weight: bold;
}
.product_detail_bt {
  position: relative;
}
.product_detail_bt .wishlist {
  position: absolute;
  top: 0px;
  right: 10px;
  cursor: pointer;
}
.product_detail_bt .wishlist svg {
  width: 40px;
  fill: #c2c2c2;
  transition: 0.5s;
}
.product_detail_bt .wishlist .wishlist_active svg {
  fill: #ff424f;
}
.product_detail_bt .text {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}
.product_detail_bt .numbers-row {
  display: inline-block;
  margin-left: 20px;
  border: 1px solid #ededed;
  position: relative;
  width: 174px;
}
.product_detail_bt .numbers-row input {
  line-height: 44px;
  border: none;
  border-right: 1px solid #ededed;
  border-radius: 5px 0px 0px 5px;
  width: 112px;
  padding-left: 12px;
  box-sizing: border-box;
}
.product_detail_bt .numbers-row .inc {
  position: absolute;
  top: 2px;
  right: 26px;
  transform: rotate(-90deg);
  cursor: pointer;
}
.product_detail_bt .numbers-row .inc:hover {
  fill: var(--main-color);
}
.product_detail_bt .numbers-row .dec {
  position: absolute;
  bottom: 2px;
  right: 26px;
  transform: rotate(90deg);
  cursor: pointer;
}
.product_detail_bt .numbers-row .dec:hover {
  fill: var(--main-color);
}
.product_detail_bt .numbers-row:after {
  content: "";
  width: 40px;
  height: 1px;
  background: #ededed;
  position: absolute;
  right: 11px;
  top: 21px;
}
.product_tab_content {
  margin-bottom: 28px;
  border: 1px solid #ededed;
  padding: 10px;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .product_tab_content {
    margin-top: 20px;
  }
}
.product_tab_content .list-tab-title {
  text-align: center;
  border-bottom: 2px solid #eee;
  margin-bottom: 20px;
}
.product_tab_content .list-tab-title li {
  display: inline-block;
  text-transform: uppercase;
  padding: 10px 0px;
  margin: 0 15px;
  position: relative;
  font-size: 15px;
}
@media all and (max-width: 500px) {
  .product_tab_content .list-tab-title li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.product_tab_content .list-tab-title li:after {
  content: "";
  transition: 0.5s;
  position: absolute;
  width: 8px;
  height: 8px;
  left: calc(50% - 4px);
  bottom: -8px;
  background: transparent;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.product_tab_content .list-tab-title .active {
  border-bottom: 2px solid var(--main-color);
}
.product_tab_content .list-tab-title .active:after {
  background: var(--main-color);
}
.product_tab_content .list-tab-title .active a {
  color: var(--main-color);
  font-weight: bold;
}
.product_combo {
  padding-top: 5px;
  padding-bottom: 5px;
  border: none;
  border-bottom: 1px dashed var(--main-color);
  margin-bottom: 10px;
}
.product_combo .item {
  width: 25%;
  border: none;
}
.product_combo .buy_total {
  width: 25%;
  float: right;
  text-align: center;
  padding: 40px 40px;
  box-sizing: border-box;
}
@media all and (max-width: 600px) {
  .product_combo .buy_total {
    width: 50%;
  }
}
.product_combo .buy_total a {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background: red;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  box-sizing: border-box;
  font-weight: bold;
}
.product_combo .buy_total .total {
  margin-top: 10px;
  display: inline-block;
  font-size: 20px;
  padding: 6px 10px;
  border-radius: 5px;
  font-weight: bold;
  color: #fcff00;
  box-sizing: border-box;
  background: linear-gradient(180deg, #f6a53a 0%, #dd6833 50%, #c8352e 100%);
}
.price_quantity {
  margin-top: 10px;
  margin-bottom: 20px;
}
.price_quantity .list {
  margin-top: 10px;
}
.price_quantity .item {
  margin: 10px 0;
}
.price_quantity .item .quan {
  float: left;
}
.price_quantity .item .quan a {
  display: inline-block;
  width: 120px;
  text-align: center;
  padding: 5px 10px;
  box-sizing: border-box;
  color: #fff;
  border-color: #ff8a00;
  background-image: -moz-linear-gradient(top, #ff8a00 0, #e57a00 100%);
  background-image: linear-gradient(to bottom, #ff8a00 0, #e57a00 100%);
  background-repeat: repeat-x;
  background-color: #ff8a00;
  border-radius: 4px;
}
.price_quantity .item .price_quan {
  line-height: 28px;
  margin-left: 10px;
  font-weight: bold;
  color: #ff8a00;
  font-size: 18px;
  float: left;
}
.manu-sku {
  margin-top: 10px;
  line-height: 22px;
}
@media screen and (max-width: 768px) {
  .manu-sku {
    line-height: 26px;
    font-size: 15px;
  }
}
.manu-sku > div {
  display: inline-block;
  float: left;
  padding-right: 20px;
  position: relative;
}
.manu-sku > div:after {
  position: absolute;
  content: "";
  right: 9px;
  top: 4px;
  width: 1px;
  height: 10px;
  background: #6b6b6b;
}
.manu-sku > div:last-child:after {
  display: none;
}
.manu-sku > div span {
  color: var(--blue-color);
}
@media screen and (max-width: 420px) {
  .manu-sku > div {
    float: none;
    padding-right: 0px;
  }
  .manu-sku > div:after {
    display: none;
  }
}
.detail_main .detail_main_top {
  background: #fff;
}
@media all and (max-width: 1024px) {
  .detail_main .detail_main_top {
    margin-bottom: 0px;
  }
}
.detail_main .detail_main_bot {
  background: #fff;
  margin-top: 30px;
}
@media all and (max-width: 600px) {
  .detail_main .detail_main_bot {
    margin-top: 0px;
  }
}
.wrap_list_video_review {
  margin-top: 30px;
}
@media (max-width: 600px) {
  .wrap_list_video_review {
    margin-top: 20px;
  }
}
.list_video_review {
  margin: 0px -7px 0px;
  display: flex;
  flex-wrap: wrap;
}
@media all and (max-width: 840px) {
  .list_video_review {
    margin: 0px 0px 10px;
  }
}
.list_video_review .video_item {
  width: calc(50% - 14px);
  margin: 0px 7px 14px;
  position: relative;
  position: relative;
  overflow: hidden;
  height: 202px;
}
.list_video_review .video_item img {
  display: grid;
  position: absolute;
  width: 100%;
}
.list_video_review .video_item .play-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.list_video_review .video_item .play-video svg {
  width: 50px;
  height: 50px;
}
@media all and (max-width: 840px) {
  .list_video_review .video_item {
    width: 100%;
    margin: 0px;
    height: 215px;
    margin-bottom: 10px;
  }
}
.prodetails_tab_content {
  margin-bottom: 30px;
}
.products-list-related {
  margin-top: 20px;
}
.all_ground_extend {
  margin-top: 18px;
}
.all_ground_extend .ground_extend_item_select {
  margin-top: 10px;
}
.all_ground_extend .ground_extend_item {
  margin-bottom: 10px;
}
.all_ground_extend .ground_extend_item .ground_extend_name {
  margin-bottom: 5px;
}
.all_ground_extend .ground_extend_item .ground_extend_name_select {
  float: left;
  margin: 7px 12px 0px 0px;
  font-size: 15px;
}
.all_ground_extend .ground_extend_item .item_extend_name {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -2px;
}
.all_ground_extend .ground_extend_item .item_extend_name .item {
  width: calc(100% / 4 - 12px);
  float: left;
  text-align: center;
  display: block;
  border: 1px solid #ededed;
  padding: 5px;
  box-sizing: border-box;
  margin: 2px;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .all_ground_extend .ground_extend_item .item_extend_name .item {
    width: calc(50% - 12px);
  }
}
.all_ground_extend .ground_extend_item .item_extend_name .item:hover {
  border: 1px solid var(--main-color);
}
.all_ground_extend .ground_extend_item .item_extend_name .item:hover i {
  background: url(https://maychieuminikaw.com/modules/products/assets/images/beacon-sprite.png)
    no-repeat -36px 0;
  display: block;
  font-size: 0;
  position: absolute;
  text-indent: -99em;
  width: 12px;
  height: 12px;
  bottom: 0;
  right: 0;
}
.all_ground_extend .ground_extend_item .item_extend_name .item .extend_name {
  font-size: 13px;
  position: relative;
}
.all_ground_extend
  .ground_extend_item
  .item_extend_name
  .item
  .extend_name
  span {
  background-color: #ffffff;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  content: "";
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 8px;
}
.all_ground_extend .ground_extend_item .item_extend_name .item .extend_price {
  color: red;
}
.all_ground_extend .ground_extend_item .item_extend_name .item_color {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ededed;
  position: relative;
}
.all_ground_extend .ground_extend_item .item_extend_name .item_color:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  content: "";
  width: 6px;
  height: 10px;
  display: block;
  border: solid #eee;
  border-width: 0 2px 2px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px -2px 0 0;
  display: none;
}
.all_ground_extend .ground_extend_item .item_extend_name .active {
  border: 1px solid var(--main-color);
}
.all_ground_extend .ground_extend_item .item_extend_name .active i {
  background: url(https://maychieuminikaw.com/modules/products/assets/images/beacon-sprite.png)
    no-repeat -36px 0;
  display: block;
  font-size: 0;
  position: absolute;
  text-indent: -99em;
  width: 12px;
  height: 12px;
  bottom: 0;
  right: 0;
}
.all_ground_extend .ground_extend_item .item_extend_name_hide {
  display: none !important;
}
.image_color {
  float: left;
  margin-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #dc0000;
}
.form-status {
  margin-top: 11px;
}
.form-status span {
  background: #f50202;
  color: #fff;
  padding: 8px 15px;
  display: inline-block;
  cursor: pointer;
}
.popup-form-status {
  display: none;
  position: fixed;
  background: #fff;
  width: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11111111;
  padding: 20px;
  box-sizing: border-box;
}
.popup-form-status .form-status-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 14px;
}
.popup-form-status .input-text {
  width: 100%;
  height: 36px;
  padding: 5px;
  margin-bottom: 10px;
  border: 1px solid #ededed;
  box-sizing: border-box;
}
.popup-form-status .button_form_status {
  text-align: center;
}
.popup-form-status .button_form_status button {
  text-align: center;
  margin: 0 auto;
  background: red;
  color: #fff;
  border: none;
  padding: 0px 15px;
  text-transform: uppercase;
  height: 36px;
  background: #f50202;
}
.popup-form-status .close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  box-sizing: border-box;
  background: #f50202;
  color: #fff;
  padding-top: 5px;
  font-size: 15px;
  cursor: pointer;
}
.support_online {
  margin-top: 13px;
}
.support_online a {
  font-weight: bold;
  color: var(--blue-color);
}
.title_list_gift {
  font-weight: bold;
  margin-top: 20px;
}
.list_gift {
  border: 1px solid #f3f3f3;
  padding: 10px;
  margin-top: 10px;
}
.list_gift .item {
  width: 82px;
  text-align: center;
  float: left;
  margin-right: 10px;
  font-size: 13px;
}
.product_tags {
  margin-top: 20px;
}
.product_tags font {
  font-weight: bold;
}
.product_tags a {
  border: 1px solid #ededed;
  padding: 6px 8px;
  border-radius: 4px;
}
.file_upload_product {
  margin-top: 14px;
}
.file_upload_product svg {
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.file_upload_product a {
  color: var(--main-color);
}
.wrap_title_file_des {
  margin-top: 35px;
}
@media all and (max-width: 600px) {
  .wrap_title_file_des {
    margin-top: 20px;
  }
}
.default_characteristic_mobile {
  display: none;
}
@media all and (max-width: 840px) {
  .default_characteristic_mobile {
    display: block;
  }
}
.products-list-related .product_grid .item {
  width: 25%;
}
.MagicZoomPlus .play-video {
  display: none;
}
.item_video {
  position: relative;
  cursor: pointer;
  display: block;
}
.item_video .play-video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item_video .play-video img {
  width: 90px !important;
  height: 90px !important;
  border: 2px solid #ff3e3ead;
  border-radius: 50%;
}
.item_video .play-video:hover img {
  opacity: 0.95;
}
.rates_rate_product {
  padding-right: 0px !important;
}
#rates_rate .rates {
  border-bottom: 0px !important;
  margin-bottom: 20px !important;
}
@media all and (max-width: 600px) {
  #rates_rate .rates {
    margin-bottom: 0px !important;
  }
}
#prodetails_tab20 {
  margin-top: 50px;
  border: 1px solid #ededed;
  padding: 20px;
  border-radius: 8px;
}
@media all and (max-width: 600px) {
  #prodetails_tab20 {
    margin-top: 20px;
  }
}
#box-soccer-7 {
  margin-top: 50px;
}
#box-soccer-7 .aq-block-body {
  padding: 10px 20px;
  border: 1px solid #ededed;
  border-radius: 8px;
  background: none;
}
@media all and (max-width: 600px) {
  #box-soccer-7 {
    margin-top: 20px;
  }
  #box-soccer-7 .aq-block-body {
    padding: 0px;
    border: 0px;
    border-top: 0px solid #ededed;
  }
}
.unit_data {
  font-size: 16px;
  margin-left: 5px;
  display: none;
}
.strength_related {
  margin-top: 30px;
}
@media all and (max-width: 600px) {
  .strength_related {
    margin-top: 20px;
  }
}
.strength_related .strength_related_gid {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -10px;
}
.strength_related .item {
  width: calc(50% - 20px);
  margin: 0px 10px 20px;
  display: block;
  border: 1px solid #ededed;
  box-sizing: border-box;
  padding: 20px 15px;
  border-radius: 4px;
  background: #00aeef05;
}
.strength_related .item .icon {
  width: 40px;
  height: 40px;
  float: left;
}
.strength_related .item .icon svg {
  width: 40px;
  height: 40px;
  fill: var(--main-color);
}
.strength_related .item .cont-l {
  text-transform: uppercase;
  width: calc(100% - 47px);
  font-size: 14px;
  float: right;
  line-height: 20px;
}
.strength_related .item .cont-l .text2 {
  font-weight: bold;
}
@media all and (max-width: 800px) {
  .strength_related .strength_related_gid {
    margin: 0px -5px;
  }
  .strength_related .item {
    padding: 10px 10px;
    width: calc(50% - 10px);
    margin-bottom: 10px;
    margin: 0px 5px 10px;
  }
  .strength_related .item:nth-child(3),
  .strength_related .item:nth-child(4) {
    margin-bottom: 0px;
  }
}
@media all and (max-width: 500px) {
  .strength_related .item .icon {
    width: 44px;
    height: 44px;
    float: none;
    margin: 0 auto;
  }
  .strength_related .item .cont-l {
    width: 100%;
    font-size: 14px;
    float: none;
    text-align: center;
  }
}
.strengths .contents .item {
  line-height: 20px;
}
.strengths .contents .item p {
  margin-bottom: 5px;
}
.wrap_gift {
  margin-top: 8px;
}
.wrap_gift ul li {
  position: relative;
  padding-left: 18px;
  font-size: 13px;
  margin-bottom: 9px;
}
.wrap_gift ul li:after {
  content: "";
  position: absolute;
  background: var(--main-color);
  top: 4px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  box-sizing: border-box;
  background: url('data:image/svg+xml;charset=utf-8,<svg height="12px" viewBox="0 0 512 512" width="12px" fill="rgb(43, 169, 105)" xmlns="http://www.w3.org/2000/svg"><path d="m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm129.75 201.75-138.667969 138.664062c-4.160156 4.160157-9.621093 6.253907-15.082031 6.253907s-10.921875-2.09375-15.082031-6.253907l-69.332031-69.332031c-8.34375-8.339843-8.34375-21.824219 0-30.164062 8.339843-8.34375 21.820312-8.34375 30.164062 0l54.25 54.25 123.585938-123.582031c8.339843-8.34375 21.820312-8.34375 30.164062 0 8.339844 8.339843 8.339844 21.820312 0 30.164062zm0 0"/></svg>');
  background-repeat: no-repeat;
}
.wrap_gift ul li a {
  color: var(--blue-color);
}
.hot_icon {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 44px;
  height: 44px;
  font-size: 14px;
  border-radius: 50%;
  line-height: 46px;
  text-align: center;
  color: #fff;
  line-height: 44px;
  background: #ff6d02;
  background: linear-gradient(90deg, #ff6d02 0%, #fc3905 62%, #fa0707 100%);
}
@media screen and (max-width: 736px) {
  .hot_icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
  }
}
.fix-btn-buy {
  position: fixed;
  bottom: 0px;
  z-index: 10;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ffffffc7;
}
.fix-btn-buy .item-shopcart {
  width: 76px;
  float: left;
  background: #fe0500;
}
.fix-btn-buy .all-btn-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.fix-btn-buy .all-btn-item .item {
  width: calc(100% / 2);
  padding: 14px 0px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 15px;
  padding: 14px 0px;
  box-sizing: border-box;
}
.fix-btn-buy .all-btn-item .item:nth-child(1) {
  background: var(--orange-color);
}
.fix-btn-buy .all-btn-item .item:nth-child(2) {
  background: #74bc2a;
}
.fix-btn-buy .all-btn-item .item:nth-child(3) {
  background: #ff7701;
}
.status_die {
  font-size: 16px;
  font-weight: bold;
  color: #dc0000;
  line-height: 25px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.status_die span {
  color: #000;
  font-weight: normal;
  text-transform: initial;
  margin-left: 12px;
  font-size: 12px;
}
.time_open {
  margin-bottom: 14px;
}
.time_open a {
  color: var(--main-color);
  font-weight: 600;
  font-size: 16px;
}
.sale_off_pro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to right, #ff1832 0%, #fe733b 50%, #ff1832 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  box-sizing: border-box;
  padding: 8px 16px 6px 18px;
  color: #fff;
  margin-bottom: 15px;
  background-size: 200% auto;
  background-position: 0 100%;
  animation: gradient 2s infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  font-size: 13px;
  border-radius: 3px;
}
@media all and (max-width: 450px) {
  .sale_off_pro {
    padding: 4px 10px 4px 12px;
  }
}
.sale_off_pro .time-dow-hotdeal {
  display: flex;
  align-items: center;
}
.sale_off_pro .title_sale {
  font-weight: 600;
  text-transform: uppercase;
}
.sale_off_pro .title_sale2 {
  text-transform: uppercase;
}
.sale_off_pro .time .time_1 {
  height: 18px;
  background: #000;
  margin: 0 2px;
  padding: 0px 8px;
  box-sizing: border-box;
  border-radius: 5px;
}
@keyframes gradient {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.progress {
  width: 158px;
  margin-bottom: 20px;
}
.box-warranty {
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 6px;
  padding-bottom: 16px;
  background: #ffffcc5e;
}
.box-warranty .warranty-click {
  padding: 0px 16px;
  text-align: center;
  color: #ff4500;
  font-weight: bold;
  margin-top: 7px;
}
.box-warranty .warranty-click span {
  position: relative;
  cursor: pointer;
}
.box-warranty .warranty-click svg {
  fill: #ff4500;
  transform: rotate(90deg);
  position: absolute;
  right: -15px;
  top: 4px;
}
.title-wr {
  padding: 18px 16px;
  text-transform: uppercase;
  background: #ec141c;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  border-radius: 4px 4px 0px 0px;
  text-align: left;
}
@media only screen and (max-width: 430px) {
  .title-wr {
    font-size: 18px;
  }
}
@media only screen and (max-width: 383px) {
  .title-wr {
    font-size: 16px;
  }
}
@media only screen and (max-width: 354px) {
  .title-wr {
    font-size: 14px;
  }
}
@media only screen and (max-width: 326px) {
  .title-wr {
    font-size: 12px;
  }
}
.title-wr .one {
  color: #ffff00;
  font-size: 24px;
  position: relative;
  font-weight: bold;
}
.title-wr .one:after {
  content: "";
  height: 33px;
  width: 1px;
  background: #f9f9f9c2;
  position: absolute;
  right: -5px;
  top: 0px;
}
@media only screen and (max-width: 430px) {
  .title-wr .one:after {
    height: 20px;
  }
}
@media only screen and (max-width: 430px) {
  .title-wr .one {
    font-size: 18px;
  }
}
.title-wr .text2 {
  padding-left: 17px;
}
.warranty {
  box-sizing: border-box;
  border-radius: 0px 0px 4px 4px;
  padding: 16px 16px 0px;
  line-height: 26px;
}
.warranty a span:hover {
  color: red !important;
}
.warranty li {
  position: relative;
  padding-left: 20px;
  box-sizing: border-box;
}
.warranty li:before {
  content: "";
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18"><path fill="rgb(251, 197, 0)" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class=""></path></svg>');
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  left: 0px;
  top: 6px;
  background-repeat: no-repeat;
  position: absolute;
}
/*# sourceMappingURL=product.css.map */
@charset "UTF-8"; /*!
        Animate.css - http://daneden.me/animate
        Licensed under the MIT license - http://opensource.org/licenses/MIT
        
        Copyright (c) 2015 Daniel Eden
        */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  53%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  100%,
  20%,
  40%,
  60%,
  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  100%,
  60%,
  75%,
  90% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
#ShareForcouponcode svg {
  left: 0px;
  top: 50%;
  position: absolute;
  fill: #fff;
  height: 18px;
  width: 18px;
  transform: translateY(-50%);
}
#ShareForcouponcode p {
  position: relative;
  padding-left: 30px;
  display: inline-block;
}
.title-share-fb {
  position: relative;
  box-sizing: border-box;
  text-align: center;
}
.title-share-fb .title_promotion {
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
  color: red;
}
.title-share-fb .lnkstyle {
  background-color: #3478f6;
  -moz-border-radius: 22px;
  display: inline-block;
  color: #ffffff;
  line-height: 50px;
  text-decoration: none;
  cursor: pointer;
  float: left;
  width: 380px;
  box-sizing: border-box;
}
@media all and (max-width: 420px) {
  .title-share-fb .lnkstyle {
    width: 100%;
  }
}
@keyframes chang-color-anim {
  0% {
    background-color: #0187cf;
  }
  30% {
    background-color: #f79606;
  }
  70% {
    background-color: #cd1c2c;
  }
}
.title-share-fb .lnkstyle:hover {
  background-color: #408c99;
}
.title-share-fb .lnkstyle:active {
  position: relative;
  top: 1px;
}
.title-share-fb .cpncode {
  -moz-box-shadow: 0px 10px 14px -7px #3e7327;
  -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
  box-shadow: 0px 10px 14px -7px #3e7327;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #77b55a),
    color-stop(1, #72b352)
  );
  background: -moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -o-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: -ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
  background: linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
  background-color: #77b55a;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
  border: 1px solid #4b8f29;
  display: inline-block;
  color: #ffffff;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
  padding: 6px 12px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #5b8a3c;
}
.title-share-fb .cpncode:hover {
  cursor: pointer;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #72b352),
    color-stop(1, #77b55a)
  );
  background: -moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -o-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: -ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
  background: linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
  background-color: #72b352;
}
.title-share-fb .cpncode:active {
  position: relative;
  top: 1px;
}
.wraper_sale {
  margin-top: 20px;
  width: 380px;
}
@media (max-width: 420px) {
  .wraper_sale {
    width: 100%;
  }
}
.wraper_sale .buttom_down {
  width: calc(100% - 110px);
  float: left;
  padding-left: 15px;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  font-size: 15px;
  color: #cf212a;
  padding-top: 2px;
}
.wraper_sale .logo_product,
.wraper_sale .sale_date {
  float: left;
}
.wraper_sale .sale_date label {
  animation: 2s ease-in-out 1s normal none infinite running chang-color-anim;
  color: #fff;
  background: var(--extra-color);
  padding: 8px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  border-radius: 3px;
}
.wraper_sale .logo_product {
  background: var(--main-color);
  margin-right: 15px;
  width: calc(25% - 22px);
  text-align: center;
  padding: 13px 3px;
}
@media all and (max-width: 1200px) {
  .wraper_sale .sale_date {
    width: 100%;
  }
}
.wraper_sale .sale_date .hide {
  display: none !important;
}
.wraper_sale #sale_date {
  width: 97%;
  height: 40px;
  border: 1px solid var(--extra-color);
  background: unset;
  padding-left: 10px;
  color: var(--extra-color);
  font-size: 18px;
  font-weight: 700;
}
.wraper_sale .buy_fast_body {
  position: relative;
}
.wraper_sale .button-sale-date {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translate(0px, -50%);
  padding: 6px 15px;
  border: unset;
  background: var(--main-color);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.wraper_sale .text_summary {
  padding-top: 10px;
  display: block;
  font-size: 15px;
}
.wraper_sale .text_aaa {
  background: var(--extra-color);
  padding: 8px 25px;
}
.wraper_sale .text_aaa a {
  color: #fff;
  position: relative;
  text-decoration: underline;
}
.wraper_sale .text_aaa a svg {
  fill: var(--main-color);
  width: 20px;
  height: 14px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0px, -50%);
}
/*# sourceMappingURL=share_facebook_coupon.css.map */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
/*# sourceMappingURL=owl.carousel.css.map */
.wrap-magiczoom {
  position: relative;
}
.frame_img {
  display: block;
  text-align: center;
  position: relative;
  overflow: hidden;
  padding-top: 0px;
  background: #fff;
  padding: 0px 0px 0px 110px;
}
@media only screen and (max-width: 769px) {
  .frame_img {
    max-height: 600px;
    text-align: center;
    width: 100%;
  }
  .frame_img img {
    max-height: 600px;
  }
}
.thumbs {
  transform: rotate(90deg) translateY(-50%);
  position: absolute;
  top: 244px;
  left: -298px;
  z-index: 2;
  width: 600px;
  margin: 0px auto;
}
.thumbs .item {
  transform: rotate(-90deg);
}
@media only screen and (max-width: 769px) {
  .thumbs {
    width: 300px;
    left: -134px;
  }
}
@media only screen and (max-width: 600px) {
  .thumbs {
    position: inherit;
    transform: rotate(0deg) translateY(0px);
    left: auto;
    margin-top: 10px;
    width: 100%;
  }
  .thumbs .item {
    transform: rotate(0deg);
  }
}
.frame_img img:hover,
#colorbox img:hover {
  opacity: 1;
}
.frame_img_inner {
  max-width: 678px;
  float: right;
}
@media only screen and (max-width: 769px) {
  .frame_img_inner {
    float: none;
  }
}
#sync1_wrapper {
  display: none;
}
#sync1 .item {
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}
#sync2 .item {
  text-align: center;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #ededed;
}
#sync2 .item:hover {
  border: 1px solid var(--main-color);
}
#sync2 .item .play-video-small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.9;
}
#sync2 .item a {
  display: grid;
}
#sync2 .item a img {
  margin: 0 auto;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .synced .item {
  background: #0c83e7;
}
#sync1 .owl-prev,
#sync1 .owl-next {
  display: inline-block;
  padding: 0px;
  text-align: center;
  position: absolute;
  top: 35% !important;
  width: 20px;
  height: 35px;
  font-size: 12px;
  margin: 5px;
  padding: 3px 10px;
  border-radius: 4px;
  background: rgba(1, 131, 191, 0.77);
  font-size: 46px;
  color: #fff;
  line-height: 29px;
}
#sync1:hover .owl-prev,
#sync1:hover .owl-next {
  display: inline-block !important;
}
#sync1 .owl-prev {
  left: 0px;
}
#sync1 .owl-next {
  right: 0px;
}
#sync1 .owl-prev:hover {
  right: 4px;
}
#sync1 .owl-next:hover {
  right: 4px;
}
#sync1.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  display: inherit;
  width: auto;
}
.product_image .thumbs {
  padding: 0 25px;
  margin-top: 18px;
}
.thumbs .owl-carousel .owl-stage {
  text-align: center;
  margin: 0 auto;
}
#sync2 .owl-prev,
#sync2 .owl-next {
  display: inline-block;
  zoom: 1;
  position: absolute;
  padding: 9px 0 0;
  margin: 0;
  border-radius: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 18px;
  height: 14px;
  text-align: center;
  font-size: 33px;
  color: #fff;
  background: #f5652de6;
  font-family: -webkit-body;
  border-radius: 3px;
  line-height: 0px;
  top: 27px;
  border-radius: 3px;
}
@media only screen and (max-width: 769px) {
  #sync2 .owl-prev,
  #sync2 .owl-next {
    display: inline-block !important;
    top: 33px;
  }
}
#sync2:hover .owl-prev,
#sync2:hover .owl-next {
  display: inline !important;
}
#sync2 .owl-prev {
  left: 0px;
}
#sync2 .owl-next {
  right: 0px;
}
.product .frame_left #sync1_wrapper {
  border: 1px solid #eee;
}
@media screen and (max-width: 600px) {
  .frame_img {
    padding: 0px;
  }
  .frame_img_inner {
    padding: 0px;
    max-width: 100%;
  }
}
@media screen and (max-width: 414px) {
  .product .frame_left #sync1_wrapper {
    border: none;
  }
}
.popup-video-full {
  position: fixed;
  z-index: 22222222;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000000f2;
  display: none;
}
.popup-video-full .content-video {
  width: 100%;
  height: 100%;
}
.popup-video-full .video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 900px) {
  .popup-video-full .video {
    width: 100%;
  }
}
.popup-video-full .close {
  float: right;
  color: #ffff;
  font-size: 22px;
  padding: 10px;
  cursor: pointer;
}
.icon-thumbs-all {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
@media screen and (max-width: 600px) {
  .icon-thumbs-all {
    margin-top: 10px;
  }
}
.icon-thumbs-all .item {
  margin: 0px 5px;
  float: left;
}
.icon-thumbs-all a:hover {
  text-decoration: none;
  color: #7b7b7b !important;
}
.icon-thumbs-all svg {
  width: 30px;
  height: 30px;
  fill: #333;
  transition: 0.5s all ease;
}
@media screen and (max-width: 600px) {
  .icon-thumbs-all svg {
    width: 20px;
    height: 20px;
  }
}
.icon-thumbs-all .icon {
  padding: 15px 22px;
  border: 1px solid #ededed;
  box-sizing: border-box;
  display: inline-grid;
  align-items: center;
  transition: 0.5s all ease;
}
.icon-thumbs-all .icon:hover {
  border: 1px solid var(--main-color);
}
.icon-thumbs-all .icon:hover svg {
  fill: var(--main-color);
}
.icon-thumbs-all .text-icon-thumbs {
  font-size: 12px;
  color: #333;
  text-align: center;
  line-height: 16px;
  margin-top: 5px;
}
/*# sourceMappingURL=product_images_magiczoom.css.map */
.breadcrumbs {
  background: #fff;
}
.breadcrumb {
  padding: 10px 0 10px 0;
}
.breadcrumb_detail {
  border-bottom: 1px solid #ededed;
  margin-bottom: 20px;
}
.breadcrumb::after {
  display: block;
  clear: both;
  content: " ";
}
.breadcrumb__item {
  display: inline-block;
  margin-right: 20px;
  list-style: none;
  color: #131518;
  position: relative;
}
.breadcrumb__item h1 {
  font-weight: normal;
}
.breadcrumb__item a {
  color: #565656;
  text-decoration: none;
}
.breadcrumb__item a:hover {
  color: #000;
}
.breadcrumb__item::after {
  display: block;
  width: 14px;
  height: 15px;
  color: #b6af96;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg  width="10px" height="10px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" ><path fill="gray" d="M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z" class=""></path></svg>');
  background-repeat: no-repeat;
  position: absolute;
  top: -5px;
  right: -21px;
}
.breadcrumb__item:last-child {
  color: var(--main-color);
}
.breadcrumb__item:last-child::after {
  content: "" !important;
  display: none;
}
@media screen and (max-width: 400px) {
  .breadcrumb__item {
    font-size: 13px;
  }
}
@media screen and (max-width: 360px) {
  .breadcrumb__item {
    font-size: 12px;
  }
}
/*# sourceMappingURL=breadcrumbs_simple.css.map */

.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__html,
.fotorama__img,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
.fotorama--fullscreen,
.fotorama__img {
  max-width: 99999px !important;
  max-height: 99999px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.fotorama__wrap .fotorama__grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.fotorama__grabbing * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.fotorama__spinner {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
}
.fotorama__wrap--css3 .fotorama__arr,
.fotorama__wrap--css3 .fotorama__fullscreen-icon,
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border,
.fotorama__wrap--css3 .fotorama__video-close,
.fotorama__wrap--css3 .fotorama__video-play {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.fotorama__caption,
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before,
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__nav,
.fotorama__wrap--css3 .fotorama__spinner,
.fotorama__wrap--css3 .fotorama__stage,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img,
.fotorama__wrap--css3 .fotorama__stage__frame {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus,
.fotorama__nav__frame {
  outline: 0;
}
.fotorama__arr:focus:after,
.fotorama__fullscreen-icon:focus:after,
.fotorama__nav__frame:focus .fotorama__dot:after,
.fotorama__nav__frame:focus .fotorama__thumb:after {
  content: "";
  border-radius: inherit;
  background-color: rgba(0, 175, 234, 0.5);
}
.fotorama__wrap--video .fotorama__stage,
.fotorama__wrap--video .fotorama__stage__frame--video,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,
.fotorama__wrap--video .fotorama__stage__shaft {
  -webkit-transform: none !important;
  transform: none !important;
}
.fotorama__wrap--css3 .fotorama__nav__shaft,
.fotorama__wrap--css3 .fotorama__stage__shaft,
.fotorama__wrap--css3 .fotorama__thumb-border {
  transition-property: -webkit-transform, width;
  transition-property: transform, width;
  transition-timing-function: cubic-bezier(0.1, 0, 0.25, 1);
  transition-duration: 0ms;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__no-select,
.fotorama__video-close,
.fotorama__video-play,
.fotorama__wrap {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fotorama__select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.fotorama__nav,
.fotorama__nav__frame {
  margin: auto;
  padding: 0;
}
.fotorama__caption__wrap,
.fotorama__nav__frame,
.fotorama__nav__shaft {
  -moz-box-orient: vertical;
  display: inline-block;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
}
.fotorama__nav__frame,
.fotorama__thumb-border {
  box-sizing: content-box;
}
.fotorama__caption__wrap {
  box-sizing: border-box;
}
.fotorama--hidden,
.fotorama__load {
  position: absolute;
  left: -99999px;
  top: -99999px;
  z-index: -1;
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__nav,
.fotorama__nav__frame,
.fotorama__nav__shaft,
.fotorama__stage__frame,
.fotorama__stage__shaft,
.fotorama__video-close,
.fotorama__video-play {
  -webkit-tap-highlight-color: transparent;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__video-close,
  .fotorama__video-play {
  }
}
.fotorama__thumb {
  background-color: #7f7f7f;
  background-color: rgba(127, 127, 127, 0.2);
}
@media print {
  .fotorama__arr,
  .fotorama__fullscreen-icon,
  .fotorama__thumb-border,
  .fotorama__video-close,
  .fotorama__video-play {
    background: none !important;
  }
}
.fotorama {
  min-width: 1px;
  overflow: hidden;
}
.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
  display: none;
}
.fullscreen {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #000;
}
.fotorama--fullscreen {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  float: none !important;
  z-index: 2147483647 !important;
  background: #000;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}
.fotorama--fullscreen .fotorama__nav,
.fotorama--fullscreen .fotorama__stage {
  background: #000;
}
.fotorama__wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  direction: ltr;
  z-index: 0;
}
.fotorama__wrap--rtl .fotorama__stage__frame {
  direction: rtl;
}
.fotorama__nav,
.fotorama__stage {
  overflow: hidden;
  position: relative;
  max-width: 100%;
}
.fotorama__wrap--pan-y {
  -ms-touch-action: pan-y;
}
.fotorama__wrap .fotorama__pointer {
  cursor: pointer;
}
.fotorama__wrap--slide .fotorama__stage__frame {
  opacity: 1 !important;
}
.fotorama__stage__frame {
  overflow: hidden;
}
.fotorama__stage__frame.fotorama__active {
  z-index: 8;
}
.fotorama__wrap--fade .fotorama__stage__frame {
  display: none;
}
.fotorama__wrap--fade .fotorama__fade-front,
.fotorama__wrap--fade .fotorama__fade-rear,
.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
  display: block;
  left: 0;
  top: 0;
}
.fotorama__wrap--fade .fotorama__fade-front {
  z-index: 8;
}
.fotorama__wrap--fade .fotorama__fade-rear {
  z-index: 7;
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
  z-index: 9;
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
  display: none;
}
.fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border: none !important;
}
.fotorama__error .fotorama__img,
.fotorama__loaded .fotorama__img {
  -ms-filter: "alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,
.fotorama__img--full {
  display: none;
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
  display: block;
}
.fotorama__wrap--only-active .fotorama__nav,
.fotorama__wrap--only-active .fotorama__stage {
  max-width: 99999px !important;
}
.fotorama__wrap--only-active .fotorama__stage__frame {
  visibility: hidden;
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
  visibility: visible;
}
.fotorama__nav {
  font-size: 0;
  line-height: 0;
  text-align: center;
  display: none;
  white-space: nowrap;
  z-index: 5;
}
.fotorama__nav__shaft {
  position: relative;
  left: 0;
  top: 0;
  text-align: left;
}
.fotorama__nav__frame {
  position: relative;
  cursor: pointer;
}
.fotorama__nav--dots {
  display: block;
}
.fotorama__nav--dots .fotorama__nav__frame {
  width: 18px;
  height: 30px;
}
.fotorama__nav--dots .fotorama__nav__frame--thumb,
.fotorama__nav--dots .fotorama__thumb-border {
  display: none;
}
.fotorama__nav--thumbs {
  display: block;
}
.fotorama__nav--thumbs .fotorama__nav__frame {
  padding-left: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
  padding-right: 0 !important;
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
  display: none;
}
.fotorama__dot {
  display: block;
  width: 4px;
  height: 4px;
  position: relative;
  top: 12px;
  left: 6px;
  border-radius: 6px;
  border: 1px solid #7f7f7f;
}
.fotorama__nav__frame:focus .fotorama__dot:after {
  padding: 1px;
  top: -1px;
  left: -1px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
  width: 0;
  height: 0;
  border-width: 3px;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
  padding: 3px;
  top: -3px;
  left: -3px;
}
.fotorama__thumb {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.fotorama__nav__frame:focus .fotorama__thumb {
  z-index: 2;
}
.fotorama__thumb-border {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  border-style: solid;
  border-color: #00afea;
  background-image: linear-gradient(
    to bottom right,
    rgba(255, 255, 255, 0.25),
    rgba(64, 64, 64, 0.1)
  );
}
.fotorama__caption {
  position: absolute;
  z-index: 12;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}
.fotorama__caption a {
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.5);
}
.fotorama__caption a:hover {
  color: #333;
  border-color: rgba(51, 51, 51, 0.5);
}
.fotorama__wrap--rtl .fotorama__caption {
  left: auto;
  right: 0;
}
.fotorama__wrap--no-captions .fotorama__caption,
.fotorama__wrap--video .fotorama__caption {
  display: none;
}
.fotorama__caption__wrap {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.fotorama__wrap--css3 .fotorama__spinner {
  -webkit-animation: spinner 24s infinite linear;
  animation: spinner 24s infinite linear;
}
.fotorama__wrap--css3 .fotorama__html,
.fotorama__wrap--css3 .fotorama__stage .fotorama__img {
  transition-property: opacity;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
  -ms-filter: "alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.fotorama__select {
  cursor: auto;
}
.fotorama__video {
  top: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 10;
}
@-moz-document url-prefix() {
  .fotorama__active {
    box-shadow: 0 0 0 transparent;
  }
}
.fotorama__arr,
.fotorama__fullscreen-icon,
.fotorama__video-close,
.fotorama__video-play {
  position: absolute;
  z-index: 11;
  cursor: pointer;
}
.fotorama__arr {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  margin-top: -16px;
}
.fotorama__arr--prev {
  left: 2px;
  background-position: 0 0;
}
.fotorama__arr--next {
  right: 2px;
  background-position: -32px 0;
}
.fotorama__arr--disabled {
  pointer-events: none;
  cursor: default;
  *display: none;
  opacity: 0.1;
}
.fotorama__fullscreen-icon {
  width: 32px;
  height: 32px;
  top: 2px;
  right: 2px;
  background-position: 0 -32px;
  z-index: 20;
}
.fotorama__arr:focus,
.fotorama__fullscreen-icon:focus {
  border-radius: 50%;
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
  background-position: -63px 0px;
}
.fotorama__video-play {
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
  background-position: 0 -64px;
  opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-play,
.fotorama__wrap--video .fotorama__stage .fotorama__video-play {
  display: none;
}
.fotorama__error .fotorama__video-play,
.fotorama__loaded .fotorama__video-play,
.fotorama__nav__frame .fotorama__video-play {
  opacity: 1;
  display: block;
}
.fotorama__nav__frame .fotorama__video-play {
  width: 32px;
  height: 32px;
  margin-left: -16px;
  margin-top: -16px;
  background-position: -64px -32px;
}
.fotorama__video-close {
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
  background-position: -64px 0;
  z-index: 20;
  opacity: 0;
}
.fotorama__wrap--css2 .fotorama__video-close {
  display: none;
}
.fotorama__wrap--css3 .fotorama__video-close {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--video .fotorama__video-close {
  display: block;
  opacity: 1;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,
#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__fullscreen-icon {
  opacity: 0;
}
#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,
#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__fullscreen-icon:focus {
  opacity: 1;
}
.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--video .fotorama__fullscreen-icon {
  opacity: 0 !important;
}
.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__arr,
.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__fullscreen-icon {
  display: none;
}
.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__arr:focus,
.fotorama__wrap--css2#fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows
  .fotorama__fullscreen-icon:focus {
  display: block;
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
  display: none !important;
}
.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows
  .fotorama__fullscreen-icon:not(:focus) {
  -webkit-transform: translate3d(32px, -32px, 0);
  transform: translate3d(32px, -32px, 0);
}
.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows
  .fotorama__arr--prev:not(:focus) {
  -webkit-transform: translate3d(-48px, 0, 0);
  transform: translate3d(-48px, 0, 0);
}
.fotorama__wrap--css3#fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows
  .fotorama__arr--next:not(:focus) {
  -webkit-transform: translate3d(48px, 0, 0);
  transform: translate3d(48px, 0, 0);
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
  -webkit-transform: translate3d(32px, -32px, 0) !important;
  transform: translate3d(32px, -32px, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
  -webkit-transform: translate3d(-48px, 0, 0) !important;
  transform: translate3d(-48px, 0, 0) !important;
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
  -webkit-transform: translate3d(48px, 0, 0) !important;
  transform: translate3d(48px, 0, 0) !important;
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus),
.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),
.fotorama__wrap--css3 .fotorama__video-close:not(:focus),
.fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
  transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  transition-duration: 0.3s;
}
.fotorama__nav:after,
.fotorama__nav:before,
.fotorama__stage:after,
.fotorama__stage:before {
  content: "";
  display: block;
  position: absolute;
  text-decoration: none;
  top: 0;
  bottom: 0;
  width: 10px;
  height: auto;
  z-index: 10;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 1px 100%, 5px 100%;
}
.fotorama__nav:before,
.fotorama__stage:before {
  background-image: linear-gradient(
      transparent,
      rgba(0, 0, 0, 0.2) 25%,
      rgba(0, 0, 0, 0.3) 75%,
      transparent
    ),
    radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 0 0, 0 0;
  left: -10px;
}
.fotorama__nav.fotorama__shadows--left:before,
.fotorama__stage.fotorama__shadows--left:before {
  left: 0;
}
.fotorama__nav:after,
.fotorama__stage:after {
  background-image: linear-gradient(
      transparent,
      rgba(0, 0, 0, 0.2) 25%,
      rgba(0, 0, 0, 0.3) 75%,
      transparent
    ),
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.4), transparent);
  background-position: 100% 0, 100% 0;
  right: -10px;
}
.fotorama__nav.fotorama__shadows--right:after,
.fotorama__stage.fotorama__shadows--right:after {
  right: 0;
}
.fotorama--fullscreen .fotorama__nav:after,
.fotorama--fullscreen .fotorama__nav:before,
.fotorama--fullscreen .fotorama__stage:after,
.fotorama--fullscreen .fotorama__stage:before,
.fotorama__wrap--fade .fotorama__stage:after,
.fotorama__wrap--fade .fotorama__stage:before,
.fotorama__wrap--no-shadows .fotorama__nav:after,
.fotorama__wrap--no-shadows .fotorama__nav:before,
.fotorama__wrap--no-shadows .fotorama__stage:after,
.fotorama__wrap--no-shadows .fotorama__stage:before {
  display: none;
}
.rates_rate_product {
  max-width: 100% !important;
}
#rates_rate {
  margin-top: 25px;
  max-width: 65%;
  padding-right: 50px;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  #rates_rate {
    max-width: 100%;
    padding-right: 0px;
    margin-top: 0px;
  }
}
#rates_rate .pagination {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 10px;
}
#rates_rate .rates {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}
#rates_rate .rates .star {
  width: 13px;
  display: inline-block;
  color: #ff9727;
}
#rates_rate .rates .reply_area {
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 3px;
}
#rates_rate .rates #rate_add_form {
  margin-top: 20px;
}
#rates_rate .rates #rate_add_form .label_form {
  float: left;
  font-size: 15px;
  margin-right: 20px;
}
#rates_rate .rates ._textarea {
  box-sizing: border-box;
  width: 50%;
  float: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 5px;
}
@media all and (max-width: 768px) {
  #rates_rate .rates ._textarea {
    width: 100%;
    float: unset;
  }
}
#rates_rate .rates ._textarea textarea {
  font-size: 14px;
  color: #333;
  padding: 5px;
  margin: 5px 0;
  width: 100%;
  height: 115px;
  resize: none;
  border: none;
  box-sizing: border-box;
}
#rates_rate .rates ._textarea_rep {
  box-sizing: border-box;
  width: 50%;
  float: left;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin-top: 5px;
}
#rates_rate .rates ._textarea_rep textarea {
  font-size: 14px;
  color: #333;
  padding: 5px;
  margin: 5px 0;
  width: 100%;
  height: 115px;
  resize: none;
  border: none;
  box-sizing: border-box;
}
#rates_rate .rates .rate_keywordwrap_rateper {
  border: 1px solid #eee;
  max-width: 100%;
  color: #333;
  box-sizing: border-box;
  width: 400px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 3px;
}
#rates_rate .rates .rate_keywordwrap_rateper #rate_keyword {
  display: block;
  padding: 8px;
  font-size: 14px;
  width: 100%;
  border: none;
  box-sizing: border-box;
}
#rates_rate .rates .rate_keywordwrap_rateper .button-search {
  width: 42px;
  height: 32px;
  position: absolute;
  background: #ffffff;
  border: none;
  right: 0px;
  top: 0px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}
#rates_rate .rates .rate_keywordwrap_rateper .button-search svg {
  width: 18px;
  color: var(--main-color);
}
#rates_rate .rates .wrap_loginpost {
  display: block;
  overflow: hidden;
  background: #fff;
  position: relative;
}
#rates_rate .rates .wrap_loginpost ._left {
  float: left;
  overflow: hidden;
  width: 100%;
  border-right: 1px solid #d8d8d8;
}
@media only screen and (min-width: 600px) {
  #rates_rate .rates .wrap_loginpost ._left {
    width: 55%;
  }
}
#rates_rate .rates .wrap_loginpost ._left label {
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
  padding-right: 5px;
}
#rates_rate .rates .wrap_loginpost ._left a {
  overflow: hidden;
  margin-right: 2px;
}
#rates_rate .rates .wrap_loginpost ._left a i {
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  vertical-align: middle;
}
#rates_rate .rates .wrap_loginpost ._left a ._facebook {
  background-position: 0 0;
  width: 110px;
  height: 37px;
}
#rates_rate .rates .wrap_loginpost ._left a ._googleplus {
  background-position: 0 -40px;
  width: 110px;
  height: 37px;
}
#rates_rate .rates .wrap_loginpost ._left a ._mobileworld {
  background-position: 0 -80px;
  width: 130px;
  height: 37px;
}
#rates_rate .rates .wrap_loginpost ._left ._noaccount {
  display: block;
  padding: 10px 0;
  font-size: 14px;
  color: #999;
}
#rates_rate .rates .wrap_loginpost ._left ._noaccount a {
  color: var(--main-color);
}
#rates_rate .rates .wrap_loginpost ._right {
  float: right;
  overflow: hidden;
  width: 100%;
}
#rates_rate .rates .wrap_loginpost ._right label {
  display: block;
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
#rates_rate .rates .wrap_loginpost ._right .txt_input {
  display: block;
  padding: 8px;
  width: 97%;
  margin: 10px 10px 0px 10px;
  height: 35px;
  border: 1px solid #dadada;
  background: #fff;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}
@media all and (max-width: 768px) {
  #rates_rate .rates .wrap_loginpost ._right .txt_input {
    width: 100%;
    margin: 10px 0px 0px 0px;
  }
}
#rates_rate .rates .wrap_submit {
  display: block;
  overflow: hidden;
  background: #fff;
  position: relative;
  text-align: center;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media all and (max-width: 768px) {
  #rates_rate .rates .wrap_submit {
    padding-bottom: 0px;
  }
}
#rates_rate .rates .wrap_submit .userinfo {
  font-size: 14px;
  color: #2a2a2a;
  text-align: center;
  font-weight: 600;
  max-width: 250px;
  padding: 11px 0 10px;
  cursor: pointer;
  background: #fff;
  position: absolute;
  left: 20px;
  padding-right: 64px;
}
#rates_rate .rates .wrap_submit .userinfo.in {
  right: 280px;
}
#rates_rate .rates .wrap_submit .userinfo .avaS {
  margin-top: -4px;
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 7px;
}
#rates_rate .rates .wrap_submit .userinfo .uname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
  float: left;
  text-align: left;
}
#rates_rate .rates .wrap_submit .userinfo a {
  color: var(--main-color);
  font-weight: 300;
  float: left;
  position: absolute;
  right: -3px;
}
#rates_rate .rates .wrap_submit ._close_rate {
  background: none repeat scroll 0 0 #f1f1f1;
  border: none;
  font-size: 15px;
  padding: 8px 24px 9px;
  margin-left: 10px;
  border-radius: 2px;
  display: inline-block;
  cursor: pointer;
}
#rates_rate .rates .wrap_submit .txt_input {
  width: 96px;
  border: 1px solid #b3b3b3;
  height: 30px;
  padding: 10px;
  line-height: 30px;
  color: #333333;
  float: left;
}
#rates_rate .rates .wrap_submit .code-view {
  float: left;
}
#rates_rate .rates .wrap_submit ._btn_rate {
  display: block;
  margin-left: 5px;
  padding: 8px;
  font-size: 14px;
  color: #fff;
  margin: 0px 2%;
  text-transform: uppercase;
  border: 1px solid var(--main-color);
  background: var(--main-color);
  cursor: pointer;
  -webkit-background: var(--main-color);
  -webkit-appearance: none;
}
@media all and (max-width: 768px) {
  #rates_rate .rates .wrap_submit ._btn_rate {
    width: 100%;
    margin: 0px;
  }
}
#rates_rate .rates .wrap_submit ._buttom_rate_rep {
  display: block;
  margin-left: 5px;
  padding: 8px;
  font-size: 14px;
  color: #fff;
  margin: 0px 2%;
  text-transform: uppercase;
  border: 1px solid var(--main-color);
  border-radius: 4px;
  background: var(--main-color);
  cursor: pointer;
}
#rates_rate .rates ._contents ._level_0 {
  margin-bottom: 10px;
  margin-top: 15px;
}
#rates_rate .rates ._contents ._level_0 p ._avatar {
  float: left;
  width: 25px;
  height: 25px;
  background: #ccc;
  margin-right: 7px;
  text-align: center;
  color: #666;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
}
#rates_rate .rates ._contents ._level_0 p ._name {
  font-weight: bold;
  display: inline-block;
  text-transform: capitalize;
  font-size: 14px;
}
#rates_rate .rates ._contents ._level_0 p .sttB {
  font-size: 13px;
  padding-left: 16px;
  color: var(--main-color);
  position: relative;
}
#rates_rate .rates ._contents ._level_0 p .sttB:before {
  width: 12px;
  height: 12px;
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translate(0px, -50%);
  background: url('data:image/svg+xml;utf8,<svg height="12px" fill="rgb(43, 169, 105)" width="12px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 408.576 408.576" style="enable-background:new 0 0 408.576 408.576;" xml:space="preserve"><g><g><path d="M204.288,0C91.648,0,0,91.648,0,204.288s91.648,204.288,204.288,204.288s204.288-91.648,204.288-204.288  S316.928,0,204.288,0z M318.464,150.528l-130.56,129.536c-7.68,7.68-19.968,8.192-28.16,0.512L90.624,217.6 c-8.192-7.68-8.704-20.48-1.536-28.672c7.68-8.192,20.48-8.704,28.672-1.024l54.784,50.176L289.28,121.344 c8.192-8.192,20.992-8.192,29.184,0C326.656,129.536,326.656,142.336,318.464,150.528z"/></g></g></svg>');
  background-repeat: no-repeat;
}
#rates_rate .rates ._contents ._level_0 p ._level {
  float: left;
  background: var(--main-color);
  text-transform: uppercase;
  padding: 2px 10px 0;
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 10px;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate {
  padding-bottom: 10px;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._content {
  color: #606060;
  margin-bottom: 9px;
  position: relative;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._content .iconcom-txtstar {
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18"><path fill="orange" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class=""></path></svg>');
  background-repeat: no-repeat;
}
#rates_rate
  .rates
  ._contents
  ._level_0
  .wrap_rate
  ._content
  .iconcom-txtnostar {
  background: url('data:image/svg+xml;utf8,<svg fill="grey" aria-hidden="true" data-prefix="far" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18"><path fill="sliver" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>');
  background-repeat: no-repeat;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._content i {
  width: 13px;
  height: 11px;
  display: inline-flex;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  margin-right: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate span {
  margin-right: 10px;
  display: inline-block;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._control {
  font-size: 13px;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._control .button_reply1 {
  color: #498fe1;
  font-size: 14px;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._control .dot {
  padding: 0 5px;
  display: unset;
  color: #b3b5b2;
  margin-right: 0px;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._control .favorite {
  display: none;
}
#rates_rate .rates ._contents ._level_0 .wrap_rate ._control .date {
  color: #b3b5b2;
}
#rates_rate .rates ._contents ._level_0 ._level_1 {
  background: #ffffff96;
  padding-top: 5px;
  margin-left: 35px;
  padding-left: 10px;
  border-radius: 4px;
  margin-bottom: 5px;
  border-left: 3px solid #eee;
}
#rates_rate .rates ._contents ._level_0 ._level_1 .button_reply1 {
  display: none;
}
#rates_rate .rates ._contents ._level_0 ._level_2 {
  padding-left: 33px;
}
#rates_rate .rate i,
#rates_rate #ratings i {
  width: 22px;
  height: 22px;
  display: inline-flex;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  background-repeat: no-repeat;
}
#rates_rate .star_on {
  background: url('data:image/svg+xml;utf8,<svg aria-hidden="true" data-prefix="fas" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18"><path fill="orange" d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z" class=""></path></svg>');
  background-repeat: no-repeat;
}
#rates_rate .star_off {
  background: url('data:image/svg+xml;utf8,<svg fill="grey" aria-hidden="true" data-prefix="far" data-icon="star" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="svg-inline--fa fa-star fa-w-18"><path fill="sliver" d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg>');
  background-repeat: no-repeat;
}
#rates_rate #ratings {
  display: block;
  float: left;
  margin-top: 5px;
}
#rates_rate #ratings i {
  cursor: pointer;
}
#rates_rate .rating_area {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  justify-content: left;
}
#rates_rate .rating_note {
  background: var(--main-color);
  color: #fff;
  padding: 4px 10px;
  position: relative;
  font-size: 13px;
  border-radius: 0 4px 4px 0;
  display: inline-block;
  float: left;
  margin-left: 28px;
}
#rates_rate .rating_note::after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 12px 0;
  border-color: transparent var(--main-color) transparent transparent;
  position: absolute;
  top: 0;
  left: -12px;
}
#rates_rate .manufactory font {
  color: #0183bf;
  margin-right: 13px;
}
#rates_rate .rate_count {
  margin-left: 5px;
}
#rates_rate .tab_label {
  margin-bottom: 15px;
  margin-top: 11px;
}
#rates_rate .display-open {
  display: block !important;
}
#rates_rate .full-screen-mobile {
  background: #00000070;
  z-index: 99;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: none;
}
#rates_rate .title-mb {
  overflow: hidden;
  padding: 13px 0 10px 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  background: #fff;
  border-bottom: 1px solid #e6e3e3;
  position: relative;
  display: block;
}
#rates_rate .title-mb .close-md-rate {
  position: absolute;
  right: 10px;
  top: 10px;
  font-weight: normal;
  cursor: pointer;
}
#rates_rate .btn-rate-mb,
#rates_rate .btn-rate-mb-rep {
  background: none repeat scroll 0 0 var(--main-color);
  border: none;
  font-size: 15px;
  color: #fff;
  padding: 8px 12px 9px;
  border-radius: 2px;
  -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;
  cursor: pointer;
  margin-top: 10px;
  display: block;
}
#rates_rate .toprt {
  border: solid 1px var(--main-color);
  padding: 5px 15px;
  margin-bottom: 20px;
  height: 165px;
}

.breadcrumb{
  margin: 0;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt {
    padding: 5px 5px 10px;
  }
}
#rates_rate .toprt .crt {
  height: 120px;
  box-sizing: border-box;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt .crt {
    height: 100%;
  }
}
#rates_rate .toprt .crt .lcrt {
  width: 17%;
  float: left;
  border-right: solid 1px #eee;
  padding-top: 31px;
  height: 90%;
  text-align: center;
  box-sizing: border-box;
  margin: 5px 10px 5px 5px;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt .crt .lcrt {
    width: calc(27% - 10px);
    margin: 5px 5px 5px 5px;
    border: unset;
  }
}
@media all and (max-width: 335px) {
  #rates_rate .toprt .crt .lcrt {
    width: calc(22% - 10px);
  }
}
#rates_rate .toprt .crt .rcrt {
  font-size: 13px;
  overflow: hidden;
  box-sizing: border-box;
  
  width: 55%;
  float: left;
}
@media all and (max-width: 414px) {
  #rates_rate .toprt .crt .rcrt {
    font-size: 11px;
  }
}
#rates_rate .toprt .crt .rcrt span.t {
  display: inline-block;
  color: #333;
}
@media all and (max-width: 414px) {
  #rates_rate .toprt .crt .rcrt span.t {
    font-size: 12px;
  }
}
#rates_rate .toprt .crt .rcrt span.t i {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAj1JREFUSA21ljuLE1EUxzOTDRMYtpg0phdsAoIirlss4naCIllIgmDARbPNEj+AVTo7EWJjsIiEsHl0sh9g++CrSLWWrpAUu4UPlGwSf0dmwp0XM8h44HDPPed//ufcx+RGS8WUer1uTCaToyWSz+dvNZvN33FS9TggwUyn0yLcNzA3KbQTNy92gcViUVNIVVtx+03N7/J7KpXKRQocE3HwS+xLw+Hwsx/t9sRaAeSPFXJhkEKPxIiSyAKNRmMNkodeIk3Tdu2YN+SaRxYYj8d3yci7sphw4BfsmDfkmjt7mqpWq+ZsNsvRmUVybj6fWyBz6B563ZVlT8COwL5ieqqqZVlnrVbrp8C0crn8hvE+wIw4EhT5Tg7WIL6JkTS59Gmg23o6nS5inIgnSWH7vuq6XtR7vd4HiDdQGZOSj5lMZqPf77//e4v4YE6y2ewW7G8TqHAIx1a32/0iXKtr2ul0fhQKBdmu5xL4F2FbXsBxj4a/O/mra+o4ZORm7XP4L1VflM1+P2FLml7cagVqgE7eqfOY9igIF1jAvrpB+FBfWM5/L+A7g1KplKbNM3Q9tN3gwDfcFgc8V8O+FXBYVwEEkS85m9eixOU98Mo6H+0Vr9NXIGQvj0neHgwGNVGxIZIHyCW8G/Kz45KoAud0/Mw0zct88UdOptjikxi+c8fP6Csgj4lLSMqyihTjCK1xtz+5APak3W7/wnzKc9qnc9m2a+SZXmzQCqqAbgPeDCNXSWyM/Nu4YxjGAzUm9h+0KskbKVc12wAAAABJRU5ErkJggg==");
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  display: inline-block;
}
#rates_rate .toprt .crt .rcrt span.c {
  display: inline-block;
  color: var(--main-color);
  cursor: pointer;
}
#rates_rate .toprt .crt .rcrt span.n {
  color: #333;
  text-decoration: unset !important;
  cursor: unset !important;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt .crt .rcrt {
    width: 73%;
    border-right: 0px;
    border-left: solid 1px #eee;
    padding: 0px;
    margin: 8px 0px;
  }
}
@media all and (max-width: 335px) {
  #rates_rate .toprt .crt .rcrt {
    width: 78%;
  }
}
#rates_rate .toprt .crt .r {
  padding: 4px 20px;
}
@media all and (max-width: 414px) {
  #rates_rate .toprt .crt .r {
    padding: 1px 0px 1px 10px;
  }
}
#rates_rate .toprt .crt .bgb {
  width: 55%;
  background-color: #e9e9e9;
  height: 5px;
  display: inline-block;
  margin: 0 10px;
  border-radius: 5px;
}
#rates_rate .toprt .crt .bgb .bgb-in {
  background-color: #f25800;
  background-image: linear-gradient(90deg, #ff7d26 0%, #f25800 97%);
  height: 5px;
  border-radius: 5px 0 0 5px;
  max-width: 100%;
}
#rates_rate .toprt .bcrt {
  overflow: hidden;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt .bcrt {
    width: 100%;
  }
}
#rates_rate .toprt .bcrt a {
  display: block;
  margin: 41px auto 0;
  padding: 20px;
  color: #fff;
  background-color: var(--main-color);
  text-align: center;
  box-sizing: border-box;
}
#rates_rate .toprt .bcrt a:hover {
  background: #288ad6;
  color: #fff;
}
@media all and (max-width: 1024px) {
  #rates_rate .toprt .bcrt a {
    background: transparent;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    width: 94%;
    margin: 0px auto;
    padding: 8px 0px;
  }
}
#rates_rate .toprt .bcrt .close_rate {
  background: #fff;
  color: var(--main-color);
  border: 1px solid #ddd;
}
#rates_rate .toprt .bcrt .close_rate:hover {
  color: #fff;
}
#rates_rate .toprt .MsgRt {
  display: block;
  margin: 10px 0;
  color: #d0021b;
}
#rates_rate .toprt .extCt {
  padding: 5px;
  box-sizing: border-box;
  background: #f7f7f7;
  border-top: 1px solid #ddd;
}
#rates_rate .toprt .ckt {
  text-align: center;
  margin: 7px;
  font-size: 12px;
}
#rates_rate .toprt .lcrt {
  width: 17%;
  float: left;
  border-right: solid 1px #eee;
  padding-top: 31px;
  height: 90%;
  text-align: center;
  box-sizing: border-box;
  margin: 5px 10px 5px 5px;
}
#rates_rate .toprt .lcrt b {
  font-size: 40px;
  color: #fd9727;
  line-height: 40px;
}
@media all and (max-width: 768px) {
  #rates_rate .toprt .lcrt b {
    font-size: 30px;
  }
}
@media all and (max-width: 335px) {
  #rates_rate .toprt .lcrt b {
    font-size: 22px;
  }
}
#rates_rate .toprt .lcrt i {
  vertical-align: initial;
  width: 32px;
  height: 32px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABulJREFUeAHtW22IVFUYPu+ZYXe1rdytzE2x2IL9Si3sw7R00TJRwYKUjKC29rMgSuxfSFBBf8o+iN1hzUAIarEfoSUKqX2R/RA03Z3RIiIyU3R2CT92Z3fO23OuzjLNzp2558zcOys1IPfe975fz3Pe895zz15JlOiX7K5/g4jbdXgmGQl1RF8pRSpUiqDc3fCSEurt9NhSyA3UFd2cLgviPHACuK+pks8mT7LgynSAJOgcXReqoXX959Llfp9LvwNM8H82uT4TvNZxZIPJJybo+ywInAAAbXPDxCxc77nZFCoPlADuaZrHQtztljQz36V13O77IQ+UACWSeUfYi04xiQisCXLffVM4Hv8TZT4tFwAiMUTV1TfRuh8u5tIr1r3gKiA+tDYfeA3K0YFusQDm8xMYASxU3vJPJWuim7KxPQYyBTgyp16pRNQkSSnLGqjjSMzExkY3kApQPOp59FMgbGxStiZH3ysAK78yjo+dwNy+3igxEmeoOjwTK8OEiZ2prv8VcJYfMQWvQTg2cfWoKSBTfd8JKKShFWLrlQhfpwBvnVPLicQvGE2rOFgTMJWV3UbPHPnVKyBTPV8rQI2MPmsLXgPRtiox2moKykTfNwJ4X3MYI9hikkw2XZTO09pXtnvFkPlGgDh2ehVebmoKTdLxcfzU6kL9uNn7RkAxGxiz91WkG1A3uefmxB/WXS1YVgslq9DSqgUnq0QSR0FVipRzhDMcuQqtSx/1q29RCIZfJYgOwecggMSZKI4dlDicxxF/UJ+LEDsyocrjQoYHqePgBTfQ6XKHAO6uv0VIXosos+GsipgdQJeAAhBAYiPDt3mYnlCxzgFsBKSBIJDDIIdAnCYL11Lw74IrtlPX4RPEvY0P8FhyN0ZrSrGCXwl+nD1IEsslwL/1XwOvB0jvQQL3Zj1Hb78SRsyXHJnnSswTo9dUXxIpmVOKSZJig9MwSpZEaQITUYLCoY2S2mNfkwgvw6rtTGlSCT4qwMeJxcPU1r/XeQzqFJwXl5HETjSGhuBTCi4iwP+Mql+NgT+uo44vVPQbF1VMWYhK+Cq4dIKNBPDfoOwXpMD/iwB9QS2HhqiuZgUaY2+wqQUQjWgbVYceotZ+vTga/41PgXHJ5ROO1L3MSryJKTFeJZk6V8I1KpoBchN1Hns9W76uBGhljjRgO4s/xr+p2Ywnuwzgh4lDT1HXQJ9brjkJ0EbcWz+fk2JHMV5t3ZLwQw5gpyks11Bb9EAu/3nLm9piBylUdg/YPJzL0WS6h2bXj7X+vfnA65zzEqCVqO2nP7BFfT+c7tTXk/kH8Huo8tqF1BX7zUuengjQjvSXG9T5+BpB8l0vjkuiQ7KH6masoid//Ntr/Lw9IJsj7ml4Djs+72HTMpTtftAygFAk5Eabb4ysCNAA8SHDCuaxT/GYvCZowOnxUPLnAWI9dcZ2pMu9nlsToANwpH65UrzbazA/9GQotJLaB3bZ+vbcA7IGIJ6VVR6kUCVnFBKuIAKUoiWFBC+GLfYxmwvxUxABeKUsOQGF5mBNgN5Jxr7azYWwXwxbnQNHmmbb+rImAEuoko/+OGhWzePnhifWBKhJUP4prIXkYk0A/ngyaSqASFnnYkUA986dxULUpkag1EesSG/l7nkzbfKwIkCMjVgzbpOkJxtpl5MVAYpK//zPJMW2D1gRgPXzpKsA2/WA8bsAf9Q0Qw2PncwcAZtrvMjsgx36KTfb2GfayIpwDbX0/5Upz3VtXgEj9h03lQh2l4aklG2yM7aUOqJL9bmWpe5bH4d5samtMQGKCyMAo76dysP4DDa6RSeLa9bnjkzQZ6YA0vUVJY2npvFHD0h4CUo2Pa6nc4zwCRKh56lz4PNsBpdL9zHuaVzDIvkBQhg/1rBlZ0yAUQXw1jtvAPjGbADcZACODzOwVVU5rdENfLqt1tG6jo22NfpxI0fmG32Sa0SAGLtoNMcAPkYUXhzqjHYZ7dNhT8+xga324ZUDVA0oO2+UoxEBSnl7/GGajCLp12h27R3U0f+dVwCZetpW+3B8XfKZqTLhWgnRPEGYQ2DUA/DMXJSvJjEPD5CUrbJ9oF+IYzlCe7tFK3eNQHMTb2noE6OiF6+/C3JZ6hxz3c+8Z1QBMMbXY9l/AH5OEr2ArfNF2KMD+OL+qDV6VPt2YiBWDu/+9QCM/v5sgVHyX+AxhiYXe5/oVVShPz/t24khQ03oDV9mi4Icv88md5MZrQR529zpfGFkD5qN83/7APwUSXqR2qOfuAXwU8499evxVHoHoKfrOE7T5YoH9fd/XuMaEaCdct/akIgf1fOsXJTf+C217B/2GswPPTz2pqLzL8MOVULwVXvxhahuwP//vDLwD24ZMzJkloX5AAAAAElFTkSuQmCC");
  background-size: 32px 32px;
  line-height: 30px;
  display: inline-block;
}
@media all and (max-width: 768px) {
  #rates_rate .toprt .lcrt i {
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
  }
}
@media all and (max-width: 335px) {
  #rates_rate .toprt .lcrt i {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}
#rates_rate .rsStar {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  background: #52b858;
  color: #fff;
  padding: 2px 8px;
  box-sizing: border-box;
  font-size: 12px;
  border-radius: 2px;
}
#rates_rate .rsStar:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(82, 184, 88, 0);
  border-right-color: #52b858;
  border-width: 6px;
  margin-top: -6px;
}
#rates_rate .hide {
  display: none;
}
.hide_form {
  display: none;
}
.wrapper_messs {
  float: none;
  width: 96%;
  padding-left: 0px;
  position: fixed;
  top: 130px;
  z-index: 100;
  left: 2%;
  display: none;
  width: 40%;
  left: 30%;
}
.wrapper_messs .title-mb {
  overflow: hidden;
  padding: 13px 0 10px 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-transform: uppercase;
  background: #fff;
  border-bottom: 1px solid #e6e3e3;
  position: relative;
  display: block;
}
.wrapper_messs .wrap_submit {
  padding-top: 10px;
  margin-top: 0px !important;
}
#rates_rate .rates .reply_area ._textarea_rep {
  margin-right: 10px;
  margin-top: 0px;
}
#rates_rate .rates .reply_area textarea {
  height: 22px;
}
#rates_rate .rates .reply_area .btn-rate-mb-rep {
  margin-top: 5px;
}
.rtpLnk {
  display: inline-block;
  padding: 7px 20px;
  color: var(--main-color);
  border: solid 1px var(--main-color);
  border-radius: 3px;
  text-align: center;
  box-sizing: border-box;
  margin: 0 0 20px;
}
@media all and (max-width: 768px) {
  .rtpLnk {
    margin: 0 auto 15px;
    width: 190px;
    display: block;
  }
}
.rtpLnk span {
  margin-left: 10px;
  font-size: 18px;
}
._list_media {
  margin: 10px 0px;
}
._list_media li {
  padding: 4px;
  box-sizing: border-box;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  border-radius: 5px;
  border: 1px solid #ededed;
  display: grid;
  position: relative;
}
@media all and (max-width: 500px) {
  ._list_media li {
    width: calc(100% / 3 - 10px);
  }
}
._list_media .play-video {
  margin-right: 10px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  box-sizing: border-box;
}
._list_media .play-video svg {
  width: 35px;
  height: 35px;
  fill: #ff0000;
}
._list_media .play-video svg:hover {
  fill: #ff0000;
}
._list_media a {
  display: grid;
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
._list_media .close {
  position: absolute;
  top: 50px;
  right: 50px;
}
._list_media .close svg {
  fill: #fff;
  width: 40px;
  height: 40px;
}
._list_media img {
  max-width: 100px;
  border: 2px solid #fff;
  width: 100%;
}
#multiFiles {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#multiFiles + label {
  font-size: 14px;
  font-weight: 500;
  color: var(--main-color);
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  box-sizing: border-box;
  transition: 0.5s;
}
.feedsImageBase {
  margin-top: 10px;
}
.feedsImageBase #sortableimg_real li {
  float: left;
  max-width: 120px;
  width: 120px;
  margin-right: 10px;
}
.feedsImageBase #sortableimg_real .del {
  cursor: pointer;
}
#feedsImageBase {
  margin-top: 10px;
}
#feedsImageBase #sortableimg_real li {
  float: left;
  max-width: 120px;
  width: 120px;
  margin-right: 10px;
}
#feedsImageBase #sortableimg_real .del {
  cursor: pointer;
}
.upload-media {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload-media + label {
  font-size: 14px;
  font-weight: 500;
  color: var(--main-color);
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  box-sizing: border-box;
  transition: 0.5s;
}