* {
  margin: 0;
  padding: 0; }

img, iframe {
  max-width: 100%; }

table {
  width: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

body {
  font-size: 14px;
  color: #333333;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: 'Open Sans', sans-serif; }

ol, ul {
  padding-left: 15px;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #333333; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #333333; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 20px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 16px; }

h5 {
  font-size: 14px; }

h6 {
  font-size: 12px; }

p {
  margin-bottom: 10px;
  line-height: 24px; }

img {
  border: none;
  max-width: 100%;
  height: auto; }

a {
  color: #333333; }

a:hover {
  color: #c4152b;
  text-decoration: none; }

a:focus {
  text-decoration: none;
  color: inherit;
  outline: none; }

a, button, input {
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s; }

input[type=text], input[type=email], input[type=password], input[type=number], input[type=search], textarea {
  border: 1px solid #b5b5b5;
  padding: 8px 15px;
  font-size: 14px;
  color: #757575;
  border-radius: 0; }

button, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=number]:focus, input[type=search]:focus, textarea:focus {
  border-color: #C1BCBC;
  outline: none; }

fieldset legend {
  display: inline-block;
  color: inherit;
  background: none;
  vertical-align: top; }

/* lazyload */
.owl-carousel .owl-item img,
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: initial !important; }

img.owl-lazy:not([src]) {
  visibility: hidden; }

.owl-carousel .owl-item img {
  width: auto !important;
  text-align: center;
  margin: auto;
  overflow: hidden; }

.ratiobox {
  position: relative;
  display: block; }

.ratiobox .ls-blur-up-is-loading, .ratiobox .lazyload:not([src]) {
  visibility: hidden; }

.ratiobox .ls-blur-up-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  font-family: "blur-up: auto", "object-fit: contain";
  -o-object-fit: contain;
  object-fit: contain;
  filter: blur(8px);
  opacity: 1;
  transition: opacity 500ms, filter 700ms; }

.ratiobox .ls-blur-up-img.ls-inview.ls-original-loaded {
  opacity: 0;
  filter: blur(5px); }

/* END ++++ lazyload */
@media (max-width: 991px) {
  input, textarea {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; } }

@media (max-width: 991px) {
  input::-webkit-inner-spin-button,
  input::-webkit-outer-spin-button,
  textarea::-webkit-inner-spin-button,
  textarea::-webkit-outer-spin-button {
    -webkit-appearance: none; } }

.container {
  max-width: 1200px; }

.view-more-text {
  color: #1A76D1;
  text-decoration: underline; }

.flex-center {
  align-items: center;
  display: flex;
  display: -o-flex;
  display: -moz-flex;
  display: -webkit-flex; }

.section-head {
  margin: 0 0 40px 0;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .section-head {
      margin: 0 0 20px 0; } }
  .section-head h2 {
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 10px 0; }
    .section-head h2.color-white {
      color: white; }
  .section-head h4 {
    font-size: 16px;
    font-weight: 500;
    color: #1A76D1; }

.btn {
  background: #1A76D1;
  color: white;
  border-radius: 30px;
  padding: 11px 50px;
  font-size: 14px;
  min-width: 170px;
  font-weight: 500; }
  .btn:hover {
    color: white;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    background: #c4152b; }
  .btn:focus, .btn:active {
    color: white;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
    background: #c4152b; }

body.index.header_style2 #main-header {
  background: white; }
  body.index.header_style2 #main-header .inner-header .wrap-logo a {
    color: #1A76D1; }
  body.index.header_style2 #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
    color: black; }
  body.index.header_style2 #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
    color: black; }
  body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
    color: black; }
  body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
    color: #1A76D1; }
  body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
    color: #c4152b; }
  body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header, body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 {
    float: right;
    margin: 0 0 0 25px; }
    body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a, body.index.header_style2 #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 a {
      color: white; }

@media (min-width: 992px) {
  body.index.header_style1 .mainHeader--height {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  body.index #main-header {
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
    right: 0; } }

@media (min-width: 992px) {
  body.no-index #main-header {
    position: relative;
    background: #fff; }
    body.no-index #main-header .inner-header .wrap-logo a {
      color: #1A76D1; }
    body.no-index #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
      color: black; }
    body.no-index #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
      color: black; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
      color: black; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
      color: #1A76D1; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
      color: #c4152b; }
    body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header, body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 {
      float: right;
      margin: 0 0 0 25px; }
      body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a, body.no-index #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 a {
        color: white; } }

body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
  top: 15px; }
  @media (max-width: 991px) {
    body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
      top: 0;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } }
  @media (max-width: 767px) {
    body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .orders-cate {
      transition: unset; } }

@media (min-width: 992px) {
  body.scroll-body:not(.scroll-body-up) #section-order-content .inner-section-order-content .page-orders .sticky-right {
    top: 15px; } }

@media (max-width: 991px) {
  body.scroll-body.scroll-body-up #section-order-content .inner-section-order-content .page-orders .orders-cate {
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2); } }

/*---------------------- Sroll to Top -------------------*/
.back-to-top {
  position: fixed;
  right: 10px;
  bottom: 15px;
  opacity: 0;
  visibility: hidden;
  z-index: 99; }
  .back-to-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease; }
  .back-to-top .btt-label-back {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    -webkit-transform: rotate(-90deg) translateX(50%) translateY(50%);
    -moz-transform: rotate(-90deg) translateX(50%) translateY(50%);
    transform: rotate(-90deg) translateX(50%) translateY(50%); }
  .back-to-top .btt-icon-back {
    position: absolute;
    bottom: 250%;
    left: 80%;
    -webkit-transform: translateX(-50%) translateY(0);
    -moz-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    -webkit-transition: -webkit-transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    transition: transform 0.45s cubic-bezier(0, 0.95, 0.77, 1);
    will-change: transform; }

/* Header */
@media (max-width: 991px) {
  #main-header {
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10; } }

@media (max-width: 767px) {
  #main-header.main-header-order {
    position: fixed; } }

#main-header .inner-header {
  padding: 0; }
  @media (max-width: 991px) {
    #main-header .inner-header {
      padding: 10px 0; } }
  #main-header .inner-header .wrap-logo a {
    display: block; }
    #main-header .inner-header .wrap-logo a img {
      max-height: 60px; }
      @media (max-width: 991px) {
        #main-header .inner-header .wrap-logo a img {
          max-height: 50px;
          max-width: 140px; } }
  #main-header .inner-header .wrap-logo .text {
    font-size: 26px;
    color: white;
    text-transform: uppercase;
    transition: initial; }
    @media (max-width: 991px) {
      #main-header .inner-header .wrap-logo .text {
        color: #000; } }
  #main-header .inner-header .wrap-logo-text {
    margin: 0 0 0 20px; }
    #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 {
      font-weight: 500;
      font-size: 24px;
      line-height: 1.4;
      letter-spacing: 2px;
      margin: 0; }
      #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
        color: #ffffff; }
        @media (max-width: 991px) {
          #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 a {
            color: #000; } }
      @media (max-width: 767px) {
        #main-header .inner-header .wrap-logo-text .wrap-logo-text-1 {
          font-size: 22px; } }
    #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 {
      font-family: 'Roboto', sans-serif;
      font-weight: 500;
      font-size: 12px;
      line-height: 1.5;
      letter-spacing: 0px;
      margin: 0; }
      #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
        color: #ffffff; }
        @media (max-width: 991px) {
          #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 a {
            color: #000; } }
      @media (max-width: 767px) {
        #main-header .inner-header .wrap-logo-text .wrap-logo-text-2 {
          font-size: 11px; } }
  #main-header .inner-header .right-header {
    -ms-flex-pack: end;
    justify-content: flex-end; }
    @media (max-width: 991px) {
      #main-header .inner-header .right-header #main-right-menu {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end; } }
    #main-header .inner-header .right-header #main-right-menu #social-header ul {
      margin: 0 0 20px 0; }
      @media (max-width: 991px) {
        #main-header .inner-header .right-header #main-right-menu #social-header ul {
          margin: 0; } }
      #main-header .inner-header .right-header #main-right-menu #social-header ul li {
        margin: 0 10px; }
        #main-header .inner-header .right-header #main-right-menu #social-header ul li a {
          color: white; }
          #main-header .inner-header .right-header #main-right-menu #social-header ul li a:hover {
            color: #1A76D1; }
    #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header {
      float: right; }
      #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul {
        margin: 0;
        padding: 0; }
        #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li {
          display: inline-block;
          margin: 0;
          position: relative; }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
            padding: 40px 8px;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 600;
            border-radius: 5px;
            display: block;
            letter-spacing: .6px;
            line-height: 21px;
            transition: none;
            -moz-transition: none;
            -o-transition: none;
            -webkit-transition: none;
            -ms-transition: none; }
            @media (max-width: 1024px) {
              #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
                font-size: 14px; } }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
            color: #1A76D1; }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
            color: #c4152b; }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header, #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 {
            float: right;
            margin: 0 0 0 25px; }
            #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a, #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 a {
              background: #1A76D1;
              padding: 10px 28px; }
              #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a:hover, #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 a:hover {
                color: white;
                outline: 0;
                box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
                background: #c4152b; }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 {
            background: #1b1f28;
            position: absolute;
            top: 80%;
            min-width: 200px;
            left: 0;
            padding: 10px 0;
            display: none; }
            #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li {
              display: block;
              position: relative; }
              #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li > a {
                font-size: 14px;
                line-height: 23px;
                padding: 5px 20px;
                position: relative;
                display: block;
                transition: none; }
                #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li > a i {
                  margin: 0 0 0 10px; }
                #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li > a:hover {
                  color: #c4152b; }
              #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 {
                background: #1b1f28;
                position: absolute;
                top: 0;
                min-width: 200px;
                left: 100%;
                padding: 10px 0;
                display: none; }
                #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li {
                  display: block;
                  position: relative; }
                  #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a {
                    font-size: 14px;
                    line-height: 23px;
                    padding: 5px 20px;
                    position: relative;
                    display: block; }
                    #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a i {
                      margin: 0 0 0 10px; }
                    #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li .submenu-lv-2 > li > a:hover {
                      color: #1A76D1; }
              #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li .submenu-lv-1 > li:hover > .submenu-lv-2 {
                display: block; }
          #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > .submenu-lv-1 {
            display: block; }
        #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul li a {
          color: white; }
    @media (max-width: 991px) {
      #main-header .inner-header .right-header #main-right-menu #menu-rigt-header {
        display: none !important; } }
    #main-header .inner-header .right-header #main-right-menu #menu-mobile {
      display: none; }
      @media (max-width: 991px) {
        #main-header .inner-header .right-header #main-right-menu #menu-mobile {
          display: block; } }
      #main-header .inner-header .right-header #main-right-menu #menu-mobile .btn-menu-mobile {
        border-radius: 4px;
        position: relative;
        cursor: pointer;
        background: #1A76D1;
        border: none;
        outline: none;
        box-shadow: none;
        margin: 0 0 0 10px;
        padding: 5px; }
        #main-header .inner-header .right-header #main-right-menu #menu-mobile .btn-menu-mobile span {
          display: block;
          width: 20px;
          height: 2px;
          overflow: hidden;
          border-radius: 4px;
          transition: all 0.3s;
          margin: 4px 3px; }
          #main-header .inner-header .right-header #main-right-menu #menu-mobile .btn-menu-mobile span:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background: white;
            transition: all 0.3s ease-in-out 0s;
            -moz-transition: all 0.3s ease-in-out 0s;
            -o-transition: all 0.3s ease-in-out 0s;
            -webkit-transition: all 0.3s ease-in-out 0s;
            -ms-transition: all 0.3s ease-in-out 0s; }

#main-header.hSticky {
  visibility: hidden;
  opacity: 0; }
  #main-header.hSticky.hSticky-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease; }
    #main-header.hSticky.hSticky-nav.hSticky-up {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0);
      transform: translateY(0);
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
    #main-header.hSticky.hSticky-nav .inner-header {
      padding: 0; }
      @media (max-width: 991px) {
        #main-header.hSticky.hSticky-nav .inner-header {
          padding: 10px 0; } }
      #main-header.hSticky.hSticky-nav .inner-header .wrap-logo a {
        color: #1A76D1; }
      #main-header.hSticky.hSticky-nav .inner-header .wrap-logo-text .wrap-logo-text-1 a {
        color: black; }
      #main-header.hSticky.hSticky-nav .inner-header .wrap-logo-text .wrap-logo-text-2 a {
        color: black; }
      #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
        color: black; }
      #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li.active > a {
        color: #1A76D1; }
      #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li:hover > a {
        color: #c4152b; }
      #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header, #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 {
        float: right;
        margin: 0 0 0 25px; }
        #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header a, #main-header.hSticky.hSticky-nav .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 a {
          color: white; }
    #main-header.hSticky.hSticky-nav .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li > a {
      padding: 25px 10px; }

@media (min-width: 992px) and (max-width: 1199px) {
  #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li {
    margin: 0 5px; }
    #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li a {
      font-size: 13px; }
    #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header, #main-header .inner-header .right-header #main-right-menu #menu-rigt-header #menu-header > ul > li#booking-header2 {
      margin: 0 0 0 15px; } }

/* End Header */
/* Main Slider */
/*
#section-home-banner{
background-image: url(//theme.hstatic.net/200000662729/1001050504/14/img_home_main_banner.jpg?v=33);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
height: 130vh;
background-attachment: fixed;
&:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(15, 9, 48, 0.6);
display: none;
}
@media (max-width: 991px){
height: initial;background-attachment: initial;padding: 100px 15px 185px;
}
@media (max-width: 767px){
padding: 100px 15px;
}
.inner-section-banner--inner {
-moz-transform: translate(0, 130%);
-webkit-transform: translate(0, 130%);
transform: translate(0, 130%);
@media (max-width: 991px){
transform: initial;
}
.inner-section-banner--text-1 {
font-size: 30px;
line-height: 45px;
color: white;
text-transform: uppercase;
@media (max-width: 991px){
font-size: 18px;
line-height: 23px;
margin: 0 0 20px 0;
}
@media (max-width: 320px){font-size: 16px;}
}
.inner-section-banner--text-2 {
font-size: 71px;
line-height: 90px;
color: white;
@media (max-width: 991px){
font-size: 34px;
line-height: 1.2;
margin: 0 0 20px 0;
}
@media (max-width: 320px){font-size: 26px;margin-bottom: 16px;}
}
.inner-section-banner--text-3 {
font-size: 18px;
line-height: 27px;
color: white;
@media (max-width: 991px){
font-size: 14px;
line-height: 19px;
}
}
.inner-section-banner--action {
margin: 0px 0 0 0;
a {
&:first-child {
color: #ffffff;
background-color:$colorMain;
border-color:$colorMain;
font-size: 17px;
padding: 16px 15px;
min-width: 180px;
border-radius: 4px;
display: inline-block;
margin: 0 10px;
@media (max-width: 991px){
font-size: 14px;
padding: 16px 4px;
min-width: 145px;
}
@media (max-width: 320px){font-size: 12px;min-width: 115px;padding: 10px 4px;}
}
&:last-child {
color: black;
background-color: white;
border-color: white;
font-size: 17px;
padding: 16px 15px;
min-width: 180px;
border-radius: 4px;
display: inline-block;
margin: 0 10px;
@media (max-width: 991px){
font-size: 14px;
padding: 16px 4px;
min-width: 145px;
}
@media (max-width: 320px){font-size: 12px;min-width: 115px;padding: 10px 4px;}
}
&:hover {
background: black;
color: white;
}
}
}
}
}
*/
/* End Main Slider */
#section-home-banner + #section-home-service {
  margin-top: -85px;
  position: relative; }
  @media (max-width: 767px) {
    #section-home-banner + #section-home-service {
      margin-top: 0; } }

/* Service */
#section-home-service {
  z-index: 9;
  padding-bottom: 125px; }
  @media (min-width: 768px) and (max-width: 991px) {
    #section-home-service {
      padding-bottom: 60px; } }
  @media (max-width: 767px) {
    #section-home-service {
      padding-bottom: 0;
      padding: 40px 0 20px 0; } }
  #section-home-service .inner-section-home-service .content-home-service {
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    background: white;
    position: relative;
    padding: 35px 60px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.2); }
    @media (max-width: 767px) {
      #section-home-service .inner-section-home-service .content-home-service {
        max-width: none;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        flex-wrap: wrap; } }
    #section-home-service .inner-section-home-service .content-home-service .item-service {
      text-align: center; }
      @media (max-width: 767px) {
        #section-home-service .inner-section-home-service .content-home-service .item-service {
          width: 50%;
          margin: 0 0 20px 0; } }
      #section-home-service .inner-section-home-service .content-home-service .item-service .box-img-service {
        margin: 0 0 15px 0; }
        #section-home-service .inner-section-home-service .content-home-service .item-service .box-img-service .ls-blur-up-img {
          left: 29%;
          right: 0;
          top: 0;
          bottom: 0;
          margin: 0; }
        #section-home-service .inner-section-home-service .content-home-service .item-service .box-img-service img {
          width: 50px;
          filter: grayscale(100%);
          display: inline-block; }
      #section-home-service .inner-section-home-service .content-home-service .item-service a {
        text-transform: uppercase; }
      #section-home-service .inner-section-home-service .content-home-service .item-service:hover img {
        filter: grayscale(0); }
      #section-home-service .inner-section-home-service .content-home-service .item-service:hover a {
        color: #c4152b; }

/* End Service */
/* Home About */
#section-home-about {
  background-image: url(../images/other-projects-bg_ac9505bc4b91457782cf1f7f6baabc20.png);
  background-repeat: no-repeat;
  background-size: 100%; }
  #section-home-about .inner-section-home-about {
    padding: 0 0 125px 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      #section-home-about .inner-section-home-about {
        padding: 0 0 30px 0; } }
    @media (max-width: 767px) {
      #section-home-about .inner-section-home-about {
        padding: 0 0 20px 0; } }
    #section-home-about .inner-section-home-about .inner-box-img-about {
      position: relative;
      display: inline-block;
      cursor: pointer; }
      @media (max-width: 767px) {
        #section-home-about .inner-section-home-about .inner-box-img-about {
          margin: 0 0 20px 0; } }
      #section-home-about .inner-section-home-about .inner-box-img-about:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #1A76D1;
        left: -10%;
        top: 0;
        transition: all 0.5s ease;
        transform: rotate(-20deg);
        z-index: -1;
        border-radius: 10px;
        display: none; }
        @media (max-width: 767px) {
          #section-home-about .inner-section-home-about .inner-box-img-about:before {
            display: none; } }
      #section-home-about .inner-section-home-about .inner-box-img-about:hover:before {
        transform: rotate(0deg);
        left: 0%;
        background: #c4152b; }
      #section-home-about .inner-section-home-about .inner-box-img-about img {
        border-radius: 10px;
        width: 100%; }
    @media (min-width: 1200px) {
      #section-home-about .inner-section-home-about .box-info-right-about {
        padding-left: 50px; } }
    #section-home-about .inner-section-home-about .box-info-right-about .section-content-info p {
      margin: 0 0 20px 0; }
    #section-home-about .inner-section-home-about .box-info-right-about .section-content-info ul {
      list-style: inherit; }
      #section-home-about .inner-section-home-about .box-info-right-about .section-content-info ul li {
        margin: 0 0 20px 0; }

/* End Home About */
/* Home Order */
#section-home-order {
  background-image: url(../images/img_home_main_order.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed; }
  @media (max-width: 767px) {
    #section-home-order {
      background-image: none;
      background-attachment: initial; } }
  @media (min-width: 768px) {
    #section-home-order .inner-section-home-order {
      background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 0%, rgba(237, 241, 244, 0.6) 50%, rgba(11, 17, 33, 0) 50%, black 50%, rgba(0, 0, 0, 0.71) 100%); } }
  @media (max-width: 767px) {
    #section-home-order .inner-section-home-order .bg-left-order {
      background: #edf1f4; }
    #section-home-order .inner-section-home-order .bg-right-order {
      background: #0b1121; } }
  #section-home-order .inner-section-home-order .content-home-order .content-left-order {
    padding: 120px 65px 120px 0; }
    @media (min-width: 768px) and (max-width: 991px) {
      #section-home-order .inner-section-home-order .content-home-order .content-left-order {
        padding: 60px 25px 60px 0; } }
    @media (max-width: 767px) {
      #section-home-order .inner-section-home-order .content-home-order .content-left-order {
        padding: 40px 0 0 0; } }
    #section-home-order .inner-section-home-order .content-home-order .content-left-order .section-head {
      margin: 0 0 60px 0; }
      @media (max-width: 767px) {
        #section-home-order .inner-section-home-order .content-home-order .content-left-order .section-head {
          margin: 0 0 20px 0; } }
    #section-home-order .inner-section-home-order .content-home-order .content-left-order .view-order {
      margin: 60px 0 0 0; }
      @media (max-width: 767px) {
        #section-home-order .inner-section-home-order .content-home-order .content-left-order .view-order {
          margin: 20px 0 40px 0; } }
  #section-home-order .inner-section-home-order .content-home-order .content-right-order {
    padding: 120px 0 120px 65px;
    display: flex;
    display: -moz-flex;
    display: -o-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    align-items: flex-end; }
    @media (min-width: 768px) and (max-width: 991px) {
      #section-home-order .inner-section-home-order .content-home-order .content-right-order {
        padding: 60px 0 60px 25px; } }
    @media (max-width: 767px) {
      #section-home-order .inner-section-home-order .content-home-order .content-right-order {
        padding: 0; } }
    #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-head {
      margin: 0 0 60px 0; }
      @media (max-width: 767px) {
        #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-head {
          margin: 30px 0 20px 0; } }
    #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-content-info {
      color: white; }
      #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-content-info p {
        margin: 0 0 25px 0; }
    #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work {
      display: flex;
      display: -moz-flex;
      display: -o-flex;
      display: -webkit-flex;
      align-items: center; }
      @media (max-width: 911px) {
        #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work {
          flex-wrap: wrap; } }
      #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-img-time-work {
        width: 80px;
        height: 80px;
        background: white;
        border-radius: 100%;
        padding: 15px; }
        @media (max-width: 767px) {
          #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-img-time-work {
            margin-bottom: 15px; } }
      #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work {
        padding: 0 0 0 15px; }
        @media (max-width: 991px) {
          #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work {
            padding: 15px 0 0 0;
            width: 100%; } }
        #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work h4 {
          color: #1A76D1;
          font-weight: 500;
          text-transform: uppercase;
          margin: 0 0 10px 0; }
        #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work .outer-info-time {
          display: flex;
          display: -moz-flex;
          display: -o-flex;
          display: -webkit-flex;
          color: white; }
          #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work .outer-info-time .info-time span {
            display: block; }
          #section-home-order .inner-section-home-order .content-home-order .content-right-order .section-time-work .box-time-work .outer-info-time .info-time:first-child {
            margin: 0 20px 0 0; }
    #section-home-order .inner-section-home-order .content-home-order .content-right-order .view-order {
      margin: 30px 0 0 0;
      width: 100%; }
      @media (max-width: 767px) {
        #section-home-order .inner-section-home-order .content-home-order .content-right-order .view-order {
          margin: 30px 0 30px 0; } }
      #section-home-order .inner-section-home-order .content-home-order .content-right-order .view-order a:hover, #section-home-order .inner-section-home-order .content-home-order .content-right-order .view-order a:focus, #section-home-order .inner-section-home-order .content-home-order .content-right-order .view-order a:active {
        color: #1A76D1;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        background: white; }

/* End Home Order */
/* Home Bellow Order */
#section-home-order-bellow,
#section-home-order-bellow-2 {
  background: url(../images/sushi-maki-rolls-salmon_90ad5808c4f24c30be55e0df5fa59d43.png);
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center; }
  @media (max-width: 767px) {
    #section-home-order-bellow,
    #section-home-order-bellow-2 {
      background-size: cover; } }
  #section-home-order-bellow:before,
  #section-home-order-bellow-2:before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(16, 17, 44, 0.8); }
  #section-home-order-bellow .inner-section-home-order-bellow,
  #section-home-order-bellow-2 .inner-section-home-order-bellow {
    padding: 60px 0;
    position: relative; }
    @media (max-width: 767px) {
      #section-home-order-bellow .inner-section-home-order-bellow,
      #section-home-order-bellow-2 .inner-section-home-order-bellow {
        padding: 40px 0; } }
    #section-home-order-bellow .inner-section-home-order-bellow .content-section-home-order-bellow,
    #section-home-order-bellow-2 .inner-section-home-order-bellow .content-section-home-order-bellow {
      display: flex;
      display: -moz-flex;
      display: -o-flex;
      display: -webkit-flex;
      justify-content: space-between;
      align-items: center; }
      @media (max-width: 767px) {
        #section-home-order-bellow .inner-section-home-order-bellow .content-section-home-order-bellow,
        #section-home-order-bellow-2 .inner-section-home-order-bellow .content-section-home-order-bellow {
          flex-wrap: wrap; } }
      #section-home-order-bellow .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow,
      #section-home-order-bellow-2 .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow {
        width: 65%; }
        @media (max-width: 767px) {
          #section-home-order-bellow .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow,
          #section-home-order-bellow-2 .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow {
            width: 100%;
            margin: 0 0 20px 0; } }
        #section-home-order-bellow .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow p,
        #section-home-order-bellow-2 .inner-section-home-order-bellow .content-section-home-order-bellow .left-content-section-home-order-bellow p {
          margin: 0;
          color: white; }

/* End Home Bellow Order */
/* Item Order */
.time-for-order .item-order {
  display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  align-items: center;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px dashed gray; }
  .time-for-order .item-order .box-img-order {
    width: 20%; }
    .time-for-order .item-order .box-img-order img {
      border-radius: 10px; }
  .time-for-order .item-order .box-info-order {
    width: 80%;
    padding: 0 0 0 15px; }
    .time-for-order .item-order .box-info-order .inner-box-info-order-1 {
      display: flex;
      display: -moz-flex;
      display: -o-flex;
      display: -webkit-flex;
      align-items: center;
      justify-content: space-between;
      margin: 0 0 5px 0; }
      .time-for-order .item-order .box-info-order .inner-box-info-order-1 .name-order {
        font-weight: 500;
        font-size: 16px; }
        .time-for-order .item-order .box-info-order .inner-box-info-order-1 .name-order a {
          color: #333333; }
          .time-for-order .item-order .box-info-order .inner-box-info-order-1 .name-order a:hover {
            color: #c4152b; }
      .time-for-order .item-order .box-info-order .inner-box-info-order-1 .price-order {
        display: flex;
        display: -moz-flex;
        display: -o-flex;
        display: -webkit-flex;
        align-items: center; }
        .time-for-order .item-order .box-info-order .inner-box-info-order-1 .price-order del {
          font-size: 14px;
          margin: 0 8px 0 0; }
        .time-for-order .item-order .box-info-order .inner-box-info-order-1 .price-order span {
          color: #1A76D1;
          font-weight: 500;
          font-size: 16px; }
    .time-for-order .item-order .box-info-order .inner-box-info-order-2 p {
      margin: 0; }
  .time-for-order .item-order:last-child {
    border: none;
    margin: 0;
    padding: 0; }

/* End Item Order */
/* Home Album */
#section-home-album {
  padding: 100px 0; }
  @media (min-width: 768px) and (max-width: 991px) {
    #section-home-album {
      padding: 60px 0; } }
  @media (max-width: 767px) {
    #section-home-album {
      padding: 40px 0 20px 0; } }
  #section-home-album .content-section-home-album {
    max-width: 900px;
    margin: 0 auto; }
    @media (max-width: 767px) {
      #section-home-album .content-section-home-album {
        max-width: none;
        margin: 0 -15px; } }
    #section-home-album .content-section-home-album .left-album .content-home-album {
      margin-top: 100px; }
      @media (max-width: 767px) {
        #section-home-album .content-section-home-album .left-album .content-home-album {
          margin-top: 0; } }
    #section-home-album .content-section-home-album .content-home-album .item-home-album {
      position: relative;
      overflow: hidden;
      margin: 0 0 40px 0; }
      @media (max-width: 767px) {
        #section-home-album .content-section-home-album .content-home-album .item-home-album {
          margin: 0 0 20px 0; } }
      #section-home-album .content-section-home-album .content-home-album .item-home-album .box-img-home-album img {
        width: 100%;
        border-radius: 10px; }
      #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album {
        border-radius: 10px;
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(16, 13, 34, 0.8);
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
        display: -moz-flex;
        display: -o-flex;
        display: -webkit-flex;
        align-items: flex-end;
        transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        opacity: 0;
        visibility: hidden; }
        #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album a {
          padding: 40px;
          display: flex;
          display: -moz-flex;
          display: -o-flex;
          display: -webkit-flex;
          height: 100%;
          align-items: flex-end; }
          #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album a .inner-box-info-home-album {
            color: white; }
            #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album a .inner-box-info-home-album h4 {
              color: white;
              font-size: 18px;
              margin: 0 0 20px 0;
              line-height: 1.4; }
            #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album a .inner-box-info-home-album p {
              margin: 0 0 20px 0; }
            #section-home-album .content-section-home-album .content-home-album .item-home-album .box-info-home-album a .inner-box-info-home-album .list-rating i {
              color: #d97c4f; }
      #section-home-album .content-section-home-album .content-home-album .item-home-album:hover .box-info-home-album {
        opacity: 1;
        visibility: visible; }

/* End Home Album */
/* Cusomter Home */
#section-home-customer {
  background: #0b1121 url(../images/bg_home_main_customer.jpg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 0 100px 0;
  position: relative; }
  @media (max-width: 767px) {
    #section-home-customer {
      padding: 0;
      background-attachment: initial; } }
  #section-home-customer:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1; }
  #section-home-customer .inner-section-home-album {
    position: relative;
    z-index: 2; }
    @media (max-width: 767px) {
      #section-home-customer .inner-section-home-album {
        padding: 40px 0 0px 0; } }
    #section-home-customer .inner-section-home-album .row-slider-customer {
      -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      background: white;
      border-radius: 20px;
      top: -50px;
      position: relative;
      overflow: hidden;
      padding: 120px 40px;
      margin: 0 0 50px 0; }
      @media (max-width: 767px) {
        #section-home-customer .inner-section-home-album .row-slider-customer {
          padding: 20px 20px 45px 20px;
          margin: 0 0 40px 0;
          border-radius: 4px;
          top: 0; } }
      #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer {
        max-width: 710px;
        margin: 0 auto; }
        #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer {
          display: flex;
          align-items: center;
          position: relative;
          overflow: hidden; }
          @media (max-width: 767px) {
            #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer {
              flex-wrap: wrap;
              justify-content: center; } }
          #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-img-customer {
            width: 30%; }
          #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer {
            width: 80%;
            padding: 0 0 0 50px;
            color: #333333; }
            @media (max-width: 767px) {
              #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer {
                width: 100%;
                padding: 0; } }
            #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .feedback-customer {
              margin: 0 0 15px 0; }
              #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .feedback-customer i {
                margin: 0 0 15px 0;
                font-size: 35px; }
                @media (max-width: 767px) {
                  #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .feedback-customer i {
                    font-size: 20px; } }
              #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .feedback-customer p {
                margin: 0; }
            #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .info-customer {
              margin: 0 0 15px 0;
              display: flex; }
              #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .info-customer h4 {
                font-weight: 500;
                color: #1A76D1;
                margin: 0 20px 0 0; }
            #section-home-customer .inner-section-home-album .row-slider-customer .inner-row-slider-customer .item-customer .box-info-customer .list-rating-customer i {
              color: #d97c4f; }
    #section-home-customer .inner-section-home-album .owl-nav {
      position: absolute;
      top: 40%;
      width: 100%; }
      #section-home-customer .inner-section-home-album .owl-nav button {
        position: absolute;
        outline: none;
        box-shadow: none; }
        #section-home-customer .inner-section-home-album .owl-nav button svg {
          width: 30px; }
        #section-home-customer .inner-section-home-album .owl-nav button.owl-prev {
          left: -80px; }
          #section-home-customer .inner-section-home-album .owl-nav button.owl-prev .prev-button {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg); }
        #section-home-customer .inner-section-home-album .owl-nav button.owl-next {
          right: -80px; }
    #section-home-customer .inner-section-home-album .owl-dots {
      position: absolute;
      bottom: 0;
      text-align: center;
      width: 100%;
      bottom: -60px; }
      @media (max-width: 767px) {
        #section-home-customer .inner-section-home-album .owl-dots {
          bottom: -30px; } }
      #section-home-customer .inner-section-home-album .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #0b1121;
        margin: 0 4px;
        outline: none;
        box-shadow: none; }
        #section-home-customer .inner-section-home-album .owl-dots .owl-dot.active {
          background: #1A76D1; }
    #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer {
      display: -moz-flex;
      display: -webkit-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      flex-wrap: wrap; }
      @media (max-width: 767px) {
        #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer {
          justify-content: start; } }
      #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer {
        display: -moz-flex;
        display: -webkit-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin: 0 60px; }
        @media (max-width: 911px) {
          #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer {
            margin: 0px 0 30px 0;
            width: 100%; } }
        #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer .box-img-bellow-customer {
          padding: 0 20px 0 0; }
          #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer .box-img-bellow-customer img {
            width: 80px; }
            @media (max-width: 767px) {
              #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer .box-img-bellow-customer img {
                width: 55px; } }
        #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer .box-info-bellow-customer h4 {
          color: white;
          font-size: 28px;
          font-weight: 500; }
        #section-home-customer .inner-section-home-album .row-bellow-customer .inner-row-bellow-customer .item-bellow-customer .box-info-bellow-customer p {
          margin: 0;
          color: #1A76D1;
          text-transform: uppercase; }

/* End Cusomter Home */
/* Blog Home */
#section-home-blog {
  padding: 100px 0; }
  @media (max-width: 767px) {
    #section-home-blog {
      padding: 40px 0; } }
  #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article {
    position: relative; }
    #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-img-article {
      margin: 0 0 15px 0;
      position: relative;
      overflow: hidden; }
      #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-img-article img {
        transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s; }
      #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-img-article:hover img {
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2); }
      #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-img-article .time-article {
        background: #1A76D1;
        color: white;
        position: absolute;
        top: 0;
        left: 0;
        padding: 15px 15px 20px 10px;
        border-radius: 0 0 35px 0;
        text-align: center;
        font-size: 24px;
        font-weight: 500; }
        #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-img-article .time-article span {
          display: block;
          font-size: 13px;
          font-weight: 500; }
    #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-info-article {
      position: relative;
      top: -50px;
      background: white;
      max-width: 90%;
      margin: 0 auto;
      padding: 15px;
      -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
      #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-info-article .name-article {
        margin: 0 0 10px 0;
        line-height: 1.6; }
        #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-info-article .name-article a {
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden; }
      #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-info-article .view-more-article a {
        color: #1A76D1;
        text-decoration: underline; }
        #section-home-blog .inner-section-home-blog .content-section-home-blog .item-article .box-info-article .view-more-article a:hover {
          color: #c4152b; }

/* End Blog Home */
/* Main Footer */
#section-main-footer {
  background: #ffffff; }
  #section-main-footer .footer-container {
    padding: 50px 0 30px; }
    #section-main-footer .footer-container .footer-top-logo {
      margin-bottom: 20px; }
      #section-main-footer .footer-container .footer-top-logo .footer-logo a {
        font-size: 34px;
        color: #333333;
        display: block; }
      #section-main-footer .footer-container .footer-top-logo .footer-logo img {
        max-height: 60px; }
      #section-main-footer .footer-container .footer-top-logo .wrap-logo-text {
        margin: 0 0 0 20px; }
        #section-main-footer .footer-container .footer-top-logo .wrap-logo-text .wrap-logo-text-1 {
          font-weight: 500;
          font-size: 24px;
          line-height: 1.4;
          letter-spacing: 2px;
          margin: 0; }
          #section-main-footer .footer-container .footer-top-logo .wrap-logo-text .wrap-logo-text-1 a {
            color: #333333; }
        #section-main-footer .footer-container .footer-top-logo .wrap-logo-text .wrap-logo-text-2 {
          font-family: 'Roboto', sans-serif;
          font-weight: 500;
          font-size: 12px;
          line-height: 1.5;
          letter-spacing: 0px;
          margin: 0; }
          #section-main-footer .footer-container .footer-top-logo .wrap-logo-text .wrap-logo-text-2 a {
            color: #333333; }
    #section-main-footer .footer-container .footer-top-description {
      color: #333333; }
      #section-main-footer .footer-container .footer-top-description .wrap-logo-bct {
        margin-top: 20px; }
      #section-main-footer .footer-container .footer-top-description .wrap-logo-bct img {
        max-width: 160px; }
    #section-main-footer .footer-container .footer-accordion-item .footer-title {
      position: relative; }
      #section-main-footer .footer-container .footer-accordion-item .footer-title h3 {
        color: #333333;
        font-weight: 500;
        margin: 0 0 20px 0;
        line-height: 1.5; }
      #section-main-footer .footer-container .footer-accordion-item .footer-title--icon {
        display: none;
        position: absolute;
        top: 5px;
        right: 0;
        width: 20px;
        height: 20px;
        text-align: center; }
        #section-main-footer .footer-container .footer-accordion-item .footer-title--icon svg {
          display: block;
          height: 20px;
          margin: 0 auto;
          transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1), color 200ms cubic-bezier(0.4, 0, 0.2, 1); }
          #section-main-footer .footer-container .footer-accordion-item .footer-title--icon svg .icon-chevron-down-left, #section-main-footer .footer-container .footer-accordion-item .footer-title--icon svg .icon-chevron-down-right {
            transform: rotate(0);
            transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
            transform-origin: 50% 93%; }
    #section-main-footer .footer-container .footer-accordion-item .footer-content ul {
      margin: 0;
      padding: 0;
      display: -moz-flex;
      display: -webkit-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      flex-wrap: wrap; }
      #section-main-footer .footer-container .footer-accordion-item .footer-content ul li {
        width: 100%; }
        #section-main-footer .footer-container .footer-accordion-item .footer-content ul li a {
          padding: 0px 0 10px 0;
          text-transform: uppercase;
          color: #333333;
          display: block; }
          #section-main-footer .footer-container .footer-accordion-item .footer-content ul li a:hover {
            color: #333333; }
  #section-main-footer .footer-copyright {
    padding: 20px 0; }
    #section-main-footer .footer-copyright .copyright {
      text-align: center;
      color: #333333;
      font-weight: 300; }
      #section-main-footer .footer-copyright .copyright p {
        margin: 0; }
      #section-main-footer .footer-copyright .copyright p a {
        color: #333333; }
        #section-main-footer .footer-copyright .copyright p a:hover {
          color: #333333; }
  @media (min-width: 768px) {
    #section-main-footer .footer-container .item-col-footer {
      -ms-flex: 0 0 22%;
      flex: 0 0 22%;
      max-width: 22%; }
      #section-main-footer .footer-container .item-col-footer.large-col {
        -ms-flex: 0 0 28%;
        flex: 0 0 28%;
        max-width: 28%; } }
  @media (max-width: 991px) and (min-width: 768px) {
    #section-main-footer .footer-container .item-col-footer {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%; }
      #section-main-footer .footer-container .item-col-footer.large-col {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%; }
    #section-main-footer .footer-container .footer-top-logo .footer-logo img {
      max-height: 45px; }
    #section-main-footer .footer-container .footer-top-logo .wrap-logo-text {
      margin-left: 12px; }
      #section-main-footer .footer-container .footer-top-logo .wrap-logo-text .wrap-logo-text-1 {
        font-size: 20px; } }
  @media (max-width: 767px) {
    #section-main-footer .footer-container {
      padding-bottom: 20px; }
      #section-main-footer .footer-container .footer-top-logo .footer-logo img {
        max-height: 45px;
        max-width: 140px; }
      #section-main-footer .footer-container .footer-top-description {
        margin-bottom: 35px; }
      #section-main-footer .footer-container .footer-accordion-item .footer-title h3 {
        padding-right: 30px; }
      #section-main-footer .footer-container .footer-accordion-item .footer-title--icon {
        display: block; }
      #section-main-footer .footer-container .footer-accordion-item.active-toggle .footer-title--icon svg {
        transform: translateY(-22%); }
        #section-main-footer .footer-container .footer-accordion-item.active-toggle .footer-title--icon svg .icon-chevron-down-left {
          transform: rotate(45deg); }
        #section-main-footer .footer-container .footer-accordion-item.active-toggle .footer-title--icon svg .icon-chevron-down-right {
          transform: rotate(-45deg); }
      #section-main-footer .footer-container .footer-content {
        display: none;
        padding-bottom: 20px; } }

/* End Main Footer */
/* Section Banner Page Order */
#section-order-slider {
  position: relative;
  overflow: hidden; }
  #section-order-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 9, 48, 0.6); }
  #section-order-slider .inner-section-slider.text-center .group-breadcrumbs {
    position: absolute;
    top: 60%;
    width: 100%;
    text-align: center;
    text-transform: uppercase; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs h1 {
      color: white;
      font-size: 28px;
      margin: 0 0 10px 0; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs a {
      color: white; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs span {
      color: white; }
    #section-order-slider .inner-section-slider.text-center .group-breadcrumbs .hr-span {
      margin: 0 10px; }

/* End Section Banner Page Order */
/* Content Page Order */
#section-order-content {
  background: #f5f5f5; }
  #section-order-content .flex-box {
    display: -moz-flex;
    display: -webkit-flex;
    display: -o-flex;
    display: flex; }
  #section-order-content .inner-section-order-content {
    padding: 40px 10px; }
    @media (max-width: 767px) and (min-width: 992px) {
      #section-order-content .inner-section-order-content {
        padding: 40px 0px; } }
    @media (max-width: 767px) {
      #section-order-content .inner-section-order-content {
        padding: 15px 0; } }
    @media (min-width: 992px) {
      #section-order-content .inner-section-order-content .page-orders .pd-right {
        padding-right: 0; } }
    #section-order-content .inner-section-order-content .page-orders .orders-cate {
      float: left;
      width: calc(100% / 3 - 15px);
      margin-right: 15px;
      padding: 20px;
      background: #fff;
      box-shadow: 3px 3px 6px 0 #e5e5e5;
      position: sticky;
      top: 75px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
      #section-order-content .inner-section-order-content .page-orders .orders-cate ul {
        margin: 0;
        padding: 0; }
        #section-order-content .inner-section-order-content .page-orders .orders-cate ul li {
          margin-bottom: 5px;
          padding-bottom: 5px;
          border-bottom: 1px dashed #959595; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a {
            display: block;
            padding: 10px 0;
            line-height: 1.2;
            color: #999; }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a:hover {
              color: #333; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li:last-child {
            margin: 0;
            border: none;
            padding: 0; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul li.active {
            border-color: #1A76D1; }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li.active a {
              color: #1A76D1;
              font-weight: 500; }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .orders-cate {
          position: fixed;
          top: var(--header-height);
          width: 100%;
          margin: 0;
          left: 0;
          box-shadow: none;
          border-top: 1px solid #e5e5e5;
          overflow-x: auto;
          z-index: 9;
          padding: 8px 0;
          -webkit-transition: all 400ms ease;
          -moz-transition: all 400ms ease;
          transition: all 400ms ease; }
          #section-order-content .inner-section-order-content .page-orders .orders-cate ul {
            white-space: nowrap;
            margin: 0;
            transition: all 0.3s ease;
            transform: translateX(0); }
            #section-order-content .inner-section-order-content .page-orders .orders-cate ul li {
              display: inline-block;
              margin: 0;
              padding: 0;
              border: none; }
              #section-order-content .inner-section-order-content .page-orders .orders-cate ul li a {
                font-size: 14px;
                padding: 5px 10px; } }
    #section-order-content .inner-section-order-content .page-orders .orders-product {
      float: left;
      width: 66.66%; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .search-product {
        position: relative; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .search-product input {
          width: 100%;
          border: 0 none;
          padding: 0 10px 0 40px;
          line-height: 40px;
          background: #fff;
          color: #333;
          border: 1px solid #7f7f7f;
          -webkit-transition: 0.2s ease-in-out;
          transition: 0.2s ease-in-out; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .search-product label {
          position: absolute;
          top: 0;
          left: 0;
          width: 40px;
          height: 40px;
          margin: 0;
          display: flex;
          align-items: center;
          justify-content: center; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .search-product label svg {
            stroke: #666;
            fill: #666; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block label {
        line-height: 19px;
        margin: 20px 0 0 0;
        background: #3f393a;
        width: 100%;
        padding: 10px;
        color: #ffffff;
        font-weight: 500;
        text-transform: uppercase;
        text-align: center;
        border-bottom: 2px solid #1A76D1; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul {
        margin-bottom: 10px;
        background: #fff;
        box-shadow: 3px 3px 6px 0 #e5e5e5;
        padding: 0; }
        #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li {
          border-bottom: 1px solid #f5f5f5; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a {
            padding: 12px;
            background: #fff;
            position: relative; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .img-box {
              width: 110px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 1px;
              position: relative;
              overflow: hidden; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .img-box img {
                border: 1px solid #d3d3d3; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info {
              width: calc(100% - 155px);
              padding: 0 30px 0 10px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3 {
                font-size: 16px;
                line-height: 21px;
                margin: 0 0 5px 0;
                font-weight: 500;
                color: #333333; }
                #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3:hover {
                  color: #c4152b; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .desc {
                font-size: 14px;
                line-height: 1.4;
                color: #282525;
                margin: 0 0 5px 0;
                font-weight: 300;
                letter-spacing: 0.5px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .pro-price {
                font-weight: 500;
                color: #1A76D1;
                font-size: 16px; }
                #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .pro-price del {
                  font-size: 14px;
                  color: gray;
                  font-weight: normal; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .btn-more {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 12px;
              width: 30px;
              height: 30px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .btn-more svg {
                stroke: #1A76D1;
                fill: #1A76D1; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .out-of-stock-order {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 12px; }
              #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .out-of-stock-order span {
                background: #e7e7e7;
                color: gray;
                padding: 8px 10px;
                border-radius: 4px;
                line-height: 14px; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li.empty-product {
            text-align: center; }
            #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li.empty-product p {
              padding: 20px 0;
              margin: 0; }
      #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block:last-child ul {
        margin: 0; }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .orders-product {
          width: 100%; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info h3 {
            font-size: 14px; }
          #section-order-content .inner-section-order-content .page-orders .orders-product .orders-block ul li a .info .desc {
            font-size: 13px;
            overflow: hidden;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            display: -webkit-box; } }
    #section-order-content .inner-section-order-content .page-orders .sticky-right {
      position: sticky;
      top: 75px;
      -webkit-transition: all 400ms ease;
      -moz-transition: all 400ms ease;
      transition: all 400ms ease; }
      @media (max-width: 991px) {
        #section-order-content .inner-section-order-content .page-orders .sticky-right {
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
          top: inherit;
          padding: 0;
          transform: translateY(calc(100% - 40px));
          transition: transform 0.5s ease,bottom .3s ease;
          z-index: 99; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right.active {
            transform: translateY(0); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right.modal-quickview-show {
            transform: translateY(100%); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile {
            background: #ff5495;
            color: #fff;
            padding: 0 20px;
            text-transform: uppercase;
            cursor: pointer; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box {
              height: 40px;
              align-items: center;
              justify-content: space-between; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span {
                width: calc(100%/3); }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span:nth-child(2) {
                  font-weight: 500;
                  text-align: center; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box span:last-child {
                  text-align: right; } }
      @media (max-width: 767px) {
        #section-order-content .inner-section-order-content .page-orders .sticky-right .cart-mobile > .flex-box {
          height: 50px;
          padding: 10px 0; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right {
          transform: translateY(calc(100% - 49px)); } }
      #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart {
        background: #fff;
        box-shadow: 3px 3px 6px 0 #e5e5e5; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check {
          padding: 20px;
          border-bottom: 1px solid #e5e5e5; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a {
            background: #1A76D1;
            color: #ffffff;
            padding: 0 30px;
            text-align: center;
            font-size: 16px;
            line-height: 40px;
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            display: block;
            width: 100%; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a.disabled {
              opacity: 0.7;
              pointer-events: none; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a:hover {
              text-decoration: none;
              background: #3f393a; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .btn-check a.over-time {
              opacity: 0.7;
              pointer-events: none; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item {
          padding: 13px 20px;
          border-bottom: 1px solid #e5e5e5;
          overflow-y: auto;
          max-height: calc(100vh - 230px - 110px); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar-track {
            background-color: #F5F5F5; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar {
            width: 6px;
            background-color: gray; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: gray; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item {
            position: relative; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item:not(:last-child) {
              padding-bottom: 20px;
              border-bottom: 1px solid #e5e5e5;
              margin-bottom: 20px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title {
              float: left;
              width: calc(100% - 120px - 80px); }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title h4 {
                margin: 0 0 5px 0;
                font-size: 16px;
                font-weight: 500;
                color: #333333; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title h4:hover {
                  color: #c4152b; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title p {
                margin: 0 0 5px 0;
                font-size: 14px;
                line-height: 18px;
                font-weight: 300; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-title p.variant_note {
                  color: #1A76D1; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity {
              float: left;
              width: 112px;
              margin: 0 4px; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .qty-btn {
                background: transparent;
                border: 1px solid;
                color: #1A76D1;
                width: 30px;
                height: 30px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                outline: none;
                box-shadow: none; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .qty-btn svg {
                  width: 15px;
                  fill: #1A76D1; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .select-quantity .quantity-selector {
                border: 0;
                width: 40px;
                text-align: center;
                line-height: 30px;
                height: 30px;
                padding: 5px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-price {
              float: right;
              width: 70px;
              text-align: right; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .cart-item .cart-item-price .cart-item-remove {
                display: inline-block;
                width: 25px;
                height: 25px;
                margin-top: 5px;
                font-size: 16px;
                color: #666; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-item .empty-cart {
            margin: 0; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom {
          padding: 13px 20px;
          color: #333333; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom .flex-box {
            justify-content: space-between;
            align-items: center;
            margin: 0 0 8px 0; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total {
            font-size: 18px;
            line-height: 1.2;
            padding-left: 15px;
            font-weight: 500; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total.small {
              font-size: 14px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-bottom span.orders-total:not(.small) {
              color: #1A76D1; }
        #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time {
          position: relative;
          z-index: 9; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time {
            background: #fff;
            color: #191919;
            padding: 0 30px;
            text-align: center;
            font-size: 0.875rem;
            border-bottom: 1px solid #e5e5e5;
            line-height: 41px;
            display: inline-block;
            text-transform: uppercase;
            -moz-transition: 0.1s ease-in-out;
            -webkit-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
            width: 100%;
            position: relative; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .btn-choise-time i {
              margin: 0 0 0 10px;
              transition: all 0.2s ease-in-out 0s;
              -moz-transition: all 0.2s ease-in-out 0s;
              -o-transition: all 0.2s ease-in-out 0s;
              -webkit-transition: all 0.2s ease-in-out 0s;
              -ms-transition: all 0.2s ease-in-out 0s; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time {
            position: absolute;
            top: 100%;
            left: 0;
            background: #fff;
            width: 100%;
            display: none; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-now {
              padding: 7px 10px;
              cursor: pointer;
              margin: 0;
              display: flex;
              align-items: center;
              text-transform: uppercase;
              border-bottom: 1px solid #e5e5e5; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-now i {
                font-size: 18px;
                margin-right: 7px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-time {
              padding: 7px 10px;
              cursor: pointer;
              margin: 0;
              display: flex;
              align-items: center; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise-time i {
                margin-right: 7px; }
            #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise {
              display: none;
              padding-top: 10px;
              background: #ffffff;
              border-top: 1px solid #1A76D1; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box {
                padding: 0 10px 15px; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box label {
                  font-weight: 400;
                  display: block;
                  margin: 0 0 5px 0; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box select {
                  width: 100%;
                  border: 1px solid #e5e5e5;
                  height: 32px;
                  outline: none !important; }
                #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise .sub-time-box a {
                  background: #1A76D1;
                  color: #ffffff;
                  padding: 0 30px;
                  text-align: center;
                  font-size: 16px;
                  line-height: 38px;
                  font-weight: 500;
                  display: inline-block;
                  text-transform: uppercase;
                  -webkit-transition: 0.1s ease-in-out;
                  transition: 0.1s ease-in-out;
                  display: block;
                  margin-bottom: 15px; }
              #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time .sub-time .sub-choise.active {
                display: block; }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time.active i {
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
          #section-order-content .inner-section-order-content .page-orders .sticky-right .orders-cart .orders-cart-time #header-pick-time.active .sub-time {
            display: block; }

.overlay-order {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5); }

body.cart-open {
  overflow: hidden; }

body.cart-open .overlay-order {
  visibility: visible;
  opacity: 1; }

/* End Content Page Order */
/* Swatch Color */
.color.swatch-element label.do span {
  background: #ff0000 !important; }

.color.swatch-element label.vang span {
  background: #ffff05 !important; }

.color.swatch-element label.cam span {
  background: #f5b505 !important; }

.color.swatch-element label.xanh-duong span {
  background: #5100ff !important; }

.color.swatch-element label.xanh-la span {
  background: #3cfa08 !important; }

.color.swatch-element label.nau span {
  background: #753a3a !important; }

.color.swatch-element label.xam span {
  background: #cccaca !important; }

.color.swatch-element label.tim span {
  background: #b5129a !important; }

.color.swatch-element label.hong span {
  background: #db999b !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.nau span {
  background: #753a3a !important; }

.color.swatch-element label.xam span {
  background: #cccaca !important; }

.color.swatch-element label.tim span {
  background: #b5129a !important; }

.color.swatch-element label.hong span {
  background: #db999b !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

.color.swatch-element label.do span {
  background: #ff0000 !important; }

.color.swatch-element label.vang span {
  background: #ffff05 !important; }

.color.swatch-element label.cam span {
  background: #f5b505 !important; }

.color.swatch-element label.xanh-duong span {
  background: #5100ff !important; }

.color.swatch-element label.xanh-la span {
  background: #3cfa08 !important; }

.color.swatch-element label.nau span {
  background: #753a3a !important; }

.color.swatch-element label.xam span {
  background: #cccaca !important; }

.color.swatch-element label.tim span {
  background: #b5129a !important; }

.color.swatch-element label.hong span {
  background: #db999b !important; }

.color.swatch-element label.den span {
  background: #000000 !important; }

/* ____________ */
/* Quickview */
#quick-view-modal {
  text-align: center; }
  #quick-view-modal .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font-size: 14px;
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
    #quick-view-modal .modal-dialog .modal-content {
      border-radius: 0;
      border: 0; }
      #quick-view-modal .modal-dialog .modal-content .flex-box {
        display: -moz-flex;
        display: -webkit-flex;
        display: -o-flex;
        display: flex; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .flex-box {
            -ms-flex-pack: center;
            justify-content: center; } }
      #quick-view-modal .modal-dialog .modal-content .product-title {
        padding: 15px 30px;
        border-bottom: 1px solid #e5e5e5; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .product-title {
            padding: 30px 30px 15px 30px; } }
        #quick-view-modal .modal-dialog .modal-content .product-title img {
          width: 80px;
          margin-right: 10px;
          cursor: pointer; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .product-title img {
              max-height: 80px; } }
        #quick-view-modal .modal-dialog .modal-content .product-title .info {
          width: calc(100% - 90px); }
          #quick-view-modal .modal-dialog .modal-content .product-title .info h4 {
            font-size: 16px;
            line-height: 21px;
            margin: 0;
            font-weight: 500; }
      #quick-view-modal .modal-dialog .modal-content .close-quickview {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 14px;
        height: 14px;
        cursor: pointer; }
        #quick-view-modal .modal-dialog .modal-content .close-quickview svg {
          stroke: #999;
          width: 100%;
          height: 100%; }
        #quick-view-modal .modal-dialog .modal-content .close-quickview:hover svg {
          stroke: #333; }
      #quick-view-modal .modal-dialog .modal-content .quickview-des {
        font-size: 16px;
        line-height: 1.4;
        color: #191919;
        padding: 15px 30px 0;
        font-weight: 300; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des p {
          margin: 0; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner {
          position: relative;
          overflow: hidden;
          max-height: 160px; }
          #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner:after {
            content: '';
            transition-property: top;
            transition-duration: 300ms;
            display: none;
            transition-timing-function: ease-in-out;
            background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
            position: absolute;
            top: calc(100% - 6.25em);
            left: 0;
            height: 6.25em;
            width: 100%; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened {
          height: 160px; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened:after {
          display: block; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__trigger {
          visibility: hidden; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__trigger .btn-toggle {
          display: inline-block;
          outline: none;
          padding: 9px 0px;
          font-size: 14px;
          color: #000000;
          background: #fff;
          border-radius: 0px;
          font-weight: 400; }
        #quick-view-modal .modal-dialog .modal-content .quickview-des .quickview-des__inner.opened + .quickview-des__trigger {
          visibility: visible; }
      #quick-view-modal .modal-dialog .modal-content .product-note {
        padding: 30px 30px 30px;
        border-bottom: 1px solid #e5e5e5; }
        #quick-view-modal .modal-dialog .modal-content .product-note .note-box {
          position: relative; }
          #quick-view-modal .modal-dialog .modal-content .product-note .note-box svg {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 10px; }
          #quick-view-modal .modal-dialog .modal-content .product-note .note-box input {
            width: 100%;
            border: 0 none;
            padding: 0 10px 0 40px;
            line-height: 38px;
            background: #fff;
            color: #333;
            border: 1px solid #7f7f7f;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out; }
      #quick-view-modal .modal-dialog .modal-content .actions-btn {
        padding: 15px 30px; }
        @media (max-width: 767px) {
          #quick-view-modal .modal-dialog .modal-content .actions-btn {
            padding: 15px 30px 30px 30px; } }
        #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity {
          float: left; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity {
              width: 100%;
              margin: 0 0 20px 0; } }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .qty-btn {
            background: transparent;
            border: 1px solid;
            color: #1A76D1;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            outline: none;
            box-shadow: none; }
            #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .qty-btn svg {
              fill: #1A76D1; }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .select-quantity .quantity-selector {
            border: 0;
            width: 40px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            padding: 5px; }
        #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart {
          float: right;
          padding: 0 30px;
          background: #1A76D1;
          color: #fff;
          font-size: 0.875rem;
          line-height: 38px;
          border: 1px solid #1A76D1;
          text-transform: uppercase;
          font-weight: 500; }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart span.product-price {
            font-weight: 400;
            float: right;
            padding: 0 0 0 50px;
            border: 0;
            margin: 0; }
          @media (max-width: 767px) {
            #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart {
              width: 100%; } }
          #quick-view-modal .modal-dialog .modal-content .actions-btn .btn-cart.disabled {
            opacity: 0.7;
            pointer-events: none;
            cursor: none; }
      #quick-view-modal .modal-dialog .modal-content .select-swatch {
        padding: 30px 30px 0 30px; }
        #quick-view-modal .modal-dialog .modal-content .select-swatch .swatch:last-child {
          border: none;
          margin: 0;
          padding: 0; }
  #quick-view-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; }

/* End Quickview */
/* Swatch */
.selector-wrapper {
  display: none; }

.swatch {
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  width: 100%;
  float: left;
  border-bottom: 1px dotted #dfe0e1; }
  .swatch .header {
    margin: 0 0 8px;
    font-size: 14px;
    text-align: left;
    line-height: initial;
    font-weight: 400;
    color: #333; }
  .swatch input {
    display: none; }
  .swatch > label.tt-label {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    vertical-align: middle;
    text-transform: uppercase;
    width: 85px;
    text-align: right; }
  .swatch .select-swap {
    display: inline-block;
    vertical-align: middle; }
  .swatch .swatch-element {
    display: inline-block;
    margin: 5px 10px 5px 0;
    position: relative;
    vertical-align: bottom; }
    .swatch .swatch-element.color {
      margin: 0 10px 0 0;
      line-height: 0; }
      .swatch .swatch-element.color label {
        width: 30px;
        height: 30px;
        padding: 3px;
        border-radius: 50%;
        border: none;
        cursor: pointer; }
        .swatch .swatch-element.color label.sd {
          background: transparent;
          border: 1px solid #808284; }
      .swatch .swatch-element.color span {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 0;
        font-size: 0;
        border-radius: 50%;
        border: 1px solid #dfe0e1; }
      .swatch .swatch-element.color.soldout label span {
        overflow: hidden;
        position: relative; }
        .swatch .swatch-element.color.soldout label span:before {
          content: "";
          position: absolute;
          top: 0;
          left: -1px;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 24px;
          height: 24px;
          background: url(../images/sold_out.png) no-repeat;
          background-size: contain; }
      @media (max-width: 767px) {
        .swatch .swatch-element.color {
          margin: 5px 8px 5px 0; } }
    .swatch .swatch-element.soldout:not(.color) label {
      overflow: hidden; }
      .swatch .swatch-element.soldout:not(.color) label:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #e5e5e5;
        background: url(../images/sold_out.png) no-repeat;
        background-size: contain; }
    .swatch .swatch-element:not(.color) label {
      display: block;
      margin: 0;
      line-height: 22px;
      position: relative;
      font-size: 14px;
      font-weight: 500;
      cursor: pointer;
      padding-left: 25px; }
      .swatch .swatch-element:not(.color) label:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        border: 1px solid #e5e5e5;
        background: #fff; }
      .swatch .swatch-element:not(.color) label.sd:before {
        background: #1A76D1;
        border-color: #1A76D1; }
      .swatch .swatch-element:not(.color) label.sd:after {
        content: '';
        position: absolute;
        top: 2px;
        left: 6px;
        width: 7px;
        height: 13px;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg);
        border-radius: 0; }
  .swatch label[for="product-select-option-0"] {
    display: none; }
  .swatch label[for="product-select-option-1"] {
    display: none; }
  .swatch label[for="product-select-option-2"] {
    display: none; }
  .swatch #product-select-option-0 {
    display: none; }
  .swatch #product-select-option-1 {
    display: none; }
  .swatch #product-select-option-2 {
    display: none; }
  .swatch #product-select-option-0 + .custom-style-select-box {
    display: none !important; }
  .swatch #product-select-option-1 + .custom-style-select-box {
    display: none !important; }
  .swatch #product-select-option-2 + .custom-style-select-box {
    display: none !important; }

/* End Swatch */
/* Menu Mobile */
#overlay-menu-mobile {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
  z-index: 11;
  background: rgba(0, 0, 0, 0.5); }

#menu-mobile-wrapper {
  position: fixed;
  top: 0 !important;
  left: 0;
  z-index: 99;
  width: 288px;
  transition: all 0.7s;
  background: white;
  height: 100%;
  transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  overflow: hidden; }
  #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--logo a {
    background: #1A76D1;
    color: white;
    padding: 10px 16px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    justify-content: center;
    margin: 0 0 15px 0;
    text-transform: uppercase; }
  #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper {
    padding: 0 20px; }
    #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul {
      margin: 0;
      padding: 0; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li > a {
        padding: 10px 5px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: 600; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 {
        width: 100%;
        display: none; }
        #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li > a {
          padding: 10px 5px;
          display: inline-block;
          text-transform: uppercase; }
        #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li .sub-menu-mobile-2 {
          width: 100%;
          display: none; }
          #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper > ul > li .sub-menu-mobile-1 > li .sub-menu-mobile-2 > li > a {
            padding: 10px 5px;
            display: inline-block;
            text-transform: uppercase; }
    #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper .toggle-sub-menu {
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 38px; }
      #menu-mobile-wrapper .menu-mobile--inner .menu-mobile--wrapper .toggle-sub-menu .fa-minus:before {
        content: "\f068" !important; }

body.show-menu-mobile {
  overflow: hidden; }
  body.show-menu-mobile #menu-mobile-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
    body.show-menu-mobile #menu-mobile-wrapper ~ #overlay-menu-mobile {
      visibility: visible;
      opacity: 1; }

/* ___________ */
/* Breadcrums */
#breadcrums {
  background-image: url(../images/img_breadcrums.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 365px; }
  @media (max-width: 767px) {
    #breadcrums {
      height: 200px; } }
  #breadcrums .breadcrums--inner .breadcrumb-arrows {
    margin: 0;
    padding: 0;
    text-align: center;
    -moz-transform: translate(0, 150%);
    -webkit-transform: translate(0, 150%);
    transform: translate(0, 150%); }
    @media (max-width: 767px) {
      #breadcrums .breadcrums--inner .breadcrumb-arrows {
        -moz-transform: translate(0, 75px);
        -webkit-transform: translate(0, 75px);
        transform: translate(0, 75px); } }
    #breadcrums .breadcrums--inner .breadcrumb-arrows li span {
      color: #ffffff;
      font-size: 70px;
      line-height: 1.3;
      letter-spacing: 1px;
      font-weight: 300;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden; }
      @media (max-width: 767px) {
        #breadcrums .breadcrums--inner .breadcrumb-arrows li span {
          font-size: 24px; } }

/* ___________ */
/* Main Slider about*/
#section-about-slider {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  #section-about-slider:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(15, 9, 48, 0.6); }

/* End Main Slider about*/
/* Title Abouts */
.section-title-about {
  display: -moz-flex;
  display: -webkit-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 80px 0; }
  @media (max-width: 767px) {
    .section-title-about {
      margin: 0 0 40px 0; } }
  .section-title-about img {
    max-width: 50px; }
  .section-title-about .main-title-about {
    padding: 0 0 0 18px;
    border-left: 2px solid #1A76D1;
    margin: 0 0 0 18px; }
    .section-title-about .main-title-about h2 {
      font-weight: 500;
      font-size: 24px;
      text-transform: uppercase; }
    .section-title-about .main-title-about h4 {
      font-size: 16px;
      font-weight: 500;
      color: #1A76D1;
      text-transform: uppercase; }

/* End Title Abouts */
/* Intro Abouts */
#section-about-intro {
  padding: 100px 0; }
  #section-about-intro .inner-section-about-intro .box-img-abouts img {
    border-radius: 10px; }
  #section-about-intro .inner-section-about-intro p {
    margin: 0 0 20px 0; }
    #section-about-intro .inner-section-about-intro p.sub-intro-about {
      display: flex; }
      #section-about-intro .inner-section-about-intro p.sub-intro-about i {
        font-size: 25px;
        margin: 0 10px 0 0; }
  #section-about-intro .inner-section-about-intro .bellow-section-content-about {
    max-width: 900px;
    margin: 80px auto 0 auto; }

/* End Intro Abouts */
/* Abouts Discover */
#section-about-discover {
  padding: 100px 0;
  background: #f2f2f2; }
  @media (max-width: 767px) {
    #section-about-discover {
      padding: 40px 0 0 0; } }
  @media (max-width: 767px) {
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover {
      margin: 0 0 40px 0; } }
  #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-img-discover {
    background: white;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    opacity: 0.8;
    margin: 0 auto 30px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-img-discover img {
      padding: 10%; }
  #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover {
    text-align: center; }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover h4 {
      position: relative;
      padding: 0 0 13px 0;
      margin: 0 0 13px 0;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 20px; }
      #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover h4:after {
        content: "";
        width: 40px;
        display: inline-block;
        height: 1px;
        background: black;
        position: absolute;
        bottom: 0;
        left: calc(50% - 20px); }
    #section-about-discover .inner-section-about-intro .section-content-about .box-content-discover .box-info-discover p {
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      text-align: justify;
      font-size: 16px;
      line-height: 24px; }

/* End Abouts Discover */
/* Page About New */
#section-about-info .section-about-intro--inner .section-about-intro--inner-background-left {
  background-image: url(../images/img_about_main_intro.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (max-width: 767px) {
    #section-about-info .section-about-intro--inner .section-about-intro--inner-background-left {
      height: 400px;
      margin: 15px 15px;
      -ms-flex: 0 0 calc(100% - 30px);
      flex: 0 0 calc(100% - 30px);
      max-width: calc(100% - 30px); } }

#section-about-info .section-about-intro--inner .section-about-intro--inner-right {
  padding: 20%; }
  @media (max-width: 767px) {
    #section-about-info .section-about-intro--inner .section-about-intro--inner-right {
      padding: 0;
      margin: 0 0 40px 0; } }
  #section-about-info .section-about-intro--inner .section-about-intro--inner-right h1 {
    font-size: 44px;
    line-height: 1.2;
    font-weight: 300;
    margin: 0 0 20px 0; }
    @media (max-width: 767px) {
      #section-about-info .section-about-intro--inner .section-about-intro--inner-right h1 {
        font-size: 24px;
        line-height: 35px; } }
  #section-about-info .section-about-intro--inner .section-about-intro--inner-right p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    margin: 0 0 20px 0;
    text-align: justify; }

/* _______________ */
/* Page About Order */
#section-about-order {
  background-image: url(../images/img_about_main_order.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  background-attachment: fixed; }
  @media (max-width: 767px) {
    #section-about-order {
      height: 50vh;
      background-attachment: initial; } }
  #section-about-order .section-about-order--inner .section-about-order--info {
    -moz-transform: translate(0, 100%);
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    margin: 0 auto;
    max-width: 780px; }
    @media (max-width: 767px) {
      #section-about-order .section-about-order--inner .section-about-order--info {
        -moz-transform: translate(0, 40%);
        -webkit-transform: translate(0, 40%);
        transform: translate(0, 40%);
        max-width: none;
        padding: 0 15px; } }
    #section-about-order .section-about-order--inner .section-about-order--info h3 {
      font-size: 50px;
      line-height: 70px;
      color: white;
      margin: 0 0 30px 0;
      font-weight: 300; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info h3 {
          font-size: 34px;
          line-height: 35px;
          margin: 0 0 20px 0; } }
    #section-about-order .section-about-order--inner .section-about-order--info h4 {
      font-size: 18px;
      line-height: 27px;
      font-family: 'Roboto', sans-serif;
      font-weight: 300;
      font-style: italic;
      color: white;
      margin: 0 0 30px 0; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info h4 {
          font-size: 16px;
          line-height: 25px;
          margin: 0 0 20px 0; } }
    #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child {
      color: #ffffff;
      background-color: #1A76D1;
      border-color: #1A76D1;
      font-size: 17px;
      padding: 16px 15px;
      min-width: 180px;
      border-radius: 4px;
      display: inline-block;
      margin: 0 10px; }
      #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child:hover {
        background: black; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:first-child {
          font-size: 14px;
          padding: 16px 4px;
          min-width: 145px; } }
    #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child {
      color: black;
      background-color: white;
      border-color: white;
      font-size: 17px;
      padding: 16px 15px;
      min-width: 180px;
      border-radius: 4px;
      display: inline-block;
      margin: 0 10px; }
      #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child:hover {
        background: black;
        color: white; }
      @media (max-width: 767px) {
        #section-about-order .section-about-order--inner .section-about-order--info .section-about-order--action a:last-child {
          font-size: 14px;
          padding: 16px 4px;
          min-width: 145px; } }

/* _______________ */
/* Template Collection */
#template-collection {
  padding: 100px 0 50px 0; }
  @media (max-width: 767px) {
    #template-collection {
      padding: 40px 0 20px 0; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(3n) ~ div {
    margin-top: 60px; }
  @media (max-width: 767px) {
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(3n) ~ div {
      margin-top: 00px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(2n) ~ div {
      margin-top: 30px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(odd) {
      padding-right: 7.5px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner > div:nth-child(even) {
      padding-left: 7.5px; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img {
    margin: 0 0 15px 0;
    position: relative;
    border: 1px solid #fbfbfb; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .product-sale {
      position: absolute;
      z-index: 8;
      top: 8px;
      left: 8px;
      padding: 0;
      background: #1A76D1;
      color: #fff;
      height: 36px;
      width: 36px;
      line-height: 34px;
      border-radius: 50%;
      font-size: 12px;
      text-align: center; }
      @media (max-width: 991px) {
        #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .product-sale {
          font-size: 10px;
          height: 30px;
          width: 30px;
          line-height: 28px; } }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .sold-out {
      position: absolute;
      z-index: 8;
      background: #575757;
      color: white;
      padding: 5px 15px;
      font-size: 16px;
      top: 0;
      right: 0; }
      @media (max-width: 991px) {
        #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-img .sold-out {
          padding: 3px 8px;
          font-size: 12px; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name {
    font-size: 16px;
    line-height: 25px;
    color: #5e514d;
    width: 100%;
    margin-bottom: 10px; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name a {
      color: #333333;
      font-weight: 400;
      overflow: hidden;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      display: -webkit-box; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .pro-name a:hover {
        color: #c4152b; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
    font-size: 16px;
    color: red;
    opacity: 0.92; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
    font-size: 13px;
    color: gray;
    margin-left: 6px; }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
    font-size: 14px;
    padding: 5px 18px;
    text-align: center;
    color: #1A76D1;
    background: #ffffff;
    border: 1px solid #1A76D1;
    font-weight: 400;
    display: inline-block;
    border-radius: 2px;
    -webkit-transition: 0.1s ease-in-out;
    transition: 0.1s ease-in-out; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
      border-color: #e7e7e7;
      background: #e7e7e7;
      color: gray;
      pointer-events: none; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
      text-decoration: none;
      background: #1A76D1;
      color: #fff; }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
      padding: 0 4px;
      color: #fff;
      position: relative;
      z-index: 1;
      display: inline-block;
      -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
      transform: translateY(-1px);
      -webkit-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      opacity: 0.7;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
        content: '';
        position: absolute;
        z-index: -1;
        background: #1A76D1;
        width: 100%;
        height: 2px;
        margin-top: -5px;
        -webkit-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
      background: #ffffff;
      -webkit-transform: translateY(-2.5px) rotate(-145deg);
      -ms-transform: translateY(-2.5px) rotate(-145deg);
      transform: translateY(-2.5px) rotate(-145deg); }
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
      background: #ffffff;
      -webkit-transform: translateY(2.5px) rotate(145deg);
      -ms-transform: translateY(2.5px) rotate(145deg);
      transform: translateY(2.5px) rotate(145deg); }
  @media (max-width: 575px) {
    #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
      display: none; } }
  #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-des {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #1b1f28;
    line-height: 24px;
    font-weight: 300;
    width: 100%;
    margin: 5px 0 0 0; }
    @media (max-width: 991px) {
      #template-collection .template-collection--inner #section-content-list .section-content-list--inner .product-block .product-detail .box-pro-detail .box-pro-des {
        display: none; } }

.collection-sidebar-left .sidebar-group {
  margin-bottom: 30px; }
  .collection-sidebar-left .sidebar-group.sidebar-group-linklist {
    display: none;
    border: 1px solid #e3e5ec;
    padding: 20px; }
    .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links {
      margin: 0;
      padding: 0; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li {
        position: relative; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li a {
        color: #333333;
        position: relative;
        font-size: 14px;
        display: block; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li a:hover {
        color: #c4152b; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li ul.submenu-links {
        display: none;
        padding: 8px 0; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li {
        border-bottom: 1px dashed #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li:last-child {
        border-bottom: none; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li > a {
        padding: 12px 0;
        font-weight: 500;
        font-size: 15px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu > a {
        padding-right: 30px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu span.icon-plus-submenu {
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 1px solid transparent; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:after, .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:before {
        background: rgba(9, 9, 9, 0.6);
        content: '';
        display: block;
        position: absolute;
        margin-right: 7px;
        top: 50%;
        right: 0;
        -moz-transition: all .25s linear;
        -o-transition: all .25s linear;
        -webkit-transition: all .25s linear;
        transition: all .25s linear; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:before {
        width: 9px;
        height: 1px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links .icon-plus-submenu:after {
        width: 1px;
        height: 9px;
        right: 4px;
        transform-origin: center;
        -moz-transform: translateY(-50%) scale(1, 1);
        -ms-transform: translateY(-50%) scale(1, 1);
        -webkit-transform: translateY(-50%) scale(1, 1);
        transform: translateY(-50%) scale(1, 1); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.opened > a .icon-plus-submenu:after {
        -moz-transform: translateY(-50%) scale(1, 0);
        -ms-transform: translateY(-50%) scale(1, 0);
        -webkit-transform: translateY(-50%) scale(1, 0);
        transform: translateY(-50%) scale(1, 0); }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links > li.has-submenu .icon-plus-submenu:hover {
        border: 1px solid #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links ul.submenu-links li a {
        padding: 8px 0 8px 0px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level0 > ul.submenu-links {
        border-top: 1px dashed #e7e7e7; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level0 > ul.submenu-links li a {
        padding-left: 12px; }
      .collection-sidebar-left .sidebar-group.sidebar-group-linklist .menuList-links li.has-submenu.level1 > ul.submenu-links li a {
        padding-left: 25px; }

@media (min-width: 768px) {
  .collection-sidebar-left .collection-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; }
  body.scroll-body.scroll-body-up .collection-sidebar-left .collection-sidebar-sticky {
    top: 90px; } }

/* _______________ */
/*--------------------------------------------------------------------
PRODUCT DETAIL 
--------------------------------------------------------------------*/
.product-detail-wrapper {
  padding: 80px 0; }

.product-detail-main {
  margin-bottom: 40px; }

.product-title {
  padding: 0 0 10px;
  border-bottom: 1px dotted #dfe0e1; }

.product-title h1 {
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 5px;
  line-height: initial; }

#pro_sku {
  font-size: 12px;
  color: #a3a5a7; }

.hook-reviews {
  border-bottom: 1px dotted #dfe0e1;
  padding-bottom: 15px; }

.hook-reviews .rating {
  line-height: 1;
  position: relative;
  white-space: nowrap;
  display: inline-block; }

.hook-reviews .rating .rating {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  line-height: 1; }

.hook-reviews .rating .icon {
  display: inline-block; }

.hook-reviews .rating .icon::before {
  color: #d5d5d5;
  content: "\f005";
  font-family: "Font Awesome 5 Pro",sans-serif;
  font-size: 13px;
  font-style: normal; }

.hook-reviews .rating .icon.star-full::before {
  color: #ffae00; }

.number-rating {
  padding-left: 5px;
  font-size: 13px; }

.product-price {
  padding: 10px 0;
  border-bottom: 1px dotted #dfe0e1;
  margin: 0 0 20px 0; }

.product-price span.pro-price {
  font-size: 18px;
  opacity: .92;
  font-weight: 500;
  color: #1A76D1; }

.product-price span.pro-sale {
  display: inline-block;
  padding: 5px 15px;
  margin-right: 10px;
  background: #ededed;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  color: #f94c43; }

.product-price del {
  font-size: 14px;
  color: #777a7b;
  padding-left: 10px;
  font-weight: 500; }

.selector-actions {
  width: 100%; }

.quantity-area {
  margin-bottom: 15px; }

.quantity-area input#quantity {
  background: #fff;
  font-weight: 500;
  height: 32px;
  padding: 0;
  text-align: center;
  width: 70px;
  border: 1px solid #f5f5f5;
  border-left: none;
  border-right: none;
  border-radius: 1px;
  float: left;
  -webkit-appearance: none; }

.quantity-area input.qty-btn {
  float: left;
  background: #f5f5f5;
  border: solid 1px #f5f5f5;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  outline: none;
  height: 32px;
  width: 32px;
  text-align: center;
  border-radius: 0; }

button.btn-addtocart {
  font-weight: 500;
  text-transform: uppercase;
  box-shadow: none;
  padding: 14px 35px;
  line-height: 22px;
  width: 100%;
  border-radius: 0;
  font-size: 16px; }

button.btn-addtocart[disabled] {
  opacity: 0.8; }

.product-description {
  margin: 20px 0; }

.product-description .title-bl h2,
.product-description h2,
.product-description h3 {
  font-size: 14px;
  font-weight: 500; }

.description-productdetail * {
  max-width: 100% !important; }

.description-productdetail ul {
  list-style: initial;
  padding-left: 20px; }

.description-productdetail ol {
  list-style-type: decimal;
  padding-left: 20px; }

.description-productdetail ul ul {
  list-style-type: circle; }

.description-productdetail ul ul ul {
  list-style-type: square; }

.description-productdetail ul li, .description-productdetail ol li {
  margin: 5px 0; }

.product-gallery__thumbs-container {
  width: 9%;
  margin-right: 10px; }

.product-gallery__thumbs {
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 1px;
  position: -webkit-sticky;
  position: sticky;
  top: 65px; }

.product-gallery__thumb a {
  background-color: #f3f3f3;
  display: block; }

.product-gallery__thumb {
  line-height: 0;
  margin-bottom: 10px;
  border: 1px solid #f7f7f8;
  width: 100%; }

.product-gallery__thumb:last-child {
  margin-bottom: 0; }

.product-gallery__thumb:hover {
  border-color: #a3a5a7; }

.product-gallery__thumb img {
  cursor: pointer;
  background-color: #f7f7f8;
  width: 100%; }

.product-gallery__thumb.active,
.product-gallery__thumb.active:hover {
  border-color: #808284; }

.product-gallery__thumb.active img {
  opacity: .9;
  width: 100%; }

.product-gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.product-image-detail {
  width: 91%;
  padding-left: 10px;
  position: relative; }

.product-gallery-item {
  text-align: center;
  margin-bottom: 10px; }

.product-full-img {
  text-align: center; }

.product-full-img .no_image {
  width: 50%; }

/* ________ */
@media (min-width: 992px) {
  .product-image__button {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 10; } }

.product-sharing, .product-zoom, .gallery-index {
  position: absolute;
  z-index: 6; }

.product-sharing {
  display: none;
  height: auto;
  width: 26px;
  left: 10%;
  bottom: 50px;
  cursor: pointer;
  padding-bottom: 30px;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.product-sharing .icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px; }

.product-sharing a {
  width: 26px;
  position: absolute;
  text-align: center;
  padding: 30px 0;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  -ms-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  transform: translateY(50%); }

.product-sharing a:nth-child(2) {
  bottom: 30px;
  -ms-transition: all 150ms linear;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear; }

.product-sharing a:nth-child(3) {
  bottom: 80px;
  -ms-transition: all 150ms linear 100ms;
  -webkit-transition: all 150ms linear 100ms;
  transition: all 150ms linear 100ms; }

.product-sharing a:nth-child(4) {
  bottom: 130px;
  -ms-transition: all 150ms linear 200ms;
  -webkit-transition: all 150ms linear 200ms;
  transition: all 150ms linear 200ms; }

.product-sharing a:nth-child(5) {
  bottom: 130px;
  -ms-transition: all 150ms linear 200ms;
  -webkit-transition: all 150ms linear 200ms;
  transition: all 150ms linear 200ms; }

.product-sharing a:nth-child(5) {
  bottom: 180px;
  -ms-transition: all 150ms linear 300ms;
  -webkit-transition: all 150ms linear 300ms;
  transition: all 150ms linear 300ms; }

.product-sharing:hover a {
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  visibility: visible; }

.product-sharing a svg {
  fill: #000;
  width: 24px;
  height: 24px; }

.product-sharing a:hover svg {
  fill: #65d1e6; }

.product-zoom {
  width: 30px;
  height: 30px;
  overflow: visible;
  cursor: pointer;
  top: auto;
  bottom: 48px;
  right: 0;
  left: 0;
  margin: auto;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94), right 300ms cubic-bezier(0.39, 0.575, 0.565, 1); }

.product-zoom polyline, .product-sharing .icon svg {
  fill: #000; }

.product-zoom polyline {
  -ms-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  transform-origin: center;
  -ms-transition: transform 150ms linear;
  -webkit-transition: transform 150ms linear;
  transition: transform 150ms linear; }

@media (min-width: 992px) {
  .product-zoom:hover polyline:nth-child(1) {
    -ms-transform: scale(0.9) translate3d(-2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, -2px, 0);
    transform: scale(0.9) translate3d(-2px, -2px, 0); }
  .product-zoom:hover polyline:nth-child(2) {
    -ms-transform: scale(0.9) translate3d(2px, -2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, -2px, 0);
    transform: scale(0.9) translate3d(2px, -2px, 0); }
  .product-zoom:hover polyline:nth-child(3) {
    -ms-transform: scale(0.9) translate3d(2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(2px, 2px, 0);
    transform: scale(0.9) translate3d(2px, 2px, 0); }
  .product-zoom:hover polyline:nth-child(4) {
    -ms-transform: scale(0.9) translate3d(-2px, 2px, 0);
    -webkit-transform: scale(0.9) translate3d(-2px, 2px, 0);
    transform: scale(0.9) translate3d(-2px, 2px, 0); }
  /**** PRODUCT DETAIL ****/
  .icon-pr-fix.out-with-you {
    opacity: 0; }
  .product-content-desc {
    position: -webkit-sticky;
    position: sticky;
    top: 65px; } }

.gallery-index {
  display: none;
  bottom: 55px;
  width: 47px;
  font-size: 13px;
  text-align: center;
  font-weight: 500;
  cursor: default;
  right: 10%;
  -ms-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.icon-pr-fix {
  -ms-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear; }

/* ------------------- Zoom product  ------------------------ */
#divzoom {
  position: fixed;
  display: none;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
  width: 100vw;
  background: #fff; }

#divzoom #closedivZoom {
  position: absolute;
  z-index: 1000;
  border: 2px solid #333;
  top: 15px;
  right: 20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent; }

#divzoom #closedivZoom i:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #333;
  left: 20%;
  top: calc(50% - 3px);
  z-index: 1001;
  display: block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

#divzoom #closedivZoom i:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #333;
  right: 30%;
  top: calc(50% - 3px);
  z-index: 1001;
  display: block;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

#divzoom #closedivZoom i {
  position: relative;
  width: 40px;
  height: 40px;
  display: block; }

.divzoom_main {
  height: calc(100vh - 40px); }

.divzoom_main .product-thumb {
  height: 100%;
  width: 100%; }

.divzoom_main .product-thumb img {
  max-height: 100%; }

body.open_layer {
  overflow: hidden; }

.list-productRelated h2 {
  text-transform: uppercase;
  margin: 10px 0 50px; }

.list-productRelated .pro-loop .product-img button {
  width: 70%; }

@media (min-width: 1024px) {
  .list-productRelated .pro-loop {
    width: 20%; } }

.list-productRelated .product-block .product-img {
  margin: 0 0 15px 0;
  position: relative;
  border: 1px solid #fbfbfb; }
  .list-productRelated .product-block .product-img .product-sale {
    position: absolute;
    z-index: 8;
    top: 8px;
    left: 8px;
    padding: 0;
    background: #1A76D1;
    color: #fff;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
    @media (max-width: 991px) {
      .list-productRelated .product-block .product-img .product-sale {
        font-size: 10px;
        height: 30px;
        width: 30px;
        line-height: 28px; } }
  .list-productRelated .product-block .product-img .sold-out {
    position: absolute;
    z-index: 8;
    background: #575757;
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    top: 0;
    right: 0; }
    @media (max-width: 991px) {
      .list-productRelated .product-block .product-img .sold-out {
        padding: 3px 8px;
        font-size: 12px; } }

.list-productRelated .product-block .product-detail .box-pro-detail .pro-name {
  font-size: 16px;
  line-height: 25px;
  color: #5e514d;
  width: 100%;
  margin-bottom: 10px; }
  .list-productRelated .product-block .product-detail .box-pro-detail .pro-name a {
    color: #333333;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
    .list-productRelated .product-block .product-detail .box-pro-detail .pro-name a:hover {
      color: #c4152b; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
  font-size: 16px;
  color: red;
  opacity: 0.92; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
  font-size: 13px;
  color: gray;
  margin-left: 6px; }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
  font-size: 14px;
  padding: 5px 18px;
  text-align: center;
  color: #1A76D1;
  background: #ffffff;
  border: 1px solid #1A76D1;
  font-weight: 400;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
    border-color: #e7e7e7;
    background: #e7e7e7;
    color: gray;
    pointer-events: none; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
    text-decoration: none;
    background: #1A76D1;
    color: #fff; }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
    padding: 0 4px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      content: '';
      position: absolute;
      z-index: -1;
      background: #1A76D1;
      width: 100%;
      height: 2px;
      margin-top: -5px;
      -webkit-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
    background: #ffffff;
    -webkit-transform: translateY(-2.5px) rotate(-145deg);
    -ms-transform: translateY(-2.5px) rotate(-145deg);
    transform: translateY(-2.5px) rotate(-145deg); }
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
    background: #ffffff;
    -webkit-transform: translateY(2.5px) rotate(145deg);
    -ms-transform: translateY(2.5px) rotate(145deg);
    transform: translateY(2.5px) rotate(145deg); }

@media (max-width: 575px) {
  .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
    display: none; } }

.list-productRelated .product-block .product-detail .box-pro-detail .box-pro-des {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #1b1f28;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  margin: 5px 0 0 0; }
  @media (max-width: 991px) {
    .list-productRelated .product-block .product-detail .box-pro-detail .box-pro-des {
      display: none; } }

.description-productdetail table {
  min-width: initial !important; }

/* STYLE PRODUCT PAGE */
.pr_style_02 .product-image-detail {
  width: 100%;
  padding-left: 0px;
  position: relative; }

.pr_style_02 .product-gallery-item {
  margin-bottom: 10px; }

@media (min-width: 992px) {
  .pr_style_02 .product-gallery-item {
    width: 50%;
    padding-right: 5px;
    float: left; }
  .pr_style_02 .product-gallery-item:nth-of-type(2n) {
    padding-left: 5px;
    padding-right: 0; }
  .pr_style_03 button.btn-addtocart {
    width: 60%; }
  .pr_style_02 .product-gallery-item:nth-of-type(2n+1) {
    clear: both; }
  .pr_style_03 .product-gallery__thumbs {
    position: initial;
    top: 0; }
  .pr_style_03 .product-content-img .product-gallery {
    position: -webkit-sticky;
    position: sticky;
    top: 85px; }
  .pr_style_03 .product-content-desc {
    position: initial;
    top: 0; }
  .pr_style_03 .product-gallery__thumbs-container {
    width: 12%; }
  .pr_style_03 .product-image-detail {
    width: 88%; } }

/*--------------------------------------------------------------------------------
BLOG - ARTICLE
--------------------------------------------------------------------------------*/
.wrapper-row.pd-page {
  padding: 40px 0; }
  @media (max-width: 767px) {
    .wrapper-row.pd-page {
      padding: 20px 0; } }

.list-article-content .news-content {
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden; }

.blog-posts .blog-loop {
  margin-bottom: 25px; }

.blog-posts .blog-loop:nth-of-type(3n+1) {
  clear: both; }

.blog-posts .blog-post .blog-post-thumbnail {
  display: block;
  overflow: hidden; }

.blog-posts .blog-post .blog-post-thumbnail img {
  -webkit-transition: all 1s ease-in-out 0s;
  -khtml-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.blog-posts .blog-post .blog-post-thumbnail:hover img {
  -webkit-transform: scale(1.2);
  -khtml-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

.blog-posts .blog-post .blog-post-title {
  margin-bottom: 10px;
  font-size: 16px;
  text-transform: none;
  letter-spacing: 0; }

.blog-posts .blog-post .blog-post-meta {
  margin-bottom: 15px;
  color: #999; }

.blog-posts .blog-post .blog-post-meta > span:after {
  content: '/';
  padding-left: 4px; }

.blog-posts .blog-post .blog-post-meta > span:last-child:after {
  content: ''; }

.blog-posts .blog-post .blog-post-meta a {
  color: #999; }

.blog-posts .blog-post .blog-post-meta a:hover {
  color: #000000; }

/* article */
.box-article-heading h1 {
  margin: 20px 0;
  font-size: 24px; }

.box-article-heading .header-page {
  z-index: 9; }

.box-article-heading .header-page:after {
  background: #000; }

ul.article-info-more {
  padding-left: 0; }

ul.article-info-more li {
  opacity: 0.85;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  font-weight: 500; }

ul.article-info-more li i {
  margin-right: 5px; }

.meta-tags .tags-title {
  font-weight: 500; }

.meta-tags a.tag {
  opacity: 0.8;
  font-style: italic;
  font-size: 14px; }

.meta-tags a.tag:after {
  content: ",";
  margin: 1px; }

.post-navigation {
  width: 100%;
  float: left;
  font-size: 16px;
  font-weight: 500; }

.post-navigation .right {
  float: right; }

.post-navigation .left {
  float: left; }

.article-pages, .meta-tags, .article-comment .comment_form, .post-navigation {
  margin-bottom: 40px; }

.article-pages * {
  max-width: 100% !important; }

.article-pages ul {
  list-style: initial;
  padding-left: 20px; }

.article-pages ol {
  list-style-type: decimal;
  padding-left: 20px; }

.article-pages ul ul {
  list-style-type: circle; }

.article-pages ul ul ul {
  list-style-type: square; }

.article-comment .title-bl h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 30px; }

.article-comment .title-bl h2:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.article-comment .comment_form .form-group input, .article-comment .comment_form .form-group textarea {
  box-shadow: none;
  background: #ededed;
  color: #333333;
  border: 0;
  border-radius: 0; }

.article-comment .comment_form .form-group input {
  padding: 0 20px;
  height: 55px; }

.article-comment .comment_form .form-group textarea {
  padding: 20px;
  resize: none; }

.article-comment .comment_form button.btn-rb {
  background: #1A76D1;
  border: 0;
  height: 55px;
  display: inline-block;
  padding: 0 30px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 13px; }

.article-comment .comment_form button.btn-rb:hover {
  background: #65d1e6; }

#article h3.author {
  font-size: 14px;
  font-style: normal;
  text-transform: capitalize; }

#article .comment-content .comment-user {
  padding: 20px 0px;
  border-bottom: 1px solid #dee2e6; }
  @media (max-width: 767px) {
    #article .comment-content .comment-user {
      padding: 15px 0; } }

#article .comment-content .comment-user:first-child {
  padding-top: 0; }

#binhluan .date {
  float: right;
  color: #333333;
  font-size: 12px; }

#binhluan .comment-user {
  padding: 25px 0;
  border-bottom: 1px solid #ededed; }

/*Sidebar Blog*/
.news-latest, .menu-blog {
  margin: 0 0 30px;
  position: relative;
  padding: 20px;
  border: 1px solid #e3e5ec; }
  .news-latest ul, .menu-blog ul {
    margin: 0;
    padding: 0; }
    .news-latest ul li, .menu-blog ul li {
      margin: 0 0 5px 0; }

.sidebarblog-title h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  text-align: center; }

.sidebarblog-title h2 span {
  display: none; }

.list-news-latest .item-article {
  border-bottom: 1px #efefef dotted;
  padding: 15px 0;
  margin: 0; }

.list-news-latest .item-article:last-child {
  border-bottom: none; }

.list-news-latest .item-article .post-image {
  width: 30%;
  float: left;
  position: relative; }

.list-news-latest .item-article .post-content {
  width: 70%;
  float: left;
  padding-left: 15px; }

.list-news-latest .item-article .post-content h3 {
  margin: 0 0 5px;
  font-size: 14px; }

.list-news-latest .item-article .post-content span.author {
  font-size: 12px; }

/*--------------------------------------------------------------------------------
ABOUT - CONTACT
--------------------------------------------------------------------------------*/
.heading-page h1 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px; }

.pageAbout-us.page-layout {
  padding: 40px 0 0; }
  @media (max-width: 767px) {
    .pageAbout-us.page-layout {
      padding: 20px 0 0; } }

.page-contact main {
  min-height: 85vh; }

.page-wrapper ul, .page-wrapper ol {
  margin-bottom: 15px;
  padding-left: 40px; }

.page-wrapper ul {
  list-style-type: initial; }

.header-page-contact h1 {
  font-size: 30px;
  font-weight: 500;
  margin: 0px 0; }

.header-page-contact:after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  margin-top: 30px;
  background: #252a2b;
  margin-bottom: 50px; }

.box-info-contact li {
  margin-bottom: 30px; }

.box-info-contact li p {
  margin-bottom: 0;
  color: #666;
  font-weight: 500; }

.box-info-contact li p strong {
  font-weight: 500;
  color: #333333; }

.box-send-contact h2 {
  font-weight: 500;
  font-size: 25px;
  margin: 40px 0 35px; }

.box-send-contact h2:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.contact-form .input-group {
  width: 100%;
  margin-bottom: 20px; }

.contact-form .input-group input,
.contact-form .input-group textarea {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 45px;
  font-weight: 500;
  padding: 0 20px;
  background: #fbfbfb;
  color: #333333;
  width: 100% !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none; }

.contact-form .input-group select {
  border: 1px solid #e7e7e7;
  box-shadow: none;
  height: 45px;
  font-weight: 500;
  padding: 0 20px;
  background: #fbfbfb;
  color: #333333;
  width: 100% !important; }

.contact-form .input-group textarea {
  width: 100%;
  height: 130px;
  padding: 20px 20px; }

.contact-form .input-group textarea:focus {
  outline: none; }

.box-send-contact button {
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  border-radius: 0;
  font-weight: 500;
  text-transform: uppercase; }

.wrapbox-content-page-contact {
  padding: 50px; }

.wrapbox-content-page {
  padding-bottom: 30px; }

.sidebar-page .group-menu {
  margin: 0 0 30px;
  position: relative;
  padding: 20px;
  border: 1px solid #e3e5ec; }
  .sidebar-page .group-menu ul {
    margin: 0;
    padding: 0; }
    .sidebar-page .group-menu ul li {
      margin: 0 0 5px 0; }

.sidebar-page .page_menu_title h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
  text-align: center; }

.sidebar-page .box_image {
  margin-bottom: 30px; }

.box_image .banner {
  position: relative;
  overflow: hidden; }

.box_image .banner img {
  width: 100%;
  -webkit-transition: all 1s ease-in-out 0s;
  -khtml-transition: all 1s ease-in-out 0s;
  -moz-transition: all 1s ease-in-out 0s;
  -ms-transition: all 1s ease-in-out 0s;
  -o-transition: all 1s ease-in-out 0s;
  transition: all 1s ease-in-out 0s;
  -webkit-transform: scale(1);
  -khtml-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.box_image .banner:hover img {
  -webkit-transform: scale(1.2);
  -khtml-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2); }

/* --------------------------------------------------------------------------------
CART PAGE
-------------------------------------------------------------------------------- */
.wrapper-cart-detail {
  padding: 35px 0 50px; }

.layoutPage-cart .heading-page {
  position: relative;
  text-align: center;
  padding: 0 0 30px 0; }

.layoutPage-cart .heading-page:after {
  content: "";
  background: #252a2b;
  display: block;
  width: 60px;
  height: 4px;
  margin: 25px auto 0; }

.layoutPage-cart .heading-page h1 {
  font-size: 30px;
  margin: 0 0 10px; }

.layoutPage-cart .heading-page .count-cart span {
  font-weight: 500; }

.layoutPage-cart .cart-empty {
  font-size: 20px;
  margin: 30px 0; }

table.table-cart {
  margin-bottom: 30px;
  border-bottom: 1px solid #ededed; }

table.table-cart thead {
  display: none; }

table.table-cart tr td {
  padding: 20px 0;
  border-top: 1px solid #ededed;
  vertical-align: top; }

table.table-cart tr:first-child td {
  border-top: 0; }

table.table-cart tr td.image {
  text-align: center;
  width: 110px; }

table.table-cart tr td.image img {
  max-width: 100px; }

table.table-cart tr td.item {
  padding-left: 15px; }

table.table-cart tr td.item h3 {
  margin: 0 0 5px;
  font-size: 16px;
  font-weight: 500;
  padding-right: 30px; }

table.table-cart tr td.item p {
  margin-bottom: 5px; }

table.table-cart tr td.item p .pri {
  font-weight: 500; }

table.table-cart tr td.item p del {
  font-size: 12px; }

table.table-cart tr td.item .price {
  margin: 0;
  float: right; }

table.table-cart tr td.item .price span.text {
  display: none; }

table.table-cart tr td.item .price span {
  font-size: 16px;
  padding-right: 0;
  font-weight: 500; }

table.table-cart tr td.item .variant {
  margin-bottom: 5px; }

table.table-cart tr td.remove {
  text-align: right; }

.qty-click input.item-quantity {
  font-weight: 500;
  font-size: 15px;
  height: 25px;
  padding: 0;
  text-align: center;
  width: 35px;
  background: #ededed;
  border: 1px solid #dadbdd;
  border-radius: 0;
  float: left;
  -webkit-appearance: none; }

.qty-click {
  float: left; }

.qty-click button.qty-btn {
  background: #fff;
  font-weight: 500;
  font-size: 14px;
  color: #abafb2;
  height: 25px;
  padding: 0;
  text-align: center;
  width: 25px;
  border: 1px solid #dadbdd;
  border-radius: 0;
  float: left;
  -webkit-appearance: none; }

.qty-click button.qtyplus.qty-btn {
  border-left: none; }

.qty-click button.qtyminus.qty-btn {
  border-right: none; }

.qty-click button.qty-btn:focus {
  outline: none; }

.checkout-note textarea {
  border-radius: 0;
  background: #ededed;
  color: #333333;
  font-size: 15px;
  padding: 20px 15px;
  outline: none;
  width: 100% !important;
  min-height: 130px;
  font-weight: 500;
  border: 1px solid transparent;
  transition: all 150ms linear;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none; }

.cart-buttons a, .cart-buttons .btn-checkout, .cart-buttons .btn-update {
  display: inline-block;
  vertical-align: top;
  padding: 19px 20px; }

.cart-buttons .link-continue {
  margin-left: 0; }

.link-continue {
  margin: 10px 0 0;
  text-align: center; }

.link-continue a {
  color: #1A76D1; }
  .link-continue a:hover {
    color: #c4152b; }

.link-continue a i {
  margin-right: 4px; }

.sidebox-order {
  background: #fff;
  padding: 15px;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid #e1e3e4;
  border-radius: 2px; }

.sidebox-order div[class^="sidebox-order_"] {
  margin-bottom: 15px; }

.sidebox-order div[class^="sidebox-order_"]:last-child {
  margin-bottom: 0px; }

.sidebox-order_title h3 {
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0; }

.sidebox-order_total {
  font-size: 16px;
  color: #5c5c5c;
  font-weight: 500;
  padding: 15px 0;
  border-top: 1px dotted #dfe0e1;
  border-bottom: 1px dotted #dfe0e1; }

.sidebox-order_total p {
  margin: 0; }

.sidebox-order_total p .total-price {
  float: right;
  color: #1A76D1;
  font-size: 24px; }

.sidebox-order_action .btncart-checkout {
  border-radius: 0;
  color: white;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  font-weight: 400;
  padding: 12px 20px;
  border-color: #1A76D1; }
  .sidebox-order_action .btncart-checkout:hover {
    color: white;
    border-color: #c4152b; }

.sidebox-group h4 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  color: #666666; }

.sidebox-policy ul li {
  display: block;
  line-height: 25px;
  position: relative;
  overflow: hidden; }

.sidebox-policy ul li:before {
  /*font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	content: "\f178";
	font-size: 10px;
	left: 0;
	opacity: 1;
	position: absolute;
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;*/ }

/*---------------------------------------------------------------------------------
PAGINATION - 404 - SEARCH PAGE 
-------------------------------------------------------------------------------- */
.breadcrumb-shop {
  background: #f5f5f5; }

.breadcrumb-shop .breadcrumb-arrows {
  padding: 10px 0;
  background: transparent;
  border-radius: 0;
  margin: 0; }

.breadcrumb-shop .breadcrumb > li + li:before {
  padding: 0 3px; }

.breadcrumb-shop .breadcrumb-arrows li {
  font-size: 13px; }

#pagination {
  margin: 30px 0 0 0; }

#pagination .page-node, #pagination .next, #pagination .prev {
  display: inline-block;
  margin: 30px 8px;
  font-size: 15px;
  font-weight: 500;
  opacity: 0.4; }

#pagination .next {
  margin-left: 30px; }

#pagination .prev {
  margin-right: 30px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

#pagination .page-node.current, #pagination .page-node:hover, #pagination .next:hover, #pagination .prev:hover {
  opacity: 1; }

.pageNot {
  min-height: 80vh; }

.content-pagenot h1 {
  font-weight: 500;
  font-size: 40px; }

.content-pagenot p.subtext {
  font-weight: 500;
  opacity: 0.66; }

.content-pagenot:after {
  content: "";
  display: block;
  background: #252a2b;
  width: 80px;
  height: 4px;
  margin: 50px auto 0; }

.content-pagenot a {
  font-weight: 500;
  font-size: 16px;
  margin: 30px 0 0;
  display: block; }

.searchPage .heading-page {
  position: relative;
  text-align: center;
  padding: 0 0 30px 0; }

.searchPage .heading-page:after {
  content: "";
  background: #252a2b;
  display: block;
  width: 60px;
  height: 4px;
  margin: 25px auto 0; }

.searchPage .heading-page h1 {
  font-size: 30px;
  margin: 0 0 10px; }

.wrapbox-content-search {
  padding-bottom: 30px; }

.searchPage .subtxt {
  opacity: .66;
  margin-top: 15px; }

.search-field {
  width: 60%;
  display: block;
  margin: auto; }

input#go {
  width: 55px;
  height: 55px;
  float: right;
  background: url(../images/iconsearch.png) #252a2b center no-repeat;
  margin: 0px;
  position: relative;
  top: 0;
  border-radius: 0;
  font-size: 0;
  border: 0; }

#search .search_box {
  width: calc(100% - 55px);
  outline: none;
  height: 55px;
  padding: 0 20px;
  background: #ededed;
  border: 0;
  box-shadow: none; }

.expanded-message .message-txt {
  width: 100%;
  padding-top: 25px;
  text-align: center; }

.expanded-message .message-txt p {
  margin: 0;
  font-size: 14px;
  font-weight: 400; }

.expanded-message h2 {
  font-weight: 500;
  font-size: 22px; }

.expanded-message .subtext {
  margin-bottom: 40px;
  display: block; }

.search-item {
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  float: left; }

.search-item .thumb-image {
  display: block;
  width: 80px;
  position: relative;
  overflow: hidden;
  float: left; }

.search-item .thumb-image img {
  vertical-align: middle;
  -webkit-transition: transform 250ms linear;
  -moz-transition: transform 250ms linear;
  -o-transition: transform 250ms linear;
  transition: transform 250ms linear; }

.search-item .thumb-image:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  transition: opacity 250ms linear;
  opacity: 0;
  content: ""; }

.search-item .content {
  float: left;
  padding-left: 35px;
  width: calc(100% - 80px); }

.search-item .content .title {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  display: block; }

.search-item .content .caption {
  opacity: .66;
  display: block;
  margin-top: 5px;
  font-size: 14px; }

.search-item .content .caption del {
  font-size: 13px;
  margin-left: 15px;
  opacity: 0.5; }

.subtext-result {
  margin-bottom: 30px; }

.search-item:hover .thumb-image:after {
  opacity: 1; }

/*--------------------------------------------------------------------------------
ACCOUNT
--------------------------------------------------------------------------------*/
.wrapbox-heading-account {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center; }

.wrapbox-heading-account .header-page {
  position: relative; }

.wrapbox-heading-account .header-page:after {
  content: "";
  background: #000;
  display: block;
  width: 60px;
  height: 4px;
  margin-top: 70px; }

.wrapbox-heading-account .header-page h1 {
  font-size: 54px;
  font-weight: 500;
  margin: 0px 0;
  line-height: initial; }

.wrapbox-heading-account .header-page p {
  font-size: 14px;
  opacity: .66;
  margin: 20px 0 0 0;
  position: relative; }

.wrapbox-heading-account .header-page p span {
  font-weight: 500; }

.userbox h2 {
  font-size: 20px;
  margin: 0 0 20px;
  font-weight: 500; }

.large_form {
  margin-bottom: 30px; }

.large_form.large_form-mr10 {
  margin-bottom: 10px; }

.icon-field {
  display: none; }

.userbox input[type=email], .userbox input[type=password], .userbox input[type=text] {
  width: 100%;
  height: 55px;
  border: 1px solid transparent;
  background: #ededed;
  color: #333333;
  padding: 0 20px;
  font-weight: 500;
  -webkit-appearance: none; }

.userbox input[type=email]:focus, .userbox input[type=password]:focus,
.userbox input[type=text]:focus {
  background: #fff;
  border-color: #ededed; }

.action_account_custommer .action_bottom, .action_account_custommer .req_pass {
  display: inline-block;
  vertical-align: middle; }

.action_account_custommer .req_pass {
  margin-left: 20px; }

.userbox .action_bottom {
  padding: 0; }

.userbox .action_bottom .btn {
  display: inline-block;
  border-radius: 0;
  padding: 0 30px;
  height: 55px;
  line-height: 55px;
  text-transform: uppercase;
  font-weight: 500; }

.req_pass {
  color: #959898;
  font-weight: 500; }

.come-back {
  margin-top: 35px;
  display: block;
  font-weight: 500; }

.come-back i {
  margin-right: 20px; }

.userbox .errors a {
  color: #1A76D1; }

@-moz-keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

@-webkit-keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

@keyframes ripple {
  5%, 100% {
    opacity: 0; }
  5% {
    opacity: 1; } }

#form-gender input[type="radio"] {
  display: none; }

#form-gender input[type="radio"] + label {
  position: relative;
  cursor: pointer;
  padding-left: 28px;
  margin: 0 20px 0 0; }

#form-gender input[type="radio"] + label:before, input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

#form-gender input[type="radio"] + label:before {
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background: #1A76D1;
  -moz-box-shadow: inset 0 0 0 18px #efefef;
  -webkit-box-shadow: inset 0 0 0 18px #efefef;
  box-shadow: inset 0 0 0 18px #efefef; }

#form-gender input[type="radio"] + label:after {
  top: 49%;
  left: 9px;
  width: 54px;
  height: 54px;
  opacity: 0;
  background: rgba(255, 255, 255, 0.3);
  -moz-transform: translate(-50%, -50%) scale(0);
  -ms-transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0); }

#form-gender input[type="radio"]:checked + label:before {
  -moz-box-shadow: inset 0 0 0 4px #efefef;
  -webkit-box-shadow: inset 0 0 0 4px #efefef;
  box-shadow: inset 0 0 0 4px #efefef; }

#form-gender input[type="radio"]:checked + label:after {
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -moz-animation: ripple 1s none;
  -webkit-animation: ripple 1s none;
  animation: ripple 1s none; }

/* --------------------- order ---- account -- address -----------------------  */
.layout-info-account {
  padding-bottom: 50px; }
  @media (max-width: 767px) {
    .layout-info-account {
      padding-bottom: 20px; } }
  .layout-info-account .content-page-order {
    width: 100%; }
    @media (max-width: 767px) {
      .layout-info-account .content-page-order {
        padding: 0 15px; } }
  @media (max-width: 767px) {
    .layout-info-account.detail-order {
      padding-bottom: 0px; } }

.title-infor-account {
  padding: 30px 15px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 60px; }

.title-infor-account h1 {
  font-size: 42px;
  font-weight: 500;
  margin: 0;
  text-align: center; }

.title-infor-account h1:after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  margin: 50px auto 0;
  background: #252a2b; }

.title-detail {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
  border-bottom: 1px solid #ededed;
  padding-bottom: 8px; }

.sb-title:after {
  content: "";
  display: block;
  margin-top: 25px;
  width: 30px;
  height: 3px;
  background: #252a2b; }

.name_account {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  margin: 10px 0 5px; }

#customer_sidebar p {
  margin-bottom: 0;
  font-size: 14px; }

.customer-table-wrap {
  background: #f7f7f7;
  padding: 10px; }

.customer-table-bg {
  background: #fff;
  padding: 10px; }

.customer-table-bg p {
  margin: 0; }

#customer_orders table thead th, #order_details tr th {
  font-weight: 500;
  font-size: 14px; }

#customer_orders table tr a {
  font-weight: 500;
  float: left;
  width: 85%;
  margin-left: 3px;
  line-height: 20px;
  opacity: 0.66; }

#customer_orders table, #order_details {
  width: 100%;
  background: #fff;
  margin-bottom: 0; }

#customer_orders table tr, #order_details tr {
  height: 25px;
  line-height: 30px; }

#customer_orders table tr.odd, #order_details tr {
  background: #fff; }

#customer_orders table tr td, #order_details tr td {
  vertical-align: middle;
  border-top: none;
  font-size: 14px; }

#order_details tr td {
  line-height: 21px; }

#order_details tr td a, #order_details b {
  font-weight: 500; }

#order_details tr td.total b {
  font-weight: 500; }

#order_details tr td.total, #order_details tr th.total {
  padding-right: 8px; }

#order_details tr.order_border {
  border-top: 1px solid #ededed; }

#order_details tr td.order-image {
  width: 70px; }

#order_details tr td.order-image a {
  display: block;
  width: 60px;
  border: 1px solid #f7f7f7; }

a#view_address {
  font-weight: 500;
  opacity: 0.8; }

#customer_orders, #order_payment, #order_shipping {
  margin-bottom: 30px;
  margin-top: 30px; }

@media (max-width: 767px) {
  #order_payment {
    margin-bottom: 0; }
  #order_shipping {
    margin-top: 0; }
    #order_shipping .address {
      margin: 0; } }

.customer-table-bg .table > tbody > tr > th {
  border-top: none; }

.detail-table-order {
  margin-top: 30px; }

.name-order {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase; }

.order_section_title {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 10px;
  padding: 10px 0px;
  position: relative;
  text-transform: uppercase; }

.order_date {
  font-weight: normal;
  font-size: 14px;
  text-transform: none; }

.text_status {
  font-weight: 500; }

.address p {
  margin-bottom: 5px; }

.account-order .address {
  margin: 0px 0px 30px;
  padding: 10px;
  background-color: #fbfbfb; }

span.variant_acc {
  font-size: 13px;
  opacity: 0.8; }

.alert-info {
  border-radius: 0;
  margin-bottom: 0; }

.address_title {
  margin-bottom: 0;
  font-size: 16px;
  padding: 10px 70px 10px 10px;
  background-color: #d9edf7;
  border-color: #bce8f1;
  position: relative; }

.address_table {
  margin-bottom: 10px;
  border-top: 0px solid #ddd;
  background: #fafafa;
  padding: 15px; }
  .address_table input[name="address[default]"] {
    margin: 0 10px 0 0; }

#add_address input[name="address[default]"] {
  margin: 0 10px 0 0; }

.address_title h3 {
  margin: 0;
  font-size: 14px; }

.account-address .note {
  border: none;
  padding: 0; }

p.address_actions.text-right {
  margin: 7px 5px 0px 0;
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0; }

.action_link a {
  text-transform: uppercase;
  font-size: 15px; }

span.action_link {
  padding: 5px; }

.view_address p > b {
  font-weight: 500;
  font-size: 14px; }

.view_address p {
  margin: 5px 0;
  line-height: 15px;
  font-size: 14px; }

.add-new-address {
  padding-bottom: 10px;
  display: inline-block;
  padding: 10px;
  background: #1A76D1;
  color: #fff !important;
  text-transform: uppercase; }

.add-new-address:focus {
  color: #fff; }

.account-address .input-group-addon {
  display: none; }

.input-group {
  margin: 15px 0px; }

.input-group .input-group-addon {
  padding: 6px 10px;
  border-radius: 0;
  color: #616161;
  background-color: #ebebeb;
  border-color: #ebebeb;
  width: 40px;
  text-align: center; }

.input-group .form-control {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #ebebeb; }

.icon-user:after {
  content: url(../images/userico.png); }

.icon-envelope:after {
  content: url(../images/email.png); }

.icon-shield:after {
  content: url(../images/pass.png); }

.layout-info-account .action_bottom .btn {
  height: 35px;
  line-height: 35px;
  outline: 0;
  margin-right: 5px;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0 30px;
  border: 0;
  background: #1A76D1;
  color: #fff;
  display: inline-block;
  border-radius: 0; }

.AccountTitle {
  text-transform: uppercase;
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative; }

.AccountList ul > li > a {
  display: block;
  position: relative;
  padding: 5px 0px; }

.AccountList ul > li > a:before {
  content: "\f192";
  font-family: "Font Awesome 5 Pro";
  font-size: 8px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: 2px; }

#order_cancelled {
  margin-bottom: 15px; }

#order_cancelled h5 {
  margin: 0; }

/*---------------------------------------------------------------------------------
RESPONSIVE
---------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
  /*index */
  .box-banner-inf {
    width: 80%;
    z-index: 4; }
  .list-slider-banner.owl-carousel .owl-nav .owl-next {
    right: 65px; }
  .list-slider-banner.owl-carousel .owl-nav .owl-prev {
    left: 65px; }
  /*account*/
  .wrapbox-content-account {
    padding: 100px 60px; }
  .wrapbox-heading-account .header-page {
    width: 80%; } }

@media (min-width: 992px) {
  .wrapbox-heading-account {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-right: 1px solid #ededed;
    height: 100vh;
    padding: 0; }
  .wrapbox-heading-account .header-page {
    padding-bottom: 70px; }
  .box-heading-contact {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    border-right: 1px solid #ededed;
    height: 100vh;
    padding: 0; }
  .box-map iframe {
    height: 100vh !important; }
  /**** INDEX ****/
  .wrap-pd-infor.box_stick {
    position: -webkit-sticky;
    position: sticky !important;
    max-height: 100vh;
    top: 0;
    border-right: 1px solid #ededed; }
  .wrap-pd-infor .inf-content {
    padding: 100px 15px;
    max-width: 80%;
    margin: auto; }
  /**** COLLECTION ****/
  .sidebar-fix {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    margin-top: 50px; }
  /**** PRODUCT DETAIL ****/
  .icon-pr-fix.out-with-you {
    opacity: 0; }
  .product-content-desc {
    position: -webkit-sticky;
    position: sticky;
    top: 65px; }
  /**** BLOG ****/
  .list-article-content .news-content {
    height: 50vh; }
  /**** FOOTER ****/
  .top-footer .area_newsletter {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0; }
  .top-footer .area_newsletter .title_newsletter {
    width: 32%;
    border-right: 1px solid #e7e7e7;
    margin-right: 20px;
    margin-bottom: 0; } }

@media (min-width: 1200px) {
  .wrapbox-content-account {
    padding: 100px; }
  .wrapbox-heading-account .header-page {
    width: 70%; }
  .block-banner-category img {
    -webkit-transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .block-banner-category:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .box-banner-inf {
    width: 80%;
    z-index: 4; }
  .top-footer .area_newsletter .title_newsletter {
    width: 26%; }
  .wrapbox-content-search {
    padding: 0 100px 30px; }
  #homepage_slider:not(.owl-loaded),
  .list-slider-banner.owl-carousel:not(.owl-loaded) {
    min-height: 300px;
    visibility: hidden; } }

@media (min-width: 768px) {
  table.table-cart tr td.remove {
    position: absolute;
    right: 15px; }
  .sidebarCart-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 70px; } }

@media (max-width: 991px) and (min-width: 768px) {
  .wrapbox-heading-account {
    height: 50vh;
    border-bottom: 1px solid #ededed; }
  .wrapbox-heading-account .header-page {
    width: 80%;
    text-align: center;
    padding-bottom: 50px; }
  .wrapbox-heading-account .header-page:after {
    margin: 50px auto 0; }
  .wrapbox-content-account {
    padding: 100px 80px; }
  #site-menu-handle {
    padding-right: 80px;
    display: inline-block !important; }
  span#site-menu-handle:after {
    font-size: 13px;
    display: inline-block;
    content: "Menu";
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0px;
    opacity: 0.6; }
  .box-heading-contact {
    height: 50vh;
    border-bottom: 1px solid #ededed; }
  .box-map iframe {
    height: 50vh !important; }
  /* INDEX */
  .wrap-pd-infor.box_stick {
    height: 50vh; }
  .box-banner-inf {
    width: 70%;
    z-index: 4;
    text-align: center; }
  .wrap-pd-infor .inf-content {
    padding: 100px 15px;
    max-width: 80%;
    margin: auto; }
  /* COLLECTION */
  .no-product {
    text-align: center; }
  /* PRODUCT DETAIL*/
  .icon-pr-fix {
    position: absolute;
    bottom: 25px; }
  .product-zoom.icon-pr-fix {
    right: 15px;
    left: initial;
    margin: 0; }
  .gallery-index.icon-pr-fix {
    display: none; }
  .divzoom_main .product-thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .box__product-gallery {
    height: 70vh;
    overflow: visible; }
  .slide_product {
    width: 100%;
    height: 100%; }
  .slide_product li.gallery-item {
    height: 100%;
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .box__product-gallery.scroll .site-box-content:after {
    content: 'flickity';
    display: none; }
  /* CART */
  .checkout-note textarea {
    margin-bottom: 20px; }
  .sidebox-order_title h3 {
    font-size: 18px; }
  .sidebox-order_total p .total-price {
    font-size: 20px; }
  .sidebox-order_text {
    font-size: 12px; }
  .sidebox-order_action .btncart-checkout {
    font-size: 8px 15px; }
  /* BLOGS */
  .list-article-content .news-content {
    height: 50vh; }
  /* Footer */
  footer.footer .col-lg:nth-of-type(2n+1) {
    clear: both; } }

@media (max-width: 991px) {
  .header-wrap-icon > span.icon-account,
  .header-wrap-icon > span.icon-search {
    display: none !important; }
  .block .title_block {
    position: relative;
    display: inline-block;
    margin: 0 0 5px; }
  .block .title_block span {
    display: block;
    top: 8px;
    right: 10px;
    position: absolute; }
  .block .block_content {
    display: none; }
  .filter-default {
    padding: 0 15px; }
  .product-image-detail {
    width: 100%;
    padding: 0; }
  .flickity-page-dots {
    bottom: -55px;
    z-index: 2; }
  .product-title h1 {
    font-size: 26px;
    margin-top: 65px; }
  .caption_banner {
    padding: 0 15px;
    bottom: 10px; }
  .caption_banner h3 {
    font-size: 18px; }
  /* collection */
  .wrap-collection-title .heading-collection {
    margin: 0; }
  .wrap-collection-title .heading-collection h1 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0; }
  .no-product {
    text-align: center; }
  .left-module {
    margin: 20px 0 0; }
  .wrapper-collection-1 .pro-loop:nth-child(odd),
  .wrapper-collection-2 .pro-loop:nth-child(odd),
  #collection-body .pro-loop:nth-child(odd) {
    padding-right: 7.5px; }
  .wrapper-collection-1 .pro-loop:nth-child(even),
  .wrapper-collection-2 .pro-loop:nth-child(even),
  #collection-body .pro-loop:nth-child(even) {
    padding-left: 7.5px; }
  /* Blog Article */
  .blog-loop:nth-of-type(2n+1) {
    clear: both; }
  .sidebar-blog .layered, .sidebar-page .layered {
    display: none; }
  .sidebarblog-title h2 span {
    display: inline-block;
    margin: 0 0 0 10px; }
  .main-body:not(.layoutProduct_scroll) #section-order-content .inner-section-order-content .page-orders .sticky-right.active {
    z-index: 99999; } }

@media (max-width: 767px) {
  .wrapbox-heading-account {
    padding: 30px 15px;
    border-bottom: 1px solid #ededed; }
  .wrapbox-heading-account .header-page {
    text-align: center; }
  .wrapbox-heading-account .header-page h1 {
    font-size: 34px; }
  .wrapbox-heading-account .header-page:after {
    margin: 20px auto 0; }
  .wrapbox-content-account {
    padding: 60px 15px; }
  .heading-page {
    position: relative;
    text-align: center;
    padding: 0 0 30px 0; }
  .heading-page:after {
    content: "";
    background: #252a2b;
    display: block;
    width: 60px;
    height: 4px;
    margin: 25px auto 0; }
  .heading-page h1 {
    font-size: 30px;
    margin: 0px 0; }
  .wrapbox-content-page-contact {
    padding: 40px 15px; }
  .breadcrumb-shop {
    background: #ffffff; }
  .breadcrumb-shop .breadcrumb-arrows {
    padding: 10px 0 5px; }
  /* index */
  .list-slider-banner.owl-carousel .owl-nav.disabled,
  .list-slider-banner.owl-carousel .owl-nav {
    display: none; }
  .list-slider-banner .caption_banner_slide {
    padding: 10px 15px; }
  .list-slider-banner .caption_banner_slide h3 {
    font-size: 16px; }
  .wrapper-heading-home h2 {
    font-size: 28px; }
  .wrap-collection-title h2, .wrap-collection-title .link-more {
    font-size: 24px; }
  .wrap-collection-title.image-resize {
    padding-top: 0px; }
  .wrapper-home-banner .home-banner-pd {
    padding: 0 5px;
    margin-bottom: 0px; }
  .box-banner-inf {
    width: 100%;
    padding: 50px 15px;
    z-index: 4;
    text-align: center; }
  .wrap-pd-infor.box_stick {
    height: 50vh; }
  .wrap-pd-infor .inf-content {
    padding: 50px 30px;
    max-width: 100%;
    margin: auto; }
  .box-banner-inf h2 {
    font-size: 40px; }
  .box-banner-inf a.button {
    margin-top: 33px; }
  #homepage_slider .owl-dots {
    bottom: 8px; }
  /* product detail*/
  .product-detail-wrapper {
    padding-top: 20px; }
  .product-image-detail {
    border-bottom: 1px solid #ededed; }
  .icon-pr-fix {
    position: absolute;
    bottom: 25px; }
  .product-sharing.icon-pr-fix {
    left: 15px; }
  .product-zoom.icon-pr-fix {
    right: 15px;
    left: initial;
    margin: 0; }
  .gallery-index.icon-pr-fix {
    display: none; }
  .divzoom_main .product-thumb {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .box__product-gallery {
    overflow: visible;
    min-height: 450px;
    display: flex;
    align-items: center; }
  .slide_product {
    width: 100%;
    height: 100%;
    transition: opacity 300ms linear, transform 300ms linear; }
  .box__product-gallery .flickity-enabled .flickity-viewport {
    transition: height 300ms linear; }
  .slide_product li.gallery-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .box__product-gallery.scroll .site-box-content:after {
    content: 'flickity';
    display: none; }
  .slide_product li.gallery-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover";
    pointer-events: none; }
  .product-image-detail .flickity-page-dots .dot {
    transition: all 300ms linear; }
  .slide_product .flickity-page-dots {
    bottom: -45px;
    z-index: 99; }
  .input-bottom {
    width: 54px;
    float: left;
    margin-right: 15px; }
  .input-bottom input {
    width: 54px;
    height: 45px;
    border: 1px solid #d1d1d1;
    text-align: center;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  .add-cart-bottom {
    font-weight: 500;
    height: 45px;
    width: calc(100% - 70px);
    border-radius: 0;
    float: left;
    text-transform: uppercase; }
  .list-productRelated .pro-loop-title .product-resize,
  .list-productRelated .pro-loop-title .wrap-collection-title.image-resize {
    height: initial !important; }
  .list-productRelated .wrap-collection-title.image-resize {
    padding-bottom: 45px; }
  .list-productRelated .wrap-collection-title .block-pding:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    margin: 30px auto auto;
    background: #252a2b; }
  .list-productRelated .pro-loop:nth-child(odd) {
    padding-right: 7.5px; }
  .list-productRelated .pro-loop:nth-child(even) {
    padding-left: 7.5px; }
  .product-action-bottom {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #fff;
    display: block;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 8px 10px;
    -webkit-transition: padding .3s ease;
    transition: padding .3s ease; }
  .layoutProduct_scroll.scroll-down .product-action-bottom {
    padding-bottom: 60px; }
  .layoutProduct_scroll.scroll-down #section-order-content .inner-section-order-content .page-orders .sticky-right {
    bottom: 44px; }
  /******* blog -article *******/
  .list-article-content .news-content {
    min-height: 250px;
    height: 50vh; }
  .article-body h2.title-article {
    font-size: 24px; }
  .sidebarblog-title h2 {
    text-align: center;
    margin-bottom: 10px; }
  .blog-posts .blog-post .blog-post-thumbnail {
    margin-bottom: 20px; }
  /******* ABOUT-CONTACT *******/
  .box-heading-contact {
    padding: 0; }
  .header-page-contact h1 {
    font-size: 35px; }
  .box-send-contact h2 {
    font-size: 20px; }
  .box-map iframe {
    height: 50vh !important; }
  /* CART PAGE */
  .layoutPage-cart .heading-page h1 {
    font-size: 25px;
    margin: 0 0 10px; }
  table.table-cart {
    margin-bottom: 25px;
    border: 0; }
  table.table-cart thead tr {
    display: none; }
  table.table-cart tr td {
    border: 0;
    padding: 0 5px; }
  table.table-cart tbody > tr {
    background: #ffffff;
    padding: 20px 0;
    display: block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
    margin-bottom: 10px; }
  table.table-cart tr td.image {
    width: 80px;
    float: left; }
  table.table-cart tr td.image img {
    max-width: 70px;
    background: #fff; }
  table.table-cart tr td.item {
    width: calc(100% - 80px);
    float: left;
    padding-left: 5px; }
  table.table-cart tr td.item h3 {
    margin: 0 0 5px;
    display: block;
    padding-right: 20px; }
  table.table-cart tr td.qty {
    padding: 0px;
    float: right;
    margin-right: 8px;
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 35%; }
  table.table-cart tr td.item .price {
    width: 100%;
    float: left;
    text-align: left;
    margin: 15px 0; }
  table.table-cart tr td.item .price del {
    margin-top: 2px; }
  table.table-cart tr td.item .price span.text {
    display: inline-block;
    font-size: 12px; }
  table.table-cart tr td.remove a {
    position: absolute;
    top: 22px;
    right: 0; }
  table.table-cart tr:last-child td {
    border: none; }
  .checkout-note textarea {
    margin-bottom: 20px; }
  .cart-buttons .btn-checkout, .cart-buttons a, .cart-buttons .btn-update {
    font-size: 10px;
    margin: 0;
    padding: 15px 8px; }
  /* SEARCH ++	ACCOUNT */
  .search-field {
    width: 100%; }
  .title-infor-account h1 {
    font-size: 30px; }
  .title-infor-account h1:after {
    margin-top: 32px; }
  .AccountSidebar {
    margin-bottom: 40px; }
  .table-responsive {
    padding: 0 8px 10px; }
  /* footer*/
  .main-footer {
    padding: 20px 0; }
  .footer .collapse {
    display: none;
    visibility: hidden; }
  .footer .collapse.in {
    display: block;
    visibility: visible; }
  .main-footer .footer-content {
    display: none; }
  .main-footer .footer-col {
    border-bottom: 1px solid #efefef;
    margin-bottom: 0; }
  .main-footer .footer-title {
    line-height: 20px;
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0px;
    padding: 10px 0; }
  .main-footer h4.footer-title:before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
    position: absolute;
    top: 0px;
    right: 5px;
    text-align: center;
    line-height: 36px; }
  .main-footer h4.footer-title.active:before {
    content: "\f106"; }
  .main-footer .col-lg:last-child .footer-col {
    border-bottom: none; }
  .breadcrumb-shop .breadcrumb-arrows li {
    font-size: 10px; }
  .list-productRelated .content-product-list > div:nth-child(2n) ~ div {
    margin-top: 30px; } }

@media (min-width: 768px) {
  .list-productRelated .content-product-list > div:nth-child(4n) ~ div {
    margin-top: 30px; } }

.slide_product {
  padding: 0;
  margin: 0; }

/* ---------------------------  MENU CATEGORY  --------------------------- */
.tree-menu li a {
  padding: 5px 5px 5px 0;
  color: #666;
  line-height: 26px;
  font-size: 12px; }

.tree-menu > li > a {
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 1px; }

.tree-menu li.has-child ul {
  display: none; }

.tree-menu li.has-child:first-child ul {
  display: block; }

.tree-menu li.has-child > ul {
  padding-left: 15px; }

.tree-menu li a .icon-control {
  font-size: 8px;
  position: relative;
  top: -2px; }

/* Search */
#layout-search .pd-page {
  padding-top: 30px; }

#layout-search .content-product-list .product-block .product-img {
  margin: 0 0 15px 0;
  position: relative;
  border: 1px solid #fbfbfb; }
  #layout-search .content-product-list .product-block .product-img .product-sale {
    position: absolute;
    z-index: 8;
    top: 8px;
    left: 8px;
    padding: 0;
    background: #1A76D1;
    color: #fff;
    height: 36px;
    width: 36px;
    line-height: 34px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center; }
    @media (max-width: 991px) {
      #layout-search .content-product-list .product-block .product-img .product-sale {
        font-size: 10px;
        height: 30px;
        width: 30px;
        line-height: 28px; } }
  #layout-search .content-product-list .product-block .product-img .sold-out {
    position: absolute;
    z-index: 8;
    background: #575757;
    color: white;
    padding: 5px 15px;
    font-size: 16px;
    top: 0;
    right: 0; }
    @media (max-width: 991px) {
      #layout-search .content-product-list .product-block .product-img .sold-out {
        padding: 3px 8px;
        font-size: 12px; } }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name {
  font-size: 16px;
  line-height: 25px;
  color: #5e514d;
  width: 100%;
  margin-bottom: 10px; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name a {
    color: #333333;
    font-weight: 400;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .pro-name a:hover {
      color: #c4152b; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price span {
  font-size: 16px;
  color: red;
  opacity: 0.92; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-price del {
  font-size: 13px;
  color: gray;
  margin-left: 6px; }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a {
  font-size: 14px;
  padding: 5px 18px;
  text-align: center;
  color: #1A76D1;
  background: #ffffff;
  border: 1px solid #1A76D1;
  font-weight: 400;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a.disabled {
    border-color: #e7e7e7;
    background: #e7e7e7;
    color: gray;
    pointer-events: none; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:focus {
    text-decoration: none;
    background: #1A76D1;
    color: #fff; }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon {
    padding: 0 4px;
    color: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    opacity: 0.7;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      content: '';
      position: absolute;
      z-index: -1;
      background: #1A76D1;
      width: 100%;
      height: 2px;
      margin-top: -5px;
      -webkit-transition: all 0.1s ease-in;
      transition: all 0.1s ease-in;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::after {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a .plus_icon::before {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::before {
    background: #ffffff;
    -webkit-transform: translateY(-2.5px) rotate(-145deg);
    -ms-transform: translateY(-2.5px) rotate(-145deg);
    transform: translateY(-2.5px) rotate(-145deg); }
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after, #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button a:hover .plus_icon::after {
    background: #ffffff;
    -webkit-transform: translateY(2.5px) rotate(145deg);
    -ms-transform: translateY(2.5px) rotate(145deg);
    transform: translateY(2.5px) rotate(145deg); }

@media (max-width: 575px) {
  #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-prices .pro-button {
    display: none; } }

#layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-des {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #1b1f28;
  line-height: 24px;
  font-weight: 300;
  width: 100%;
  margin: 5px 0 0 0; }
  @media (max-width: 991px) {
    #layout-search .content-product-list .product-block .product-detail .box-pro-detail .box-pro-des {
      display: none; } }

#layout-search .content-product-list .search-list-results > div:nth-child(3n) ~ div {
  margin-top: 30px; }

@media (max-width: 767px) {
  #layout-search .content-product-list .search-list-results > div:nth-child(3n) ~ div {
    margin-top: 0px; }
  #layout-search .content-product-list .search-list-results > div:nth-child(2n) ~ div {
    margin-top: 30px; } }

/* _________ */
@media (min-width: 1200px) {
  .modal-lg {
    width: 1100px; } }

/*--------------------------------------------------------------------------------
ADDTHIS ** SHARING
--------------------------------------------------------------------------------*/
.fb_dialog_advanced.fb_customer_chat_bubble_animated_no_badge {
  right: 12px !important; }

.addThis_listSharing {
  position: fixed;
  bottom: 85px;
  z-index: 999;
  right: -15px;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease; }
  .addThis_listSharing.is-show {
    right: 0;
    opacity: 1;
    visibility: visible; }
  .addThis_listSharing .addThis_item {
    margin-bottom: 10px;
    margin-right: 24px; }
    .addThis_listSharing .addThis_item .addThis_item--icon {
      position: relative;
      display: inline-block;
      text-align: center;
      width: 44px;
      height: 44px;
      line-height: 44px;
      color: #fff;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11);
      background-size: auto;
      background-repeat: no-repeat;
      background-position: center; }
      .addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text {
        position: absolute;
        top: 4px;
        right: 55px;
        z-index: 9;
        height: 32px;
        line-height: 26px;
        padding: 3px 10px;
        width: auto;
        border-radius: 5px;
        font-size: 11px;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background-color: black;
        visibility: hidden;
        opacity: 0;
        -ms-transition: all 200ms linear;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear; }
        .addThis_listSharing .addThis_item .addThis_item--icon .tooltip-text:after {
          content: "";
          width: 0;
          height: 0;
          border-width: 5px;
          border-style: solid;
          border-color: transparent transparent transparent black;
          position: absolute;
          left: 100%;
          top: 0;
          bottom: 0;
          margin: auto;
          -ms-transition: all 200ms linear;
          -webkit-transition: all 200ms linear;
          transition: all 200ms linear; }
      .addThis_listSharing .addThis_item .addThis_item--icon:hover {
        text-decoration: none;
        opacity: .9;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15), 0 4px 15px rgba(0, 0, 0, 0.13); }
      .addThis_listSharing .addThis_item .addThis_item--icon:hover .tooltip-text {
        visibility: visible;
        opacity: 1; }

.actionToolbar_mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 999;
  height: 45px;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  background: #fff;
  padding: 5px 10px; }
  .actionToolbar_mobile ul.actionToolbar_listing li {
    width: 20%; }
    .actionToolbar_mobile ul.actionToolbar_listing li a {
      display: block;
      color: #696969;
      font-size: 12px;
      text-align: center;
      position: relative; }
      .actionToolbar_mobile ul.actionToolbar_listing li a svg {
        fill: #696969;
        width: 35px;
        height: 35px; }
    .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a .messenger_absolute {
      margin-top: -25px; }
    .actionToolbar_mobile ul.actionToolbar_listing li.actionToolbar_chatbot a svg {
      width: 44px;
      height: 44px; }

@media (max-width: 767px) {
  .mainfooter-toolbar, .mainfooter-order {
    padding-bottom: 45px; }
  .mainfooter-product {
    padding-bottom: 60px; }
  .layoutProduct_scroll.scroll-down .actionToolbar_product, .layoutProduct_scroll.scroll-down .actionToolbar_order {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  .actionToolbar_product, .actionToolbar_order {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; } }

/* - Harafunnel mobile */
.harafunnel-mb {
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 9999;
  width: 65px;
  height: 65px;
  padding: 8px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 150ms linear; }
  .harafunnel-mb:hover {
    box-shadow: 0 5px 24px rgba(0, 0, 0, 0.3); }
  .harafunnel-mb a {
    display: block; }
    .harafunnel-mb a svg {
      width: 100%;
      height: 100%; }

/* - Modal contact form */
.modal-addThis {
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }
  .modal-addThis.fade .modal-dialog {
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s; }
  .modal-addThis.fade.show .modal-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.modal-contactform .modal-header h4.modal-title {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  width: 100%; }

.modal-contactform .modal-header button.close {
  font-size: 30px;
  padding: 15px; }

.modal-contactform .modal-body.body-popupform .form-control {
  background: #fbfbfb;
  border-radius: 0; }
  .modal-contactform .modal-body.body-popupform .form-control:focus {
    background: #fff; }

@media (min-width: 768px) {
  .modal-contactform .modal-dialog {
    max-width: 605px; } }

/* modal-succes */
.modal-succesform .modal-body .modal-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: #333333; }

.modal-succesform .modal-body p:not(.modal-title) {
  font-size: 15px;
  margin: 10px 0 5px; }

.modal-succesform .modal-body p.txtloading {
  color: #aaa;
  font-size: 14px; }

@media (min-width: 768px) {
  .modal-succesform .modal-dialog {
    max-width: 450px; } }

@keyframes rotatePlaceholder {
  0% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  5% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  12% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); }
  100% {
    -webkit-transform: rotate(-405deg);
    -moz-transform: rotate(-405deg);
    -o-transform: rotate(-405deg);
    transform: rotate(-405deg); } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

.modal-icon.sweet-alert {
  padding-top: 15px; }

.animateSuccessTip {
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  animation: rotatePlaceholder 4.25s ease-in; }

.sweet-alert .sa-icon.sa-success {
  width: 80px;
  height: 80px;
  border: 4px solid #4cae4c;
  border-radius: 50%;
  margin: 20px auto 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  -moz-transform-origin: 0px 60px;
  -o-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: #fff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

/* - Modal popup contact form */
.modal-popupContact {
  color: #333;
  background: rgba(3, 17, 27, 0.7);
  -webkit-transition: opacity .35s linear;
  -o-transition: opacity .35s linear;
  transition: opacity .35s linear; }

.modal-popupContact .close-popup-contact {
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2;
  border-radius: 50%;
  opacity: 1;
  text-align: center;
  outline: none; }

.modal-popupContact .close-popup-contact svg {
  display: block;
  margin: auto;
  height: 30px;
  width: 14px;
  text-align: center;
  fill: #f3f3f3; }

.modal-popupContact .close-popup-contact:hover {
  background-color: rgba(0, 0, 0, 0.6); }

.modal-popupContact.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0); }

.modal-popupContact.fade .modal-dialog-centered {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  -ms-transition: all .2s;
  transition: all .2s; }

.modal-popupContact.fade.show .modal-dialog-centered {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.modal-popupContact.popupBanner .modal-content {
  background-color: transparent;
  width: auto;
  margin-left: auto;
  margin-right: auto; }

.modal-popupContact.popupForm .modal-content {
  position: relative;
  overflow: hidden;
  padding: 0;
  display: unset;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #e6e6e6; }

.modal-popupContact.popupForm .modal-content.lazyloaded {
  background-image: url(../images/popup_contact_bkg.jpg); }

.modal-popupContact.popupForm .modal-content:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f3f3f3;
  opacity: 0.75;
  width: 58%; }

.modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
  position: relative;
  padding: 50px 25px;
  float: right;
  width: 58%; }

.title-popup-contact {
  font-size: 24px;
  margin: 0px 0px 10px;
  font-weight: 500; }

.message-popup-contact {
  margin-bottom: 25px; }

.title-adv-popup-contact {
  font-size: 14px;
  margin-bottom: 5px; }

.list-adv-popup-contact li {
  list-style-type: disc;
  margin-left: 25px;
  font-size: 14px; }

.popup-form-customer .input-group {
  width: 100%;
  display: block;
  margin-bottom: 0; }

.popup-form-customer .input-group input {
  width: 100%;
  margin-bottom: 15px;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px;
  background: #fff;
  border: 1px solid #e7e7e7;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.popup-form-customer button.input-group-addon {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 0;
  height: 45px;
  padding: 10px 20px;
  line-height: 25px; }

.popup-form-customer .input-group .input-group-addon {
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  border-color: #1A76D1; }

.popup-form-customer .input-group .input-group-addon:hover,
.popup-form-customer .input-group .input-group-addon:focus {
  background-color: #fff;
  border-color: #1A76D1;
  color: #1A76D1; }

.popup-form-customer .succes-popup {
  font-size: 13px;
  min-height: 25px;
  visibility: hidden;
  margin: 0;
  text-align: center; }

.popup-form-customer .succes-popup.error {
  visibility: visible;
  color: red; }

.popup-form-customer .succes-popup.success {
  visibility: visible;
  color: #27a208; }

@media (min-width: 768px) {
  .modal-popupContact .modal-dialog-centered {
    max-width: 650px; } }

@media (max-width: 767px) {
  .modal-popupContact.popupForm .modal-content:before,
  .modal-popupContact.popupForm .modal-content .modal-wrapper-contact {
    width: 100%; } }

/** home slider**/
.hrv-banner-container {
  overflow: hidden; }

.hrv-banner-container ul {
  padding: 0px; }

.hrv-banner-container .hrv-banner-content {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  margin-top: -93px; }

.hrv-banner-caption {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none; }

.hrv-banner-caption .container {
  height: 100%; }

.hrv-caption-inner {
  position: relative;
  height: 100%; }

.hrv-banner-container:hover .owl-buttons div.owl-prev {
  left: 10px;
  opacity: 1; }

.hrv-banner-container:hover .owl-buttons div.owl-next {
  right: 10px;
  opacity: 1; }

.hrv-banner-container .owl-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2%; }

.hrv-banner-container .owl-page span {
  display: block;
  width: 13px;
  height: 13px;
  margin: 5px;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #fff; }

.hrv-banner-container .owl-page.active span {
  background: #f4a137; }

.hrv-banner-container .owl-controls {
  text-align: center; }

.hrv-banner-container .owl-controls .owl-page {
  display: inline-block;
  zoom: 1; }

.hrv-banner-container .owl-controls .owl-buttons div {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 26px;
  color: #000000;
  background-color: transparent;
  text-align: center;
  font-size: 0;
  position: absolute;
  z-index: 9;
  cursor: pointer;
  top: 50%;
  margin-top: -23px;
  opacity: 0;
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in; }

.hrv-banner-container .owl-controls .owl-buttons div:hover {
  border-color: #000000; }

.hrv-banner-container .owl-controls .owl-buttons div:hover:before {
  color: #000000; }

.hrv-banner-container .owl-controls .owl-buttons div:before {
  font-size: 50px;
  font-family: FontAwesome;
  display: block;
  line-height: 36px;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out; }

.hrv-banner-container .hrv-title1 {
  font-size: 30px;
  color: #000000;
  line-height: 1.5; }

.hrv-banner-container .hrv-title2 {
  position: relative;
  margin-left: 12px;
  margin-bottom: 15px;
  font-weight: bold;
  font-size: 70px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #000000; }

.hrv-banner-container .hrv-banner-content .hrv-url {
  position: relative;
  font-size: 15px;
  line-height: 1.6;
  padding: 0 15px;
  text-transform: uppercase;
  border: 1px solid white;
  display: inline-block;
  margin-top: 15px;
  border-color: #000000;
  background: #000000;
  color: #ffffff; }

.hrv-banner-container .hrv-banner-content .hrv-url:hover {
  color: #fff;
  border-color: #f4a137;
  background: #f4a137; }

#hrv-banner-caption1 .hrv-banner-content {
  text-align: center; }

#hrv-banner-caption1 .hrv-title1 {
  -webkit-animation: fade 1000ms ease-in-out;
  -moz-animation: fade 1000ms ease-in-out;
  -ms-animation: fade 1000ms ease-in-out;
  animation: fade 1000ms ease-in-out; }

#hrv-banner-caption1 .hrv-title2 {
  -webkit-animation: fade 2000ms ease-in-out;
  -moz-animation: fade 2000ms ease-in-out;
  -ms-animation: fade 2000ms ease-in-out;
  animation: fade 2000ms ease-in-out; }

#hrv-banner-caption1 .hrv-banner-content .hrv-url {
  -webkit-animation: fade 3000ms ease-in-out;
  -moz-animation: fade 3000ms ease-in-out;
  -ms-animation: fade 3000ms ease-in-out;
  animation: fade 3000ms ease-in-out; }

#hrv-banner-caption2 .hrv-banner-content {
  text-align: center; }

#hrv-banner-caption2 .hrv-title1 {
  -webkit-animation: fade 1000ms ease-in-out;
  -moz-animation: fade 1000ms ease-in-out;
  -ms-animation: fade 1000ms ease-in-out;
  animation: fade 1000ms ease-in-out; }

#hrv-banner-caption2 .hrv-title2 {
  -webkit-animation: fade 2000ms ease-in-out;
  -moz-animation: fade 2000ms ease-in-out;
  -ms-animation: fade 2000ms ease-in-out;
  animation: fade 2000ms ease-in-out; }

#hrv-banner-caption2 .hrv-banner-content .hrv-url {
  -webkit-animation: fade 3000ms ease-in-out;
  -moz-animation: fade 3000ms ease-in-out;
  -ms-animation: fade 3000ms ease-in-out;
  animation: fade 3000ms ease-in-out; }

#hrv-banner-caption3 .hrv-banner-content {
  text-align: center; }

#hrv-banner-caption3 .hrv-title1 {
  -webkit-animation: fade 1000ms ease-in-out;
  -moz-animation: fade 1000ms ease-in-out;
  -ms-animation: fade 1000ms ease-in-out;
  animation: fade 1000ms ease-in-out; }

#hrv-banner-caption3 .hrv-title2 {
  -webkit-animation: fade 2000ms ease-in-out;
  -moz-animation: fade 2000ms ease-in-out;
  -ms-animation: fade 2000ms ease-in-out;
  animation: fade 2000ms ease-in-out; }

#hrv-banner-caption3 .hrv-banner-content .hrv-url {
  -webkit-animation: fade 3000ms ease-in-out;
  -moz-animation: fade 3000ms ease-in-out;
  -ms-animation: fade 3000ms ease-in-out;
  animation: fade 3000ms ease-in-out; }

#hrv-banner-caption4 .hrv-banner-content {
  text-align: center; }

#hrv-banner-caption4 .hrv-title1 {
  -webkit-animation: fade 1000ms ease-in-out;
  -moz-animation: fade 1000ms ease-in-out;
  -ms-animation: fade 1000ms ease-in-out;
  animation: fade 1000ms ease-in-out; }

#hrv-banner-caption4 .hrv-title2 {
  -webkit-animation: fade 2000ms ease-in-out;
  -moz-animation: fade 2000ms ease-in-out;
  -ms-animation: fade 2000ms ease-in-out;
  animation: fade 2000ms ease-in-out; }

#hrv-banner-caption4 .hrv-banner-content .hrv-url {
  -webkit-animation: fade 3000ms ease-in-out;
  -moz-animation: fade 3000ms ease-in-out;
  -ms-animation: fade 3000ms ease-in-out;
  animation: fade 3000ms ease-in-out; }

@media only screen and (max-width: 991px) {
  .hrv-banner-container .owl-pagination {
    display: none; } }

@media only screen and (max-width: 767px) {
  .hrv-banner-container .hrv-banner-content {
    margin-top: -60px; }
  .hrv-banner-container .hrv-title1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 15px; }
  .hrv-banner-container .hrv-title2 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
    letter-spacing: 2px; }
  .hrv-banner-container .hrv-banner-content .hrv-url {
    font-size: 14px;
    margin-top: 5px; } }

@media only screen and (max-width: 568px) {
  .hrv-banner-container .hrv-banner-content {
    margin-top: -60px; }
  .hrv-banner-container .hrv-title1 {
    font-size: 20px;
    line-height: 25px; }
  .hrv-banner-container .hrv-title2 {
    letter-spacing: 5px; }
  .hrv-banner-container .hrv-banner-content .hrv-url {
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    margin-top: 10px; }
  .hrv-banner-container .owl-controls .owl-buttons {
    display: none; } }

@media only screen and (max-width: 480px) {
  .hrv-banner-container .hrv-banner-content {
    margin-top: -50px; }
  .hrv-banner-container .hrv-title1 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px; }
  .hrv-banner-container .hrv-title2 {
    letter-spacing: 0;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 25px;
    letter-spacing: 2px; }
  .hrv-banner-container .hrv-banner-content .hrv-url {
    font-size: 10px;
    line-height: 18px;
    padding: 0 10px;
    margin-top: 5px; }
  .logo.logo-mobile {
    width: calc(100% - 70px) !important; }
  .main-header .breadcrumb {
    font-size: 10px !important;
    line-height: 20px !important; } }

@media only screen and (max-width: 375px) {
  .hrv-banner-container .hrv-banner-content {
    margin-top: -35px; }
  .hrv-banner-container .hrv-title1 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px; }
  .hrv-banner-container .hrv-title2 {
    letter-spacing: 0;
    margin-bottom: 5px;
    line-height: 25px;
    font-size: 20px;
    letter-spacing: 2px; } }

.hrv-banner-container .owl-page span {
  display: block;
  width: 13px;
  height: 13px;
  margin: 5px;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #fff;
  width: 12px !important;
  height: 12px !important;
  background: none !important;
  border: 2px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 50%;
  position: relative;
  box-sizing: content-box; }

.hrv-banner-container .owl-page.active span:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  position: absolute;
  top: 2px;
  left: 2px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.hrv-banner-container .owl-page.active span {
  border-color: white !important; }

.owl-buttons > div {
  display: inline-block;
  position: absolute;
  background: transparent;
  text-indent: -9999px;
  transition: all .3s ease-in-out;
  text-decoration: none;
  color: transparent; }

.hrv-banner-container .owl-controls .owl-buttons div.owl-prev:hover,
.hrv-banner-container .owl-controls .owl-buttons div.owl-next:hover {
  border-color: #000000;
  border-width: 2px; }

.owl-buttons > div:before {
  display: block;
  height: 200%;
  width: 200%;
  margin-left: -50%;
  margin-top: -50%;
  content: "";
  transform: rotate(45deg); }

.hrv-banner-container .owl-controls .owl-buttons div.owl-prev {
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  transform: rotate(-45deg);
  left: 30px; }

.hrv-banner-container .owl-controls .owl-buttons div.owl-next {
  right: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  border-right: 1px solid rgba(255, 255, 255, 0.6);
  transform: rotate(-45deg); }

.slides .owl-dots {
  position: absolute;
  bottom: 28px;
  text-align: center;
  width: 100%; }

.slides .owl-dots .owl-dot {
  display: inline-block; }

.slides .owl-dots .owl-dot span {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 50%;
  cursor: pointer;
  background: transparent;
  border: 2px solid #fff;
  -webkit-transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background 0.2s ease-in-out; }

.slides .owl-dots .owl-dot.active span {
  background: #fff; }

.slides.owl-carousel .owl-nav .owl-prev,
.slides.owl-carousel .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
  border: none;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  text-align: center;
  z-index: 1;
  -webkit-box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  vertical-align: middle;
  line-height: 0; }

.slides.owl-carousel .owl-nav .owl-prev:before,
.slides.owl-carousel .owl-nav .owl-next:before {
  content: "";
  font-family: "FontAwesome";
  font-size: 25px;
  line-height: 50px;
  width: 50px;
  height: 50px;
  display: inline-block;
  -webkit-box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  box-shadow: 0 2px 10px rgba(54, 54, 54, 0.15);
  border-radius: 50%; }

.slides.owl-carousel .owl-nav .owl-prev {
  left: 35px; }

.slides.owl-carousel .owl-nav .owl-prev:before {
  content: "\f104"; }

.slides.owl-carousel .owl-nav .owl-next {
  right: 35px; }

.slides.owl-carousel .owl-nav .owl-next:before {
  content: "\f105"; }

.slides.owl-carousel .owl-stage {
  margin: 0 auto; }

/** end home slider **/
.style-flex {
  justify-content: space-between; }

@media (max-width: 576px) {
  #booking-header a, #booking-header2 a {
    color: #fff;
    outline: 0;
    background: #c4152b;
    padding: 10px 20px !important;
    width: 130px;
    margin-bottom: 5px;
    text-align: center; } }

li.hd_cart i {
  font-size: 18px;
  color: #1A76D1; }

.menu-lang {
  margin-top: 10px;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex; }
  .menu-lang li {
    margin-right: 10px; }